@blackbaud/help-client/src/help-widget-style-utility.js

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var panelHeight = '591px';
var panelWidth = '450px';
var collapsedHeaderHeight = '30px';
var containerZIndex = 9999;
var widgetCss = "\n  #bb-help-container.bb-help-disable-transition {\n    -webkit-transition: none !important;\n    -moz-transition: none !important;\n    -o-transition: none !important;\n    transition: none !important;\n  }\n\n  .bb-help-hidden {\n    display: none;\n  }\n\n  #bb-help-container.bb-help-closed {\n    right: -" + panelWidth + ";\n  }\n\n  #bb-help-container {\n    z-index: " + containerZIndex + ";\n    line-height: normal;\n    position: fixed;\n    top: 0;\n    right: 0;\n    transition: right 250ms ease-in;\n    height: " + panelHeight + ";\n    width: " + panelWidth + ";\n    box-sizing: border-box;\n  }\n\n  .bb-omnibar-collapsed #bb-help-container.bb-help-closed #bb-help-invoker:not(:hover) {\n    height: " + collapsedHeaderHeight + ";\n    border-bottom-left-radius: 25px;\n    border-top-left-radius: 25px;\n    width: 30px;\n    padding: 2px 10px 7px 6px;\n  }\n\n  #bb-help-invoker {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border-bottom-left-radius: 25px;\n    border-top-left-radius: 25px;\n    border: none;\n    background: #71bf44;\n    color: #fff;\n    position: absolute;\n    cursor: pointer;\n    height: 50px;\n    width: 40px;\n    right: 100%;\n    padding-left: 10px;\n    border: none;\n  }\n\n  #bb-help-invoker > span {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    font-family: sans-serif;\n    font-weight: 700;\n    width: 2.5ex;\n    height: 2.5ex;\n    font-size: 14px;\n    border-radius: 100%;\n    border: 2px solid;\n    box-sizing: content-box;\n  }\n\n  #bb-help-iframe {\n    box-shadow: -1px 2px 9px 0 rgba(50,50,50,.41);\n    height: 100%;\n    width: 100%;\n    border: none;\n  }\n\n  .bb-help-closed #bb-help-iframe {\n    box-shadow: none;\n  }\n";
var omnibarCss = "\n  .bb-omnibar-bar.bar {\n    padding-right: 50px !important;\n  }\n\n  .bb-omnibar .bb-omnibar-desktop .bb-omnibar-accountflyout {\n    right: 50px !important;\n  }\n";
var mobileCss = "\n  .bb-help-container-mobile#bb-help-container {\n    height: 100%;\n    width: 100%;\n  }\n\n  .bb-help-container-mobile#bb-help-container.bb-help-closed {\n    right: -100%;\n  }\n\n  .bb-help-container-mobile#bb-help-container #bb-help-invoker.bb-help-hide-on-mobile {\n    display: none;\n  }\n";
var BBHelpStyleUtility = (function () {
    function BBHelpStyleUtility() {
        this.stylesLoaded = false;
    }
    BBHelpStyleUtility.prototype.addAllStyles = function () {
        if (this.stylesLoaded) {
            return;
        }
        this.addCssToHead(widgetCss);
        this.addCssToHead(omnibarCss);
        this.addCssToHead(mobileCss);
        this.stylesLoaded = true;
    };
    BBHelpStyleUtility.prototype.addCssToHead = function (css) {
        var styleEl = document.createElement('style');
        styleEl.appendChild(document.createTextNode(css));
        document.head.appendChild(styleEl);
        return styleEl;
    };
    return BBHelpStyleUtility;
}());
exports.BBHelpStyleUtility = BBHelpStyleUtility;
//# sourceMappingURL=help-widget-style-utility.js.map