HTML редактор

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 3 - navbar с offcanvas (демо)</title>
    
    <link href="/examples/vendors/bootstrap-3.3.7/css/bootstrap.min.css" rel="stylesheet">

.navbar-default .navbar-offcanvas {
                background-color: #f8f8f8
            }

.navbar-inverse .navbar-offcanvas {
                background-color: #222
            }

.navbar-offcanvas {
                position: fixed;
                width: 100%;
                max-width: 250px;
                left: -250px;
                top: 0;
                padding-left: 15px;
                padding-right: 15px;
                z-index: 999;
                overflow: scroll;
                -webkit-overflow-scrolling: touch;
                -webkit-transition: all 0.15s ease-in;
                transition: all 0.15s ease-in
            }

.navbar-offcanvas.in {
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.3)
            }

.navbar-offcanvas.navbar-offcanvas-fade {
                opacity: 0
            }

.navbar-offcanvas.navbar-offcanvas-fade.in {
                opacity: 1
            }

.navbar-offcanvas.offcanvas-transform.in {
                -webkit-transform: translateX(250px);
                -ms-transform: translateX(250px);
                transform: translateX(250px)
            }

.navbar-offcanvas.offcanvas-position.in {
                left: 0
            }

.navbar-offcanvas.navbar-offcanvas-right {
                left: auto;
                right: -250px
            }

.navbar-offcanvas.navbar-offcanvas-right.offcanvas-transform.in {
                -webkit-transform: translateX(-250px);
                -ms-transform: translateX(-250px);
                transform: translateX(-250px)
            }

.navbar-offcanvas.navbar-offcanvas-right.offcanvas-position.in {
                left: auto;
                right: 0
            }

.navbar-offcanvas .dropdown.active .caret {
                border-top: 0;
                border-bottom: 4px solid
            }

.navbar-offcanvas .dropdown-menu {
                position: relative;
                width: 100%;
                border: inherit;
                box-shadow: none;
                -webkit-transition: height 0.15s ease-in;
                transition: height 0.15s ease-in
            }

.navbar-offcanvas .dropdown-menu.shown {
                display: block;
                margin-bottom: 10px
            }
        }

.offcanvas-toggle {
            background: #f8f8f8
        }

.offcanvas-toggle .icon-bar {
            background: #000;
            -webkit-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out
        }

.offcanvas-toggle.is-open .icon-bar:nth-child(1) {
            -webkit-transform: rotate(45deg) translate(5px, 4px);
            -ms-transform: rotate(45deg) translate(5px, 4px);
            transform: rotate(45deg) translate(5px, 4px)
        }

.offcanvas-toggle.is-open .icon-bar:nth-child(2) {
            opacity: 0
        }

.offcanvas-toggle.is-open .icon-bar:nth-child(3) {
            -webkit-transform: rotate(-45deg) translate(4px, -4px);
            -ms-transform: rotate(-45deg) translate(4px, -4px);
            transform: rotate(-45deg) translate(4px, -4px)
        }
    </style>

</head>
<body>

<header class="clearfix">
    <nav class="navbar navbar-default" role="navigation">
        <div class="container-fluid">
            <div class="navbar-header">
                <a class="navbar-brand" href="#">Бренд</a>
                <button type="button" class="navbar-toggle offcanvas-toggle pull-right" data-toggle="offcanvas"
                        data-target="#js-bootstrap-offcanvas" style="float:left;">
                    <span class="sr-only">Toggle navigation</span>
                    <span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </span>
                </button>
            </div>
            <div class="navbar-offcanvas navbar-offcanvas-touch" id="js-bootstrap-offcanvas">
                <ul class="nav navbar-nav">
                    <li class="active"><a href="#">Ссылка 1</a></li>
                    <li><a href="#">Ссылка 2</a></li>
                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">Ссылка 3<span
                                class="caret"></span></a>
                        <ul class="dropdown-menu" role="menu">
                            <li><a href="#">Ссылка 3-1</a></li>
                            <li><a href="#">Ссылка 3-2</a></li>
                            <li><a href="#">Ссылка 3-3</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Ссылка 3-4</a></li>
                            <li class="divider"></li>
                            <li><a href="#">Ссылка 3-5</a></li>
                        </ul>
                    </li>
                </ul>
                <form class="navbar-form navbar-left" role="search">
                    <div class="form-group">
                        <input type="text" class="form-control" placeholder="Что найти?">
                    </div>
                    <button type="submit" class="btn btn-default">Поиск</button>
                </form>
                <ul class="nav navbar-nav navbar-right">
                    <li><a href="#">Ссылка 4</a></li>
                    <li><a href="#">Ссылка 5</a></li>
                </ul>
            </div>
        </div>
    </nav>
</header>

<div class="container text-justify">
    <h1>Заголовок страницы</h1>
    <p>Lorem ipsum dolor sit amet. Ipsa, quae ab illo inventore. Qui in culpa, qui ratione. Error sit voluptatem sequi
        nesciunt, neque porro quisquam est. Dolorem ipsum, quia dolor repellendus itaque earum rerum necessitatibus
        saepe eveniet. Dolore magnam aliquam quaerat voluptatem accusantium doloremque laudantium. Aperiam eaque ipsa,
        quae. Eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae. Soluta nobis est laborum et.
        Obcaecati cupiditate non recusandae unde omnis iste natus error sit voluptatem accusantium. Perferendis
        doloribus asperiores repellat. rem aperiam eaque. Quidem rerum hic tenetur a sapiente delectus, ut aut
        reiciendis voluptatibus maiores.</p>
    <div class="row">
        <div class="col-sm-12">
            <h2>Заголовок 1</h2>
            <p>Lorem ipsum dolor sit amet. Aspernatur aut reiciendis voluptatibus maiores. Quos dolores et iusto odio
                dignissimos ducimus, qui. Praesentium voluptatum deleniti atque corrupti, quos dolores et harum quidem
                rerum facilis. Obcaecati cupiditate non numquam eius modi tempora. Deserunt mollitia animi, id. Eius
                modi tempora incidunt, ut enim ad minima veniam quis. Officiis debitis aut perferendis doloribus.
                Veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi. Officiis debitis aut rerum
                hic tenetur a sapiente delectus, ut perspiciatis unde. Numquam eius modi tempora incidunt, ut. Tempora
                incidunt, ut enim ipsam. Quos dolores eos, qui blanditiis praesentium voluptatum deleniti atque
                corrupti. Reprehenderit, qui non provident, similique sunt in. Voluptatem, quia consequuntur magni
                dolores. Corporis suscipit laboriosam, nisi ut aut perferendis doloribus asperiores. Iste natus error
                sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque. Ullam corporis suscipit
                laboriosam, nisi ut perspiciatis, unde omnis. Sapiente delectus, ut aliquid. Amet, consectetur, adipisci
                velit, sed quia consequuntur. Temporibus autem vel eum fugiat, quo minus. Necessitatibus saepe eveniet,
                ut aliquid ex ea commodi autem quibusdam. Dolor sit, amet, consectetur adipisci.</p>
            <p>Impedit, quo minus id, quod maxime placeat. Possimus, omnis dolor repellendus officiis debitis aut rerum
                facilis. Architecto beatae vitae dicta sunt, explicabo aliquam quaerat voluptatem. Nobis est et aut
                officiis debitis. Officiis debitis aut rerum necessitatibus saepe eveniet, ut labore. Doloremque
                laudantium, totam rem aperiam. Exercitationem ullam corporis suscipit laboriosam, nisi ut enim ipsam
                voluptatem. Facere possimus, omnis dolor repellendus. Tenetur a sapiente delectus, ut aliquid ex ea
                voluptate velit esse quam. Eaque ipsa, quae ab illo inventore veritatis et quasi. Quam nihil molestiae
                consequatur, vel eum fugiat. Quo voluptas assumenda est, qui blanditiis. Corrupti, quos dolores et
                dolore magnam aliquam quaerat voluptatem sequi nesciunt neque. Reprehenderit, qui ratione voluptatem
                sequi. Vel illum, qui quae ab illo inventore. Labore et expedita distinctio beatae vitae dicta sunt
                explicabo. Esse, quam nihil impedit, quo minus. Illum, qui sequi nesciunt neque. Illo inventore
                veritatis et dolore magnam aliquam quaerat voluptatem sequi nesciunt. Sint, obcaecati cupiditate non
                numquam eius modi. In ea commodi autem quibusdam. Vero eos et aut reiciendis voluptatibus maiores.</p>
            <p>Molestias excepturi sint, obcaecati cupiditate. Illo inventore veritatis et dolorum fuga minima veniam,
                quis nostrum exercitationem. Itaque earum rerum facilis est laborum et accusamus et quas molestias. Ex
                ea voluptate velit esse. Magni dolores et accusamus et accusamus et expedita distinctio. Quis nostrum
                exercitationem ullam corporis. Praesentium voluptatum deleniti atque corrupti, quos dolores eos, qui
                beatae. Eaque ipsa, quae ab illo inventore veritatis et dolore magnam aliquam quaerat. Praesentium
                voluptatum deleniti atque corrupti quos. Voluptatibus maiores alias consequatur aut perferendis
                doloribus asperiores. Ipsa, quae ab illo inventore veritatis et expedita distinctio. Ea commodi autem
                quibusdam et dolore magnam aliquam quaerat voluptatem. Porro quisquam est, qui blanditiis praesentium
                voluptatum deleniti atque corrupti. Suscipit laboriosam, nisi ut aliquid ex ea voluptate. Aspernatur aut
                perferendis doloribus asperiores repellat. consequuntur magni dolores. Voluptate velit esse, quam nihil
                impedit, quo voluptas sit. In ea voluptate velit esse quam. Minima veniam, quis nostrum exercitationem
                ullam corporis suscipit laboriosam nisi. Sint, obcaecati cupiditate non recusandae voluptatem
                accusantium doloremque. Quisquam est, omnis dolor sit aspernatur. Facere possimus, omnis voluptas sit,
                aspernatur aut perferendis doloribus asperiores repellat. dolorum.</p>
        </div>
        <div class="col-sm-12">
            <h2>Заголовок 2</h2>
            <p>Lorem ipsum dolor sit amet. Aspernatur aut reiciendis voluptatibus maiores. Quos dolores et iusto odio
                dignissimos ducimus, qui. Praesentium voluptatum deleniti atque corrupti, quos dolores et harum quidem
                rerum facilis. Obcaecati cupiditate non numquam eius modi tempora. Deserunt mollitia animi, id. Eius
                modi tempora incidunt, ut enim ad minima veniam quis. Officiis debitis aut perferendis doloribus.
                Veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi. Officiis debitis aut rerum
                hic tenetur a sapiente delectus, ut perspiciatis unde. Numquam eius modi tempora incidunt, ut. Tempora
                incidunt, ut enim ipsam. Quos dolores eos, qui blanditiis praesentium voluptatum deleniti atque
                corrupti. Reprehenderit, qui non provident, similique sunt in. Voluptatem, quia consequuntur magni
                dolores. Corporis suscipit laboriosam, nisi ut aut perferendis doloribus asperiores. Iste natus error
                sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque. Ullam corporis suscipit
                laboriosam, nisi ut perspiciatis, unde omnis. Sapiente delectus, ut aliquid. Amet, consectetur, adipisci
                velit, sed quia consequuntur. Temporibus autem vel eum fugiat, quo minus. Necessitatibus saepe eveniet,
                ut aliquid ex ea commodi autem quibusdam. Dolor sit, amet, consectetur adipisci.</p>
            <p>Impedit, quo minus id, quod maxime placeat. Possimus, omnis dolor repellendus officiis debitis aut rerum
                facilis. Architecto beatae vitae dicta sunt, explicabo aliquam quaerat voluptatem. Nobis est et aut
                officiis debitis. Officiis debitis aut rerum necessitatibus saepe eveniet, ut labore. Doloremque
                laudantium, totam rem aperiam. Exercitationem ullam corporis suscipit laboriosam, nisi ut enim ipsam
                voluptatem. Facere possimus, omnis dolor repellendus. Tenetur a sapiente delectus, ut aliquid ex ea
                voluptate velit esse quam. Eaque ipsa, quae ab illo inventore veritatis et quasi. Quam nihil molestiae
                consequatur, vel eum fugiat. Quo voluptas assumenda est, qui blanditiis. Corrupti, quos dolores et
                dolore magnam aliquam quaerat voluptatem sequi nesciunt neque. Reprehenderit, qui ratione voluptatem
                sequi. Vel illum, qui quae ab illo inventore. Labore et expedita distinctio beatae vitae dicta sunt
                explicabo. Esse, quam nihil impedit, quo minus. Illum, qui sequi nesciunt neque. Illo inventore
                veritatis et dolore magnam aliquam quaerat voluptatem sequi nesciunt. Sint, obcaecati cupiditate non
                numquam eius modi. In ea commodi autem quibusdam. Vero eos et aut reiciendis voluptatibus maiores.</p>
            <p>Molestias excepturi sint, obcaecati cupiditate. Illo inventore veritatis et dolorum fuga minima veniam,
                quis nostrum exercitationem. Itaque earum rerum facilis est laborum et accusamus et quas molestias. Ex
                ea voluptate velit esse. Magni dolores et accusamus et accusamus et expedita distinctio. Quis nostrum
                exercitationem ullam corporis. Praesentium voluptatum deleniti atque corrupti, quos dolores eos, qui
                beatae. Eaque ipsa, quae ab illo inventore veritatis et dolore magnam aliquam quaerat. Praesentium
                voluptatum deleniti atque corrupti quos. Voluptatibus maiores alias consequatur aut perferendis
                doloribus asperiores. Ipsa, quae ab illo inventore veritatis et expedita distinctio. Ea commodi autem
                quibusdam et dolore magnam aliquam quaerat voluptatem. Porro quisquam est, qui blanditiis praesentium
                voluptatum deleniti atque corrupti. Suscipit laboriosam, nisi ut aliquid ex ea voluptate. Aspernatur aut
                perferendis doloribus asperiores repellat. consequuntur magni dolores. Voluptate velit esse, quam nihil
                impedit, quo voluptas sit. In ea voluptate velit esse quam. Minima veniam, quis nostrum exercitationem
                ullam corporis suscipit laboriosam nisi. Sint, obcaecati cupiditate non recusandae voluptatem
                accusantium doloremque. Quisquam est, omnis dolor sit aspernatur. Facere possimus, omnis voluptas sit,
                aspernatur aut perferendis doloribus asperiores repellat. dolorum.</p>
        </div>
        <div class="col-sm-12">
            <h2>Заголовок 3</h2>
            <p>Lorem ipsum dolor sit amet. Aspernatur aut reiciendis voluptatibus maiores. Quos dolores et iusto odio
                dignissimos ducimus, qui. Praesentium voluptatum deleniti atque corrupti, quos dolores et harum quidem
                rerum facilis. Obcaecati cupiditate non numquam eius modi tempora. Deserunt mollitia animi, id. Eius
                modi tempora incidunt, ut enim ad minima veniam quis. Officiis debitis aut perferendis doloribus.
                Veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam nisi. Officiis debitis aut rerum
                hic tenetur a sapiente delectus, ut perspiciatis unde. Numquam eius modi tempora incidunt, ut. Tempora
                incidunt, ut enim ipsam. Quos dolores eos, qui blanditiis praesentium voluptatum deleniti atque
                corrupti. Reprehenderit, qui non provident, similique sunt in. Voluptatem, quia consequuntur magni
                dolores. Corporis suscipit laboriosam, nisi ut aut perferendis doloribus asperiores. Iste natus error
                sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque. Ullam corporis suscipit
                laboriosam, nisi ut perspiciatis, unde omnis. Sapiente delectus, ut aliquid. Amet, consectetur, adipisci
                velit, sed quia consequuntur. Temporibus autem vel eum fugiat, quo minus. Necessitatibus saepe eveniet,
                ut aliquid ex ea commodi autem quibusdam. Dolor sit, amet, consectetur adipisci.</p>
            <p>Impedit, quo minus id, quod maxime placeat. Possimus, omnis dolor repellendus officiis debitis aut rerum
                facilis. Architecto beatae vitae dicta sunt, explicabo aliquam quaerat voluptatem. Nobis est et aut
                officiis debitis. Officiis debitis aut rerum necessitatibus saepe eveniet, ut labore. Doloremque
                laudantium, totam rem aperiam. Exercitationem ullam corporis suscipit laboriosam, nisi ut enim ipsam
                voluptatem. Facere possimus, omnis dolor repellendus. Tenetur a sapiente delectus, ut aliquid ex ea
                voluptate velit esse quam. Eaque ipsa, quae ab illo inventore veritatis et quasi. Quam nihil molestiae
                consequatur, vel eum fugiat. Quo voluptas assumenda est, qui blanditiis. Corrupti, quos dolores et
                dolore magnam aliquam quaerat voluptatem sequi nesciunt neque. Reprehenderit, qui ratione voluptatem
                sequi. Vel illum, qui quae ab illo inventore. Labore et expedita distinctio beatae vitae dicta sunt
                explicabo. Esse, quam nihil impedit, quo minus. Illum, qui sequi nesciunt neque. Illo inventore
                veritatis et dolore magnam aliquam quaerat voluptatem sequi nesciunt. Sint, obcaecati cupiditate non
                numquam eius modi. In ea commodi autem quibusdam. Vero eos et aut reiciendis voluptatibus maiores.</p>
        </div>
    </div>
</div>

<script src="/examples/vendors/jquery/jquery-3.3.1.min.js"></script>

<script src="/examples/vendors/bootstrap-3.3.7/js/bootstrap.min.js"></script>

<script>
    (function () {
        var a = function (a, b) {
            return function () {
                return a.apply(b, arguments)
            }
        };
        !function (b, c) {
            var d, e, f, g;
            return e = function () {
                function c(c) {
                    this.element = c, this._clickEvent = a(this._clickEvent, this), this.element = b(this.element), this.dropdown = this.element.parent().find(".dropdown-menu"), this.element.on("click", this._clickEvent)
                }

return c.prototype._clickEvent = function (a) {
                    return this.dropdown.hasClass("shown") || a.preventDefault(), this.dropdown.toggleClass("shown"), this.element.parent().toggleClass("active")
                }, c
            }(), f = function () {
                function d(c, d, e, f) {
                    this.button = c, this.element = d, this.location = e, this.offcanvas = f, this._getFade = a(this._getFade, this), this._getCss = a(this._getCss, this), this._touchEnd = a(this._touchEnd, this), this._touchMove = a(this._touchMove, this), this._touchStart = a(this._touchStart, this), this.endThreshold = 130, this.startThreshold = this.element.hasClass("navbar-offcanvas-right") ? b("body").outerWidth() - 60 : 20, this.maxStartThreshold = this.element.hasClass("navbar-offcanvas-right") ? b("body").outerWidth() - 20 : 60, this.currentX = 0, this.fade = this.element.hasClass("navbar-offcanvas-fade") ? !0 : !1, b(document).on("touchstart", this._touchStart), b(document).on("touchmove", this._touchMove), b(document).on("touchend", this._touchEnd)
                }

return d.prototype._touchStart = function (a) {
                    return this.startX = a.originalEvent.touches[0].pageX, this.element.height(b(c).outerHeight())
                }, d.prototype._touchMove = function (a) {
                    var c;
                    if (b(a.target).parents(".navbar-offcanvas").length > 0) return !0;
                    if (this.startX > this.startThreshold && this.startX < this.maxStartThreshold) {
                        if (a.preventDefault(), c = a.originalEvent.touches[0].pageX - this.startX, c = this.element.hasClass("navbar-offcanvas-right") ? -c : c, Math.abs(c) < this.element.outerWidth()) return this.element.css(this._getCss(c)), this.element.css(this._getFade(c))
                    } else if (this.element.hasClass("in") && (a.preventDefault(), c = a.originalEvent.touches[0].pageX + (this.currentX - this.startX), c = this.element.hasClass("navbar-offcanvas-right") ? -c : c, Math.abs(c) < this.element.outerWidth())) return this.element.css(this._getCss(c)), this.element.css(this._getFade(c))
                }, d.prototype._touchEnd = function (a) {
                    var c, d;
                    return b(a.target).parents(".navbar-offcanvas").length > 0 ? !0 : (d = a.originalEvent.changedTouches[0].pageX, c = this.element.hasClass("navbar-offcanvas-right") ? Math.abs(d) > this.endThreshold + 50 : d < this.endThreshold + 50, this.element.hasClass("in") && c ? (this.currentX = 0, this.element.removeClass("in").css(this._clearCss()), this.button.removeClass("is-open")) : Math.abs(d - this.startX) > this.endThreshold && this.startX > this.startThreshold && this.startX < this.maxStartThreshold ? (this.currentX = this.element.hasClass("navbar-offcanvas-right") ? -this.element.outerWidth() : this.element.outerWidth(), this.element.toggleClass("in").css(this._clearCss()), this.button.toggleClass("is-open")) : this.element.css(this._clearCss()), this.offcanvas.bodyOverflow())
                }, d.prototype._getCss = function (a) {
                    return a = this.element.hasClass("navbar-offcanvas-right") ? -a : a, {
                        "-webkit-transform": "translate3d(" + a + "px, 0px, 0px)",
                        "-webkit-transition-duration": "0s",
                        "-moz-transform": "translate3d(" + a + "px, 0px, 0px)",
                        "-moz-transition": "0s",
                        "-o-transform": "translate3d(" + a + "px, 0px, 0px)",
                        "-o-transition": "0s",
                        transform: "translate3d(" + a + "px, 0px, 0px)",
                        transition: "0s"
                    }
                }, d.prototype._getFade = function (a) {
                    return this.fade ? {opacity: a / this.element.outerWidth()} : {}
                }, d.prototype._clearCss = function () {
                    return {
                        "-webkit-transform": "",
                        "-webkit-transition-duration": "",
                        "-moz-transform": "",
                        "-moz-transition": "",
                        "-o-transform": "",
                        "-o-transition": "",
                        transform: "",
                        transition: "",
                        opacity: ""
                    }
                }, d
            }(), c.Offcanvas = d = function () {
                function d(c) {
                    var d, g;
                    this.element = c, this.bodyOverflow = a(this.bodyOverflow, this), this._sendEventsAfter = a(this._sendEventsAfter, this), this._sendEventsBefore = a(this._sendEventsBefore, this), this._documentClicked = a(this._documentClicked, this), this._clicked = a(this._clicked, this), this._navbarHeight = a(this._navbarHeight, this), g = this.element.attr("data-target") ? this.element.attr("data-target") : !1, g ? (this.target = b(g), this.target.length && !this.target.hasClass("js-offcanvas-done") && (this.element.addClass("js-offcanvas-has-events"), this.location = this.target.hasClass("navbar-offcanvas-right") ? "right" : "left", this.target.addClass(transform ? "offcanvas-transform js-offcanvas-done" : "offcanvas-position js-offcanvas-done"), this.target.data("offcanvas", this), this.element.on("click", this._clicked), this.target.on("transitionend", function (a) {
                        return function () {
                            return a.target.is(":not(.in)") ? a.target.height("") : void 0
                        }
                    }(this)), b(document).on("click", this._documentClicked), this.target.hasClass("navbar-offcanvas-touch") && (d = new f(this.element, this.target, this.location, this)), this.target.find(".dropdown-toggle").each(function () {
                        var a;
                        return a = new e(this)
                    }), this.target.on("offcanvas.toggle", function (a) {
                        return function (b) {
                            return a._clicked(b)
                        }
                    }(this)))) : console.warn("Offcanvas: `data-target` attribute must be present.")
                }

return d.prototype._navbarHeight = function () {
                    return this.target.is(".in") ? this.target.height(b(c).outerHeight()) : void 0
                }, d.prototype._clicked = function (a) {
                    return a.preventDefault(), this._sendEventsBefore(), b(".navbar-offcanvas").not(this.target).removeClass("in"), this.target.toggleClass("in"), this.element.toggleClass("is-open"), this._navbarHeight(), this.bodyOverflow()
                }, d.prototype._documentClicked = function (a) {
                    var c;
                    return c = b(a.target), c.hasClass("offcanvas-toggle") || 0 !== c.parents(".offcanvas-toggle").length || 0 !== c.parents(".navbar-offcanvas").length || c.hasClass("navbar-offcanvas") || !this.target.hasClass("in") ? void 0 : (a.preventDefault(), this._sendEventsBefore(), this.target.removeClass("in"), this.element.removeClass("is-open"), this._navbarHeight(), this.bodyOverflow())
                }, d.prototype._sendEventsBefore = function () {
                    return this.target.hasClass("in") ? this.target.trigger("show.bs.offcanvas") : this.target.trigger("hide.bs.offcanvas")
                }, d.prototype._sendEventsAfter = function () {
                    return this.target.hasClass("in") ? this.target.trigger("shown.bs.offcanvas") : this.target.trigger("hidden.bs.offcanvas")
                }, d.prototype.bodyOverflow = function () {
                    return this.target.is(".in") ? b("body").addClass("offcanvas-stop-scrolling") : b("body").removeClass("offcanvas-stop-scrolling"), this._sendEventsAfter()
                }, d
            }(), g = function (a) {
                return function () {
                    var b, c, d, e;
                    return c = document.createElement("div"), e = "translate3d(0px, 0px, 0px)", d = /translate3d\(0px, 0px, 0px\)/g, c.style.cssText = "-webkit-transform: " + e + "; -moz-transform: " + e + "; -o-transform: " + e + "; transform: " + e, b = c.style.cssText.match(d), a.transform = null != b.length
                }
            }(this), b(function () {
                return g(), b('[data-toggle="offcanvas"]').each(function () {
                    var a;
                    return a = new d(b(this))
                }), b(c).on("resize", function () {
                    return b(".navbar-offcanvas.in").each(function () {
                        return b(this).height("").removeClass("in")
                    })
                }), b(".offcanvas-toggle").each(function () {
                    return b(this).on("click", function (a) {
                        var c, d;
                        return !b(this).hasClass("js-offcanvas-has-events") && (d = b(this).attr("data-target"), c = b(d)) ? (c.height(""), c.removeClass("in"), b("body").css({
                            overflow: "",
                            position: ""
                        })) : void 0
                    })
                })
            })
        }(window.jQuery, window)
    }).call(this);
</script>

</body>
</html>