@twab/visualization 0.9.16 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/visualization.js +16 -33
- package/package.json +1 -1
package/dist/visualization.js
CHANGED
|
@@ -2395,37 +2395,17 @@ __vue_render__$2._withStripped = true;
|
|
|
2395
2395
|
undefined
|
|
2396
2396
|
);
|
|
2397
2397
|
|
|
2398
|
-
var one_one = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4zm-468 183.5H0V95.1c0-1.7 0-1.7 1.7-1.7h86.7c1.8 0 1.8 0 1.8 1.8v88.3zm93.6 0H93.6V95.3c0-1.9 0-1.9 1.9-1.9H182c1.8 0 1.8 0 1.8 1.8v88.3zm280.9 0h-90.2V95.1c0-1.7 0-1.7 1.6-1.7H463c1.6 0 1.6 0 1.6 1.7v62.2l.1 26.2zm93.5-90v89c0 .9-.2 1.1-1.1 1.1H468V95.2c0-1.7 0-1.7 1.7-1.7h88.5zm-280.9 90h-90V94.9c0-.9.1-1.5 1.2-1.5H276c.9 0 1.2.3 1.2 1.2l.1 88.9zm93.6 0h-90V95.1c0-1.7 0-1.7 1.7-1.7h86.5c1.8 0 1.8 0 1.8 1.8v88.3z\" fill=\"#cbcbcb\"/><path d=\"M0 45.1V1.5C0 .3.3 0 1.4 0h87.3c1.2 0 1.5.3 1.4 1.5v87.1c0 1.2-.3 1.5-1.5 1.5H1.4c-1.3 0-1.5-.4-1.5-1.6L0 45.1z\" fill=\"#1565c0\"/><path d=\"M93.6 44.9V1.5c0-1.6 0-1.6 1.6-1.6h87.1c1.5 0 1.5 0 1.5 1.6v86.8c0 1.6 0 1.6-1.6 1.6H95.4c-1.8 0-1.8 0-1.8-1.8V44.9zm280.9.2V1.6c0-1.6 0-1.6 1.6-1.6h87.1c1.5 0 1.5 0 1.5 1.6v86.7c0 1.8 0 1.8-1.8 1.8h-86.7c-1.7 0-1.7 0-1.7-1.7V45.1zm-142.1 45H189c-1.6 0-1.6 0-1.6-1.5v-87c0-1.6 0-1.6 1.6-1.6h86.8c1.6 0 1.6 0 1.6 1.5v87c0 1.6 0 1.6-1.6 1.6h-43.4zm48.5-45.2V1.5c0-1.6 0-1.6 1.6-1.6h86.8c1.6 0 1.6 0 1.6 1.5v87c0 1.6 0 1.6-1.6 1.6h-86.8c-1.6 0-1.6 0-1.6-1.6V44.9z\" fill=\"#cbcbcb\"/></svg>";
|
|
2399
|
-
|
|
2400
|
-
var two_one = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M277.3 183.5h-90.2V94.2c0-.6.2-.9.8-.9h87.7c1 0 1.6 0 1.6 1.3l.1 88.9zM558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4zm-468 183.5H0V95.1c0-1.7 0-1.7 1.7-1.7h86.7c1.8 0 1.8 0 1.8 1.8v88.3zm93.6 0H93.6V95.3c0-1.9 0-1.9 1.9-1.9H182c1.8 0 1.8 0 1.8 1.8v88.3zm280.9 0h-90.2V95.1c0-1.7 0-1.7 1.6-1.7H463c1.6 0 1.6 0 1.6 1.7v61.2l.1 27.2zm93.5-90v89c0 .9-.2 1.1-1.1 1.1H468V95.2c0-1.7 0-1.7 1.7-1.7h88.5zm-187.1 90h-90.2V94.6c0-1.1.4-1.5 1.5-1.5l6.8.3h80.2c1.1 0 1.5.2 1.5 1.4l.2 61.9.5 25.1c0 .7.1 1.3-.5 1.7z\" fill=\"#cbcbcb\"/><path d=\"M183.8 45.1v43.5c0 1.1-.2 1.6-1.5 1.6H95c-1.2 0-1.4-.4-1.4-1.5V1.5C93.6.2 94 0 95.1 0h87.3c1.2 0 1.4.4 1.4 1.5v43.6zM45.1 0h43.7c1.1 0 1.4.2 1.4 1.4v87.3c0 1.1-.4 1.4-1.4 1.4H1.4c-1.1 0-1.3-.3-1.3-1.3L0 1.3C0 .2.3 0 1.3 0h43.8z\" fill=\"#1565c0\"/><path d=\"M419.6 90.1h-43.5c-1.6 0-1.6 0-1.6-1.6V1.6c0-1.6 0-1.6 1.6-1.6h87.1c1.5 0 1.5 0 1.5 1.6v86.7c0 1.8 0 1.8-1.8 1.8h-43.3zM277.3 44.9v43.5c0 1.7 0 1.7-1.6 1.7h-86.8c-1.6 0-1.6 0-1.6-1.6v-87c0-1.5 0-1.5 1.6-1.5h86.8c1.6 0 1.6 0 1.6 1.6v43.3zm93.6.3v43.2c0 1.7 0 1.7-1.6 1.7h-86.8c-1.6 0-1.6 0-1.6-1.6v-87c0-1.5 0-1.5 1.6-1.5h86.8c1.6 0 1.6 0 1.6 1.6v43.6z\" fill=\"#cbcbcb\"/></svg>";
|
|
2401
|
-
|
|
2402
|
-
var three_one = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M277.3 183.5h-90.2V94.2c0-.6.2-.9.8-.9h87.8c1 0 1.6 0 1.6 1.3v88.9zM558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4zm-468 183.5H0V95.1c0-1.7 0-1.7 1.7-1.7h86.7c1.8 0 1.8 0 1.8 1.8v88.3zm93.6 0H93.6V95.3c0-1.9 0-1.9 1.9-1.9H182c1.8 0 1.8 0 1.8 1.8v88.3zm280.9 0h-90.2V95.1c0-1.7 0-1.7 1.6-1.7H463c1.6 0 1.6 0 1.6 1.7V157l.1 26.5zm93.5-90v89c0 .9-.2 1.1-1.1 1.1H468V95.2c0-1.7 0-1.7 1.7-1.7h88.5zm-187.1 90h-90.2V94.6c0-1.1.4-1.5 1.5-1.5l6.8.3h80.2c1.1 0 1.5.2 1.5 1.4l.2 61.9.5 25.1c0 .7.1 1.3-.5 1.7z\" fill=\"#cbcbcb\"/><path d=\"M45.1 90.1H1.4c-1.1 0-1.5-.3-1.5-1.4L0 1.5C0 .3.3 0 1.5 0h87.3c1.2 0 1.4.4 1.4 1.5v87.1c0 1.2-.3 1.5-1.5 1.5H45.1zM138.8 0h43.5c1.1 0 1.5.3 1.5 1.4v87.2c0 1.2-.3 1.4-1.5 1.4H95.1c-1.2 0-1.5-.3-1.5-1.5V1.4C93.6.2 94 0 95.1 0h43.7z\" fill=\"#1565c0\"/><path d=\"M374.5 45.1V1.6c0-1.6 0-1.6 1.6-1.6h87.1c1.6 0 1.6 0 1.6 1.6v86.8c0 1.7 0 1.7-1.7 1.7h-86.9c-1.6 0-1.6 0-1.6-1.5l-.1-43.5z\" fill=\"#cbcbcb\"/><path d=\"M277.3 45.1v43.5c0 1.5 0 1.5-1.6 1.5h-86.9c-1.5 0-1.5 0-1.5-1.6V1.6c0-1.2.2-1.6 1.5-1.5H276c1.2 0 1.4.4 1.4 1.5l-.1 43.5z\" fill=\"#1565c0\"/><path d=\"M370.9 45.2v43.2c0 1.7 0 1.7-1.6 1.7h-86.8c-1.6 0-1.6 0-1.6-1.6v-87c0-1.5 0-1.5 1.6-1.5h86.8c1.6 0 1.6 0 1.6 1.6v43.6z\" fill=\"#cbcbcb\"/></svg>";
|
|
2403
|
-
|
|
2404
|
-
var three_two = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M277.3 183.5h-90.2V95c0-1.6 0-1.6 1.6-1.6h86.9c1.7 0 1.7 0 1.7 1.7v88.4z\" fill=\"#1565c0\"/><path d=\"M558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4z\" fill=\"#cbcbcb\"/><path d=\"M90.2 183.5H0V95.2c0-1.9-.2-1.8 1.7-1.8h86.7c1.7 0 1.7 0 1.7 1.8v86.6c.1.6.1 1.2.1 1.7zm93.6 0H93.6V95.2c0-1.8 0-1.8 1.7-1.8H182c1.9 0 1.7-.2 1.7 1.8l.1 88.3z\" fill=\"#1565c0\"/><path d=\"M464.7 183.5h-90.2V95.1c0-1.7 0-1.7 1.6-1.7H463c1.6 0 1.6 0 1.6 1.7v62.6l.1 25.8zm93.5-90v89c0 .9-.2 1.1-1.1 1.1H468V95.2c0-1.7 0-1.7 1.7-1.7h88.5zm-187.1 90h-90.2V94.6c0-1.1.4-1.5 1.5-1.5l6.8.3h80.2c1.1 0 1.5.2 1.5 1.4l.2 61.8.5 25.2c0 .7.1 1.3-.5 1.7z\" fill=\"#cbcbcb\"/><path d=\"M45.1 90.1H1.4c-1.1 0-1.5-.3-1.5-1.4L0 1.5C0 .3.3 0 1.5 0h87.3c1.2 0 1.4.4 1.4 1.5v87.1c0 1.2-.3 1.5-1.5 1.5H45.1zM138.8 0h43.5c1.1 0 1.5.3 1.5 1.4v87.2c0 1.2-.3 1.4-1.5 1.4H95.1c-1.2 0-1.5-.3-1.5-1.5V1.4C93.6.2 94 0 95.1 0h43.7z\" fill=\"#1565c0\"/><path d=\"M374.5 45.1V1.6c0-1.6 0-1.6 1.6-1.6h87.1c1.6 0 1.6 0 1.6 1.6v86.8c0 1.7 0 1.7-1.7 1.7h-86.9c-1.6 0-1.6 0-1.6-1.5l-.1-43.5z\" fill=\"#cbcbcb\"/><path d=\"M277.3 45.1v43.5c0 1.5 0 1.5-1.6 1.5h-86.9c-1.5 0-1.5 0-1.5-1.6V1.6c0-1.2.2-1.6 1.5-1.5H276c1.2 0 1.4.4 1.4 1.5l-.1 43.5z\" fill=\"#1565c0\"/><path d=\"M370.9 45.2v43.2c0 1.7 0 1.7-1.6 1.7h-86.8c-1.6 0-1.6 0-1.6-1.6v-87c0-1.5 0-1.5 1.6-1.5h86.8c1.6 0 1.6 0 1.6 1.6v43.6z\" fill=\"#cbcbcb\"/></svg>";
|
|
2405
|
-
|
|
2406
|
-
var four_one = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4zm-468 183.5H0V95.1c0-1.7 0-1.7 1.7-1.7h86.7c1.8 0 1.8 0 1.8 1.8v88.3zm93.6 0H93.6V95.3c0-1.9 0-1.9 1.9-1.9H182c1.8 0 1.8 0 1.8 1.8v88.3zm280.9 0h-90.2V95.1c0-1.7 0-1.7 1.6-1.7H463c1.6 0 1.6 0 1.6 1.7v64.1l.1 24.3zm93.5-90v89c0 .9-.2 1.1-1.1 1.1H468V95.2c0-1.7 0-1.7 1.7-1.7h88.5zm-280.9 90h-90V94.8c0-.9.1-1.5 1.2-1.5H276c.9 0 1.2.3 1.2 1.2l.1 89zm93.6 0h-90V95.1c0-1.7 0-1.7 1.7-1.7h86.5c1.8 0 1.8 0 1.8 1.8v88.3z\" fill=\"#cbcbcb\"/><path d=\"M0 45.1V1.5C0 .3.3 0 1.4 0h87.3c1.2 0 1.5.3 1.4 1.5v87.1c0 1.2-.3 1.5-1.5 1.5H1.4c-1.3 0-1.5-.4-1.5-1.6L0 45.1zm93.6-.2V1.4C93.6.3 93.9 0 95 0h87.3c1.2 0 1.4.3 1.4 1.5v87.2c0 1.2-.4 1.4-1.5 1.4H95c-1.2 0-1.5-.4-1.5-1.5l.1-43.7z\" fill=\"#1565c0\"/><path d=\"M374.5 45.1V1.6c0-1.6 0-1.6 1.6-1.6h87.1c1.5 0 1.5 0 1.5 1.6v86.7c0 1.8 0 1.8-1.8 1.8h-86.7c-1.7 0-1.7 0-1.7-1.7V45.1z\" fill=\"#cbcbcb\"/><path d=\"M277.3 45.1v43.4c0 1.6 0 1.6-1.6 1.6h-86.8c-1.6 0-1.6 0-1.6-1.6V1.7c0-1.6 0-1.6 1.5-1.6h87c1.5 0 1.6 0 1.6 1.5l-.1 43.5zm3.6-.2V1.4c0-1.1.3-1.5 1.4-1.5h87.2c1.2 0 1.5.3 1.5 1.5v87.2c0 1.1-.3 1.4-1.4 1.4h-87.3c-1.1 0-1.4-.4-1.4-1.4V44.9z\" fill=\"#1565c0\"/></svg>";
|
|
2407
|
-
|
|
2408
|
-
var four_two = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4z\" fill=\"#cbcbcb\"/><path d=\"M90.2 183.5H0V95.2c0-1.9-.2-1.8 1.7-1.8h86.7c1.7 0 1.7 0 1.7 1.8v86.6c.1.6.1 1.2.1 1.7zm93.6 0H93.6V95.2c0-1.8 0-1.8 1.7-1.8H182c1.9 0 1.7-.2 1.7 1.8l.1 88.3z\" fill=\"#1565c0\"/><path d=\"M464.6 183.5h-90.2V95.1c0-1.7 0-1.7 1.6-1.7h86.9c1.6 0 1.6 0 1.6 1.7v66.5l.1 21.9zm93.6-90v89c0 .9-.2 1.1-1.1 1.1H468V95.4c0-1.8 0-1.8 1.8-1.8h75.9c4.2-.1 8.3-.1 12.5-.1z\" fill=\"#cbcbcb\"/><path d=\"M277.3 183.5h-90c0-.5-.1-1-.1-1.4V95.2c0-1.7 0-1.7 1.7-1.7h86.7c1.7 0 1.7 0 1.7 1.7v88.3zm93.6 0h-90V95c0-1.6 0-1.6 1.6-1.6h86.8c1.7 0 1.7 0 1.7 1.7V182c-.1.6-.1 1.1-.1 1.5zM138.7 90.1H95.3c-1.6 0-1.6 0-1.6-1.6v-87c0-1.3.4-1.5 1.6-1.5h87.1c1.6 0 1.6 0 1.6 1.5v87c0 1.5 0 1.5-1.6 1.5l-43.7.1z\" fill=\"#1565c0\"/><path d=\"M374.5 45V1.6c0-1.6 0-1.6 1.6-1.6h87.1c1.6 0 1.6 0 1.6 1.6v86.8c0 1.7 0 1.7-1.7 1.7h-86.9c-1.6 0-1.6 0-1.6-1.5l-.1-43.6z\" fill=\"#cbcbcb\"/><path d=\"M277.3 45v43.6c0 1.1-.3 1.5-1.5 1.5h-87.2c-1.2 0-1.4-.4-1.4-1.5V1.5c0-1.2.3-1.5 1.5-1.5h87.1c1.3 0 1.5.4 1.5 1.5V45zm3.6.1V1.5c0-1.2.3-1.5 1.5-1.5h87.2c1.2 0 1.4.3 1.4 1.5v87.1c0 1.2-.3 1.5-1.5 1.5h-87.1c-1.3 0-1.5-.4-1.5-1.6V45.1zm-235.6 45H1.8c-1.6 0-1.6 0-1.6-1.6V1.7C.2.1.2.1 1.8.1h87c1.6 0 1.6 0 1.6 1.6v86.8c0 1.6 0 1.6-1.7 1.6H45.3z\" fill=\"#1565c0\"/></svg>";
|
|
2409
|
-
|
|
2410
|
-
var five_one = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M183.8 183.5H93.6V95.4c0-1.8 0-1.8 1.8-1.8H182c1.8 0 1.8 0 1.8 1.8v88.1zm280.9 0h-90.2V95.2c0-1.6 0-1.6 1.5-1.6h87.1c1.5 0 1.6 0 1.6 1.6v88.3zM558.2 0v89.8H470c-1.7 0-1.7 0-1.7-1.8V1.7c0-1.8 0-1.8 1.7-1.8l88.2.1zM90 183.5H0V95.4c0-1.7 0-1.7 1.8-1.7h86.5c1.8 0 1.8 0 1.8 1.7v86.8c-.1.5-.1.9-.1 1.3zm187.3 0h-90V94.8c0-1 .5-1.2 1.3-1.2H276c1 0 1.3.3 1.3 1.3v88.6zm93.6 0h-90V95.4c0-1.7 0-1.7 1.8-1.7h86.5c1.8 0 1.8 0 1.8 1.7v86.8c-.1.5-.1.9-.1 1.3zm187.3-89.8v88.8c0 .9-.2 1.1-1.1 1.1h-88.9V95.5c0-1.8 0-1.8 1.8-1.8h88.2z\" fill=\"#cbcbcb\"/><path d=\"M0 44.9V1.5C0 .3.3 0 1.4 0h87.3c1.2 0 1.5.3 1.5 1.5v87.1c0 1.2-.3 1.6-1.5 1.6H1.5c-1.3 0-1.5-.4-1.5-1.6V44.9zm183.8.3v43.5c0 1.1-.2 1.4-1.4 1.4H95c-1.1 0-1.4-.4-1.4-1.4V1.4c0-1.1.3-1.3 1.3-1.3h87.6c1.1 0 1.3.3 1.3 1.3v43.8zm93.5 0v43.4c0 1.2-.2 1.5-1.5 1.5h-87.1c-1.2 0-1.5-.3-1.5-1.5v-87c0-1.6 0-1.6 1.6-1.6h87c1.5 0 1.5 0 1.5 1.6v43.6zm3.6-.3V1.4c0-1.1.3-1.5 1.4-1.5h87.2c1.2 0 1.5.3 1.5 1.5v87.2c0 1.1-.3 1.4-1.4 1.4h-87.3c-1.1 0-1.4-.4-1.4-1.4V44.9zm183.4.3v43.1c0 1.6 0 1.6-1.6 1.6h-86.3c-1.2 0-1.6-.3-1.6-1.5V1.9c0-1.1.3-1.5 1.5-1.5h86.6c1.2 0 1.4.4 1.4 1.5v43.3z\" fill=\"#1565c0\"/></svg>";
|
|
2411
|
-
|
|
2412
|
-
var five_two = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M558.2 0v90.1h-88.3c-1.9 0-1.9 0-1.9-1.9V1.8c0-1.8 0-1.8 1.8-1.8h88.4zm0 93.5v89c0 .9-.2 1.1-1.1 1.1H468V95.4c0-1.8 0-1.8 1.8-1.8h75.9c4.2-.1 8.4-.1 12.5-.1z\" fill=\"#cbcbcb\"/><g fill=\"#1565c0\"><path d=\"M183.8 183.5H93.6V95.1c0-1.6 0-1.7 1.6-1.7H182c1.7 0 1.7 0 1.7 1.8l.1 88.3zm280.9 0h-90.2V95.2c0-1.8 0-1.8 1.7-1.8h86.7c1.7 0 1.7 0 1.7 1.8v86.6c0 .6.1 1.2.1 1.7zm-374.7 0H0V94.9c0-1.2.3-1.5 1.5-1.5h87c1.6 0 1.6 0 1.6 1.6v87.1c0 .5-.1 1-.1 1.4zm187.3 0h-90c0-.4-.1-.9-.1-1.3V95.3c0-1.7 0-1.7 1.7-1.7h86.7c1.7 0 1.7 0 1.7 1.7v88.2zm93.6 0h-90V95.4c0-1.8 0-1.8 1.8-1.8h86.5c1.8 0 1.8 0 1.8 1.8v86.7c-.1.5-.1 1-.1 1.4zM138.8 90.1H95.1c-1.2 0-1.6-.3-1.6-1.5V1.4C93.6.3 93.9 0 95 0h87.4c1.1 0 1.4.4 1.4 1.4v87.2c0 1.1-.3 1.5-1.5 1.5h-43.5zm280.6 0H376c-1.6 0-1.6 0-1.6-1.6v-87c0-1.2.2-1.5 1.5-1.5h87.2c1.2 0 1.5.3 1.5 1.5v87c0 1.6 0 1.6-1.7 1.6h-43.5zM.2 45.1V1.7C.2.1.2.1 1.9.1h86.8c1.6 0 1.6 0 1.6 1.7v86.7c0 1.6 0 1.6-1.6 1.6H1.9c-1.6 0-1.6 0-1.6-1.7L.2 45.1z\"/><path d=\"M277.3 45.1v43.4c0 1.6 0 1.6-1.6 1.6h-86.9c-1.2 0-1.6-.3-1.6-1.5V1.5c0-1.2.4-1.4 1.5-1.4h87.2c1.2 0 1.4.4 1.4 1.5v43.5zM325.8 90h-43.3c-1.6 0-1.6 0-1.6-1.5V1.6c0-1.2.3-1.5 1.5-1.5h87.1c1.2 0 1.5.3 1.5 1.5v86.8c0 1.6 0 1.6-1.6 1.6h-43.6z\"/></g></svg>";
|
|
2413
|
-
|
|
2414
|
-
var six_one = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 558.2 183.6\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M558.2 0v90.1h-88.5c-1.6 0-1.6 0-1.6-1.6V1.7c0-1.6 0-1.6 1.6-1.6l88.5-.1z\" fill=\"#1565c0\"/><path d=\"M90.2 183.5H0V95.1c0-1.7 0-1.7 1.7-1.7h86.7c1.8 0 1.8 0 1.8 1.8v88.3zm93.6 0H93.6V95.3c0-1.9 0-1.9 1.9-1.9H182c1.8 0 1.8 0 1.8 1.8v88.3zm280.9 0h-90.2V95.1c0-1.7 0-1.7 1.6-1.7H463c1.6 0 1.6 0 1.6 1.7v64.1l.1 24.3zm93.5-90v89c0 .9-.2 1.1-1.1 1.1H468V95.2c0-1.7 0-1.7 1.7-1.7h88.5zm-280.9 90h-90V94.8c0-.9.1-1.5 1.2-1.5H276c.9 0 1.2.3 1.2 1.2l.1 89zm93.6 0h-90V95.1c0-1.7 0-1.7 1.7-1.7h86.5c1.8 0 1.8 0 1.8 1.8v88.3z\" fill=\"#cbcbcb\"/><path d=\"M0 45.1V1.5C0 .3.3 0 1.4 0h87.3c1.2 0 1.5.3 1.4 1.5v87.1c0 1.2-.3 1.5-1.5 1.5H1.4c-1.3 0-1.5-.4-1.5-1.6L0 45.1zm93.6-.1V1.5C93.6.3 93.9 0 95 0h87.3c1.2 0 1.4.3 1.4 1.5v87.2c0 1.2-.4 1.4-1.5 1.4H95c-1.2 0-1.5-.4-1.5-1.5l.1-43.6zM419.7 0h43.4c1.2 0 1.6.2 1.6 1.5v87.1c0 1.2-.3 1.5-1.5 1.5H376c-1.1 0-1.5-.3-1.5-1.4V1.5c0-1.2.3-1.4 1.5-1.4l43.7-.1zM277.3 45.1v43.3c0 1.6 0 1.6-1.6 1.6h-86.8c-1.7 0-1.7 0-1.7-1.6V1.5c0-1.2.3-1.5 1.5-1.5h87.2c1.2 0 1.4.4 1.4 1.5v43.6zm3.6-.2V1.4c0-1.1.3-1.5 1.4-1.5h87.2c1.3 0 1.5.4 1.5 1.6v86.9c0 1.6 0 1.6-1.5 1.6h-87c-1.1 0-1.5-.3-1.5-1.4l-.1-43.7z\" fill=\"#1565c0\"/></svg>";
|
|
2415
|
-
|
|
2416
|
-
var six_two = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 652.1 183.8\" fill=\"#1565c0\" xmlns:v=\"https://vecta.io/nano\"><path d=\"M652.1.3v90.1h-88.5c-1.6 0-1.6 0-1.6-1.6V2c0-1.6 0-1.6 1.6-1.6l88.5-.1zM90.5 183.8H.3V95.4c0-1.6 0-1.6 1.7-1.7h86.7c1.7 0 1.7 0 1.7 1.8v86.6c0 .6 0 1.2.1 1.7zm93.5 0H93.8V95.4c0-1.6 0-1.6 1.6-1.6h86.9c1.6 0 1.6 0 1.6 1.6v80.2l.1 8.2zm374.5 0h-90.2V95.5c0-1.9-.2-1.8 1.7-1.8h86.7c1.7 0 1.7 0 1.7 1.8v86.6c.1.6.1 1.2.1 1.7zm93.6-90.1v89c0 .9-.2 1.1-1.1 1.1h-89.1c0-.6.1-1.1.1-1.7V95.5c0-1.8 0-1.8 1.7-1.8h86.7c.5.1 1.1.1 1.7 0zm-374.5 90.1h-90c0-.5-.1-1-.1-1.4v-87c0-1.6 0-1.6 1.6-1.6h87.1c1 0 1.4.2 1.4 1.3v88.7zm93.5 0h-90V95.6c0-1.8 0-1.8 1.7-1.8h86.6c1.7 0 1.7 0 1.7 1.8v86.8c.1.5.1.9 0 1.4zm93.6 0h-90V95c0-1.3.6-1.3 1.5-1.3H463c1.7 0 1.7 0 1.7 1.8v86.7c.1.6 0 1.1 0 1.6z\"/><path d=\"M.3 45.3V1.8C.3.6.5.3 1.8.3H89c1.2 0 1.5.3 1.5 1.5v86.9c0 1.6 0 1.6-1.6 1.6H1.8c-1.5 0-1.5 0-1.5-1.6V45.3zm93.6-.1V1.8c0-1.6 0-1.6 1.5-1.6h87.1c1.5 0 1.5 0 1.5 1.6v86.9c0 1.2-.2 1.6-1.5 1.6H95.3c-1.3 0-1.5-.4-1.5-1.6l.1-43.5zm464.6.2v43.4c0 1.6 0 1.6-1.6 1.6h-87.1c-1.2 0-1.6-.2-1.6-1.5V1.8c0-1.2.3-1.5 1.5-1.5h87.2c1.2 0 1.5.4 1.5 1.5l.1 43.6zm-280.9-.1v43.5c0 1.2-.2 1.6-1.5 1.5H189c-1.2 0-1.5-.3-1.5-1.5v-87c0-1.6 0-1.6 1.6-1.6h87c1.5 0 1.5 0 1.5 1.6v43.5zm93.6-.1v43.5c0 1.6 0 1.6-1.6 1.6h-86.8c-1.6 0-1.6 0-1.6-1.6V1.9c0-1.6 0-1.6 1.5-1.6h87c1.6 0 1.6 0 1.6 1.6l-.1 43.3zm3.5.1V1.8c0-1.6 0-1.6 1.5-1.6h87c1.6 0 1.6 0 1.6 1.6v87c0 1.2-.3 1.5-1.5 1.5h-87.1c-1.2 0-1.5-.4-1.5-1.5V45.3z\"/></svg>";
|
|
2417
|
-
|
|
2418
2398
|
var GridImages = {
|
|
2419
|
-
'1x1':
|
|
2420
|
-
'2x1':
|
|
2421
|
-
'3x1':
|
|
2422
|
-
'3x2':
|
|
2423
|
-
'4x1':
|
|
2424
|
-
'4x2':
|
|
2425
|
-
'5x1':
|
|
2426
|
-
'5x2':
|
|
2427
|
-
'6x1':
|
|
2428
|
-
'6x2':
|
|
2399
|
+
'1x1': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTU1OC4yIDB2OTAuMWgtODguM2MtMS45IDAtMS45IDAtMS45LTEuOVYxLjhjMC0xLjggMC0xLjggMS44LTEuOGg4OC40em0tNDY4IDE4My41SDBWOTUuMWMwLTEuNyAwLTEuNyAxLjctMS43aDg2LjdjMS44IDAgMS44IDAgMS44IDEuOHY4OC4zem05My42IDBIOTMuNlY5NS4zYzAtMS45IDAtMS45IDEuOS0xLjlIMTgyYzEuOCAwIDEuOCAwIDEuOCAxLjh2ODguM3ptMjgwLjkgMGgtOTAuMlY5NS4xYzAtMS43IDAtMS43IDEuNi0xLjdINDYzYzEuNiAwIDEuNiAwIDEuNiAxLjd2NjIuMmwuMSAyNi4yem05My41LTkwdjg5YzAgLjktLjIgMS4xLTEuMSAxLjFINDY4Vjk1LjJjMC0xLjcgMC0xLjcgMS43LTEuN2g4OC41em0tMjgwLjkgOTBoLTkwVjk0LjljMC0uOS4xLTEuNSAxLjItMS41SDI3NmMuOSAwIDEuMi4zIDEuMiAxLjJsLjEgODguOXptOTMuNiAwaC05MFY5NS4xYzAtMS43IDAtMS43IDEuNy0xLjdoODYuNWMxLjggMCAxLjggMCAxLjggMS44djg4LjN6IiBmaWxsPSIjY2JjYmNiIi8+PHBhdGggZD0iTTAgNDUuMVYxLjVDMCAuMy4zIDAgMS40IDBoODcuM2MxLjIgMCAxLjUuMyAxLjQgMS41djg3LjFjMCAxLjItLjMgMS41LTEuNSAxLjVIMS40Yy0xLjMgMC0xLjUtLjQtMS41LTEuNkwwIDQ1LjF6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTkzLjYgNDQuOVYxLjVjMC0xLjYgMC0xLjYgMS42LTEuNmg4Ny4xYzEuNSAwIDEuNSAwIDEuNSAxLjZ2ODYuOGMwIDEuNiAwIDEuNi0xLjYgMS42SDk1LjRjLTEuOCAwLTEuOCAwLTEuOC0xLjhWNDQuOXptMjgwLjkuMlYxLjZjMC0xLjYgMC0xLjYgMS42LTEuNmg4Ny4xYzEuNSAwIDEuNSAwIDEuNSAxLjZ2ODYuN2MwIDEuOCAwIDEuOC0xLjggMS44aC04Ni43Yy0xLjcgMC0xLjcgMC0xLjctMS43VjQ1LjF6bS0xNDIuMSA0NUgxODljLTEuNiAwLTEuNiAwLTEuNi0xLjV2LTg3YzAtMS42IDAtMS42IDEuNi0xLjZoODYuOGMxLjYgMCAxLjYgMCAxLjYgMS41djg3YzAgMS42IDAgMS42LTEuNiAxLjZoLTQzLjR6bTQ4LjUtNDUuMlYxLjVjMC0xLjYgMC0xLjYgMS42LTEuNmg4Ni44YzEuNiAwIDEuNiAwIDEuNiAxLjV2ODdjMCAxLjYgMCAxLjYtMS42IDEuNmgtODYuOGMtMS42IDAtMS42IDAtMS42LTEuNlY0NC45eiIgZmlsbD0iI2NiY2JjYiIvPjwvc3ZnPg==",
|
|
2400
|
+
'2x1': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTI3Ny4zIDE4My41aC05MC4yVjk0LjJjMC0uNi4yLS45LjgtLjloODcuN2MxIDAgMS42IDAgMS42IDEuM2wuMSA4OC45ek01NTguMiAwdjkwLjFoLTg4LjNjLTEuOSAwLTEuOSAwLTEuOS0xLjlWMS44YzAtMS44IDAtMS44IDEuOC0xLjhoODguNHptLTQ2OCAxODMuNUgwVjk1LjFjMC0xLjcgMC0xLjcgMS43LTEuN2g4Ni43YzEuOCAwIDEuOCAwIDEuOCAxLjh2ODguM3ptOTMuNiAwSDkzLjZWOTUuM2MwLTEuOSAwLTEuOSAxLjktMS45SDE4MmMxLjggMCAxLjggMCAxLjggMS44djg4LjN6bTI4MC45IDBoLTkwLjJWOTUuMWMwLTEuNyAwLTEuNyAxLjYtMS43SDQ2M2MxLjYgMCAxLjYgMCAxLjYgMS43djYxLjJsLjEgMjcuMnptOTMuNS05MHY4OWMwIC45LS4yIDEuMS0xLjEgMS4xSDQ2OFY5NS4yYzAtMS43IDAtMS43IDEuNy0xLjdoODguNXptLTE4Ny4xIDkwaC05MC4yVjk0LjZjMC0xLjEuNC0xLjUgMS41LTEuNWw2LjguM2g4MC4yYzEuMSAwIDEuNS4yIDEuNSAxLjRsLjIgNjEuOS41IDI1LjFjMCAuNy4xIDEuMy0uNSAxLjd6IiBmaWxsPSIjY2JjYmNiIi8+PHBhdGggZD0iTTE4My44IDQ1LjF2NDMuNWMwIDEuMS0uMiAxLjYtMS41IDEuNkg5NWMtMS4yIDAtMS40LS40LTEuNC0xLjVWMS41QzkzLjYuMiA5NCAwIDk1LjEgMGg4Ny4zYzEuMiAwIDEuNC40IDEuNCAxLjV2NDMuNnpNNDUuMSAwaDQzLjdjMS4xIDAgMS40LjIgMS40IDEuNHY4Ny4zYzAgMS4xLS40IDEuNC0xLjQgMS40SDEuNGMtMS4xIDAtMS4zLS4zLTEuMy0xLjNMMCAxLjNDMCAuMi4zIDAgMS4zIDBoNDMuOHoiIGZpbGw9IiMxNTY1YzAiLz48cGF0aCBkPSJNNDE5LjYgOTAuMWgtNDMuNWMtMS42IDAtMS42IDAtMS42LTEuNlYxLjZjMC0xLjYgMC0xLjYgMS42LTEuNmg4Ny4xYzEuNSAwIDEuNSAwIDEuNSAxLjZ2ODYuN2MwIDEuOCAwIDEuOC0xLjggMS44aC00My4zek0yNzcuMyA0NC45djQzLjVjMCAxLjcgMCAxLjctMS42IDEuN2gtODYuOGMtMS42IDAtMS42IDAtMS42LTEuNnYtODdjMC0xLjUgMC0xLjUgMS42LTEuNWg4Ni44YzEuNiAwIDEuNiAwIDEuNiAxLjZ2NDMuM3ptOTMuNi4zdjQzLjJjMCAxLjcgMCAxLjctMS42IDEuN2gtODYuOGMtMS42IDAtMS42IDAtMS42LTEuNnYtODdjMC0xLjUgMC0xLjUgMS42LTEuNWg4Ni44YzEuNiAwIDEuNiAwIDEuNiAxLjZ2NDMuNnoiIGZpbGw9IiNjYmNiY2IiLz48L3N2Zz4=",
|
|
2401
|
+
'3x1': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTI3Ny4zIDE4My41aC05MC4yVjk0LjJjMC0uNi4yLS45LjgtLjloODcuOGMxIDAgMS42IDAgMS42IDEuM3Y4OC45ek01NTguMiAwdjkwLjFoLTg4LjNjLTEuOSAwLTEuOSAwLTEuOS0xLjlWMS44YzAtMS44IDAtMS44IDEuOC0xLjhoODguNHptLTQ2OCAxODMuNUgwVjk1LjFjMC0xLjcgMC0xLjcgMS43LTEuN2g4Ni43YzEuOCAwIDEuOCAwIDEuOCAxLjh2ODguM3ptOTMuNiAwSDkzLjZWOTUuM2MwLTEuOSAwLTEuOSAxLjktMS45SDE4MmMxLjggMCAxLjggMCAxLjggMS44djg4LjN6bTI4MC45IDBoLTkwLjJWOTUuMWMwLTEuNyAwLTEuNyAxLjYtMS43SDQ2M2MxLjYgMCAxLjYgMCAxLjYgMS43VjE1N2wuMSAyNi41em05My41LTkwdjg5YzAgLjktLjIgMS4xLTEuMSAxLjFINDY4Vjk1LjJjMC0xLjcgMC0xLjcgMS43LTEuN2g4OC41em0tMTg3LjEgOTBoLTkwLjJWOTQuNmMwLTEuMS40LTEuNSAxLjUtMS41bDYuOC4zaDgwLjJjMS4xIDAgMS41LjIgMS41IDEuNGwuMiA2MS45LjUgMjUuMWMwIC43LjEgMS4zLS41IDEuN3oiIGZpbGw9IiNjYmNiY2IiLz48cGF0aCBkPSJNNDUuMSA5MC4xSDEuNGMtMS4xIDAtMS41LS4zLTEuNS0xLjRMMCAxLjVDMCAuMy4zIDAgMS41IDBoODcuM2MxLjIgMCAxLjQuNCAxLjQgMS41djg3LjFjMCAxLjItLjMgMS41LTEuNSAxLjVINDUuMXpNMTM4LjggMGg0My41YzEuMSAwIDEuNS4zIDEuNSAxLjR2ODcuMmMwIDEuMi0uMyAxLjQtMS41IDEuNEg5NS4xYy0xLjIgMC0xLjUtLjMtMS41LTEuNVYxLjRDOTMuNi4yIDk0IDAgOTUuMSAwaDQzLjd6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTM3NC41IDQ1LjFWMS42YzAtMS42IDAtMS42IDEuNi0xLjZoODcuMWMxLjYgMCAxLjYgMCAxLjYgMS42djg2LjhjMCAxLjcgMCAxLjctMS43IDEuN2gtODYuOWMtMS42IDAtMS42IDAtMS42LTEuNWwtLjEtNDMuNXoiIGZpbGw9IiNjYmNiY2IiLz48cGF0aCBkPSJNMjc3LjMgNDUuMXY0My41YzAgMS41IDAgMS41LTEuNiAxLjVoLTg2LjljLTEuNSAwLTEuNSAwLTEuNS0xLjZWMS42YzAtMS4yLjItMS42IDEuNS0xLjVIMjc2YzEuMiAwIDEuNC40IDEuNCAxLjVsLS4xIDQzLjV6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTM3MC45IDQ1LjJ2NDMuMmMwIDEuNyAwIDEuNy0xLjYgMS43aC04Ni44Yy0xLjYgMC0xLjYgMC0xLjYtMS42di04N2MwLTEuNSAwLTEuNSAxLjYtMS41aDg2LjhjMS42IDAgMS42IDAgMS42IDEuNnY0My42eiIgZmlsbD0iI2NiY2JjYiIvPjwvc3ZnPg==",
|
|
2402
|
+
'3x2': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTI3Ny4zIDE4My41aC05MC4yVjk1YzAtMS42IDAtMS42IDEuNi0xLjZoODYuOWMxLjcgMCAxLjcgMCAxLjcgMS43djg4LjR6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTU1OC4yIDB2OTAuMWgtODguM2MtMS45IDAtMS45IDAtMS45LTEuOVYxLjhjMC0xLjggMC0xLjggMS44LTEuOGg4OC40eiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik05MC4yIDE4My41SDBWOTUuMmMwLTEuOS0uMi0xLjggMS43LTEuOGg4Ni43YzEuNyAwIDEuNyAwIDEuNyAxLjh2ODYuNmMuMS42LjEgMS4yLjEgMS43em05My42IDBIOTMuNlY5NS4yYzAtMS44IDAtMS44IDEuNy0xLjhIMTgyYzEuOSAwIDEuNy0uMiAxLjcgMS44bC4xIDg4LjN6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTQ2NC43IDE4My41aC05MC4yVjk1LjFjMC0xLjcgMC0xLjcgMS42LTEuN0g0NjNjMS42IDAgMS42IDAgMS42IDEuN3Y2Mi42bC4xIDI1Ljh6bTkzLjUtOTB2ODljMCAuOS0uMiAxLjEtMS4xIDEuMUg0NjhWOTUuMmMwLTEuNyAwLTEuNyAxLjctMS43aDg4LjV6bS0xODcuMSA5MGgtOTAuMlY5NC42YzAtMS4xLjQtMS41IDEuNS0xLjVsNi44LjNoODAuMmMxLjEgMCAxLjUuMiAxLjUgMS40bC4yIDYxLjguNSAyNS4yYzAgLjcuMSAxLjMtLjUgMS43eiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik00NS4xIDkwLjFIMS40Yy0xLjEgMC0xLjUtLjMtMS41LTEuNEwwIDEuNUMwIC4zLjMgMCAxLjUgMGg4Ny4zYzEuMiAwIDEuNC40IDEuNCAxLjV2ODcuMWMwIDEuMi0uMyAxLjUtMS41IDEuNUg0NS4xek0xMzguOCAwaDQzLjVjMS4xIDAgMS41LjMgMS41IDEuNHY4Ny4yYzAgMS4yLS4zIDEuNC0xLjUgMS40SDk1LjFjLTEuMiAwLTEuNS0uMy0xLjUtMS41VjEuNEM5My42LjIgOTQgMCA5NS4xIDBoNDMuN3oiIGZpbGw9IiMxNTY1YzAiLz48cGF0aCBkPSJNMzc0LjUgNDUuMVYxLjZjMC0xLjYgMC0xLjYgMS42LTEuNmg4Ny4xYzEuNiAwIDEuNiAwIDEuNiAxLjZ2ODYuOGMwIDEuNyAwIDEuNy0xLjcgMS43aC04Ni45Yy0xLjYgMC0xLjYgMC0xLjYtMS41bC0uMS00My41eiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik0yNzcuMyA0NS4xdjQzLjVjMCAxLjUgMCAxLjUtMS42IDEuNWgtODYuOWMtMS41IDAtMS41IDAtMS41LTEuNlYxLjZjMC0xLjIuMi0xLjYgMS41LTEuNUgyNzZjMS4yIDAgMS40LjQgMS40IDEuNWwtLjEgNDMuNXoiIGZpbGw9IiMxNTY1YzAiLz48cGF0aCBkPSJNMzcwLjkgNDUuMnY0My4yYzAgMS43IDAgMS43LTEuNiAxLjdoLTg2LjhjLTEuNiAwLTEuNiAwLTEuNi0xLjZ2LTg3YzAtMS41IDAtMS41IDEuNi0xLjVoODYuOGMxLjYgMCAxLjYgMCAxLjYgMS42djQzLjZ6IiBmaWxsPSIjY2JjYmNiIi8+PC9zdmc+",
|
|
2403
|
+
'4x1': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTU1OC4yIDB2OTAuMWgtODguM2MtMS45IDAtMS45IDAtMS45LTEuOVYxLjhjMC0xLjggMC0xLjggMS44LTEuOGg4OC40em0tNDY4IDE4My41SDBWOTUuMWMwLTEuNyAwLTEuNyAxLjctMS43aDg2LjdjMS44IDAgMS44IDAgMS44IDEuOHY4OC4zem05My42IDBIOTMuNlY5NS4zYzAtMS45IDAtMS45IDEuOS0xLjlIMTgyYzEuOCAwIDEuOCAwIDEuOCAxLjh2ODguM3ptMjgwLjkgMGgtOTAuMlY5NS4xYzAtMS43IDAtMS43IDEuNi0xLjdINDYzYzEuNiAwIDEuNiAwIDEuNiAxLjd2NjQuMWwuMSAyNC4zem05My41LTkwdjg5YzAgLjktLjIgMS4xLTEuMSAxLjFINDY4Vjk1LjJjMC0xLjcgMC0xLjcgMS43LTEuN2g4OC41em0tMjgwLjkgOTBoLTkwVjk0LjhjMC0uOS4xLTEuNSAxLjItMS41SDI3NmMuOSAwIDEuMi4zIDEuMiAxLjJsLjEgODl6bTkzLjYgMGgtOTBWOTUuMWMwLTEuNyAwLTEuNyAxLjctMS43aDg2LjVjMS44IDAgMS44IDAgMS44IDEuOHY4OC4zeiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik0wIDQ1LjFWMS41QzAgLjMuMyAwIDEuNCAwaDg3LjNjMS4yIDAgMS41LjMgMS40IDEuNXY4Ny4xYzAgMS4yLS4zIDEuNS0xLjUgMS41SDEuNGMtMS4zIDAtMS41LS40LTEuNS0xLjZMMCA0NS4xem05My42LS4yVjEuNEM5My42LjMgOTMuOSAwIDk1IDBoODcuM2MxLjIgMCAxLjQuMyAxLjQgMS41djg3LjJjMCAxLjItLjQgMS40LTEuNSAxLjRIOTVjLTEuMiAwLTEuNS0uNC0xLjUtMS41bC4xLTQzLjd6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTM3NC41IDQ1LjFWMS42YzAtMS42IDAtMS42IDEuNi0xLjZoODcuMWMxLjUgMCAxLjUgMCAxLjUgMS42djg2LjdjMCAxLjggMCAxLjgtMS44IDEuOGgtODYuN2MtMS43IDAtMS43IDAtMS43LTEuN1Y0NS4xeiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik0yNzcuMyA0NS4xdjQzLjRjMCAxLjYgMCAxLjYtMS42IDEuNmgtODYuOGMtMS42IDAtMS42IDAtMS42LTEuNlYxLjdjMC0xLjYgMC0xLjYgMS41LTEuNmg4N2MxLjUgMCAxLjYgMCAxLjYgMS41bC0uMSA0My41em0zLjYtLjJWMS40YzAtMS4xLjMtMS41IDEuNC0xLjVoODcuMmMxLjIgMCAxLjUuMyAxLjUgMS41djg3LjJjMCAxLjEtLjMgMS40LTEuNCAxLjRoLTg3LjNjLTEuMSAwLTEuNC0uNC0xLjQtMS40VjQ0Ljl6IiBmaWxsPSIjMTU2NWMwIi8+PC9zdmc+",
|
|
2404
|
+
'4x2': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTU1OC4yIDB2OTAuMWgtODguM2MtMS45IDAtMS45IDAtMS45LTEuOVYxLjhjMC0xLjggMC0xLjggMS44LTEuOGg4OC40eiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik05MC4yIDE4My41SDBWOTUuMmMwLTEuOS0uMi0xLjggMS43LTEuOGg4Ni43YzEuNyAwIDEuNyAwIDEuNyAxLjh2ODYuNmMuMS42LjEgMS4yLjEgMS43em05My42IDBIOTMuNlY5NS4yYzAtMS44IDAtMS44IDEuNy0xLjhIMTgyYzEuOSAwIDEuNy0uMiAxLjcgMS44bC4xIDg4LjN6IiBmaWxsPSIjMTU2NWMwIi8+PHBhdGggZD0iTTQ2NC42IDE4My41aC05MC4yVjk1LjFjMC0xLjcgMC0xLjcgMS42LTEuN2g4Ni45YzEuNiAwIDEuNiAwIDEuNiAxLjd2NjYuNWwuMSAyMS45em05My42LTkwdjg5YzAgLjktLjIgMS4xLTEuMSAxLjFINDY4Vjk1LjRjMC0xLjggMC0xLjggMS44LTEuOGg3NS45YzQuMi0uMSA4LjMtLjEgMTIuNS0uMXoiIGZpbGw9IiNjYmNiY2IiLz48cGF0aCBkPSJNMjc3LjMgMTgzLjVoLTkwYzAtLjUtLjEtMS0uMS0xLjRWOTUuMmMwLTEuNyAwLTEuNyAxLjctMS43aDg2LjdjMS43IDAgMS43IDAgMS43IDEuN3Y4OC4zem05My42IDBoLTkwVjk1YzAtMS42IDAtMS42IDEuNi0xLjZoODYuOGMxLjcgMCAxLjcgMCAxLjcgMS43VjE4MmMtLjEuNi0uMSAxLjEtLjEgMS41ek0xMzguNyA5MC4xSDk1LjNjLTEuNiAwLTEuNiAwLTEuNi0xLjZ2LTg3YzAtMS4zLjQtMS41IDEuNi0xLjVoODcuMWMxLjYgMCAxLjYgMCAxLjYgMS41djg3YzAgMS41IDAgMS41LTEuNiAxLjVsLTQzLjcuMXoiIGZpbGw9IiMxNTY1YzAiLz48cGF0aCBkPSJNMzc0LjUgNDVWMS42YzAtMS42IDAtMS42IDEuNi0xLjZoODcuMWMxLjYgMCAxLjYgMCAxLjYgMS42djg2LjhjMCAxLjcgMCAxLjctMS43IDEuN2gtODYuOWMtMS42IDAtMS42IDAtMS42LTEuNWwtLjEtNDMuNnoiIGZpbGw9IiNjYmNiY2IiLz48cGF0aCBkPSJNMjc3LjMgNDV2NDMuNmMwIDEuMS0uMyAxLjUtMS41IDEuNWgtODcuMmMtMS4yIDAtMS40LS40LTEuNC0xLjVWMS41YzAtMS4yLjMtMS41IDEuNS0xLjVoODcuMWMxLjMgMCAxLjUuNCAxLjUgMS41VjQ1em0zLjYuMVYxLjVjMC0xLjIuMy0xLjUgMS41LTEuNWg4Ny4yYzEuMiAwIDEuNC4zIDEuNCAxLjV2ODcuMWMwIDEuMi0uMyAxLjUtMS41IDEuNWgtODcuMWMtMS4zIDAtMS41LS40LTEuNS0xLjZWNDUuMXptLTIzNS42IDQ1SDEuOGMtMS42IDAtMS42IDAtMS42LTEuNlYxLjdDLjIuMS4yLjEgMS44LjFoODdjMS42IDAgMS42IDAgMS42IDEuNnY4Ni44YzAgMS42IDAgMS42LTEuNyAxLjZINDUuM3oiIGZpbGw9IiMxNTY1YzAiLz48L3N2Zz4=",
|
|
2405
|
+
'5x1': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTE4My44IDE4My41SDkzLjZWOTUuNGMwLTEuOCAwLTEuOCAxLjgtMS44SDE4MmMxLjggMCAxLjggMCAxLjggMS44djg4LjF6bTI4MC45IDBoLTkwLjJWOTUuMmMwLTEuNiAwLTEuNiAxLjUtMS42aDg3LjFjMS41IDAgMS42IDAgMS42IDEuNnY4OC4zek01NTguMiAwdjg5LjhINDcwYy0xLjcgMC0xLjcgMC0xLjctMS44VjEuN2MwLTEuOCAwLTEuOCAxLjctMS44bDg4LjIuMXpNOTAgMTgzLjVIMFY5NS40YzAtMS43IDAtMS43IDEuOC0xLjdoODYuNWMxLjggMCAxLjggMCAxLjggMS43djg2LjhjLS4xLjUtLjEuOS0uMSAxLjN6bTE4Ny4zIDBoLTkwVjk0LjhjMC0xIC41LTEuMiAxLjMtMS4ySDI3NmMxIDAgMS4zLjMgMS4zIDEuM3Y4OC42em05My42IDBoLTkwVjk1LjRjMC0xLjcgMC0xLjcgMS44LTEuN2g4Ni41YzEuOCAwIDEuOCAwIDEuOCAxLjd2ODYuOGMtLjEuNS0uMS45LS4xIDEuM3ptMTg3LjMtODkuOHY4OC44YzAgLjktLjIgMS4xLTEuMSAxLjFoLTg4LjlWOTUuNWMwLTEuOCAwLTEuOCAxLjgtMS44aDg4LjJ6IiBmaWxsPSIjY2JjYmNiIi8+PHBhdGggZD0iTTAgNDQuOVYxLjVDMCAuMy4zIDAgMS40IDBoODcuM2MxLjIgMCAxLjUuMyAxLjUgMS41djg3LjFjMCAxLjItLjMgMS42LTEuNSAxLjZIMS41Yy0xLjMgMC0xLjUtLjQtMS41LTEuNlY0NC45em0xODMuOC4zdjQzLjVjMCAxLjEtLjIgMS40LTEuNCAxLjRIOTVjLTEuMSAwLTEuNC0uNC0xLjQtMS40VjEuNGMwLTEuMS4zLTEuMyAxLjMtMS4zaDg3LjZjMS4xIDAgMS4zLjMgMS4zIDEuM3Y0My44em05My41IDB2NDMuNGMwIDEuMi0uMiAxLjUtMS41IDEuNWgtODcuMWMtMS4yIDAtMS41LS4zLTEuNS0xLjV2LTg3YzAtMS42IDAtMS42IDEuNi0xLjZoODdjMS41IDAgMS41IDAgMS41IDEuNnY0My42em0zLjYtLjNWMS40YzAtMS4xLjMtMS41IDEuNC0xLjVoODcuMmMxLjIgMCAxLjUuMyAxLjUgMS41djg3LjJjMCAxLjEtLjMgMS40LTEuNCAxLjRoLTg3LjNjLTEuMSAwLTEuNC0uNC0xLjQtMS40VjQ0Ljl6bTE4My40LjN2NDMuMWMwIDEuNiAwIDEuNi0xLjYgMS42aC04Ni4zYy0xLjIgMC0xLjYtLjMtMS42LTEuNVYxLjljMC0xLjEuMy0xLjUgMS41LTEuNWg4Ni42YzEuMiAwIDEuNC40IDEuNCAxLjV2NDMuM3oiIGZpbGw9IiMxNTY1YzAiLz48L3N2Zz4=",
|
|
2406
|
+
'5x2': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTU1OC4yIDB2OTAuMWgtODguM2MtMS45IDAtMS45IDAtMS45LTEuOVYxLjhjMC0xLjggMC0xLjggMS44LTEuOGg4OC40em0wIDkzLjV2ODljMCAuOS0uMiAxLjEtMS4xIDEuMUg0NjhWOTUuNGMwLTEuOCAwLTEuOCAxLjgtMS44aDc1LjljNC4yLS4xIDguNC0uMSAxMi41LS4xeiIgZmlsbD0iI2NiY2JjYiIvPjxnIGZpbGw9IiMxNTY1YzAiPjxwYXRoIGQ9Ik0xODMuOCAxODMuNUg5My42Vjk1LjFjMC0xLjYgMC0xLjcgMS42LTEuN0gxODJjMS43IDAgMS43IDAgMS43IDEuOGwuMSA4OC4zem0yODAuOSAwaC05MC4yVjk1LjJjMC0xLjggMC0xLjggMS43LTEuOGg4Ni43YzEuNyAwIDEuNyAwIDEuNyAxLjh2ODYuNmMwIC42LjEgMS4yLjEgMS43em0tMzc0LjcgMEgwVjk0LjljMC0xLjIuMy0xLjUgMS41LTEuNWg4N2MxLjYgMCAxLjYgMCAxLjYgMS42djg3LjFjMCAuNS0uMSAxLS4xIDEuNHptMTg3LjMgMGgtOTBjMC0uNC0uMS0uOS0uMS0xLjNWOTUuM2MwLTEuNyAwLTEuNyAxLjctMS43aDg2LjdjMS43IDAgMS43IDAgMS43IDEuN3Y4OC4yem05My42IDBoLTkwVjk1LjRjMC0xLjggMC0xLjggMS44LTEuOGg4Ni41YzEuOCAwIDEuOCAwIDEuOCAxLjh2ODYuN2MtLjEuNS0uMSAxLS4xIDEuNHpNMTM4LjggOTAuMUg5NS4xYy0xLjIgMC0xLjYtLjMtMS42LTEuNVYxLjRDOTMuNi4zIDkzLjkgMCA5NSAwaDg3LjRjMS4xIDAgMS40LjQgMS40IDEuNHY4Ny4yYzAgMS4xLS4zIDEuNS0xLjUgMS41aC00My41em0yODAuNiAwSDM3NmMtMS42IDAtMS42IDAtMS42LTEuNnYtODdjMC0xLjIuMi0xLjUgMS41LTEuNWg4Ny4yYzEuMiAwIDEuNS4zIDEuNSAxLjV2ODdjMCAxLjYgMCAxLjYtMS43IDEuNmgtNDMuNXpNLjIgNDUuMVYxLjdDLjIuMS4yLjEgMS45LjFoODYuOGMxLjYgMCAxLjYgMCAxLjYgMS43djg2LjdjMCAxLjYgMCAxLjYtMS42IDEuNkgxLjljLTEuNiAwLTEuNiAwLTEuNi0xLjdMLjIgNDUuMXoiLz48cGF0aCBkPSJNMjc3LjMgNDUuMXY0My40YzAgMS42IDAgMS42LTEuNiAxLjZoLTg2LjljLTEuMiAwLTEuNi0uMy0xLjYtMS41VjEuNWMwLTEuMi40LTEuNCAxLjUtMS40aDg3LjJjMS4yIDAgMS40LjQgMS40IDEuNXY0My41ek0zMjUuOCA5MGgtNDMuM2MtMS42IDAtMS42IDAtMS42LTEuNVYxLjZjMC0xLjIuMy0xLjUgMS41LTEuNWg4Ny4xYzEuMiAwIDEuNS4zIDEuNSAxLjV2ODYuOGMwIDEuNiAwIDEuNi0xLjYgMS42aC00My42eiIvPjwvZz48L3N2Zz4=",
|
|
2407
|
+
'6x1': "PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiIgIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyI+PHBhdGggZD0iTTU1OC4yIDB2OTAuMWgtODguNWMtMS42IDAtMS42IDAtMS42LTEuNlYxLjdjMC0xLjYgMC0xLjYgMS42LTEuNmw4OC41LS4xeiIgZmlsbD0iIzE1NjVjMCIvPjxwYXRoIGQ9Ik05MC4yIDE4My41SDBWOTUuMWMwLTEuNyAwLTEuNyAxLjctMS43aDg2LjdjMS44IDAgMS44IDAgMS44IDEuOHY4OC4zem05My42IDBIOTMuNlY5NS4zYzAtMS45IDAtMS45IDEuOS0xLjlIMTgyYzEuOCAwIDEuOCAwIDEuOCAxLjh2ODguM3ptMjgwLjkgMGgtOTAuMlY5NS4xYzAtMS43IDAtMS43IDEuNi0xLjdINDYzYzEuNiAwIDEuNiAwIDEuNiAxLjd2NjQuMWwuMSAyNC4zem05My41LTkwdjg5YzAgLjktLjIgMS4xLTEuMSAxLjFINDY4Vjk1LjJjMC0xLjcgMC0xLjcgMS43LTEuN2g4OC41em0tMjgwLjkgOTBoLTkwVjk0LjhjMC0uOS4xLTEuNSAxLjItMS41SDI3NmMuOSAwIDEuMi4zIDEuMiAxLjJsLjEgODl6bTkzLjYgMGgtOTBWOTUuMWMwLTEuNyAwLTEuNyAxLjctMS43aDg2LjVjMS44IDAgMS44IDAgMS44IDEuOHY4OC4zeiIgZmlsbD0iI2NiY2JjYiIvPjxwYXRoIGQ9Ik0wIDQ1LjFWMS41QzAgLjMuMyAwIDEuNCAwaDg3LjNjMS4yIDAgMS41LjMgMS40IDEuNXY4Ny4xYzAgMS4yLS4zIDEuNS0xLjUgMS41SDEuNGMtMS4zIDAtMS41LS40LTEuNS0xLjZMMCA0NS4xem05My42LS4xVjEuNUM5My42LjMgOTMuOSAwIDk1IDBoODcuM2MxLjIgMCAxLjQuMyAxLjQgMS41djg3LjJjMCAxLjItLjQgMS40LTEuNSAxLjRIOTVjLTEuMiAwLTEuNS0uNC0xLjUtMS41bC4xLTQzLjZ6TTQxOS43IDBoNDMuNGMxLjIgMCAxLjYuMiAxLjYgMS41djg3LjFjMCAxLjItLjMgMS41LTEuNSAxLjVIMzc2Yy0xLjEgMC0xLjUtLjMtMS41LTEuNFYxLjVjMC0xLjIuMy0xLjQgMS41LTEuNGw0My43LS4xek0yNzcuMyA0NS4xdjQzLjNjMCAxLjYgMCAxLjYtMS42IDEuNmgtODYuOGMtMS43IDAtMS43IDAtMS43LTEuNlYxLjVjMC0xLjIuMy0xLjUgMS41LTEuNWg4Ny4yYzEuMiAwIDEuNC40IDEuNCAxLjV2NDMuNnptMy42LS4yVjEuNGMwLTEuMS4zLTEuNSAxLjQtMS41aDg3LjJjMS4zIDAgMS41LjQgMS41IDEuNnY4Ni45YzAgMS42IDAgMS42LTEuNSAxLjZoLTg3Yy0xLjEgMC0xLjUtLjMtMS41LTEuNGwtLjEtNDMuN3oiIGZpbGw9IiMxNTY1YzAiLz48L3N2Zz4=",
|
|
2408
|
+
'6x2': "PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyOC4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FtYWRhXzEiIHhtbG5zOnY9Imh0dHBzOi8vdmVjdGEuaW8vbmFubyINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1NTguMiAxODMuNiINCgkgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTU4LjIgMTgzLjY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiMxNTY1QzA7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01NTguMiwwdjkwLjFoLTg4LjVjLTEuNiwwLTEuNiwwLTEuNi0xLjZWMS43YzAtMS42LDAtMS42LDEuNi0xLjZDNDY5LjcsMC4xLDU1OC4yLDAsNTU4LjIsMHoiLz4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik05MC4yLDE4My41SDBWOTUuMWMwLTEuNywwLTEuNywxLjctMS43aDg2LjdjMS44LDAsMS44LDAsMS44LDEuOFYxODMuNXogTTE4My44LDE4My41SDkzLjZWOTUuMw0KCWMwLTEuOSwwLTEuOSwxLjktMS45SDE4MmMxLjgsMCwxLjgsMCwxLjgsMS44TDE4My44LDE4My41TDE4My44LDE4My41eiBNNDY0LjcsMTgzLjVoLTkwLjJWOTUuMWMwLTEuNywwLTEuNywxLjYtMS43SDQ2Mw0KCWMxLjYsMCwxLjYsMCwxLjYsMS43djY0LjFMNDY0LjcsMTgzLjVMNDY0LjcsMTgzLjV6IE01NTguMiw5My41djg5YzAsMC45LTAuMiwxLjEtMS4xLDEuMUg0NjhWOTUuMmMwLTEuNywwLTEuNywxLjctMS43SDU1OC4yDQoJTDU1OC4yLDkzLjV6IE0yNzcuMywxODMuNWgtOTBWOTQuOGMwLTAuOSwwLjEtMS41LDEuMi0xLjVIMjc2YzAuOSwwLDEuMiwwLjMsMS4yLDEuMkwyNzcuMywxODMuNUwyNzcuMywxODMuNXogTTM3MC45LDE4My41aC05MA0KCVY5NS4xYzAtMS43LDAtMS43LDEuNy0xLjdoODYuNWMxLjgsMCwxLjgsMCwxLjgsMS44VjE4My41eiIvPg0KPHBhdGggY2xhc3M9InN0MCIgZD0iTTAsNDUuMVYxLjVDMCwwLjMsMC4zLDAsMS40LDBoODcuM2MxLjIsMCwxLjUsMC4zLDEuNCwxLjV2ODcuMWMwLDEuMi0wLjMsMS41LTEuNSwxLjVIMS40DQoJYy0xLjMsMC0xLjUtMC40LTEuNS0xLjZMMCw0NS4xeiBNOTMuNiw0NVYxLjVDOTMuNiwwLjMsOTMuOSwwLDk1LDBoODcuM2MxLjIsMCwxLjQsMC4zLDEuNCwxLjV2ODcuMmMwLDEuMi0wLjQsMS40LTEuNSwxLjRIOTUNCgljLTEuMiwwLTEuNS0wLjQtMS41LTEuNUw5My42LDQ1eiBNNDE5LjcsMGg0My40YzEuMiwwLDEuNiwwLjIsMS42LDEuNXY4Ny4xYzAsMS4yLTAuMywxLjUtMS41LDEuNUgzNzZjLTEuMSwwLTEuNS0wLjMtMS41LTEuNFYxLjUNCgljMC0xLjIsMC4zLTEuNCwxLjUtMS40QzM3NiwwLjEsNDE5LjcsMCw0MTkuNywweiBNMjc3LjMsNDUuMXY0My4zYzAsMS42LDAsMS42LTEuNiwxLjZoLTg2LjhjLTEuNywwLTEuNywwLTEuNy0xLjZWMS41DQoJYzAtMS4yLDAuMy0xLjUsMS41LTEuNWg4Ny4yYzEuMiwwLDEuNCwwLjQsMS40LDEuNUwyNzcuMyw0NS4xTDI3Ny4zLDQ1LjF6IE0yODAuOSw0NC45VjEuNGMwLTEuMSwwLjMtMS41LDEuNC0xLjVoODcuMg0KCWMxLjMsMCwxLjUsMC40LDEuNSwxLjZ2ODYuOWMwLDEuNiwwLDEuNi0xLjUsMS42aC04N2MtMS4xLDAtMS41LTAuMy0xLjUtMS40TDI4MC45LDQ0Ljl6Ii8+DQo8L3N2Zz4NCg==",
|
|
2429
2409
|
};
|
|
2430
2410
|
|
|
2431
2411
|
//
|
|
@@ -2653,7 +2633,10 @@ var __vue_render__$1 = function () {
|
|
|
2653
2633
|
_vm.framesValue !== item.value
|
|
2654
2634
|
? "filter: grayscale(1)"
|
|
2655
2635
|
: "",
|
|
2656
|
-
attrs: {
|
|
2636
|
+
attrs: {
|
|
2637
|
+
src: "data:image/svg+xml;base64," + item.image,
|
|
2638
|
+
width: "100%",
|
|
2639
|
+
},
|
|
2657
2640
|
on: {
|
|
2658
2641
|
click: function () {
|
|
2659
2642
|
return (_vm.framesValue = item.value)
|
|
@@ -3041,11 +3024,11 @@ __vue_render__$1._withStripped = true;
|
|
|
3041
3024
|
/* style */
|
|
3042
3025
|
const __vue_inject_styles__$1 = function (inject) {
|
|
3043
3026
|
if (!inject) return
|
|
3044
|
-
inject("data-v-7082b87a_0", { source: "\ndialog[data-v-7082b87a] {\r\n max-width: 60vw;\r\n /* padding: 12px; */\r\n border: none;\r\n background: white;\r\n border-radius: 6px;\r\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),\r\n 0 1px 5px 0 rgba(0, 0, 0, 0.12);\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateY(-50%) translateX(-50%);\n}\r\n", map: {"version":3,"sources":["C:\\workspace\\visualization\\src\\components\\Settings.vue"],"names":[],"mappings":";AAmZA;EACA,eAAA;EACA,mBAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA;mCACA;EACA,eAAA;EACA,QAAA;EACA,SAAA;EACA,4CAAA;AACA","file":"Settings.vue","sourcesContent":["<template>\r\n <div>\r\n <GlobalEvents\r\n v-if=\"dialogsVisibility.frames\"\r\n @keydown.37=\"prevFormat\"\r\n @keydown.39=\"nextFormat\"\r\n />\r\n <!-- Formato da grelha -->\r\n <dialog ref=\"frames\">\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 40px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 10px;\r\n \"\r\n >\r\n {{ $t('infoBar.gridForm') }}\r\n </div>\r\n <v-row class=\"visualization-row\" style=\"justify-content: center\">\r\n <v-col\r\n v-for=\"(item, index) in items\"\r\n :key=\"index\"\r\n class=\"visualization-col\"\r\n style=\"min-width: 200px; max-width: 200px\"\r\n >\r\n <img\r\n @click=\"() => (framesValue = item.value)\"\r\n :src=\"item.image\"\r\n width=\"100%\"\r\n :style=\"framesValue !== item.value ? 'filter: grayscale(1)' : ''\"\r\n />\r\n </v-col>\r\n </v-row>\r\n <div class=\"visualization-divider\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <button\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n \"\r\n @click=\"$emit('close', 'frames')\"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n\r\n <!-- Frequencia das Imagens -->\r\n <dialog ref=\"secondsPerFrame\">\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 40px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 10px;\r\n \"\r\n >\r\n {{ $t('infoBar.secondImage') }}\r\n </div>\r\n <div class=\"visualization-row\" style=\"margin: 25px; height: 20px\">\r\n <input\r\n ref=\"secondsPerFrameInput\"\r\n v-model=\"secondsPerFrameValue\"\r\n type=\"range\"\r\n step=\"1\"\r\n max=\"5\"\r\n min=\"1\"\r\n style=\"height: 30px; width: 300px\"\r\n />\r\n <span style=\"padding-left: 20px; font-size: 16px\">\r\n {{ secondsPerFrame + ' s' }}</span\r\n >\r\n </div>\r\n <div class=\"visualization-divider\" style=\"margin: 10px\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"display: flex; justify-content: center; margin-top: 10px\"\r\n >\r\n <button\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n margin-bottom: 8px;\r\n \"\r\n @click=\"$emit('close', 'secondsPerFrame')\"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n\r\n <!-- Go To -->\r\n <dialog ref=\"goTo\">\r\n <div\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 35px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 8px;\r\n \"\r\n >\r\n {{ $t('infoBar.goTo') }}\r\n </div>\r\n <div class=\"visualization-row\" style=\"margin: 25px; height: 20px\">\r\n <input\r\n v-model=\"goToValue\"\r\n type=\"text\"\r\n placeholder=\"hh:mm:ss\"\r\n v-mask=\"'##:##:##'\"\r\n style=\"\r\n height: 30px;\r\n width: 300px;\r\n border: 0.1px solid #c2c9d6;\r\n border-radius: 3px;\r\n padding: 5px;\r\n \"\r\n />\r\n </div>\r\n <div class=\"visualization-divider\" style=\"margin-top: 40px\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <button\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n \"\r\n @click=\"\r\n () => {\r\n $emit('close', 'goTo')\r\n $emit('change-go-to', goToValue)\r\n goToValue = ''\r\n }\r\n \"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n\r\n <!-- Velocidade Reprodução -->\r\n <GlobalEvents\r\n @keydown.107=\"changePlaybackRate(1)\"\r\n @keydown.109=\"changePlaybackRate(-1)\"\r\n />\r\n <dialog ref=\"playbackRate\">\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 35px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 8px;\r\n \"\r\n >\r\n {{ $t('infoBar.playbackSpeed') }}\r\n </div>\r\n <div\r\n class=\"visualization-row\"\r\n style=\"margin: 25px; height: 20px; width: 380px\"\r\n >\r\n <input\r\n ref=\"playbackRateInput\"\r\n v-model=\"playbackRateValue\"\r\n type=\"range\"\r\n step=\"0.25\"\r\n max=\"3\"\r\n min=\"1\"\r\n style=\"height: 30px; width: 300px\"\r\n />\r\n <span\r\n style=\"padding-left: 20px; padding-right: 20px; font-size: 16px\"\r\n >{{ playbackRate + 'x' }}</span\r\n >\r\n </div>\r\n <div class=\"visualization-divider\" style=\"margin-top: 40px\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <button\r\n @click=\"$emit('close', 'playbackRate')\"\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n \"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n </div>\r\n</template>\r\n<script>\r\nimport GridImages from '../assets/grid/index.js'\r\n\r\nexport default {\r\n props: {\r\n dialogsVisibility: {\r\n type: Object,\r\n required: false,\r\n },\r\n playbackRate: {\r\n type: Number,\r\n required: true,\r\n },\r\n secondsPerFrame: {\r\n type: Number,\r\n required: true,\r\n },\r\n framesPerRow: {\r\n type: Number,\r\n required: true,\r\n },\r\n numberOfRows: {\r\n type: Number,\r\n required: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n openBlocksDialog: false,\r\n time: '',\r\n rangeBlocks: {\r\n ini: null,\r\n end: null,\r\n date: null,\r\n },\r\n items: [\r\n { text: '2x1', value: 1, image: GridImages['2x1'] },\r\n { text: '3x1', value: 2, image: GridImages['3x1'] },\r\n { text: '3x2', value: 3, image: GridImages['3x2'] },\r\n { text: '4x1', value: 4, image: GridImages['4x1'] },\r\n { text: '4x2', value: 5, image: GridImages['4x2'] },\r\n { text: '5x1', value: 6, image: GridImages['5x1'] },\r\n { text: '5x2', value: 7, image: GridImages['5x2'] },\r\n { text: '6x1', value: 8, image: GridImages['6x1'] },\r\n { text: '6x2', value: 9, image: GridImages['6x2'] },\r\n ],\r\n\r\n // NEW\r\n goToValue: '',\r\n }\r\n },\r\n mounted() {\r\n this.toogleDialogs()\r\n },\r\n computed: {\r\n secondsPerFrameValue: {\r\n get() {\r\n return this.secondsPerFrame\r\n },\r\n set(val) {\r\n this.$emit('change-seconds-per-frame', parseInt(val))\r\n },\r\n },\r\n playbackRateValue: {\r\n get() {\r\n return this.playbackRate\r\n },\r\n set(val) {\r\n this.$emit('change-playback-rate', parseFloat(val))\r\n },\r\n },\r\n framesValue: {\r\n get() {\r\n return this.items.find(\r\n (item) => item.text === `${this.framesPerRow}x${this.numberOfRows}`\r\n ).value\r\n },\r\n set(value) {\r\n this.$emit('set-frames-selection', value)\r\n },\r\n },\r\n timeRules() {\r\n return [\r\n (time) =>\r\n (time >= '02:30:00' && time <= '26:29:59') ||\r\n this.$i18n.t('form.mustBeBetween'),\r\n ]\r\n },\r\n },\r\n methods: {\r\n toogleDialogs() {\r\n for (const dialog of Object.values(this.$refs)) {\r\n dialog.close?.()\r\n }\r\n\r\n const openDialog = Object.keys(this.dialogsVisibility).find(\r\n (key) => this.dialogsVisibility[key]\r\n )\r\n\r\n if (openDialog) {\r\n this.$refs[openDialog].showModal()\r\n }\r\n },\r\n prevFormat() {\r\n if (this.items.find((format) => format.value === this.framesValue - 1)) {\r\n this.framesValue--\r\n }\r\n },\r\n nextFormat() {\r\n if (this.items.find((format) => format.value === this.framesValue + 1)) {\r\n this.framesValue++\r\n }\r\n },\r\n changePlaybackRate(direction = 1) {\r\n if (direction === 1) {\r\n this.$refs.playbackRateInput.stepUp()\r\n } else if (direction === -1) {\r\n this.$refs.playbackRateInput.stepDown()\r\n }\r\n this.playbackRateValue = this.$refs.playbackRateInput.value\r\n },\r\n closeBlocksDialog() {\r\n Object.entries(this.rangeBlocks).forEach(([key, value]) => {\r\n if (!value || key == 'date') return\r\n var res = value.replace(/\\D/g, '')\r\n if (res.length < 6) {\r\n for (let i = res.length; i < 6; i++) {\r\n res += '0'\r\n }\r\n }\r\n res.match(/.{1,2}/g)\r\n let a = res.substring(0, 2)\r\n let b = res.substring(2, 4)\r\n let c = res.substring(4, 6)\r\n this.rangeBlocks[key] = a + ':' + b + ':' + c\r\n })\r\n\r\n this.openBlocksDialog = false\r\n this.$emit('goToBlockInterval', this.rangeBlocks)\r\n },\r\n },\r\n watch: {\r\n dialogsVisibility: {\r\n handler() {\r\n this.toogleDialogs()\r\n },\r\n deep: true,\r\n },\r\n },\r\n}\r\n</script>\r\n<style scoped>\r\ndialog {\r\n max-width: 60vw;\r\n /* padding: 12px; */\r\n border: none;\r\n background: white;\r\n border-radius: 6px;\r\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),\r\n 0 1px 5px 0 rgba(0, 0, 0, 0.12);\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateY(-50%) translateX(-50%);\r\n}\r\n</style>\r\n"]}, media: undefined });
|
|
3027
|
+
inject("data-v-29b1922f_0", { source: "\ndialog[data-v-29b1922f] {\r\n max-width: 60vw;\r\n /* padding: 12px; */\r\n border: none;\r\n background: white;\r\n border-radius: 6px;\r\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),\r\n 0 1px 5px 0 rgba(0, 0, 0, 0.12);\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateY(-50%) translateX(-50%);\n}\r\n", map: {"version":3,"sources":["C:\\workspace\\visualization\\src\\components\\Settings.vue"],"names":[],"mappings":";AAmZA;EACA,eAAA;EACA,mBAAA;EACA,YAAA;EACA,iBAAA;EACA,kBAAA;EACA;mCACA;EACA,eAAA;EACA,QAAA;EACA,SAAA;EACA,4CAAA;AACA","file":"Settings.vue","sourcesContent":["<template>\r\n <div>\r\n <GlobalEvents\r\n v-if=\"dialogsVisibility.frames\"\r\n @keydown.37=\"prevFormat\"\r\n @keydown.39=\"nextFormat\"\r\n />\r\n <!-- Formato da grelha -->\r\n <dialog ref=\"frames\">\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 40px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 10px;\r\n \"\r\n >\r\n {{ $t('infoBar.gridForm') }}\r\n </div>\r\n <v-row class=\"visualization-row\" style=\"justify-content: center\">\r\n <v-col\r\n v-for=\"(item, index) in items\"\r\n :key=\"index\"\r\n class=\"visualization-col\"\r\n style=\"min-width: 200px; max-width: 200px\"\r\n >\r\n <img\r\n @click=\"() => (framesValue = item.value)\"\r\n :src=\"`data:image/svg+xml;base64,${item.image}`\"\r\n width=\"100%\"\r\n :style=\"framesValue !== item.value ? 'filter: grayscale(1)' : ''\"\r\n />\r\n </v-col>\r\n </v-row>\r\n <div class=\"visualization-divider\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <button\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n \"\r\n @click=\"$emit('close', 'frames')\"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n\r\n <!-- Frequencia das Imagens -->\r\n <dialog ref=\"secondsPerFrame\">\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 40px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 10px;\r\n \"\r\n >\r\n {{ $t('infoBar.secondImage') }}\r\n </div>\r\n <div class=\"visualization-row\" style=\"margin: 25px; height: 20px\">\r\n <input\r\n ref=\"secondsPerFrameInput\"\r\n v-model=\"secondsPerFrameValue\"\r\n type=\"range\"\r\n step=\"1\"\r\n max=\"5\"\r\n min=\"1\"\r\n style=\"height: 30px; width: 300px\"\r\n />\r\n <span style=\"padding-left: 20px; font-size: 16px\">\r\n {{ secondsPerFrame + ' s' }}</span\r\n >\r\n </div>\r\n <div class=\"visualization-divider\" style=\"margin: 10px\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"display: flex; justify-content: center; margin-top: 10px\"\r\n >\r\n <button\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n margin-bottom: 8px;\r\n \"\r\n @click=\"$emit('close', 'secondsPerFrame')\"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n\r\n <!-- Go To -->\r\n <dialog ref=\"goTo\">\r\n <div\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 35px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 8px;\r\n \"\r\n >\r\n {{ $t('infoBar.goTo') }}\r\n </div>\r\n <div class=\"visualization-row\" style=\"margin: 25px; height: 20px\">\r\n <input\r\n v-model=\"goToValue\"\r\n type=\"text\"\r\n placeholder=\"hh:mm:ss\"\r\n v-mask=\"'##:##:##'\"\r\n style=\"\r\n height: 30px;\r\n width: 300px;\r\n border: 0.1px solid #c2c9d6;\r\n border-radius: 3px;\r\n padding: 5px;\r\n \"\r\n />\r\n </div>\r\n <div class=\"visualization-divider\" style=\"margin-top: 40px\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <button\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n \"\r\n @click=\"\r\n () => {\r\n $emit('close', 'goTo')\r\n $emit('change-go-to', goToValue)\r\n goToValue = ''\r\n }\r\n \"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n\r\n <!-- Velocidade Reprodução -->\r\n <GlobalEvents\r\n @keydown.107=\"changePlaybackRate(1)\"\r\n @keydown.109=\"changePlaybackRate(-1)\"\r\n />\r\n <dialog ref=\"playbackRate\">\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n padding: 5px;\r\n font-weight: bold;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n height: 35px;\r\n color: white;\r\n display: flex;\r\n justify-content: center;\r\n padding-top: 8px;\r\n \"\r\n >\r\n {{ $t('infoBar.playbackSpeed') }}\r\n </div>\r\n <div\r\n class=\"visualization-row\"\r\n style=\"margin: 25px; height: 20px; width: 380px\"\r\n >\r\n <input\r\n ref=\"playbackRateInput\"\r\n v-model=\"playbackRateValue\"\r\n type=\"range\"\r\n step=\"0.25\"\r\n max=\"3\"\r\n min=\"1\"\r\n style=\"height: 30px; width: 300px\"\r\n />\r\n <span\r\n style=\"padding-left: 20px; padding-right: 20px; font-size: 16px\"\r\n >{{ playbackRate + 'x' }}</span\r\n >\r\n </div>\r\n <div class=\"visualization-divider\" style=\"margin-top: 40px\" />\r\n <div\r\n class=\"visualization-row\"\r\n style=\"\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 10px;\r\n margin-bottom: 10px;\r\n \"\r\n >\r\n <button\r\n @click=\"$emit('close', 'playbackRate')\"\r\n style=\"\r\n border-radius: 4px;\r\n height: 35px;\r\n width: 70px;\r\n background-color: var(--visualization-primary);\r\n border-color: var(--visualization-primary);\r\n color: white;\r\n \"\r\n >\r\n Ok\r\n </button>\r\n </div>\r\n </dialog>\r\n </div>\r\n</template>\r\n<script>\r\nimport GridImages from '../assets/grid/index.js'\r\n\r\nexport default {\r\n props: {\r\n dialogsVisibility: {\r\n type: Object,\r\n required: false,\r\n },\r\n playbackRate: {\r\n type: Number,\r\n required: true,\r\n },\r\n secondsPerFrame: {\r\n type: Number,\r\n required: true,\r\n },\r\n framesPerRow: {\r\n type: Number,\r\n required: true,\r\n },\r\n numberOfRows: {\r\n type: Number,\r\n required: true,\r\n },\r\n },\r\n data() {\r\n return {\r\n openBlocksDialog: false,\r\n time: '',\r\n rangeBlocks: {\r\n ini: null,\r\n end: null,\r\n date: null,\r\n },\r\n items: [\r\n { text: '2x1', value: 1, image: GridImages['2x1'] },\r\n { text: '3x1', value: 2, image: GridImages['3x1'] },\r\n { text: '3x2', value: 3, image: GridImages['3x2'] },\r\n { text: '4x1', value: 4, image: GridImages['4x1'] },\r\n { text: '4x2', value: 5, image: GridImages['4x2'] },\r\n { text: '5x1', value: 6, image: GridImages['5x1'] },\r\n { text: '5x2', value: 7, image: GridImages['5x2'] },\r\n { text: '6x1', value: 8, image: GridImages['6x1'] },\r\n { text: '6x2', value: 9, image: GridImages['6x2'] },\r\n ],\r\n\r\n // NEW\r\n goToValue: '',\r\n }\r\n },\r\n mounted() {\r\n this.toogleDialogs()\r\n },\r\n computed: {\r\n secondsPerFrameValue: {\r\n get() {\r\n return this.secondsPerFrame\r\n },\r\n set(val) {\r\n this.$emit('change-seconds-per-frame', parseInt(val))\r\n },\r\n },\r\n playbackRateValue: {\r\n get() {\r\n return this.playbackRate\r\n },\r\n set(val) {\r\n this.$emit('change-playback-rate', parseFloat(val))\r\n },\r\n },\r\n framesValue: {\r\n get() {\r\n return this.items.find(\r\n (item) => item.text === `${this.framesPerRow}x${this.numberOfRows}`\r\n ).value\r\n },\r\n set(value) {\r\n this.$emit('set-frames-selection', value)\r\n },\r\n },\r\n timeRules() {\r\n return [\r\n (time) =>\r\n (time >= '02:30:00' && time <= '26:29:59') ||\r\n this.$i18n.t('form.mustBeBetween'),\r\n ]\r\n },\r\n },\r\n methods: {\r\n toogleDialogs() {\r\n for (const dialog of Object.values(this.$refs)) {\r\n dialog.close?.()\r\n }\r\n\r\n const openDialog = Object.keys(this.dialogsVisibility).find(\r\n (key) => this.dialogsVisibility[key]\r\n )\r\n\r\n if (openDialog) {\r\n this.$refs[openDialog].showModal()\r\n }\r\n },\r\n prevFormat() {\r\n if (this.items.find((format) => format.value === this.framesValue - 1)) {\r\n this.framesValue--\r\n }\r\n },\r\n nextFormat() {\r\n if (this.items.find((format) => format.value === this.framesValue + 1)) {\r\n this.framesValue++\r\n }\r\n },\r\n changePlaybackRate(direction = 1) {\r\n if (direction === 1) {\r\n this.$refs.playbackRateInput.stepUp()\r\n } else if (direction === -1) {\r\n this.$refs.playbackRateInput.stepDown()\r\n }\r\n this.playbackRateValue = this.$refs.playbackRateInput.value\r\n },\r\n closeBlocksDialog() {\r\n Object.entries(this.rangeBlocks).forEach(([key, value]) => {\r\n if (!value || key == 'date') return\r\n var res = value.replace(/\\D/g, '')\r\n if (res.length < 6) {\r\n for (let i = res.length; i < 6; i++) {\r\n res += '0'\r\n }\r\n }\r\n res.match(/.{1,2}/g)\r\n let a = res.substring(0, 2)\r\n let b = res.substring(2, 4)\r\n let c = res.substring(4, 6)\r\n this.rangeBlocks[key] = a + ':' + b + ':' + c\r\n })\r\n\r\n this.openBlocksDialog = false\r\n this.$emit('goToBlockInterval', this.rangeBlocks)\r\n },\r\n },\r\n watch: {\r\n dialogsVisibility: {\r\n handler() {\r\n this.toogleDialogs()\r\n },\r\n deep: true,\r\n },\r\n },\r\n}\r\n</script>\r\n<style scoped>\r\ndialog {\r\n max-width: 60vw;\r\n /* padding: 12px; */\r\n border: none;\r\n background: white;\r\n border-radius: 6px;\r\n box-shadow: 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 2px 2px 0 rgba(0, 0, 0, 0.14),\r\n 0 1px 5px 0 rgba(0, 0, 0, 0.12);\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translateY(-50%) translateX(-50%);\r\n}\r\n</style>\r\n"]}, media: undefined });
|
|
3045
3028
|
|
|
3046
3029
|
};
|
|
3047
3030
|
/* scoped */
|
|
3048
|
-
const __vue_scope_id__$1 = "data-v-
|
|
3031
|
+
const __vue_scope_id__$1 = "data-v-29b1922f";
|
|
3049
3032
|
/* module identifier */
|
|
3050
3033
|
const __vue_module_identifier__$1 = undefined;
|
|
3051
3034
|
/* functional template */
|