[{"data":1,"prerenderedAt":2384},["ShallowReactive",2],{"blog-\u002Fblog\u002F2023\u002F10\u002Fcustom-vuetify-components-dashboard":3,"blog-all-for-related":2383},{"id":4,"title":5,"authors":6,"body":8,"cta":2361,"date":2362,"description":2363,"extension":2364,"image":2365,"lastUpdated":2361,"meta":2366,"navigation":2373,"path":2374,"seo":2375,"sitemap":2376,"stem":2377,"subtitle":2363,"tags":2378,"tldr":2361,"video":2361,"__hash__":2382},"blog\u002Fblog\u002F2023\u002F10\u002Fcustom-vuetify-components-dashboard.md","Custom Vuetify components for Dashboard 2.0",[7],"zeger-jan-van-de-weg",{"type":9,"value":10,"toc":2350},"minimark",[11,20,31,36,51,54,125,130,144,152,156,166,177,180,228,238,254,261,265,268,283,286,2346],[12,13,14,15,19],"p",{},"Vuetify is a library of UI components using Vue. This saves the developers of\nDashboard 2.0 a lot of time, but it can also help you, the end-user. As Vuetify\nis now included, it can be used to include ",[16,17,18],"em",{},"any"," of their components. So in this\npost we're going to use a few of these to teach you how to use any of them.",[12,21,22,23,30],{},"Let's install the ",[24,25,29],"a",{"href":26,"rel":27},"https:\u002F\u002Fdashboard.flowfuse.com\u002Fgetting-started.html",[28],"nofollow","Dashboard 2.0 package"," if you want to follow along. When that's done, let's figure\nout how to build custom components on dashboards.",[32,33,35],"h2",{"id":34},"custom-components","Custom components",[12,37,38,39,44,45,50],{},"While going through the list of components on ",[24,40,43],{"href":41,"rel":42},"https:\u002F\u002Fvuetifyjs.com\u002Fen\u002Fcomponents\u002Fall\u002F",[28],"Vuetify","\nthere's several examples that aren't natively implemented in Dashboard 2.0.\nOne example we'll use in a dashboard in this post is the\n",[24,46,49],{"href":47,"rel":48},"https:\u002F\u002Fvuetifyjs.com\u002Fen\u002Fcomponents\u002Fprogress-circular\u002F",[28],"Progress circular"," to\nbuild a count down timer.",[12,52,53],{},"The documentation explains which elements one can change, in this case the size and\nwidth. Having set those to the values you'd want in your dashboard, the HTML is\ngenerated for you, in my case it's:",[55,56,61],"pre",{"className":57,"code":58,"language":59,"meta":60,"style":60},"language-html shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","\u003Cv-progress-circular model-value=\"20\" :size=\"128\" :width=\"12\">\u003C\u002Fv-progress-circular>\n","html","",[62,63,64],"code",{"__ignoreMap":60},[65,66,69,73,77,81,84,87,91,93,96,98,100,103,105,108,110,112,115,117,120,122],"span",{"class":67,"line":68},"line",1,[65,70,72],{"class":71},"sMK4o","\u003C",[65,74,76],{"class":75},"swJcz","v-progress-circular",[65,78,80],{"class":79},"spNyl"," model-value",[65,82,83],{"class":71},"=",[65,85,86],{"class":71},"\"",[65,88,90],{"class":89},"sfazB","20",[65,92,86],{"class":71},[65,94,95],{"class":79}," :size",[65,97,83],{"class":71},[65,99,86],{"class":71},[65,101,102],{"class":89},"128",[65,104,86],{"class":71},[65,106,107],{"class":79}," :width",[65,109,83],{"class":71},[65,111,86],{"class":71},[65,113,114],{"class":89},"12",[65,116,86],{"class":71},[65,118,119],{"class":71},">\u003C\u002F",[65,121,76],{"class":75},[65,123,124],{"class":71},">\n",[126,127,129],"h3",{"id":128},"using-the-template-node","Using the template node",[12,131,132,133,137,138,143],{},"Like the ",[24,134,136],{"href":135},"\u002Fnode-red\u002Fcore-nodes\u002Ftemplate","template core node",", the dashboard package\ncomes with ",[24,139,142],{"href":140,"rel":141},"https:\u002F\u002Fdashboard.flowfuse.com\u002Fnodes\u002Fwidgets\u002Fui-template.html",[28],"a template node of its own",".\nIf we take the HTML from the Vuetify docs pages and copy it in a template node\nthe spinner will show up on the dashboard.",[12,145,146],{},[147,148],"img",{"alt":149,"src":150,"title":151},"\"Custom widget on Dashboard 2.0\"","\u002Fblog\u002F2023\u002F10\u002Fimages\u002Fcustom-element-dashboard.png","Custom widget on Dashboard 2.0",[32,153,155],{"id":154},"dynamic-templates","Dynamic templates",[12,157,158,159,165],{},"While a custom element on a page is cool, and shows you can inject arbitrary HTML\non a Dashboard, it's even better if we could make the element dynamic. So let's\nstart with a first dynamic element. The quickest way to get that done is have\nan ",[24,160,162],{"href":161},"\u002Fnode-red\u002Fcore-nodes\u002Finject",[62,163,164],{},"Inject"," node output a random number every second.",[12,167,168,169,172,173,176],{},"So let's hook up an Inject, with ",[62,170,171],{},"msg.payload","'s output being a JSONata expression\n",[62,174,175],{},"$round($random() * 100)"," to generate a random number. And let's make sure it\nsends a message every second.",[12,178,179],{},"Then we need to update the template node to the following snippet:",[55,181,183],{"className":57,"code":182,"language":59,"meta":60,"style":60},"\u003Cv-progress-circular v-model=\"msg.payload\" :size=\"128\" :width=\"12\">\u003C\u002Fv-progress-circular>\n",[62,184,185],{"__ignoreMap":60},[65,186,187,189,191,194,196,198,200,202,204,206,208,210,212,214,216,218,220,222,224,226],{"class":67,"line":68},[65,188,72],{"class":71},[65,190,76],{"class":75},[65,192,193],{"class":79}," v-model",[65,195,83],{"class":71},[65,197,86],{"class":71},[65,199,171],{"class":89},[65,201,86],{"class":71},[65,203,95],{"class":79},[65,205,83],{"class":71},[65,207,86],{"class":71},[65,209,102],{"class":89},[65,211,86],{"class":71},[65,213,107],{"class":79},[65,215,83],{"class":71},[65,217,86],{"class":71},[65,219,114],{"class":89},[65,221,86],{"class":71},[65,223,119],{"class":71},[65,225,76],{"class":75},[65,227,124],{"class":71},[12,229,230,231,234,235,237],{},"The difference is subtle, but important. Instead of hard-coding the ",[62,232,233],{},"model-value","\nto 20, the tag has changed name and it's set to ",[62,236,171],{},". The latter makes\nthe value dynamic.",[12,239,240,241,243,244,247,248,253],{},"Changing ",[62,242,233],{}," to ",[62,245,246],{},"v-model"," is due to leaking implementation details of\nDashboard 2.0. It uses VueJS to provide, among other features, easy updating of\ncomponents. If components are dynamic, ",[16,249,250,251],{},"always use ",[62,252,246],{},". This allows VueJS\nto pick up changes made dynamically.",[12,255,256],{},[147,257],{"alt":258,"src":259,"title":260},"\"Progress spinner, random values\"","\u002Fblog\u002F2023\u002F10\u002Fimages\u002Frandom-progress-element.gif","Progress spinner, random values",[126,262,264],{"id":263},"finishing-the-count-down-timer","Finishing the count down timer",[12,266,267],{},"This is mostly a programmers job, but it's not hard, so let's get to it. A button\nwould be great to reset the timer, and for the sake of this post we can hardcode\nthe deadline to 1m from the button press.",[12,269,270,271,275,276,279,280,282],{},"When dragging in a button node, connect it to a ",[24,272,274],{"href":273},"\u002Fnode-red\u002Fcore-nodes\u002Fchange","change","\nnode. In the change node set the flow variable ",[62,277,278],{},"flow.deadline"," to the timestamp. The\nInject node from earlier needs updating to inject the ",[62,281,278],{},". All that's\nleft is calculating how many seconds passed, and normalizing 60 seconds to the\nrange between 0-100.",[12,284,285],{},"The complete flow is:",[287,288,289],"render-flow",{},[55,290,294],{"className":291,"code":292,"language":293,"meta":60,"style":60},"language-json shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","[{\"id\":\"ce9bb8f74e3fc934\",\"type\":\"ui-template\",\"z\":\"24065a0aadb305e3\",\"group\":\"8fa772a709ae3316\",\"dashboard\":\"e5a3f4cdb11e5e3b\",\"page\":\"5bedf7f49d5a6037\",\"name\":\"Progress spinner\",\"order\":0,\"width\":0,\"height\":0,\"format\":\"\u003Cv-progress-circular v-model=\\\"msg.payload\\\" :size=\\\"128\\\" :width=\\\"12\\\">\u003C\u002Fv-progress-circular>\\n\",\"storeOutMessages\":true,\"fwdInMessages\":true,\"resendOnRefresh\":true,\"templateScope\":\"local\",\"className\":\"\",\"x\":810,\"y\":80,\"wires\":[[]]},{\"id\":\"8f3e6631414aa096\",\"type\":\"inject\",\"z\":\"24065a0aadb305e3\",\"name\":\"Inject deadline\",\"props\":[{\"p\":\"payload\"}],\"repeat\":\"1\",\"crontab\":\"\",\"once\":true,\"onceDelay\":0.1,\"topic\":\"\",\"payload\":\"deadline\",\"payloadType\":\"flow\",\"x\":140,\"y\":80,\"wires\":[[\"293cd6f9d727fa02\"]]},{\"id\":\"bd9032719d24a53d\",\"type\":\"ui-button\",\"z\":\"24065a0aadb305e3\",\"group\":\"8fa772a709ae3316\",\"name\":\"\",\"label\":\"Reset\",\"order\":0,\"width\":0,\"height\":0,\"passthru\":false,\"tooltip\":\"\",\"color\":\"\",\"bgcolor\":\"\",\"className\":\"\",\"icon\":\"\",\"payload\":\"\",\"payloadType\":\"date\",\"topic\":\"deadline\",\"topicType\":\"msg\",\"x\":170,\"y\":140,\"wires\":[[\"61ef83d8b06ff626\"]]},{\"id\":\"61ef83d8b06ff626\",\"type\":\"change\",\"z\":\"24065a0aadb305e3\",\"name\":\"\",\"rules\":[{\"t\":\"set\",\"p\":\"deadline\",\"pt\":\"flow\",\"to\":\"\",\"tot\":\"date\"}],\"action\":\"\",\"property\":\"\",\"from\":\"\",\"to\":\"\",\"reg\":false,\"x\":350,\"y\":140,\"wires\":[[]]},{\"id\":\"293cd6f9d727fa02\",\"type\":\"change\",\"z\":\"24065a0aadb305e3\",\"name\":\"Secs since reset\",\"rules\":[{\"t\":\"set\",\"p\":\"payload\",\"pt\":\"msg\",\"to\":\"($millis() - msg.payload)\u002F1000\",\"tot\":\"jsonata\"}],\"action\":\"\",\"property\":\"\",\"from\":\"\",\"to\":\"\",\"reg\":false,\"x\":340,\"y\":80,\"wires\":[[\"9742da7e74fd3cd2\"]]},{\"id\":\"9742da7e74fd3cd2\",\"type\":\"range\",\"z\":\"24065a0aadb305e3\",\"minin\":\"0\",\"maxin\":\"60\",\"minout\":\"0\",\"maxout\":\"100\",\"action\":\"clamp\",\"round\":false,\"property\":\"payload\",\"name\":\"Seconds to percentages\",\"x\":570,\"y\":80,\"wires\":[[\"ce9bb8f74e3fc934\"]]},{\"id\":\"8fa772a709ae3316\",\"type\":\"ui-group\",\"name\":\"Group Name\",\"page\":\"5bedf7f49d5a6037\",\"width\":\"6\",\"height\":\"1\",\"order\":\"\",\"disp\":true},{\"id\":\"e5a3f4cdb11e5e3b\",\"type\":\"ui-base\",\"name\":\"UI Name\",\"path\":\"\u002Fdashboard\"},{\"id\":\"5bedf7f49d5a6037\",\"type\":\"ui-page\",\"name\":\"Page Name\",\"ui\":\"e5a3f4cdb11e5e3b\",\"path\":\"\u002F\",\"layout\":\"grid\",\"theme\":\"8240fbe7c09bc81c\"},{\"id\":\"8240fbe7c09bc81c\",\"type\":\"ui-theme\",\"name\":\"Theme Name\",\"colors\":{\"surface\":\"#ffffff\",\"primary\":\"#0094ce\",\"bgPage\":\"#eeeeee\",\"groupBg\":\"#ffffff\",\"groupOutline\":\"#cccccc\"}}]\n","json",[62,295,296],{"__ignoreMap":60},[65,297,298,301,303,306,308,311,313,316,318,321,323,326,328,330,332,335,337,339,341,344,346,348,350,353,355,357,359,362,364,366,368,371,373,375,377,380,382,384,386,389,391,393,395,398,400,402,404,407,409,411,413,416,418,420,422,425,427,429,431,434,436,438,442,444,446,449,451,453,455,457,459,462,464,466,468,470,472,475,477,479,481,484,488,490,492,495,497,499,501,504,506,508,510,513,516,518,520,522,525,527,530,532,535,537,539,541,544,546,548,550,553,555,557,559,562,564,566,568,571,573,575,578,580,582,585,587,589,592,594,596,599,601,603,606,608,610,613,615,618,620,622,624,626,628,631,633,635,637,639,641,643,645,648,650,652,654,656,658,660,662,664,666,668,670,672,674,676,678,681,683,685,687,690,692,695,697,700,702,704,706,709,711,714,716,719,721,723,725,728,730,732,734,737,739,741,743,745,747,750,752,754,756,759,761,763,766,768,770,773,775,777,779,781,783,785,787,789,791,794,796,798,800,803,805,807,809,812,814,816,818,820,822,824,827,829,831,833,835,837,839,841,843,845,847,850,852,855,857,860,862,864,866,868,870,873,875,877,879,881,883,885,887,890,892,894,896,898,900,902,904,906,908,910,912,914,916,918,920,922,924,926,928,930,932,934,936,938,940,943,945,947,949,952,954,956,958,960,962,964,966,968,970,972,974,976,978,980,982,984,986,988,990,992,994,997,999,1002,1004,1007,1009,1011,1013,1015,1017,1020,1022,1024,1026,1028,1030,1033,1035,1037,1039,1041,1043,1045,1047,1049,1051,1053,1055,1058,1060,1062,1064,1066,1068,1070,1072,1074,1076,1078,1080,1082,1084,1086,1088,1091,1093,1095,1097,1099,1101,1103,1105,1107,1109,1111,1113,1116,1118,1120,1122,1125,1127,1129,1131,1133,1135,1137,1140,1142,1144,1146,1148,1150,1152,1154,1156,1158,1160,1162,1164,1167,1169,1171,1173,1175,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207,1209,1211,1213,1215,1217,1219,1221,1223,1225,1227,1229,1231,1233,1236,1238,1240,1242,1245,1247,1249,1251,1254,1256,1258,1260,1262,1264,1266,1268,1270,1272,1274,1276,1279,1281,1283,1285,1287,1289,1291,1293,1296,1298,1300,1302,1304,1306,1309,1311,1313,1315,1317,1319,1321,1323,1326,1328,1330,1332,1334,1336,1339,1341,1343,1345,1347,1349,1352,1354,1356,1358,1360,1362,1364,1366,1368,1370,1372,1374,1377,1379,1381,1383,1385,1387,1389,1392,1394,1396,1398,1400,1402,1404,1406,1408,1410,1412,1414,1416,1418,1420,1422,1424,1426,1428,1430,1432,1434,1436,1438,1440,1442,1444,1446,1448,1450,1452,1454,1456,1458,1460,1462,1464,1466,1468,1470,1472,1475,1477,1479,1481,1483,1485,1487,1489,1491,1493,1495,1497,1499,1501,1503,1505,1507,1509,1511,1513,1515,1517,1519,1521,1523,1525,1527,1529,1531,1533,1535,1537,1539,1541,1543,1545,1548,1550,1552,1554,1556,1558,1560,1562,1565,1567,1569,1571,1573,1575,1577,1579,1581,1583,1585,1587,1589,1591,1593,1595,1597,1599,1601,1603,1605,1607,1609,1611,1613,1615,1617,1619,1621,1623,1625,1627,1629,1631,1633,1636,1638,1640,1642,1644,1646,1648,1650,1652,1654,1656,1658,1660,1663,1665,1667,1669,1671,1673,1675,1677,1679,1681,1683,1685,1687,1689,1691,1693,1696,1698,1700,1702,1704,1706,1708,1710,1712,1714,1716,1718,1721,1723,1725,1727,1729,1731,1733,1735,1738,1740,1742,1744,1747,1749,1751,1753,1756,1758,1760,1762,1764,1766,1768,1770,1773,1775,1777,1779,1782,1784,1786,1788,1790,1792,1794,1796,1799,1801,1803,1805,1808,1810,1812,1814,1816,1818,1820,1822,1824,1826,1828,1830,1832,1834,1836,1838,1841,1843,1845,1847,1849,1851,1853,1856,1858,1860,1862,1864,1866,1868,1870,1872,1874,1876,1878,1880,1882,1884,1886,1888,1890,1892,1894,1896,1898,1900,1902,1904,1906,1908,1910,1912,1915,1917,1919,1921,1923,1925,1927,1929,1932,1934,1936,1938,1940,1942,1944,1946,1948,1950,1952,1954,1956,1958,1960,1962,1965,1967,1969,1971,1973,1975,1977,1979,1981,1983,1985,1987,1989,1991,1993,1995,1997,1999,2002,2004,2007,2009,2011,2013,2015,2017,2019,2021,2023,2025,2027,2029,2031,2033,2036,2038,2040,2042,2044,2046,2048,2050,2053,2055,2057,2059,2062,2064,2066,2068,2071,2073,2076,2078,2080,2082,2084,2086,2088,2090,2092,2094,2096,2098,2100,2102,2105,2107,2109,2111,2113,2115,2117,2119,2122,2124,2126,2128,2131,2133,2135,2137,2139,2141,2143,2145,2147,2149,2151,2153,2156,2158,2160,2162,2165,2167,2169,2171,2174,2176,2178,2180,2183,2185,2187,2189,2192,2194,2196,2198,2200,2202,2204,2206,2208,2210,2212,2214,2216,2218,2220,2222,2225,2227,2229,2231,2233,2235,2237,2239,2242,2244,2246,2248,2251,2253,2256,2258,2261,2263,2265,2267,2270,2272,2274,2276,2279,2281,2283,2285,2288,2290,2292,2294,2297,2299,2301,2303,2306,2308,2310,2312,2315,2317,2319,2321,2323,2325,2327,2329,2332,2334,2336,2338,2341,2343],{"class":67,"line":68},[65,299,300],{"class":71},"[{",[65,302,86],{"class":71},[65,304,305],{"class":79},"id",[65,307,86],{"class":71},[65,309,310],{"class":71},":",[65,312,86],{"class":71},[65,314,315],{"class":89},"ce9bb8f74e3fc934",[65,317,86],{"class":71},[65,319,320],{"class":71},",",[65,322,86],{"class":71},[65,324,325],{"class":79},"type",[65,327,86],{"class":71},[65,329,310],{"class":71},[65,331,86],{"class":71},[65,333,334],{"class":89},"ui-template",[65,336,86],{"class":71},[65,338,320],{"class":71},[65,340,86],{"class":71},[65,342,343],{"class":79},"z",[65,345,86],{"class":71},[65,347,310],{"class":71},[65,349,86],{"class":71},[65,351,352],{"class":89},"24065a0aadb305e3",[65,354,86],{"class":71},[65,356,320],{"class":71},[65,358,86],{"class":71},[65,360,361],{"class":79},"group",[65,363,86],{"class":71},[65,365,310],{"class":71},[65,367,86],{"class":71},[65,369,370],{"class":89},"8fa772a709ae3316",[65,372,86],{"class":71},[65,374,320],{"class":71},[65,376,86],{"class":71},[65,378,379],{"class":79},"dashboard",[65,381,86],{"class":71},[65,383,310],{"class":71},[65,385,86],{"class":71},[65,387,388],{"class":89},"e5a3f4cdb11e5e3b",[65,390,86],{"class":71},[65,392,320],{"class":71},[65,394,86],{"class":71},[65,396,397],{"class":79},"page",[65,399,86],{"class":71},[65,401,310],{"class":71},[65,403,86],{"class":71},[65,405,406],{"class":89},"5bedf7f49d5a6037",[65,408,86],{"class":71},[65,410,320],{"class":71},[65,412,86],{"class":71},[65,414,415],{"class":79},"name",[65,417,86],{"class":71},[65,419,310],{"class":71},[65,421,86],{"class":71},[65,423,424],{"class":89},"Progress spinner",[65,426,86],{"class":71},[65,428,320],{"class":71},[65,430,86],{"class":71},[65,432,433],{"class":79},"order",[65,435,86],{"class":71},[65,437,310],{"class":71},[65,439,441],{"class":440},"sbssI","0",[65,443,320],{"class":71},[65,445,86],{"class":71},[65,447,448],{"class":79},"width",[65,450,86],{"class":71},[65,452,310],{"class":71},[65,454,441],{"class":440},[65,456,320],{"class":71},[65,458,86],{"class":71},[65,460,461],{"class":79},"height",[65,463,86],{"class":71},[65,465,310],{"class":71},[65,467,441],{"class":440},[65,469,320],{"class":71},[65,471,86],{"class":71},[65,473,474],{"class":79},"format",[65,476,86],{"class":71},[65,478,310],{"class":71},[65,480,86],{"class":71},[65,482,483],{"class":89},"\u003Cv-progress-circular v-model=",[65,485,487],{"class":486},"sTEyZ","\\\"",[65,489,171],{"class":89},[65,491,487],{"class":486},[65,493,494],{"class":89}," :size=",[65,496,487],{"class":486},[65,498,102],{"class":89},[65,500,487],{"class":486},[65,502,503],{"class":89}," :width=",[65,505,487],{"class":486},[65,507,114],{"class":89},[65,509,487],{"class":486},[65,511,512],{"class":89},">\u003C\u002Fv-progress-circular>",[65,514,515],{"class":486},"\\n",[65,517,86],{"class":71},[65,519,320],{"class":71},[65,521,86],{"class":71},[65,523,524],{"class":79},"storeOutMessages",[65,526,86],{"class":71},[65,528,529],{"class":71},":true,",[65,531,86],{"class":71},[65,533,534],{"class":79},"fwdInMessages",[65,536,86],{"class":71},[65,538,529],{"class":71},[65,540,86],{"class":71},[65,542,543],{"class":79},"resendOnRefresh",[65,545,86],{"class":71},[65,547,529],{"class":71},[65,549,86],{"class":71},[65,551,552],{"class":79},"templateScope",[65,554,86],{"class":71},[65,556,310],{"class":71},[65,558,86],{"class":71},[65,560,561],{"class":89},"local",[65,563,86],{"class":71},[65,565,320],{"class":71},[65,567,86],{"class":71},[65,569,570],{"class":79},"className",[65,572,86],{"class":71},[65,574,310],{"class":71},[65,576,577],{"class":71},"\"\"",[65,579,320],{"class":71},[65,581,86],{"class":71},[65,583,584],{"class":79},"x",[65,586,86],{"class":71},[65,588,310],{"class":71},[65,590,591],{"class":440},"810",[65,593,320],{"class":71},[65,595,86],{"class":71},[65,597,598],{"class":79},"y",[65,600,86],{"class":71},[65,602,310],{"class":71},[65,604,605],{"class":440},"80",[65,607,320],{"class":71},[65,609,86],{"class":71},[65,611,612],{"class":79},"wires",[65,614,86],{"class":71},[65,616,617],{"class":71},":[[]]},{",[65,619,86],{"class":71},[65,621,305],{"class":79},[65,623,86],{"class":71},[65,625,310],{"class":71},[65,627,86],{"class":71},[65,629,630],{"class":89},"8f3e6631414aa096",[65,632,86],{"class":71},[65,634,320],{"class":71},[65,636,86],{"class":71},[65,638,325],{"class":79},[65,640,86],{"class":71},[65,642,310],{"class":71},[65,644,86],{"class":71},[65,646,647],{"class":89},"inject",[65,649,86],{"class":71},[65,651,320],{"class":71},[65,653,86],{"class":71},[65,655,343],{"class":79},[65,657,86],{"class":71},[65,659,310],{"class":71},[65,661,86],{"class":71},[65,663,352],{"class":89},[65,665,86],{"class":71},[65,667,320],{"class":71},[65,669,86],{"class":71},[65,671,415],{"class":79},[65,673,86],{"class":71},[65,675,310],{"class":71},[65,677,86],{"class":71},[65,679,680],{"class":89},"Inject deadline",[65,682,86],{"class":71},[65,684,320],{"class":71},[65,686,86],{"class":71},[65,688,689],{"class":79},"props",[65,691,86],{"class":71},[65,693,694],{"class":71},":[{",[65,696,86],{"class":71},[65,698,12],{"class":699},"sBMFI",[65,701,86],{"class":71},[65,703,310],{"class":71},[65,705,86],{"class":71},[65,707,708],{"class":89},"payload",[65,710,86],{"class":71},[65,712,713],{"class":71},"}],",[65,715,86],{"class":71},[65,717,718],{"class":79},"repeat",[65,720,86],{"class":71},[65,722,310],{"class":71},[65,724,86],{"class":71},[65,726,727],{"class":89},"1",[65,729,86],{"class":71},[65,731,320],{"class":71},[65,733,86],{"class":71},[65,735,736],{"class":79},"crontab",[65,738,86],{"class":71},[65,740,310],{"class":71},[65,742,577],{"class":71},[65,744,320],{"class":71},[65,746,86],{"class":71},[65,748,749],{"class":79},"once",[65,751,86],{"class":71},[65,753,529],{"class":71},[65,755,86],{"class":71},[65,757,758],{"class":79},"onceDelay",[65,760,86],{"class":71},[65,762,310],{"class":71},[65,764,765],{"class":440},"0.1",[65,767,320],{"class":71},[65,769,86],{"class":71},[65,771,772],{"class":79},"topic",[65,774,86],{"class":71},[65,776,310],{"class":71},[65,778,577],{"class":71},[65,780,320],{"class":71},[65,782,86],{"class":71},[65,784,708],{"class":79},[65,786,86],{"class":71},[65,788,310],{"class":71},[65,790,86],{"class":71},[65,792,793],{"class":89},"deadline",[65,795,86],{"class":71},[65,797,320],{"class":71},[65,799,86],{"class":71},[65,801,802],{"class":79},"payloadType",[65,804,86],{"class":71},[65,806,310],{"class":71},[65,808,86],{"class":71},[65,810,811],{"class":89},"flow",[65,813,86],{"class":71},[65,815,320],{"class":71},[65,817,86],{"class":71},[65,819,584],{"class":79},[65,821,86],{"class":71},[65,823,310],{"class":71},[65,825,826],{"class":440},"140",[65,828,320],{"class":71},[65,830,86],{"class":71},[65,832,598],{"class":79},[65,834,86],{"class":71},[65,836,310],{"class":71},[65,838,605],{"class":440},[65,840,320],{"class":71},[65,842,86],{"class":71},[65,844,612],{"class":79},[65,846,86],{"class":71},[65,848,849],{"class":71},":[[",[65,851,86],{"class":71},[65,853,854],{"class":89},"293cd6f9d727fa02",[65,856,86],{"class":71},[65,858,859],{"class":71},"]]},{",[65,861,86],{"class":71},[65,863,305],{"class":79},[65,865,86],{"class":71},[65,867,310],{"class":71},[65,869,86],{"class":71},[65,871,872],{"class":89},"bd9032719d24a53d",[65,874,86],{"class":71},[65,876,320],{"class":71},[65,878,86],{"class":71},[65,880,325],{"class":79},[65,882,86],{"class":71},[65,884,310],{"class":71},[65,886,86],{"class":71},[65,888,889],{"class":89},"ui-button",[65,891,86],{"class":71},[65,893,320],{"class":71},[65,895,86],{"class":71},[65,897,343],{"class":79},[65,899,86],{"class":71},[65,901,310],{"class":71},[65,903,86],{"class":71},[65,905,352],{"class":89},[65,907,86],{"class":71},[65,909,320],{"class":71},[65,911,86],{"class":71},[65,913,361],{"class":79},[65,915,86],{"class":71},[65,917,310],{"class":71},[65,919,86],{"class":71},[65,921,370],{"class":89},[65,923,86],{"class":71},[65,925,320],{"class":71},[65,927,86],{"class":71},[65,929,415],{"class":79},[65,931,86],{"class":71},[65,933,310],{"class":71},[65,935,577],{"class":71},[65,937,320],{"class":71},[65,939,86],{"class":71},[65,941,942],{"class":79},"label",[65,944,86],{"class":71},[65,946,310],{"class":71},[65,948,86],{"class":71},[65,950,951],{"class":89},"Reset",[65,953,86],{"class":71},[65,955,320],{"class":71},[65,957,86],{"class":71},[65,959,433],{"class":79},[65,961,86],{"class":71},[65,963,310],{"class":71},[65,965,441],{"class":440},[65,967,320],{"class":71},[65,969,86],{"class":71},[65,971,448],{"class":79},[65,973,86],{"class":71},[65,975,310],{"class":71},[65,977,441],{"class":440},[65,979,320],{"class":71},[65,981,86],{"class":71},[65,983,461],{"class":79},[65,985,86],{"class":71},[65,987,310],{"class":71},[65,989,441],{"class":440},[65,991,320],{"class":71},[65,993,86],{"class":71},[65,995,996],{"class":79},"passthru",[65,998,86],{"class":71},[65,1000,1001],{"class":71},":false,",[65,1003,86],{"class":71},[65,1005,1006],{"class":79},"tooltip",[65,1008,86],{"class":71},[65,1010,310],{"class":71},[65,1012,577],{"class":71},[65,1014,320],{"class":71},[65,1016,86],{"class":71},[65,1018,1019],{"class":79},"color",[65,1021,86],{"class":71},[65,1023,310],{"class":71},[65,1025,577],{"class":71},[65,1027,320],{"class":71},[65,1029,86],{"class":71},[65,1031,1032],{"class":79},"bgcolor",[65,1034,86],{"class":71},[65,1036,310],{"class":71},[65,1038,577],{"class":71},[65,1040,320],{"class":71},[65,1042,86],{"class":71},[65,1044,570],{"class":79},[65,1046,86],{"class":71},[65,1048,310],{"class":71},[65,1050,577],{"class":71},[65,1052,320],{"class":71},[65,1054,86],{"class":71},[65,1056,1057],{"class":79},"icon",[65,1059,86],{"class":71},[65,1061,310],{"class":71},[65,1063,577],{"class":71},[65,1065,320],{"class":71},[65,1067,86],{"class":71},[65,1069,708],{"class":79},[65,1071,86],{"class":71},[65,1073,310],{"class":71},[65,1075,577],{"class":71},[65,1077,320],{"class":71},[65,1079,86],{"class":71},[65,1081,802],{"class":79},[65,1083,86],{"class":71},[65,1085,310],{"class":71},[65,1087,86],{"class":71},[65,1089,1090],{"class":89},"date",[65,1092,86],{"class":71},[65,1094,320],{"class":71},[65,1096,86],{"class":71},[65,1098,772],{"class":79},[65,1100,86],{"class":71},[65,1102,310],{"class":71},[65,1104,86],{"class":71},[65,1106,793],{"class":89},[65,1108,86],{"class":71},[65,1110,320],{"class":71},[65,1112,86],{"class":71},[65,1114,1115],{"class":79},"topicType",[65,1117,86],{"class":71},[65,1119,310],{"class":71},[65,1121,86],{"class":71},[65,1123,1124],{"class":89},"msg",[65,1126,86],{"class":71},[65,1128,320],{"class":71},[65,1130,86],{"class":71},[65,1132,584],{"class":79},[65,1134,86],{"class":71},[65,1136,310],{"class":71},[65,1138,1139],{"class":440},"170",[65,1141,320],{"class":71},[65,1143,86],{"class":71},[65,1145,598],{"class":79},[65,1147,86],{"class":71},[65,1149,310],{"class":71},[65,1151,826],{"class":440},[65,1153,320],{"class":71},[65,1155,86],{"class":71},[65,1157,612],{"class":79},[65,1159,86],{"class":71},[65,1161,849],{"class":71},[65,1163,86],{"class":71},[65,1165,1166],{"class":89},"61ef83d8b06ff626",[65,1168,86],{"class":71},[65,1170,859],{"class":71},[65,1172,86],{"class":71},[65,1174,305],{"class":79},[65,1176,86],{"class":71},[65,1178,310],{"class":71},[65,1180,86],{"class":71},[65,1182,1166],{"class":89},[65,1184,86],{"class":71},[65,1186,320],{"class":71},[65,1188,86],{"class":71},[65,1190,325],{"class":79},[65,1192,86],{"class":71},[65,1194,310],{"class":71},[65,1196,86],{"class":71},[65,1198,274],{"class":89},[65,1200,86],{"class":71},[65,1202,320],{"class":71},[65,1204,86],{"class":71},[65,1206,343],{"class":79},[65,1208,86],{"class":71},[65,1210,310],{"class":71},[65,1212,86],{"class":71},[65,1214,352],{"class":89},[65,1216,86],{"class":71},[65,1218,320],{"class":71},[65,1220,86],{"class":71},[65,1222,415],{"class":79},[65,1224,86],{"class":71},[65,1226,310],{"class":71},[65,1228,577],{"class":71},[65,1230,320],{"class":71},[65,1232,86],{"class":71},[65,1234,1235],{"class":79},"rules",[65,1237,86],{"class":71},[65,1239,694],{"class":71},[65,1241,86],{"class":71},[65,1243,1244],{"class":699},"t",[65,1246,86],{"class":71},[65,1248,310],{"class":71},[65,1250,86],{"class":71},[65,1252,1253],{"class":89},"set",[65,1255,86],{"class":71},[65,1257,320],{"class":71},[65,1259,86],{"class":71},[65,1261,12],{"class":699},[65,1263,86],{"class":71},[65,1265,310],{"class":71},[65,1267,86],{"class":71},[65,1269,793],{"class":89},[65,1271,86],{"class":71},[65,1273,320],{"class":71},[65,1275,86],{"class":71},[65,1277,1278],{"class":699},"pt",[65,1280,86],{"class":71},[65,1282,310],{"class":71},[65,1284,86],{"class":71},[65,1286,811],{"class":89},[65,1288,86],{"class":71},[65,1290,320],{"class":71},[65,1292,86],{"class":71},[65,1294,1295],{"class":699},"to",[65,1297,86],{"class":71},[65,1299,310],{"class":71},[65,1301,577],{"class":71},[65,1303,320],{"class":71},[65,1305,86],{"class":71},[65,1307,1308],{"class":699},"tot",[65,1310,86],{"class":71},[65,1312,310],{"class":71},[65,1314,86],{"class":71},[65,1316,1090],{"class":89},[65,1318,86],{"class":71},[65,1320,713],{"class":71},[65,1322,86],{"class":71},[65,1324,1325],{"class":79},"action",[65,1327,86],{"class":71},[65,1329,310],{"class":71},[65,1331,577],{"class":71},[65,1333,320],{"class":71},[65,1335,86],{"class":71},[65,1337,1338],{"class":79},"property",[65,1340,86],{"class":71},[65,1342,310],{"class":71},[65,1344,577],{"class":71},[65,1346,320],{"class":71},[65,1348,86],{"class":71},[65,1350,1351],{"class":79},"from",[65,1353,86],{"class":71},[65,1355,310],{"class":71},[65,1357,577],{"class":71},[65,1359,320],{"class":71},[65,1361,86],{"class":71},[65,1363,1295],{"class":79},[65,1365,86],{"class":71},[65,1367,310],{"class":71},[65,1369,577],{"class":71},[65,1371,320],{"class":71},[65,1373,86],{"class":71},[65,1375,1376],{"class":79},"reg",[65,1378,86],{"class":71},[65,1380,1001],{"class":71},[65,1382,86],{"class":71},[65,1384,584],{"class":79},[65,1386,86],{"class":71},[65,1388,310],{"class":71},[65,1390,1391],{"class":440},"350",[65,1393,320],{"class":71},[65,1395,86],{"class":71},[65,1397,598],{"class":79},[65,1399,86],{"class":71},[65,1401,310],{"class":71},[65,1403,826],{"class":440},[65,1405,320],{"class":71},[65,1407,86],{"class":71},[65,1409,612],{"class":79},[65,1411,86],{"class":71},[65,1413,617],{"class":71},[65,1415,86],{"class":71},[65,1417,305],{"class":79},[65,1419,86],{"class":71},[65,1421,310],{"class":71},[65,1423,86],{"class":71},[65,1425,854],{"class":89},[65,1427,86],{"class":71},[65,1429,320],{"class":71},[65,1431,86],{"class":71},[65,1433,325],{"class":79},[65,1435,86],{"class":71},[65,1437,310],{"class":71},[65,1439,86],{"class":71},[65,1441,274],{"class":89},[65,1443,86],{"class":71},[65,1445,320],{"class":71},[65,1447,86],{"class":71},[65,1449,343],{"class":79},[65,1451,86],{"class":71},[65,1453,310],{"class":71},[65,1455,86],{"class":71},[65,1457,352],{"class":89},[65,1459,86],{"class":71},[65,1461,320],{"class":71},[65,1463,86],{"class":71},[65,1465,415],{"class":79},[65,1467,86],{"class":71},[65,1469,310],{"class":71},[65,1471,86],{"class":71},[65,1473,1474],{"class":89},"Secs since reset",[65,1476,86],{"class":71},[65,1478,320],{"class":71},[65,1480,86],{"class":71},[65,1482,1235],{"class":79},[65,1484,86],{"class":71},[65,1486,694],{"class":71},[65,1488,86],{"class":71},[65,1490,1244],{"class":699},[65,1492,86],{"class":71},[65,1494,310],{"class":71},[65,1496,86],{"class":71},[65,1498,1253],{"class":89},[65,1500,86],{"class":71},[65,1502,320],{"class":71},[65,1504,86],{"class":71},[65,1506,12],{"class":699},[65,1508,86],{"class":71},[65,1510,310],{"class":71},[65,1512,86],{"class":71},[65,1514,708],{"class":89},[65,1516,86],{"class":71},[65,1518,320],{"class":71},[65,1520,86],{"class":71},[65,1522,1278],{"class":699},[65,1524,86],{"class":71},[65,1526,310],{"class":71},[65,1528,86],{"class":71},[65,1530,1124],{"class":89},[65,1532,86],{"class":71},[65,1534,320],{"class":71},[65,1536,86],{"class":71},[65,1538,1295],{"class":699},[65,1540,86],{"class":71},[65,1542,310],{"class":71},[65,1544,86],{"class":71},[65,1546,1547],{"class":89},"($millis() - msg.payload)\u002F1000",[65,1549,86],{"class":71},[65,1551,320],{"class":71},[65,1553,86],{"class":71},[65,1555,1308],{"class":699},[65,1557,86],{"class":71},[65,1559,310],{"class":71},[65,1561,86],{"class":71},[65,1563,1564],{"class":89},"jsonata",[65,1566,86],{"class":71},[65,1568,713],{"class":71},[65,1570,86],{"class":71},[65,1572,1325],{"class":79},[65,1574,86],{"class":71},[65,1576,310],{"class":71},[65,1578,577],{"class":71},[65,1580,320],{"class":71},[65,1582,86],{"class":71},[65,1584,1338],{"class":79},[65,1586,86],{"class":71},[65,1588,310],{"class":71},[65,1590,577],{"class":71},[65,1592,320],{"class":71},[65,1594,86],{"class":71},[65,1596,1351],{"class":79},[65,1598,86],{"class":71},[65,1600,310],{"class":71},[65,1602,577],{"class":71},[65,1604,320],{"class":71},[65,1606,86],{"class":71},[65,1608,1295],{"class":79},[65,1610,86],{"class":71},[65,1612,310],{"class":71},[65,1614,577],{"class":71},[65,1616,320],{"class":71},[65,1618,86],{"class":71},[65,1620,1376],{"class":79},[65,1622,86],{"class":71},[65,1624,1001],{"class":71},[65,1626,86],{"class":71},[65,1628,584],{"class":79},[65,1630,86],{"class":71},[65,1632,310],{"class":71},[65,1634,1635],{"class":440},"340",[65,1637,320],{"class":71},[65,1639,86],{"class":71},[65,1641,598],{"class":79},[65,1643,86],{"class":71},[65,1645,310],{"class":71},[65,1647,605],{"class":440},[65,1649,320],{"class":71},[65,1651,86],{"class":71},[65,1653,612],{"class":79},[65,1655,86],{"class":71},[65,1657,849],{"class":71},[65,1659,86],{"class":71},[65,1661,1662],{"class":89},"9742da7e74fd3cd2",[65,1664,86],{"class":71},[65,1666,859],{"class":71},[65,1668,86],{"class":71},[65,1670,305],{"class":79},[65,1672,86],{"class":71},[65,1674,310],{"class":71},[65,1676,86],{"class":71},[65,1678,1662],{"class":89},[65,1680,86],{"class":71},[65,1682,320],{"class":71},[65,1684,86],{"class":71},[65,1686,325],{"class":79},[65,1688,86],{"class":71},[65,1690,310],{"class":71},[65,1692,86],{"class":71},[65,1694,1695],{"class":89},"range",[65,1697,86],{"class":71},[65,1699,320],{"class":71},[65,1701,86],{"class":71},[65,1703,343],{"class":79},[65,1705,86],{"class":71},[65,1707,310],{"class":71},[65,1709,86],{"class":71},[65,1711,352],{"class":89},[65,1713,86],{"class":71},[65,1715,320],{"class":71},[65,1717,86],{"class":71},[65,1719,1720],{"class":79},"minin",[65,1722,86],{"class":71},[65,1724,310],{"class":71},[65,1726,86],{"class":71},[65,1728,441],{"class":89},[65,1730,86],{"class":71},[65,1732,320],{"class":71},[65,1734,86],{"class":71},[65,1736,1737],{"class":79},"maxin",[65,1739,86],{"class":71},[65,1741,310],{"class":71},[65,1743,86],{"class":71},[65,1745,1746],{"class":89},"60",[65,1748,86],{"class":71},[65,1750,320],{"class":71},[65,1752,86],{"class":71},[65,1754,1755],{"class":79},"minout",[65,1757,86],{"class":71},[65,1759,310],{"class":71},[65,1761,86],{"class":71},[65,1763,441],{"class":89},[65,1765,86],{"class":71},[65,1767,320],{"class":71},[65,1769,86],{"class":71},[65,1771,1772],{"class":79},"maxout",[65,1774,86],{"class":71},[65,1776,310],{"class":71},[65,1778,86],{"class":71},[65,1780,1781],{"class":89},"100",[65,1783,86],{"class":71},[65,1785,320],{"class":71},[65,1787,86],{"class":71},[65,1789,1325],{"class":79},[65,1791,86],{"class":71},[65,1793,310],{"class":71},[65,1795,86],{"class":71},[65,1797,1798],{"class":89},"clamp",[65,1800,86],{"class":71},[65,1802,320],{"class":71},[65,1804,86],{"class":71},[65,1806,1807],{"class":79},"round",[65,1809,86],{"class":71},[65,1811,1001],{"class":71},[65,1813,86],{"class":71},[65,1815,1338],{"class":79},[65,1817,86],{"class":71},[65,1819,310],{"class":71},[65,1821,86],{"class":71},[65,1823,708],{"class":89},[65,1825,86],{"class":71},[65,1827,320],{"class":71},[65,1829,86],{"class":71},[65,1831,415],{"class":79},[65,1833,86],{"class":71},[65,1835,310],{"class":71},[65,1837,86],{"class":71},[65,1839,1840],{"class":89},"Seconds to percentages",[65,1842,86],{"class":71},[65,1844,320],{"class":71},[65,1846,86],{"class":71},[65,1848,584],{"class":79},[65,1850,86],{"class":71},[65,1852,310],{"class":71},[65,1854,1855],{"class":440},"570",[65,1857,320],{"class":71},[65,1859,86],{"class":71},[65,1861,598],{"class":79},[65,1863,86],{"class":71},[65,1865,310],{"class":71},[65,1867,605],{"class":440},[65,1869,320],{"class":71},[65,1871,86],{"class":71},[65,1873,612],{"class":79},[65,1875,86],{"class":71},[65,1877,849],{"class":71},[65,1879,86],{"class":71},[65,1881,315],{"class":89},[65,1883,86],{"class":71},[65,1885,859],{"class":71},[65,1887,86],{"class":71},[65,1889,305],{"class":79},[65,1891,86],{"class":71},[65,1893,310],{"class":71},[65,1895,86],{"class":71},[65,1897,370],{"class":89},[65,1899,86],{"class":71},[65,1901,320],{"class":71},[65,1903,86],{"class":71},[65,1905,325],{"class":79},[65,1907,86],{"class":71},[65,1909,310],{"class":71},[65,1911,86],{"class":71},[65,1913,1914],{"class":89},"ui-group",[65,1916,86],{"class":71},[65,1918,320],{"class":71},[65,1920,86],{"class":71},[65,1922,415],{"class":79},[65,1924,86],{"class":71},[65,1926,310],{"class":71},[65,1928,86],{"class":71},[65,1930,1931],{"class":89},"Group Name",[65,1933,86],{"class":71},[65,1935,320],{"class":71},[65,1937,86],{"class":71},[65,1939,397],{"class":79},[65,1941,86],{"class":71},[65,1943,310],{"class":71},[65,1945,86],{"class":71},[65,1947,406],{"class":89},[65,1949,86],{"class":71},[65,1951,320],{"class":71},[65,1953,86],{"class":71},[65,1955,448],{"class":79},[65,1957,86],{"class":71},[65,1959,310],{"class":71},[65,1961,86],{"class":71},[65,1963,1964],{"class":89},"6",[65,1966,86],{"class":71},[65,1968,320],{"class":71},[65,1970,86],{"class":71},[65,1972,461],{"class":79},[65,1974,86],{"class":71},[65,1976,310],{"class":71},[65,1978,86],{"class":71},[65,1980,727],{"class":89},[65,1982,86],{"class":71},[65,1984,320],{"class":71},[65,1986,86],{"class":71},[65,1988,433],{"class":79},[65,1990,86],{"class":71},[65,1992,310],{"class":71},[65,1994,577],{"class":71},[65,1996,320],{"class":71},[65,1998,86],{"class":71},[65,2000,2001],{"class":79},"disp",[65,2003,86],{"class":71},[65,2005,2006],{"class":71},":true},{",[65,2008,86],{"class":71},[65,2010,305],{"class":79},[65,2012,86],{"class":71},[65,2014,310],{"class":71},[65,2016,86],{"class":71},[65,2018,388],{"class":89},[65,2020,86],{"class":71},[65,2022,320],{"class":71},[65,2024,86],{"class":71},[65,2026,325],{"class":79},[65,2028,86],{"class":71},[65,2030,310],{"class":71},[65,2032,86],{"class":71},[65,2034,2035],{"class":89},"ui-base",[65,2037,86],{"class":71},[65,2039,320],{"class":71},[65,2041,86],{"class":71},[65,2043,415],{"class":79},[65,2045,86],{"class":71},[65,2047,310],{"class":71},[65,2049,86],{"class":71},[65,2051,2052],{"class":89},"UI Name",[65,2054,86],{"class":71},[65,2056,320],{"class":71},[65,2058,86],{"class":71},[65,2060,2061],{"class":79},"path",[65,2063,86],{"class":71},[65,2065,310],{"class":71},[65,2067,86],{"class":71},[65,2069,2070],{"class":89},"\u002Fdashboard",[65,2072,86],{"class":71},[65,2074,2075],{"class":71},"},{",[65,2077,86],{"class":71},[65,2079,305],{"class":79},[65,2081,86],{"class":71},[65,2083,310],{"class":71},[65,2085,86],{"class":71},[65,2087,406],{"class":89},[65,2089,86],{"class":71},[65,2091,320],{"class":71},[65,2093,86],{"class":71},[65,2095,325],{"class":79},[65,2097,86],{"class":71},[65,2099,310],{"class":71},[65,2101,86],{"class":71},[65,2103,2104],{"class":89},"ui-page",[65,2106,86],{"class":71},[65,2108,320],{"class":71},[65,2110,86],{"class":71},[65,2112,415],{"class":79},[65,2114,86],{"class":71},[65,2116,310],{"class":71},[65,2118,86],{"class":71},[65,2120,2121],{"class":89},"Page Name",[65,2123,86],{"class":71},[65,2125,320],{"class":71},[65,2127,86],{"class":71},[65,2129,2130],{"class":79},"ui",[65,2132,86],{"class":71},[65,2134,310],{"class":71},[65,2136,86],{"class":71},[65,2138,388],{"class":89},[65,2140,86],{"class":71},[65,2142,320],{"class":71},[65,2144,86],{"class":71},[65,2146,2061],{"class":79},[65,2148,86],{"class":71},[65,2150,310],{"class":71},[65,2152,86],{"class":71},[65,2154,2155],{"class":89},"\u002F",[65,2157,86],{"class":71},[65,2159,320],{"class":71},[65,2161,86],{"class":71},[65,2163,2164],{"class":79},"layout",[65,2166,86],{"class":71},[65,2168,310],{"class":71},[65,2170,86],{"class":71},[65,2172,2173],{"class":89},"grid",[65,2175,86],{"class":71},[65,2177,320],{"class":71},[65,2179,86],{"class":71},[65,2181,2182],{"class":79},"theme",[65,2184,86],{"class":71},[65,2186,310],{"class":71},[65,2188,86],{"class":71},[65,2190,2191],{"class":89},"8240fbe7c09bc81c",[65,2193,86],{"class":71},[65,2195,2075],{"class":71},[65,2197,86],{"class":71},[65,2199,305],{"class":79},[65,2201,86],{"class":71},[65,2203,310],{"class":71},[65,2205,86],{"class":71},[65,2207,2191],{"class":89},[65,2209,86],{"class":71},[65,2211,320],{"class":71},[65,2213,86],{"class":71},[65,2215,325],{"class":79},[65,2217,86],{"class":71},[65,2219,310],{"class":71},[65,2221,86],{"class":71},[65,2223,2224],{"class":89},"ui-theme",[65,2226,86],{"class":71},[65,2228,320],{"class":71},[65,2230,86],{"class":71},[65,2232,415],{"class":79},[65,2234,86],{"class":71},[65,2236,310],{"class":71},[65,2238,86],{"class":71},[65,2240,2241],{"class":89},"Theme Name",[65,2243,86],{"class":71},[65,2245,320],{"class":71},[65,2247,86],{"class":71},[65,2249,2250],{"class":79},"colors",[65,2252,86],{"class":71},[65,2254,2255],{"class":71},":{",[65,2257,86],{"class":71},[65,2259,2260],{"class":699},"surface",[65,2262,86],{"class":71},[65,2264,310],{"class":71},[65,2266,86],{"class":71},[65,2268,2269],{"class":89},"#ffffff",[65,2271,86],{"class":71},[65,2273,320],{"class":71},[65,2275,86],{"class":71},[65,2277,2278],{"class":699},"primary",[65,2280,86],{"class":71},[65,2282,310],{"class":71},[65,2284,86],{"class":71},[65,2286,2287],{"class":89},"#0094ce",[65,2289,86],{"class":71},[65,2291,320],{"class":71},[65,2293,86],{"class":71},[65,2295,2296],{"class":699},"bgPage",[65,2298,86],{"class":71},[65,2300,310],{"class":71},[65,2302,86],{"class":71},[65,2304,2305],{"class":89},"#eeeeee",[65,2307,86],{"class":71},[65,2309,320],{"class":71},[65,2311,86],{"class":71},[65,2313,2314],{"class":699},"groupBg",[65,2316,86],{"class":71},[65,2318,310],{"class":71},[65,2320,86],{"class":71},[65,2322,2269],{"class":89},[65,2324,86],{"class":71},[65,2326,320],{"class":71},[65,2328,86],{"class":71},[65,2330,2331],{"class":699},"groupOutline",[65,2333,86],{"class":71},[65,2335,310],{"class":71},[65,2337,86],{"class":71},[65,2339,2340],{"class":89},"#cccccc",[65,2342,86],{"class":71},[65,2344,2345],{"class":71},"}}]\n",[2347,2348,2349],"style",{},"html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .sbssI, html code.shiki .sbssI{--shiki-light:#F76D47;--shiki-default:#F78C6C;--shiki-dark:#F78C6C}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}",{"title":60,"searchDepth":2351,"depth":2351,"links":2352},4,[2353,2358],{"id":34,"depth":2354,"text":35,"children":2355},2,[2356],{"id":128,"depth":2357,"text":129},3,{"id":154,"depth":2354,"text":155,"children":2359},[2360],{"id":263,"depth":2357,"text":264},null,"2023-10-02","Expand your dashboard with the full collection of Vuetify components","md","\u002Fblog\u002F2023\u002F10\u002Fimages\u002Ftile-blog-custom-vuetify-components-for-Dashboard.png",{"excerpt":2367},{"type":9,"value":2368},[2369],[12,2370,14,2371,19],{},[16,2372,18],{},true,"\u002Fblog\u002F2023\u002F10\u002Fcustom-vuetify-components-dashboard",{"title":5,"description":2363},{"loc":2374},"blog\u002F2023\u002F10\u002Fcustom-vuetify-components-dashboard",[2379,2380,2381,379],"posts","how-to","node-red","SMuNLLhc8FxK24bwzA52rg7bbZ6FUxRIKO5hb0HH_OA",[],1785885591878]