window.CapJST = window.CapJST || {};
window.CapJST['widgets/CapAd/ads'] = Handlebars.compile("<div style=\"text-align:center;\" class=\"capAd-{{ imgsLength }}-item\">\n    {{#each imgs}}\n        {{#if this.filename_ads}}\n            <div class=\"capAd\">\n                {{#if this.link_ads}}\n                    <a target=\"_blank\" href=\"{{this.link_ads}}\"><img class=\"bannerImg\" src=\"{{../../../asset_url}}upload/capAd/{{this.filename_ads}}\" alt=\"\" target=\"_blank\" /></a>\n                {{else}}\n                    <img class=\"bannerImg\" src=\"{{../../../asset_url}}upload/capAd/{{this.filename_ads}}\" alt=\"\" />\n                {{/if}}\n            </div>\n        {{/if}}\n    {{/each}}\n</div>\n");
window.CapJST['widgets/Chat/chat'] = Handlebars.compile("<div id=\"widget-chat\" class=\"col-md-12\" style=\"display:none;\">\n    <audio id=\"chat-soundAlert\">\n        <source src=\"{{soundAlertUrl}}\" type=\"audio/mpeg\">\n        </source>\n    </audio>\n    <div class=\"chat-header col-md-12\">\n        <ul class=\"chat-options\">\n            <li>\n                <button class=\"raw chat-option option-nickname fa fa-user\" aria-expanded=\"false\" data-toggle=\"tooltip\"\n                    data-placement=\"bottom\" data-container=\"body\" title=\"Change Nickname\"\n                    aria-label=\"Change Nickname\"></button>\n            </li>\n            <li>\n                <button tabindex=\"0\" class=\"raw chat-option option-time fa fa-clock-o\" data-toggle=\"tooltip\"\n                    data-placement=\"bottom\" data-container=\"body\" title=\"Show/Hide Time\"\n                    aria-label=\"Toggle Time\"></button>\n            </li>\n            <li>\n                <button tabindex=\"0\" class=\"raw chat-option option-userlist fa fa-users\" data-toggle=\"tooltip\"\n                    data-placement=\"bottom\" data-container=\"body\" title=\"Show/Hide Userlist\"\n                    aria-label=\"Toggle Userlist\"></button>\n            </li>\n            {{#if options.soundAlert }}\n            <li>\n                <button tabindex=\"0\" class=\"raw chat-option option-sound fa fa-bell\" data-toggle=\"tooltip\"\n                    data-placement=\"bottom\" data-container=\"body\" title=\"Enable/Disable Sound Alerts\"\n                    aria-label=\"Toggle Sound Alerts\"></button>\n            </li>\n            {{else}}\n            <li>\n                <button tabindex=\"0\" class=\"raw chat-option option-sound fa fa-bell-slash\" data-toggle=\"tooltip\"\n                    data-placement=\"bottom\" data-container=\"body\" title=\"Enable/Disable Sound Alerts\"\n                    aria-label=\"Toggle Sound Alerts\"></button>\n            </li>\n            {{/if}}\n        </ul>\n    </div>\n    <div class=\"chat-content col-md-9 panel panel-default\">\n        <div class=\"chat-rooms\">\n            {{#if content}}\n            {{{content}}}\n            {{else}}\n            <ul id=\"main-room\" class=\"chat-room active\"></ul>\n            {{/if}}\n        </div>\n\n        <div class=\"room-status\"></div>\n        <ul class=\"rooms-tabs\" role=\"tablist\">\n            <li class=\"tab active\" id=\"tab-main-room\">Everyone</li>\n        </ul>\n\n    </div>\n\n    <div class=\"chat-userlist col-md-3 panel panel-default pull-right\" style=\"width:24%\">\n        <ul>\n        </ul>\n    </div>\n    <div class=\"chat-send col-md-12\">\n        <div class=\"col-lg-9 message-box\"><input type=\"text\" name=\"message\" placeholder=\"type your message...\"\n                aria-label=\"Type Your Message\" title=\"Type Your Message\" class=\"form-control\" /></div>\n        <div class=\"col-lg-1 emojies\"><input type=\"button\" id=\"emojies\" class=\"btn\" value=\"\ud83d\ude03\" aria-label=\"Emojis\" />\n        </div>\n        <div class=\"col-lg-2 submit-message\"><input type=\"button\" name=\"send\" class=\"btn btn-primary form-control \"\n                value=\"Send\" aria-label=\"Send Message\" /></div>\n    </div>\n\n\n</div>\n<div id=\"chat-disconnected\" style=\"display:none;\">Not connected</div>\n<div id=\"chat-loading\">Connecting...</div>\n<div id=\"chat-demo\" class=\"chat-overlay\" style=\"display:none;\">\n    <p>DEMO<br /> Chat widget disabled</p>\n</div>\n<div id=\"chat-disabled\" class=\"chat-overlay\" style=\"display:none;\">\n    <p>Chat widget disabled</p>\n</div>");
window.CapJST['widgets/Notes/notes'] = Handlebars.compile("<textarea aria-label=\"Notes\" style=\"width:100%;height:100%;resize:{{resize}};border:none;\">{{content}}</textarea>\n");
window.CapJST['widgets/StreamBox/configure'] = Handlebars.compile("<form id=\"StreamConfigure\">\n    <label class=\"flexLabel flexCheckLabel\" tabindex=\"0\">\n        <span>Show Time</span>\n        <input type=\"checkbox\" name=\"StreamTimestamp\" title=\"Display time on each line\" />\n    </label>\n\n    <label class=\"flexLabel flexCheckLabel\">\n        <span>Line Numbers</span>\n        <input type=\"checkbox\" name=\"StreamLineNumbers\" title=\"Display line number\" />\n    </label>\n\n    <label class=\"flexLabel flexCheckLabel\">\n        <span>Show Caret</span>\n        <input type=\"checkbox\" name=\"StreamCaret\" title=\"Show Caret\" />\n    </label>\n\n\n    <label class=\"flexLabel flexCheckLabel\">\n        <span>Automatic Scrolling</span>\n        <input checked=\"1\" type=\"checkbox\" name=\"StreamAutoScroll\" title=\"Automatic Scrolling\" />\n    </label>\n\n    <label class=\"flexLabel flexSelectLabel\">\n        <span>Stream Style</span>\n        <select name=\"StreamStyle\" id=\"StreamStyle\" class=\"form-control\"\n            title=\"Select the stream style option. (Flow style)\">\n            <option value=\"live\">Live</option>\n            <option value=\"word\">Word For Word</option>\n            <option value=\"line\">Line By Line</option>\n        </select>\n    </label>\n\n    <label class=\"flexLabel flexSelectLabel\">\n        <span>Speed</span>\n        <select name=\"StreamSpeed\" id=\"StreamSpeed\" class=\"form-control\"\n            title=\"Select the stream speed option. (Flow dependent)\">\n            <option value=\"800\">Very Slow</option>\n            <option value=\"600\">Slower</option>\n            <option value=\"300\">Slow</option>\n            <option value=\"100\" selected>Normal</option>\n        </select>\n    </label>\n</form>");
window.CapJST['ui/modules/customizer/template'] = Handlebars.compile("<form class=\"form-horizontal\">\n  <!-- Font Family -->\n  <label class=\"flexLabel flexSelectLabel control-label\" for=\"font-family\">\n    <span>Font</span>\n    <select id=\"font-family\" name=\"font-family\" class=\"form-control customizerField\" title=\"Font Family selector\"\n      aria-label=\"Font Family\">\n      <option value=\"Open Sans\" style=\"font-family:'Open Sans';\">Open Sans (Default)</option>\n      <option value=\"open-dyslexic\" style=\"font-family:'open-dyslexic';\">Open Dyslexic</option>\n      <option value=\"arial\" style=\"font-family:Arial, Helvetica, sans-serif;\">Arial</option>\n      <option value=\"arial black\" style=\"font-family:arial black;\">Arial Black</option>\n      <option value=\"calibri\" style=\"font-family:calibri;\">Calibri</option>\n      <option value=\"courier\" style=\"font-family:courier;\">Courier New</option>\n      <option value=\"Gandhi-sans\" style=\"font-family:Gandhi-sans;\">Gandhi Sans</option>\n      <option value=\"garamond\" style=\"font-family:garamond;\">Garamond</option>\n      <option value=\"georgia\" style=\"font-family:georgia;\">Georgia</option>\n      <option value=\"impact\" style=\"font-family:impact;\">Impact</option>\n      <option value=\"tahoma\" style=\"font-family:tahoma;\">Tahoma</option>\n      <option value=\"terminal\" style=\"font-family:terminal;\">Terminal</option>\n      <option value=\"times\" style=\"font-family:times;\">Times New Roman</option>\n      <option value=\"verdana\" style=\"font-family:verdana;\">Verdana</option>\n    </select>\n\n  </label>\n\n  <!-- Font size -->\n  <label class=\"flexLabel flexSelectLabel control-label\" for=\"font-size\">\n    <span>Font Size</span>\n    <select id=\"font-size\" name=\"font-size\" class=\"form-control customizerField\" title=\"Font Size selector\"\n      aria-label=\"Font Size\">\n\n      <option value=\"8px\">8px</option>\n      <option value=\"10px\">10px</option>\n      <option value=\"12px\">12px</option>\n      <option value=\"14px\">14px</option>\n      <option value=\"16px\">16px</option>\n      <option value=\"18px\">18px</option>\n      <option value=\"20px\">20px</option>\n      <option value=\"22px\">22px</option>\n      <option value=\"24px\">24px</option>\n      <option value=\"26px\">26px</option>\n      <option value=\"28px\">28px</option>\n      <option value=\"30px\">30px</option>\n      <option value=\"32px\">32px</option>\n      <option value=\"34px\">34px</option>\n      <option value=\"36px\">36px</option>\n      <option value=\"38px\">38px</option>\n      <option value=\"40px\">40px</option>\n      <option value=\"42px\">42px</option>\n      <option value=\"44px\">44px</option>\n      <option value=\"46px\">46px</option>\n      <option value=\"48px\">48px</option>\n      <option value=\"50px\">50px</option>\n      <option value=\"52px\">52px</option>\n      <option value=\"54px\">54px</option>\n      <option value=\"56px\">56px</option>\n      <option value=\"58px\">58px</option>\n      <option value=\"60px\">60px</option>\n      <option value=\"62px\">62px</option>\n      <option value=\"64px\">64px</option>\n      <option value=\"66px\">66px</option>\n      <option value=\"68px\">68px</option>\n      <option value=\"70px\">70px</option>\n      <option value=\"72px\">72px</option>\n      <option value=\"74px\">74px</option>\n      <option value=\"76px\">76px</option>\n      <option value=\"78px\">78px</option>\n      <option value=\"80px\">80px</option>\n      <option value=\"82px\">82px</option>\n      <option value=\"84px\">84px</option>\n      <option value=\"86px\">86px</option>\n      <option value=\"88px\">88px</option>\n      <option value=\"90px\">90px</option>\n      <option value=\"92px\">92px</option>\n\n    </select>\n\n  </label>\n\n  <!-- Line space -->\n  <label class=\"flexLabel flexSelectLabel control-label\" for=\"linespace\">\n    <span>Line Spacing</span>\n    <select id=\"linespace\" name=\"line-height\" class=\"form-control customizerField\" title=\"Line Spacing selector\"\n      aria-label=\"Line Spacing\">\n      <option value=\"1.14\">Single spacing</option>\n      <option value=\"1.5\">1.5 spacing</option>\n      <option value=\"2\">Double spacing</option>\n    </select>\n\n  </label>\n\n  <!-- Font Color -->\n  <label class=\"flexLabel control-label\" for=\"appendedtext\">\n    <span>Font Color</span>\n    <div class=\"input-group\">\n      <div class=\"colorpicker\" data-default=\"#000000\" data-attr=\"color\" title=\"Font Color picker\"></div>\n    </div>\n\n  </label>\n  <!-- <p class=\"help-block\">help</p> -->\n\n  <!-- Background Color -->\n  <label class=\"flexLabel control-label\" for=\"background-color\">\n    <span>Background Color</span>\n    <div class=\"input-group\">\n      <div class=\"colorpicker\" data-default=\"#FFFFFF\" data-attr=\"background-color\" title=\"Background Color picker\">\n      </div>\n    </div>\n\n  </label>\n  <!-- <p class=\"help-block\">help</p> -->\n</form>");