@baloise/ds-core 0.0.5-nightly.e56f740

package/dist/cjs/focus-visible-264bd9b8.js

@@ -0,0 +1,76 @@
+'use strict';
+
+const BAL_FOCUSED = 'bal-focused';
+const BAL_FOCUSABLE = 'bal-focusable';
+const FOCUS_KEYS = [
+    'Tab',
+    'ArrowDown',
+    'Space',
+    'Escape',
+    ' ',
+    'Shift',
+    'Enter',
+    'ArrowLeft',
+    'ArrowRight',
+    'ArrowUp',
+    'Home',
+    'End',
+];
+const focusableQueryString = '[tabindex]:not([tabindex^="-"]), input:not([type=hidden]):not([tabindex^="-"]), textarea:not([tabindex^="-"]), button:not([tabindex^="-"]), select:not([tabindex^="-"]), .bal-focusable:not([tabindex^="-"])';
+const startFocusVisible = (rootEl) => {
+    let currentFocus = [];
+    let keyboardMode = true;
+    const ref = rootEl ? rootEl.shadowRoot : document;
+    const root = rootEl ? rootEl : document.body;
+    const setFocus = (elements) => {
+        currentFocus.forEach(el => el.classList.remove(BAL_FOCUSED));
+        elements.forEach(el => el.classList.add(BAL_FOCUSED));
+        currentFocus = elements;
+    };
+    const pointerDown = () => {
+        keyboardMode = false;
+        setFocus([]);
+    };
+    const onKeydown = (ev) => {
+        keyboardMode = FOCUS_KEYS.includes(ev.key);
+        if (!keyboardMode) {
+            setFocus([]);
+        }
+    };
+    const onFocusin = (ev) => {
+        if (keyboardMode && ev.composedPath !== undefined) {
+            const toFocus = ev.composedPath().filter((el) => {
+                if (el.classList) {
+                    return el.classList.contains(BAL_FOCUSABLE);
+                }
+                return false;
+            });
+            setFocus(toFocus);
+        }
+    };
+    const onFocusout = () => {
+        if (ref.activeElement === root) {
+            setFocus([]);
+        }
+    };
+    ref.addEventListener('keydown', onKeydown);
+    ref.addEventListener('focusin', onFocusin);
+    ref.addEventListener('focusout', onFocusout);
+    ref.addEventListener('touchstart', pointerDown);
+    ref.addEventListener('mousedown', pointerDown);
+    const destroy = () => {
+        ref.removeEventListener('keydown', onKeydown);
+        ref.removeEventListener('focusin', onFocusin);
+        ref.removeEventListener('focusout', onFocusout);
+        ref.removeEventListener('touchstart', pointerDown);
+        ref.removeEventListener('mousedown', pointerDown);
+    };
+    return {
+        destroy,
+        setFocus,
+    };
+};
+
+exports.FOCUS_KEYS = FOCUS_KEYS;
+exports.focusableQueryString = focusableQueryString;
+exports.startFocusVisible = startFocusVisible;

package/dist/cjs/focus.decorator-afaf9ac4.js

@@ -0,0 +1,88 @@
+'use strict';
+
+const listener = require('./listener-52d2e5fd.js');
+const browser = require('./browser-1d542d0f.js');
+const helpers = require('./helpers-2a8c8333.js');
+
+class BalFocusListener extends listener.ListenerAbstract {
+    constructor() {
+        super(...arguments);
+        this.onFocusin = (ev) => {
+            this.notify({ ev, isFocusIn: true, isFocusOut: false });
+        };
+        this.onFocusout = async (ev) => {
+            await helpers.waitAfterIdleCallback();
+            if (browser.balBrowser.hasDocument && this.el) {
+                const target = document.activeElement;
+                if (target && !helpers.isDescendant(this.el, target)) {
+                    this.notify({ ev, isFocusIn: false, isFocusOut: true });
+                }
+            }
+        };
+    }
+    connect(el) {
+        super.connect(el);
+        if (this.el) {
+            helpers.addEventListener(this.el, 'focusin', this.onFocusin);
+            helpers.addEventListener(this.el, 'focusout', this.onFocusout);
+        }
+    }
+    disconnect() {
+        super.disconnect();
+        if (this.el) {
+            helpers.removeEventListener(this.el, 'focusin', this.onFocusin);
+            helpers.removeEventListener(this.el, 'focusout', this.onFocusout);
+        }
+    }
+}
+
+class BalFocusSubject extends listener.SingleSubject {
+    constructor() {
+        super((observer, data) => {
+            if (data) {
+                if (data.isFocusIn) {
+                    if (observer.hasFocus === false) {
+                        observer.focusInListener(data.ev);
+                    }
+                    observer.hasFocus = true;
+                }
+                if (data.isFocusOut) {
+                    observer.focusOutListener(data.ev);
+                    observer.hasFocus = false;
+                }
+            }
+        });
+        this.listener = new BalFocusListener();
+    }
+    attach(observer) {
+        super.attach(observer);
+        this.listener.connect(observer.el);
+        this.listener.add(info => super.notify(info));
+    }
+    detach() {
+        super.detach();
+        this.listener.disconnect();
+    }
+}
+
+function ListenToFocus() {
+    return function (target, _propertyKey, _descriptor) {
+        const { connectedCallback, disconnectedCallback } = target;
+        target.connectedCallback = function () {
+            if (!this._balFocusSubject) {
+                this._balFocusSubject = new BalFocusSubject();
+                this._balFocusSubject.attach(this);
+            }
+            return connectedCallback && connectedCallback.call(this);
+        };
+        target.disconnectedCallback = function () {
+            if (this._balFocusSubject) {
+                this._balFocusSubject.detach();
+                this._balFocusSubject = undefined;
+            }
+            return disconnectedCallback && disconnectedCallback.call(this);
+        };
+    };
+}
+
+exports.ListenToFocus = ListenToFocus;

package/dist/cjs/form-2279fb2f.js

@@ -0,0 +1,24 @@
+'use strict';
+
+const scrollToFirstInvalidField = (options) => {
+    const selector = options.selector || '.bal-field--invalid';
+    const invalidFieldNodes = options.formEl.querySelectorAll(selector);
+    const invalidFields = Array.from(invalidFieldNodes);
+    if (invalidFields.length > 0) {
+        const firstInvalidField = invalidFields[0];
+        if (firstInvalidField) {
+            const invalidField = firstInvalidField.closest('bal-field');
+            if (invalidField && invalidField.scrollIntoView) {
+                invalidField.scrollIntoView();
+            }
+        }
+    }
+};
+const defaultBalAriaForm = {
+    controlId: undefined,
+    labelId: undefined,
+    messageId: undefined,
+};
+
+exports.defaultBalAriaForm = defaultBalAriaForm;
+exports.scrollToFirstInvalidField = scrollToFirstInvalidField;

package/dist/cjs/form-input-134c5116.js

@@ -0,0 +1,91 @@
+'use strict';
+
+const helpers = require('./helpers-2a8c8333.js');
+
+const stopEventBubbling = (ev) => {
+    if (ev) {
+        ev.preventDefault();
+        ev.stopPropagation();
+    }
+};
+const getInputTarget = (ev) => {
+    return ev.target;
+};
+const getNativeInputValue = (component) => {
+    var _a;
+    return ((_a = component.nativeInput) === null || _a === void 0 ? void 0 : _a.value) || '';
+};
+const getUpcomingValue = (component, ev) => {
+    var _a, _b;
+    const value = ((_a = component.nativeInput) === null || _a === void 0 ? void 0 : _a.value) || '';
+    const idx = (_b = ev.target) === null || _b === void 0 ? void 0 : _b.selectionStart;
+    return value.slice(0, idx) + ev.key + value.slice(idx + Math.abs(0));
+};
+const inputSetBlur = (component) => {
+    if (component.nativeInput) {
+        component.nativeInput.blur();
+    }
+};
+const inputListenOnClick = (component, ev) => {
+    if ((component.disabled || component.readonly) && ev.target && ev.target === component.el) {
+        stopEventBubbling(ev);
+    }
+};
+const inputSetFocus = async (component) => {
+    var _a;
+    await helpers.waitAfterIdleCallback();
+    (_a = component === null || component === void 0 ? void 0 : component.nativeInput) === null || _a === void 0 ? void 0 : _a.focus();
+};
+const inputHandleHostClick = (component, ev) => {
+    if (component.disabled || component.readonly) {
+        stopEventBubbling(ev);
+    }
+};
+const inputHandleClick = (component, ev) => {
+    if (!component.disabled && !component.readonly && component.balClick) {
+        component.balClick.emit(ev);
+    }
+};
+const inputHandleFocus = (component, ev) => {
+    component.focused = true;
+    component.inputValue = component.value;
+    if (!component.disabled && component.balFocus) {
+        component.balFocus.emit(ev);
+    }
+};
+const inputHandleReset = (component, defaultValue = undefined, timer) => {
+    component.value = defaultValue;
+    component.inputValue = component.value;
+    clearTimeout(timer);
+    timer = setTimeout(() => {
+        if (component.nativeInput) {
+            component.nativeInput.value = component.value;
+        }
+    });
+};
+const inputHandleBlur = (component, ev) => {
+    component.focused = false;
+    if (!component.disabled && component.balBlur) {
+        component.balBlur.emit(ev);
+    }
+};
+const inputHandleChange = (component) => {
+    if (component.value !== component.inputValue) {
+        component.value = component.inputValue;
+        component.balChange.emit(component.value);
+    }
+};
+
+exports.getInputTarget = getInputTarget;
+exports.getNativeInputValue = getNativeInputValue;
+exports.getUpcomingValue = getUpcomingValue;
+exports.inputHandleBlur = inputHandleBlur;
+exports.inputHandleChange = inputHandleChange;
+exports.inputHandleClick = inputHandleClick;
+exports.inputHandleFocus = inputHandleFocus;
+exports.inputHandleHostClick = inputHandleHostClick;
+exports.inputHandleReset = inputHandleReset;
+exports.inputListenOnClick = inputListenOnClick;
+exports.inputSetBlur = inputSetBlur;
+exports.inputSetFocus = inputSetFocus;
+exports.stopEventBubbling = stopEventBubbling;

package/dist/cjs/global-e99d827b.js

@@ -0,0 +1,9 @@
+'use strict';
+
+const initialize = require('./initialize-9c752efa.js');
+
+function globalScript () {
+    initialize.initializeBaloiseDesignSystem();
+}
+
+exports.globalScript = globalScript;

package/dist/cjs/helpers-2a8c8333.js

@@ -0,0 +1,267 @@
+'use strict';
+
+const browser = require('./browser-1d542d0f.js');
+const icons_constant = require('./icons.constant-7c82086a.js');
+const config_utils = require('./config.utils-e4cd49d6.js');
+
+const rIC = (callback, timeout = 5000) => {
+    if (browser.balBrowser.hasWindow && 'requestIdleCallback' in window) {
+        window.requestIdleCallback(callback, { timeout });
+    }
+    else {
+        setTimeout(callback, 32);
+    }
+};
+const wait = (ms = 0) => {
+    return new Promise(resolve => {
+        setTimeout(() => resolve(), ms);
+    });
+};
+const debounceEvent = (ev, wait) => {
+    const original = ev._original || ev;
+    return {
+        _original: ev,
+        emit: debounce(original.emit.bind(original), wait),
+    };
+};
+const debounce = (func, wait = 0) => {
+    let timer;
+    return (...args) => {
+        clearTimeout(timer);
+        timer = setTimeout(func, wait, ...args);
+    };
+};
+const hasTagName = (element, tag) => {
+    return element && element.tagName && element.tagName === tag.toUpperCase();
+};
+const isDescendant = (parent, child) => {
+    let node = child.parentNode;
+    while (node != null) {
+        if (node == parent) {
+            return true;
+        }
+        node = node.parentNode;
+    }
+    return false;
+};
+const hasParent = (parentTag, child) => {
+    let node = child.parentNode;
+    while (node != null) {
+        if (node.tagName === parentTag.toUpperCase()) {
+            return true;
+        }
+        node = node.parentNode;
+    }
+    return false;
+};
+const getAppRoot = (doc) => {
+    return doc.querySelector('bal-app') || doc.body;
+};
+/**
+ * Waits for a component to be ready for
+ * both custom element and non-custom element builds.
+ * If non-custom element build, el.componentOnReady
+ * will be used.
+ * For custom element builds, we wait a frame
+ * so that the inner contents of the component
+ * have a chance to render.
+ *
+ * Use this utility rather than calling
+ * el.componentOnReady yourself.
+ */
+const componentOnReady = (el, callback) => {
+    if (el.componentOnReady !== null && el.componentOnReady !== undefined) {
+        el.componentOnReady().then((resolvedEl) => callback(resolvedEl));
+    }
+    else {
+        raf(() => callback(el));
+    }
+};
+/**
+ * Patched version of requestAnimationFrame that avoids ngzone
+ * Use only when you know ngzone should not run
+ */
+const raf = (h) => {
+    if (typeof __zone_symbol__requestAnimationFrame === 'function') {
+        return __zone_symbol__requestAnimationFrame(h);
+    }
+    if (typeof requestAnimationFrame === 'function') {
+        return requestAnimationFrame(h);
+    }
+    return setTimeout(h);
+};
+const transitionEndAsync = (el, expectedDuration = 0) => {
+    return new Promise(resolve => {
+        transitionEnd(el, expectedDuration, resolve);
+    });
+};
+/**
+ * Allows developer to wait for a transition
+ * to finish and fallback to a timer if the
+ * transition is cancelled or otherwise
+ * never finishes. Also see transitionEndAsync
+ * which is an await-able version of this.
+ */
+const transitionEnd = (el, expectedDuration = 0, callback) => {
+    let unRegTrans;
+    let animationTimeout;
+    const opts = { passive: true };
+    const ANIMATION_FALLBACK_TIMEOUT = 500;
+    const unregister = () => {
+        if (unRegTrans) {
+            unRegTrans();
+        }
+    };
+    const onTransitionEnd = (ev) => {
+        if (ev === undefined || el === ev.target) {
+            unregister();
+            callback(ev);
+        }
+    };
+    if (el) {
+        el.addEventListener('webkitTransitionEnd', onTransitionEnd, opts);
+        el.addEventListener('transitionend', onTransitionEnd, opts);
+        animationTimeout = setTimeout(onTransitionEnd, expectedDuration + ANIMATION_FALLBACK_TIMEOUT);
+        unRegTrans = () => {
+            if (animationTimeout) {
+                clearTimeout(animationTimeout);
+                animationTimeout = undefined;
+            }
+            el.removeEventListener('webkitTransitionEnd', onTransitionEnd, opts);
+            el.removeEventListener('transitionend', onTransitionEnd, opts);
+        };
+    }
+    return unregister;
+};
+const addEventListener = (el, eventName, callback, opts) => {
+    if (browser.balBrowser.hasWindow) {
+        const config = config_utils.useBalConfig();
+        if (config) {
+            const ael = config._ael;
+            if (ael) {
+                return ael(el, eventName, callback, opts);
+            }
+            else if (config._ael) {
+                return config._ael(el, eventName, callback, opts);
+            }
+        }
+    }
+    return el.addEventListener(eventName, callback, opts);
+};
+const removeEventListener = (el, eventName, callback, opts) => {
+    if (browser.balBrowser.hasWindow) {
+        const config = config_utils.useBalConfig();
+        if (config) {
+            const rel = config._rel;
+            if (rel) {
+                return rel(el, eventName, callback, opts);
+            }
+            else if (config._rel) {
+                return config._rel(el, eventName, callback, opts);
+            }
+        }
+    }
+    return el.removeEventListener(eventName, callback, opts);
+};
+const shallowReady = (el) => {
+    if (el) {
+        return new Promise(resolve => componentOnReady(el, resolve));
+    }
+    return Promise.resolve();
+};
+const deepReady = async (el, full = false) => {
+    const element = el;
+    if (element) {
+        if (element.componentOnReady !== null && element.componentOnReady !== undefined) {
+            const stencilEl = await element.componentOnReady();
+            if (!full && stencilEl !== null && stencilEl !== undefined) {
+                return;
+            }
+        }
+        await Promise.all(Array.from(element.children).map(child => deepReady(child, full)));
+    }
+};
+const waitForComponent = async (el) => {
+    await deepReady(el, true);
+    await waitAfterFramePaint();
+    await waitAfterIdleCallback();
+};
+const isChildOfEventTarget = async (ev, el, callback) => {
+    if (ev && ev.target && el && el !== ev.target && isDescendant(ev.target, el)) {
+        callback();
+    }
+};
+const waitForDesignSystem = async (el, _config) => {
+    const config = Object.assign({ animated: false, icons: {
+            balIconClose: icons_constant.balIconClose,
+            balIconInfoCircle: icons_constant.balIconInfoCircle,
+            balIconPlus: icons_constant.balIconPlus,
+            balIconMinus: icons_constant.balIconMinus,
+            balIconEdit: icons_constant.balIconEdit,
+            balIconTrash: icons_constant.balIconTrash,
+            balIconNavGoLeft: icons_constant.balIconNavGoLeft,
+            balIconNavGoRight: icons_constant.balIconNavGoRight,
+            balIconNavGoDown: icons_constant.balIconNavGoDown,
+            balIconNavGoUp: icons_constant.balIconNavGoUp,
+            balIconCaretUp: icons_constant.balIconCaretUp,
+            balIconCaretDown: icons_constant.balIconCaretDown,
+            balIconCaretLeft: icons_constant.balIconCaretLeft,
+            balIconCaretRight: icons_constant.balIconCaretRight,
+            balIconCheck: icons_constant.balIconCheck,
+            balIconDate: icons_constant.balIconDate,
+            balIconDocument: icons_constant.balIconDocument,
+            balIconUpload: icons_constant.balIconUpload,
+            balIconMenuBars: icons_constant.balIconMenuBars,
+        } }, _config);
+    const element = el;
+    if (element !== null && element !== undefined) {
+        await deepReady(element, true);
+        const webComponents = Array.prototype.slice
+            .call(element.querySelectorAll('*'))
+            .filter(el => el.tagName.match(/^bal/i));
+        await Promise.all(webComponents.map(c => {
+            if (c.configChanged !== null && c.configChanged !== undefined) {
+                return c.configChanged(config);
+            }
+        }));
+    }
+    await waitAfterFramePaint();
+    await waitAfterIdleCallback();
+};
+const waitAfterFramePaint = () => {
+    return new Promise(resolve => raf(() => runHighPrioritizedTask(resolve)));
+};
+const waitAfterIdleCallback = () => {
+    return new Promise(resolve => rIC(() => runHighPrioritizedTask(resolve)));
+};
+const runHighPrioritizedTask = (callback) => {
+    if (browser.balBrowser.hasWindow && 'MessageChannel' in window) {
+        const messageChannel = new window.MessageChannel();
+        messageChannel.port1.onmessage = callback;
+        messageChannel.port2.postMessage(undefined);
+    }
+    else {
+        setTimeout(callback, 32);
+    }
+};
+
+exports.addEventListener = addEventListener;
+exports.componentOnReady = componentOnReady;
+exports.debounce = debounce;
+exports.debounceEvent = debounceEvent;
+exports.deepReady = deepReady;
+exports.getAppRoot = getAppRoot;
+exports.hasParent = hasParent;
+exports.hasTagName = hasTagName;
+exports.isChildOfEventTarget = isChildOfEventTarget;
+exports.isDescendant = isDescendant;
+exports.rIC = rIC;
+exports.raf = raf;
+exports.removeEventListener = removeEventListener;
+exports.shallowReady = shallowReady;
+exports.transitionEndAsync = transitionEndAsync;
+exports.wait = wait;
+exports.waitAfterFramePaint = waitAfterFramePaint;
+exports.waitAfterIdleCallback = waitAfterIdleCallback;
+exports.waitForComponent = waitForComponent;
+exports.waitForDesignSystem = waitForDesignSystem;

package/dist/cjs/icons.constant-7c82086a.js

@@ -0,0 +1,58 @@
+'use strict';
+
+// generated file
+const balIconYoutube =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 4C0 2.61929 1.11929 1.5 2.5 1.5H11.5C12.8807 1.5 14 2.61929 14 4V10C14 11.3807 12.8807 12.5 11.5 12.5H2.5C1.11929 12.5 0 11.3807 0 10V4ZM5.30998 5.11998V9.31998C5.30935 9.3905 5.32737 9.45993 5.36222 9.52124C5.39707 9.58255 5.4475 9.63356 5.50842 9.66909C5.56933 9.70462 5.63856 9.72342 5.70908 9.72358C5.7796 9.72374 5.84891 9.70524 5.90998 9.66998L9.50998 7.56998C9.57013 7.53469 9.62001 7.48428 9.65467 7.42377C9.68933 7.36325 9.70756 7.29472 9.70756 7.22498C9.70756 7.15524 9.68933 7.08671 9.65467 7.0262C9.62001 6.96568 9.57013 6.91527 9.50998 6.87998L5.90998 4.77998C5.85023 4.74175 5.78117 4.72055 5.71026 4.71865C5.63935 4.71675 5.56926 4.73422 5.50754 4.7692C5.44582 4.80417 5.39481 4.85532 5.36 4.91713C5.32519 4.97894 5.3079 5.04907 5.30998 5.11998Z" clip-rule="evenodd"/></svg>';
+const balIconXing =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M13.0056 0C13.385 0 13.6262 0.406033 13.4447 0.739215L9.3722 8.21397C9.28942 8.3659 9.29108 8.54984 9.37658 8.70026L11.9644 13.2529C12.1539 13.5862 11.9131 14 11.5297 14H8.88832C8.70848 14 8.5425 13.9034 8.45363 13.7471L5.58749 8.70478C5.50059 8.55191 5.50038 8.36464 5.58694 8.21157L10.0872 0.253872C10.1759 0.0969935 10.3422 0 10.5224 0H13.0056ZM5.60519 5.58358C5.68784 5.73855 5.68312 5.92552 5.59276 6.07613L3.43406 9.67396C3.3437 9.82456 3.18095 9.91671 3.00532 9.91671H0.500779C0.111209 9.91671 -0.128712 9.49091 0.0730986 9.15769L1.97318 6.02035C2.06519 5.86842 2.0697 5.67908 1.98502 5.52295L0.655558 3.07176C0.474862 2.7386 0.716068 2.33337 1.09507 2.33337H3.57175C3.7564 2.33337 3.92603 2.43515 4.01292 2.59808L5.60519 5.58358Z"/></svg>';
+const balIconX =  '<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
+const balIconWeb =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.04883 0.275541C2.32493 1.06453 0.285118 3.46373 0.0275269 6.375H3.22773C3.41606 4.22626 4.03911 2.14922 5.04883 0.275541ZM3.22773 7.625H0.0275269C0.285118 10.5363 2.32493 12.9355 5.04883 13.7245C4.0391 11.8508 3.41606 9.77374 3.22773 7.625ZM6.6522 13.9915C5.44618 12.0855 4.69968 9.90183 4.48294 7.625H9.51704C9.30031 9.90183 8.5538 12.0855 7.34777 13.9915C7.23256 13.9971 7.11661 14 7.00001 14C6.88338 14 6.76743 13.9971 6.6522 13.9915ZM8.95115 13.7245C11.6751 12.9355 13.7149 10.5363 13.9725 7.625H10.7722C10.5839 9.77375 9.96087 11.8508 8.95115 13.7245ZM10.7722 6.375H13.9725C13.7149 3.46372 11.6751 1.06451 8.95114 0.275533C9.96087 2.14921 10.5839 4.22625 10.7722 6.375ZM6.65221 0.00848953C6.76743 0.00285182 6.88339 0 7.00001 0C7.11661 0 7.23256 0.0028513 7.34777 0.008488C8.5538 1.91446 9.3003 4.09817 9.51704 6.375H4.48294C4.69968 4.09817 5.44618 1.91446 6.65221 0.00848953Z" clip-rule="evenodd"/></svg>';
+const balIconUpload =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8.99999 4C9.2883 4 9.55108 3.83474 9.67597 3.57489C9.80086 3.31504 9.76575 3.00661 9.58564 2.78148L7.58564 0.281479C7.44331 0.103567 7.22783 0 6.99999 0C6.77215 0 6.55667 0.103567 6.41434 0.281479L4.41434 2.78148C4.23424 3.00661 4.19912 3.31504 4.32401 3.57489C4.4489 3.83474 4.71169 4 4.99999 4H6L6 9.5C6 10.0523 6.44772 10.5 7 10.5C7.55228 10.5 8 10.0523 8 9.5L8 4H8.99999ZM3 12V5.99998C3.55228 5.99998 4 5.55227 4 4.99998C4 4.4477 3.55228 3.99998 3 3.99998H2.5C2.10217 3.99998 1.72064 4.15802 1.43934 4.43932C1.15804 4.72062 1 5.10216 1 5.49998V12.5C1 12.8979 1.15804 13.2794 1.43934 13.5607C1.72065 13.842 2.10218 14 2.5 14L11.5 14.0001C11.8978 14.0001 12.2794 13.842 12.5607 13.5607C12.842 13.2794 13 12.8979 13 12.5001V5.5C13 5.10218 12.842 4.72065 12.5607 4.43934C12.2794 4.15804 11.8978 4 11.5 4H11C10.4477 4 10 4.44772 10 5C10 5.55228 10.4477 6 11 6V12.0001L3 12Z" clip-rule="evenodd"/></svg>';
+const balIconTwitter =  '<svg viewBox="0 0 14 15" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M13.3608 1.15369C13.4169 1.2059 13.4622 1.26865 13.494 1.33837C13.5259 1.40808 13.5436 1.48339 13.5464 1.55999C13.5491 1.63659 13.5367 1.71297 13.5098 1.78477C13.483 1.85656 13.4423 1.92236 13.39 1.97841L8.64428 7.06727L13.8824 14.0198C13.9477 14.1064 13.9876 14.2095 13.9975 14.3176C14.0075 14.4256 13.9871 14.5343 13.9386 14.6313C13.8902 14.7284 13.8156 14.81 13.7233 14.8671C13.631 14.9241 13.5246 14.9542 13.4161 14.9541H10.2207C10.1303 14.9542 10.0412 14.9333 9.96026 14.893C9.87935 14.8528 9.8089 14.7943 9.75447 14.7222L6.06784 9.8299L1.46336 14.7684C1.41113 14.8245 1.34837 14.8696 1.27867 14.9014C1.20897 14.9332 1.13369 14.9509 1.05714 14.9536C0.980585 14.9563 0.904251 14.9439 0.832496 14.9171C0.760741 14.8903 0.69497 14.8496 0.63894 14.7973C0.582909 14.7451 0.537715 14.6823 0.505938 14.6126C0.474162 14.5429 0.456425 14.4677 0.45374 14.3911C0.451056 14.3146 0.463476 14.2382 0.490292 14.1665C0.517108 14.0947 0.557794 14.029 0.610028 13.9729L5.35572 8.88407L0.117626 1.93154C0.0523114 1.84497 0.0124314 1.74191 0.00246702 1.63393C-0.00749732 1.52595 0.0128489 1.41733 0.0612194 1.32027C0.10959 1.22322 0.184068 1.14157 0.276285 1.08451C0.368503 1.02746 0.474805 0.997244 0.583248 0.997273H3.7793C3.86956 0.997249 3.9586 1.01818 4.0394 1.05842C4.1202 1.09866 4.19055 1.15711 4.24492 1.22917L7.93155 6.12144L12.5354 1.18291C12.5876 1.12679 12.6504 1.08151 12.7201 1.04966C12.7898 1.01782 12.8651 1.00003 12.9417 0.997314C13.0183 0.9946 13.0947 1.00702 13.1665 1.03385C13.2383 1.06068 13.3047 1.10141 13.3608 1.15369ZM7.44036 7.40872C7.42386 7.38964 7.40861 7.36951 7.39471 7.34846L3.48836 2.16343H1.75308L10.511 13.7885H12.2463L7.43975 7.40933L7.44036 7.40872Z"/></svg>';
+const balIconTrash =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M5.76256 2.01256C6.09075 1.68437 6.53587 1.5 7 1.5C7.46413 1.5 7.90925 1.68437 8.23744 2.01256C8.4448 2.21993 8.59475 2.47397 8.67705 2.75H5.32295C5.40525 2.47397 5.5552 2.21993 5.76256 2.01256ZM3.78868 2.75C3.89405 2.07321 4.21153 1.44227 4.7019 0.951903C5.3114 0.34241 6.13805 0 7 0C7.86195 0 8.6886 0.34241 9.2981 0.951903C9.78847 1.44227 10.106 2.07321 10.2113 2.75H13C13.4142 2.75 13.75 3.08579 13.75 3.5C13.75 3.91422 13.4142 4.25 13 4.25H12V12.5C12 12.8978 11.842 13.2794 11.5607 13.5607C11.2794 13.842 10.8978 14 10.5 14H3.5C3.10217 14 2.72064 13.842 2.43934 13.5607C2.15804 13.2794 2 12.8978 2 12.5V4.25H1C0.585786 4.25 0.25 3.91422 0.25 3.5C0.25 3.08579 0.585786 2.75 1 2.75H3.78868ZM5 5.87646C5.34518 5.87646 5.625 6.15629 5.625 6.50146V10.503C5.625 10.8481 5.34518 11.128 5 11.128C4.65482 11.128 4.375 10.8481 4.375 10.503V6.50146C4.375 6.15629 4.65482 5.87646 5 5.87646ZM9.625 6.50146C9.625 6.15629 9.34518 5.87646 9 5.87646C8.65482 5.87646 8.375 6.15629 8.375 6.50146V10.503C8.375 10.8481 8.65482 11.128 9 11.128C9.34518 11.128 9.625 10.8481 9.625 10.503V6.50146Z" clip-rule="evenodd"/></svg>';
+const balIconPlus =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M8 1C8 0.447715 7.55228 0 7 0C6.44772 0 6 0.447715 6 1V6H1C0.447715 6 0 6.44772 0 7C0 7.55228 0.447715 8 1 8H6V13C6 13.5523 6.44772 14 7 14C7.55228 14 8 13.5523 8 13V8H13C13.5523 8 14 7.55228 14 7C14 6.44772 13.5523 6 13 6H8V1Z" clip-rule="evenodd"/></svg>';
+const balIconNavGoUp =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconNavGoRight =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconNavGoLeft =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.124,10a.749.749,0,0,1-.517-.206L2.5,5.9A1.257,1.257,0,0,1,2.49,4.116L6.607.206A.75.75,0,1,1,7.64,1.294L3.928,4.819a.249.249,0,0,0,0,.362L7.64,8.706A.75.75,0,0,1,7.124,10Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconNavGoDown =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconMinus =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 7C0 6.44772 0.447715 6 1 6H13C13.5523 6 14 6.44772 14 7C14 7.55228 13.5523 8 13 8H1C0.447715 8 0 7.55228 0 7Z" clip-rule="evenodd"/></svg>';
+const balIconMenuBars =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0 2a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm0 5a1 1 0 0 1 1-1h12a1 1 0 1 1 0 2H1a1 1 0 0 1-1-1zm1 4a1 1 0 1 0 0 2h12a1 1 0 1 0 0-2H1z" clip-rule="evenodd"/></svg>';
+const balIconLinkedin =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M3.31334 1.36381C3.31624 1.73602 3.17257 2.09441 2.9134 2.36157C2.65422 2.62872 2.30034 2.78317 1.92822 2.79156C1.55687 2.77793 1.20495 2.62217 0.945182 2.35645C0.685414 2.09073 0.537655 1.73538 0.53244 1.36381C0.548583 1.0018 0.701774 0.659474 0.96096 0.406224C1.22015 0.152974 1.56593 0.00775305 1.92822 0C2.28945 0.00789779 2.63402 0.153479 2.89148 0.40698C3.14894 0.66048 3.29985 1.00275 3.31334 1.36381ZM0.681607 5.3274C0.681607 4.50698 1.20369 4.63484 1.92822 4.63484C2.65275 4.63484 3.16418 4.50698 3.16418 5.3274V13.3185C3.16418 14.1496 2.64209 13.9791 1.92822 13.9791C1.21435 13.9791 0.681607 14.1496 0.681607 13.3185V5.3274Z"/><path d="M5.31647 5.32741C5.31647 4.86926 5.48694 4.69878 5.75331 4.64551C6.01968 4.59223 6.936 4.64551 7.25564 4.64551C7.57528 4.64551 7.70314 5.16759 7.69249 5.56182C7.96591 5.19486 8.32892 4.9042 8.7468 4.71765C9.16467 4.5311 9.62342 4.4549 10.0792 4.49634C10.5267 4.46898 10.975 4.53608 11.3949 4.69327C11.8148 4.85046 12.1969 5.09424 12.5165 5.40876C12.836 5.72328 13.0858 6.1015 13.2496 6.51887C13.4135 6.93623 13.4877 7.38339 13.4674 7.83129V13.2865C13.4674 14.1176 12.956 13.9471 12.2314 13.9471C11.5069 13.9471 10.9955 14.1176 10.9955 13.2865V9.02463C11.0142 8.80528 10.9855 8.58447 10.9114 8.3772C10.8372 8.16992 10.7193 7.98103 10.5657 7.82335C10.412 7.66568 10.2263 7.54291 10.021 7.46339C9.8157 7.38387 9.59571 7.34945 9.37595 7.36248C9.1572 7.35692 8.93978 7.3979 8.73806 7.48268C8.53635 7.56747 8.35494 7.69414 8.20586 7.85431C8.05677 8.01447 7.94341 8.20447 7.87328 8.41174C7.80314 8.61901 7.77784 8.83881 7.79904 9.05659V13.3185C7.79904 14.1496 7.27695 13.9791 6.55242 13.9791C5.8279 13.9791 5.31647 14.1496 5.31647 13.3185V5.32741Z"/></svg>';
+const balIconInstagram =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M0.786499 3.39046C0.786499 1.95243 1.95225 0.786682 3.39027 0.786682H10.3337C11.7717 0.786682 12.9374 1.95243 12.9374 3.39046V10.3339C12.9374 11.7719 11.7717 12.9376 10.3337 12.9376H3.39027C1.95225 12.9376 0.786499 11.7719 0.786499 10.3339V3.39046ZM6.8621 4.78204C5.71332 4.78204 4.78204 5.71332 4.78204 6.8621C4.78204 8.01088 5.71332 8.94216 6.8621 8.94216C8.01088 8.94216 8.94216 8.01088 8.94216 6.8621C8.94216 5.71332 8.01088 4.78204 6.8621 4.78204ZM3.78204 6.8621C3.78204 5.16103 5.16103 3.78204 6.8621 3.78204C8.56317 3.78204 9.94216 5.16103 9.94216 6.8621C9.94216 8.56317 8.56317 9.94216 6.8621 9.94216C5.16103 9.94216 3.78204 8.56317 3.78204 6.8621ZM10.3349 3.98516C10.6842 3.98516 10.9673 3.70199 10.9673 3.35269C10.9673 3.00338 10.6842 2.72021 10.3349 2.72021C9.98556 2.72021 9.70239 3.00338 9.70239 3.35269C9.70239 3.70199 9.98556 3.98516 10.3349 3.98516Z" clip-rule="evenodd"/></svg>';
+const balIconInfoCircle =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M7 14C10.866 14 14 10.866 14 7C14 3.13401 10.866 0 7 0C3.13401 0 0 3.13401 0 7C0 10.866 3.13401 14 7 14ZM5.5 9.375C5.15482 9.375 4.875 9.65482 4.875 10C4.875 10.3452 5.15482 10.625 5.5 10.625H7H8.5C8.84518 10.625 9.125 10.3452 9.125 10C9.125 9.65482 8.84518 9.375 8.5 9.375H7.625V6.5C7.625 6.15482 7.34518 5.875 7 5.875H6C5.65482 5.875 5.375 6.15482 5.375 6.5C5.375 6.84518 5.65482 7.125 6 7.125H6.375V9.375H5.5ZM8 4C8 4.55228 7.55228 5 7 5C6.44772 5 6 4.55228 6 4C6 3.44772 6.44772 3 7 3C7.55228 3 8 3.44772 8 4Z" clip-rule="evenodd"/></svg>';
+const balIconFacebook =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M8.06356 3.75515C8.06356 2.67675 8.60345 2.67675 9.14334 2.67675H9.79121C9.89938 2.6782 10.0067 2.65799 10.107 2.61732C10.2072 2.57664 10.2982 2.51633 10.3747 2.43993C10.4512 2.36353 10.5116 2.2726 10.5523 2.17251C10.5931 2.07242 10.6133 1.96519 10.6118 1.85716V0.84346C10.6119 0.734917 10.5903 0.627453 10.5484 0.527307C10.5064 0.42716 10.445 0.336327 10.3677 0.260078C10.2903 0.18383 10.1986 0.123686 10.0978 0.0831375C9.99696 0.0425893 9.88909 0.0224446 9.78041 0.0238728L8.24712 0.00230466C7.80066 -0.0149417 7.35577 0.0647696 6.94316 0.235937C6.53054 0.407104 6.16003 0.665651 5.8572 0.993733C5.55436 1.32181 5.32641 1.71162 5.18908 2.13624C5.05175 2.56086 5.00831 3.01018 5.06176 3.4532V5.01689H4.20873C3.99108 5.01689 3.78235 5.10324 3.62845 5.25694C3.47455 5.41064 3.38809 5.61911 3.38809 5.83648V6.85018C3.38809 7.06754 3.47455 7.27601 3.62845 7.42971C3.78235 7.58341 3.99108 7.66976 4.20873 7.66976H5.06176V13.4608C5.06176 13.6038 5.11864 13.741 5.21989 13.8421C5.32114 13.9432 5.45846 14 5.60165 14H7.55606C7.69356 13.9917 7.8227 13.9313 7.91705 13.8311C8.01139 13.7308 8.0638 13.5984 8.06356 13.4608V7.66976H9.01377C9.23141 7.66976 9.44014 7.58341 9.59404 7.42971C9.74794 7.27601 9.8344 7.06754 9.8344 6.85018V5.83648C9.8344 5.61911 9.74794 5.41064 9.59404 5.25694C9.44014 5.10324 9.23141 5.01689 9.01377 5.01689H8.06356V3.75515Z"/></svg>';
+const balIconEdit =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path d="M10.715 -0.000976562C10.5152 -0.000976562 10.3174 0.0389464 10.1332 0.116448C9.95019 0.193468 9.78428 0.306058 9.64512 0.447676L1.40732 8.64549C1.34616 8.70635 1.30179 8.782 1.27853 8.86508L0.0185299 13.3651C-0.0301752 13.539 0.0187291 13.7257 0.146458 13.8535C0.274188 13.9812 0.46088 14.0301 0.634827 13.9814L5.13483 12.7214C5.21791 12.6981 5.29356 12.6537 5.35442 12.5926L13.5521 4.3549L13.5535 4.35355C13.6934 4.21438 13.8045 4.04896 13.8804 3.86676C13.9566 3.68398 13.9958 3.48792 13.9958 3.2899C13.9958 3.09188 13.9566 2.89582 13.8804 2.71303C13.8045 2.53083 13.6934 2.3654 13.5535 2.22624L13.5521 2.2249L11.7859 0.448721C11.6466 0.306611 11.4803 0.193657 11.2968 0.116448C11.1126 0.0389464 10.9148 -0.000976562 10.715 -0.000976562Z"/></svg>';
+const balIconDocument =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.43934 0.43934C1.72064 0.158035 2.10218 0 2.5 0H7.5C7.63261 0 7.75979 0.0526784 7.85355 0.146447L12.8536 5.14645C12.9473 5.24021 13 5.36739 13 5.5V12.5C13 12.8978 12.842 13.2794 12.5607 13.5607C12.2794 13.842 11.8978 14 11.5 14H2.5C2.10217 14 1.72064 13.842 1.43934 13.5607C1.15804 13.2794 1 12.8978 1 12.5V1.5C1 1.10218 1.15804 0.720644 1.43934 0.43934ZM4.5 3.875C4.15482 3.875 3.875 4.15482 3.875 4.5C3.875 4.84518 4.15482 5.125 4.5 5.125H6.5C6.84518 5.125 7.125 4.84518 7.125 4.5C7.125 4.15482 6.84518 3.875 6.5 3.875H4.5ZM3.875 7.5C3.875 7.15482 4.15482 6.875 4.5 6.875H9.5C9.84518 6.875 10.125 7.15482 10.125 7.5C10.125 7.84518 9.84518 8.125 9.5 8.125H4.5C4.15482 8.125 3.875 7.84518 3.875 7.5ZM4.5 9.875C4.15482 9.875 3.875 10.1548 3.875 10.5C3.875 10.8452 4.15482 11.125 4.5 11.125H9.5C9.84518 11.125 10.125 10.8452 10.125 10.5C10.125 10.1548 9.84518 9.875 9.5 9.875H4.5Z" clip-rule="evenodd"/></svg>';
+const balIconDate =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M10 0a.75.75 0 0 1 .75.75v.75h1.5c.966 0 1.75.784 1.75 1.75v9A1.75 1.75 0 0 1 12.25 14H1.75A1.75 1.75 0 0 1 0 12.25v-9C0 2.284.784 1.5 1.75 1.5h1.5V.75a.75.75 0 0 1 1.5 0v.75h4.5V.75A.75.75 0 0 1 10 0zM3.25 3v.75a.75.75 0 0 0 1.5 0V3h4.5v.75a.75.75 0 0 0 1.5 0V3h1.5a.25.25 0 0 1 .25.25v2.282a1.002 1.002 0 0 0-.25-.032H1.75c-.086 0-.17.01-.25.032V3.25A.25.25 0 0 1 1.75 3h1.5z" clip-rule="evenodd"/></svg>';
+const balIconClose =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M1.70711 0.292893C1.31658 -0.0976311 0.683417 -0.0976311 0.292893 0.292893C-0.0976311 0.683417 -0.0976311 1.31658 0.292893 1.70711L5.58579 7L0.292893 12.2929C-0.0976311 12.6834 -0.0976311 13.3166 0.292893 13.7071C0.683417 14.0976 1.31658 14.0976 1.70711 13.7071L7 8.41421L12.2929 13.7071C12.6834 14.0976 13.3166 14.0976 13.7071 13.7071C14.0976 13.3166 14.0976 12.6834 13.7071 12.2929L8.41421 7L13.7071 1.70711C14.0976 1.31658 14.0976 0.683417 13.7071 0.292893C13.3166 -0.0976311 12.6834 -0.0976311 12.2929 0.292893L7 5.58579L1.70711 0.292893Z" clip-rule="evenodd"/></svg>';
+const balIconCheck =  '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 14 14" focusable="false" aria-hidden="true"><path fill-rule="evenodd" d="M13.637 1.19792C14.0627 1.54974 14.1227 2.18006 13.7708 2.60579L5.73084 12.335L5.72842 12.3379C5.54554 12.5575 5.31602 12.7336 5.05655 12.8534C4.79707 12.9731 4.51417 13.0336 4.22842 13.0302L4.22752 13.0302C3.93709 13.0266 3.65125 12.9573 3.39146 12.8274C3.13254 12.6979 2.9062 12.5117 2.72931 12.2826C2.72871 12.2818 2.72812 12.281 2.72752 12.2802L0.210633 9.04426C-0.128437 8.60831 -0.0499029 7.98003 0.386044 7.64096C0.821992 7.30189 1.45027 7.38043 1.78934 7.81638L4.25291 10.9838L12.2291 1.33176C12.5809 0.906034 13.2113 0.846112 13.637 1.19792Z" clip-rule="evenodd"/></svg>';
+const balIconCaretUp =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M9.794,6.607,5.884,2.49A1.255,1.255,0,0,0,4.1,2.5l-3.9,4.1A.75.75,0,1,0,1.294,7.641L4.819,3.928a.249.249,0,0,1,.362,0L8.706,7.641A.75.75,0,1,0,9.794,6.607Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconCaretRight =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.5,4.1l-4.1-3.9A.75.75,0,1,0,2.36,1.294L6.072,4.819a.249.249,0,0,1,0,.362L2.36,8.706A.75.75,0,0,0,3.393,9.794L7.51,5.884A1.256,1.256,0,0,0,7.5,4.1Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconCaretLeft =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M7.124,10a.749.749,0,0,1-.517-.206L2.5,5.9A1.257,1.257,0,0,1,2.49,4.116L6.607.206A.75.75,0,1,1,7.64,1.294L3.928,4.819a.249.249,0,0,0,0,.362L7.64,8.706A.75.75,0,0,1,7.124,10Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+const balIconCaretDown =  '<svg viewBox="0 0 10 10" xmlns="http://www.w3.org/2000/svg" focusable="false" aria-hidden="true"><path d="M5,7.874a1.238,1.238,0,0,1-.879-.364L.206,3.393A.75.75,0,1,1,1.294,2.36L4.819,6.072a.249.249,0,0,0,.362,0L8.706,2.36A.75.75,0,1,1,9.794,3.393L5.9,7.5A1.269,1.269,0,0,1,5,7.874Z" stroke-linecap="round" stroke-linejoin="round" stroke-width="0"/></svg>';
+
+exports.balIconCaretDown = balIconCaretDown;
+exports.balIconCaretLeft = balIconCaretLeft;
+exports.balIconCaretRight = balIconCaretRight;
+exports.balIconCaretUp = balIconCaretUp;
+exports.balIconCheck = balIconCheck;
+exports.balIconClose = balIconClose;
+exports.balIconDate = balIconDate;
+exports.balIconDocument = balIconDocument;
+exports.balIconEdit = balIconEdit;
+exports.balIconFacebook = balIconFacebook;
+exports.balIconInfoCircle = balIconInfoCircle;
+exports.balIconInstagram = balIconInstagram;
+exports.balIconLinkedin = balIconLinkedin;
+exports.balIconMenuBars = balIconMenuBars;
+exports.balIconMinus = balIconMinus;
+exports.balIconNavGoDown = balIconNavGoDown;
+exports.balIconNavGoLeft = balIconNavGoLeft;
+exports.balIconNavGoRight = balIconNavGoRight;
+exports.balIconNavGoUp = balIconNavGoUp;
+exports.balIconPlus = balIconPlus;
+exports.balIconTrash = balIconTrash;
+exports.balIconTwitter = balIconTwitter;
+exports.balIconUpload = balIconUpload;
+exports.balIconWeb = balIconWeb;
+exports.balIconX = balIconX;
+exports.balIconXing = balIconXing;
+exports.balIconYoutube = balIconYoutube;