@blackbaud/help-client/src/help-widget-renderer.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var IFRAME_ID = 'bb-help-iframe';
var IFRAME_TITLE = 'BB Help';
var IFRAME_SRC = 'https://host.nxt.blackbaud.com/bb-help/';
// Some browsers return the hexdecimal values are rgb and vice versa when the style is set with javascript.
var BB_HEADER_COLOR = '#71bf43'; // 'rgb(113, 191, 67)';
var BB_HEADER_TEXT_COLOR = '#fff'; // 'rgb(255, 255, 255)';
var BB_HELP_INVOKER_ID = 'bb-help-invoker';
var BB_HELP_HIDE_ON_MOBILE_CLASS = 'bb-help-hide-on-mobile';
var BBHelpHelpWidgetRenderer = (function () {
    function BBHelpHelpWidgetRenderer(styleUtility) {
        this.styleUtility = styleUtility;
        this.styleUtility.addAllStyles();
    }
    BBHelpHelpWidgetRenderer.prototype.createContainer = function () {
        var domElement;
        domElement = document.createElement('div');
        domElement.id = 'bb-help-container';
        domElement.classList.add('bb-help-container');
        domElement.classList.add('bb-help-closed');
        return domElement;
    };
    BBHelpHelpWidgetRenderer.prototype.createInvoker = function () {
        var invoker;
        invoker = document.createElement('button');
        invoker.setAttribute('aria-title', 'Toggle Help Widget');
        invoker.setAttribute('aria-controls', 'bb-help-container');
        invoker.setAttribute('aria-pressed', 'false');
        invoker.id = BB_HELP_INVOKER_ID;
        return invoker;
    };
    BBHelpHelpWidgetRenderer.prototype.createIframe = function () {
        var iframe;
        iframe = document.createElement('iframe');
        iframe.id = IFRAME_ID;
        iframe.title = IFRAME_TITLE;
        iframe.src = IFRAME_SRC;
        return iframe;
    };
    BBHelpHelpWidgetRenderer.prototype.addInvokerStyles = function (invoker, config) {
        invoker.style.backgroundColor = config.headerColor || BB_HEADER_COLOR;
        invoker.style.color = config.headerTextColor || BB_HEADER_TEXT_COLOR;
        invoker.innerHTML = '<span>?</span>';
        if (config.hideWidgetOnMobile !== false) {
            invoker.classList.add(BB_HELP_HIDE_ON_MOBILE_CLASS);
        }
    };
    BBHelpHelpWidgetRenderer.prototype.appendElement = function (el, parentEl) {
        if (parentEl === void 0) { parentEl = document.body; }
        parentEl.appendChild(el);
    };
    return BBHelpHelpWidgetRenderer;
}());
exports.BBHelpHelpWidgetRenderer = BBHelpHelpWidgetRenderer;
//# sourceMappingURL=help-widget-renderer.js.map