// Clipboard

var clipboard = new ClipboardJS('.copy-button');

clipboard.on('success', function(e) {
    console.log(e);
});

clipboard.on('error', function(e) {
    console.log(e);
});


// isMobile

var isMobile = {
    Android: function() {
        return navigator.userAgent.match(/Android/i);
    },
    BlackBerry: function() {
        return navigator.userAgent.match(/BlackBerry/i);
    },
    iOS: function() {
        return navigator.userAgent.match(/iPhone|iPod|iPad/i);
    },
    Opera: function() {
        return navigator.userAgent.match(/Opera Mini/i);
    },
    Windows: function() {
        return navigator.userAgent.match(/IEMobile/i) || navigator.userAgent.match(/WPDesktop/i);
    },
    any: function() {
        return (isMobile.Android() || isMobile.BlackBerry() || isMobile.iOS() || isMobile.Opera() || isMobile.Windows());
    }
};

// Tooltip

var tooltipTriggerList = [].slice.call(document.querySelectorAll('[data-bs-toggle="tooltip"]'))
var tooltipList = tooltipTriggerList.map(function (tooltipTriggerEl) {
    return new bootstrap.Tooltip(tooltipTriggerEl)
})

var camelize = function camelize(str) {
    var text = str.replace(/[-_\s.]+(.)?/g, function (_, c) {
        return c ? c.toUpperCase() : '';
    });
    return "".concat(text.substr(0, 1).toLowerCase()).concat(text.substr(1));
};

var getData = function getData(el, data) {
    try {
        return JSON.parse(el.dataset[camelize(data)]);
    } catch (e) {
        return el.dataset[camelize(data)];
    }
};

function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }

function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }

function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }

/*-----------------------------------------------
|   DomNode
-----------------------------------------------*/


var DomNode = /*#__PURE__*/function () {
    function DomNode(node) {
        _classCallCheck(this, DomNode);

        this.node = node;
    }

    _createClass(DomNode, [{
        key: "addClass",
        value: function addClass(className) {
            this.isValidNode() && this.node.classList.add(className);
        }
    }, {
        key: "removeClass",
        value: function removeClass(className) {
            this.isValidNode() && this.node.classList.remove(className);
        }
    }, {
        key: "toggleClass",
        value: function toggleClass(className) {
            this.isValidNode() && this.node.classList.toggle(className);
        }
    }, {
        key: "hasClass",
        value: function hasClass(className) {
            this.isValidNode() && this.node.classList.contains(className);
        }
    }, {
        key: "data",
        value: function data(key) {
            if (this.isValidNode()) {
                try {
                    return JSON.parse(this.node.dataset[this.camelize(key)]);
                } catch (e) {
                    return this.node.dataset[this.camelize(key)];
                }
            }

            return null;
        }
    }, {
        key: "attr",
        value: function attr(name) {
            return this.isValidNode() && this.node[name];
        }
    }, {
        key: "setAttribute",
        value: function setAttribute(name, value) {
            this.isValidNode() && this.node.setAttribute(name, value);
        }
    }, {
        key: "removeAttribute",
        value: function removeAttribute(name) {
            this.isValidNode() && this.node.removeAttribute(name);
        }
    }, {
        key: "setProp",
        value: function setProp(name, value) {
            this.isValidNode() && (this.node[name] = value);
        }
    }, {
        key: "on",
        value: function on(event, cb) {
            this.isValidNode() && this.node.addEventListener(event, cb);
        }
    }, {
        key: "isValidNode",
        value: function isValidNode() {
            return !!this.node;
            } // eslint-disable-next-line class-methods-use-this
        }, {
            key: "camelize",
            value: function camelize(str) {
                var text = str.replace(/[-_\s.]+(.)?/g, function (_, c) {
                    return c ? c.toUpperCase() : '';
                });
                return "".concat(text.substr(0, 1).toLowerCase()).concat(text.substr(1));
            }
        }]);

    return DomNode;
}();

var getItemFromStore = function getItemFromStore(key, defaultValue) {
    var store = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : localStorage;

    try {
        return JSON.parse(store.getItem(key)) || defaultValue;
    } catch (_unused) {
        return store.getItem(key) || defaultValue;
    }
};

var setItemToStore = function setItemToStore(key, payload) {
    var store = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : localStorage;
    return store.setItem(key, payload);
};

var getStoreSpace = function getStoreSpace() {
    var store = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : localStorage;
    return parseFloat((escape(encodeURIComponent(JSON.stringify(store))).length / (1024 * 1024)).toFixed(2));
};

var initialDomSetup = function initialDomSetup(element) {
    if (!element) return;
    
    var dataUrlDom = element.querySelector('[data-theme-control = "navbarPosition"]');
    var hasDataUrl = dataUrlDom ? getData(dataUrlDom, 'page-url') : null;
    
    element.querySelectorAll('[data-theme-control]').forEach(function (el) {
        var inputDataAttributeValue = getData(el, 'theme-control');
        var localStorageValue = getItemFromStore(inputDataAttributeValue);

        if (inputDataAttributeValue === 'navbarStyle' && !hasDataUrl && getItemFromStore('navbarPosition') === 'top') {
            el.setAttribute('disabled', true);
        }

        if (el.type === 'checkbox') {
            if (inputDataAttributeValue === 'theme') {
                localStorageValue === 'dark' && el.setAttribute('checked', true);
            } else {
                localStorageValue && el.setAttribute('checked', true);
            }
        } else {
            var isChecked = localStorageValue === el.value;
            isChecked && el.setAttribute('checked', true);
        }
    });
};

var changeTheme = function changeTheme(element) {
    element.querySelectorAll('[data-theme-control = "theme"]').forEach(function (el) {
        var inputDataAttributeValue = getData(el, 'theme-control');
        var localStorageValue = getItemFromStore(inputDataAttributeValue);

        if (el.type === 'checkbox') {
            localStorageValue === 'dark' ? el.checked = true : el.checked = false;
        } else {
            localStorageValue === el.value ? el.checked = true : el.checked = false;
        }
    });
};

var themeControl = function themeControl() {
    var themeController = new DomNode(document.body);
    var navbarVertical = document.querySelector('.navbar-vertical');

    initialDomSetup(themeController.node);

    themeController.on('click', function (e) {
        var target = new DomNode(e.target);

        if (target.data('theme-control')) {
            var control = target.data('theme-control');
            var value = e.target[e.target.type === 'radio' ? 'value' : 'checked'];

            if (control === 'theme') {
                typeof value === 'boolean' && (value = value ? 'dark' : 'light');
            }

            setItemToStore(control, value);

            switch (control) {
                case 'theme':
                {
                    document.documentElement.classList[value === 'dark' ? 'add' : 'remove']('dark');
                    var clickControl = new CustomEvent('clickControl', {
                        detail: {
                            control: control,
                            value: value
                        }
                    });

                    e.currentTarget.dispatchEvent(clickControl);
                    changeTheme(themeController.node);
                    break;
                }

                case 'navbarStyle':
                {
                    navbarVertical.classList.remove('navbar-card');
                    navbarVertical.classList.remove('navbar-inverted');
                    navbarVertical.classList.remove('navbar-vibrant');

                    if (value !== 'transparent') {
                        navbarVertical.classList.add("navbar-".concat(value));
                    }

                    break;
                }

                case 'navbarPosition':
                {
                    var pageUrl = getData(target.node, 'page-url');
                    pageUrl ? window.location.replace(pageUrl) : window.location.reload();
                    break;
                }

                default:

                window.location.reload();
            }
        }
    });
};

themeControl();