@progress/kendo-ui/umd/kendo.responsivepanel.min.js

This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.

/* @license */
(function(e,t){typeof exports==`object`&&typeof module<`u`?t(exports,require(`kendo.core.min.js`)):typeof define==`function`&&define.amd?define([`exports`,`kendo.core.min`],t):(e=typeof globalThis<`u`?globalThis:e||self,t((e.kendo=e.kendo||{},e.kendo._globals=e.kendo._globals||{},e.kendo._globals.Responsivepanel={}),e.kendo._globals.Core))})(this,function(e,t){Object.defineProperties(e,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});let n={id:`responsive-panel`,name:`Responsive Panel`,category:`web`,description:`The Responsive Panel widget allows a panel of content to be hidden on mobile devices, available through a toggle button.`,depends:[`core`]};(function(e,t){var n=`.kendoResponsivePanel`,r=`open`,i=`close`,a=`click`+n+` touchstart`+n+` touchend`+n,o=kendo.ui.Widget,s=o.extend({init:function(t,r){o.fn.init.call(this,t,r),this._guid=`_`+kendo.guid(),this._toggleHandler=this._toggleButtonClick.bind(this),this._closeHandler=this._close.bind(this),e(document.documentElement).on(a,this.options.toggleButton,this._toggleHandler),this._registerBreakpoint(),this.options.content&&(kendo.destroy(this.element.children()),this.element.html(this.options.content)),this.element.addClass(`k-rpanel k-rpanel-`+this.options.orientation+` `+this._guid),this._resizeHandler=this.resize.bind(this,!0),e(window).on(`resize`+n,this._resizeHandler)},_mediaQuery:({breakpoint:e,guid:t,toggleButton:n})=>`@media (max-width: ${e-1}px) {.${t}.k-rpanel-animate.k-rpanel-left,.${t}.k-rpanel-animate.k-rpanel-right {-webkit-transition: -webkit-transform .2s ease-out;-ms-transition: -ms-transform .2s ease-out;transition: transform .2s ease-out;} .${t}.k-rpanel-top {overflow: hidden;}.${t}.k-rpanel-animate.k-rpanel-top {-webkit-transition: max-height .2s linear;-ms-transition: max-height .2s linear;transition: max-height .2s linear;}} @media (min-width: ${e}px) {${n} { display: none; } .${t}.k-rpanel-left { float: left; } .${t}.k-rpanel-right { float: right; } .${t}.k-rpanel-left, .${t}.k-rpanel-right {position: relative;-webkit-transform: translateX(0);-ms-transform: translateX(0);transform: translateX(0);-webkit-transform: translateX(0) translateZ(0);-ms-transform: translateX(0) translateZ(0);transform: translateX(0) translateZ(0);} .k-ie9 .${t}.k-rpanel-left { left: 0; } .${t}.k-rpanel-top { max-height: none; }}`,_registerBreakpoint:function(){var e=this.options;this._registerStyle(this._mediaQuery({breakpoint:e.breakpoint,toggleButton:e.toggleButton,guid:this._guid}))},_registerStyle:function(t){var n=e(`head,body`)[0],r=document.createElement(`style`),i=this.options.nonce;i&&r.setAttribute(`nonce`,i),n.appendChild(r),r.styleSheet?r.styleSheet.cssText=t:r.appendChild(document.createTextNode(t))},options:{name:`ResponsivePanel`,content:``,nonce:``,orientation:`left`,toggleButton:`.k-rpanel-toggle`,breakpoint:640,autoClose:!0},events:[r,i],_resize:function(){this.element.removeClass(`k-rpanel-animate k-rpanel-expanded`),e(document.documentElement).off(a,this._closeHandler)},_toggleButtonClick:function(e){e.preventDefault(),e.type!=`touchend`&&(this.element.hasClass(`k-rpanel-expanded`)?this.close():this.open())},open:function(){this.trigger(r)||(this.element.addClass(`k-rpanel-animate k-rpanel-expanded`),this.options.autoClose&&e(document.documentElement).on(a,this._closeHandler))},close:function(){this.trigger(i)||(this.element.addClass(`k-rpanel-animate`).removeClass(`k-rpanel-expanded`),e(document.documentElement).off(a,this._closeHandler))},_close:function(t){var n=t.isDefaultPrevented();!e(t.target).closest(this.options.toggleButton+`,.k-rpanel`).length&&!n&&this.close()},destroy:function(){o.fn.destroy.call(this),e(window).off(`resize`+n,this._resizeHandler),e(document.documentElement).off(a,this._closeHandler)}});kendo.ui.plugin(s)})(window.kendo.jQuery);var r=kendo;e.__meta__=n,e.default=r});
//# sourceMappingURL=kendo.responsivepanel.min.js.map