kendo-ui-core
Version:
3 lines (2 loc) • 3.54 kB
JavaScript
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?module.exports=t(require("kendo.core.js")):"function"==typeof define&&define.amd?define(["kendo.core.min"],t):((e="undefined"!=typeof globalThis?globalThis:e||self).kendoresponsivepanel=e.kendoresponsivepanel||{},e.kendoresponsivepanel.js=t())}(this,(function(){var e,t,n,i,o,s,a;return e=window.kendo.jQuery,n="open",i="close",o="click"+(t=".kendoResponsivePanel")+" touchstart"+t+" touchend"+t,s=kendo.ui.Widget,a=s.extend({init:function(n,i){s.fn.init.call(this,n,i),this._guid="_"+kendo.guid(),this._toggleHandler=this._toggleButtonClick.bind(this),this._closeHandler=this._close.bind(this),e(document.documentElement).on(o,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"+t,this._resizeHandler)},_mediaQuery:({breakpoint:e,guid:t,toggleButton:n})=>` (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;}} (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],i=document.createElement("style"),o=this.options.nonce;o&&i.setAttribute("nonce",o),n.appendChild(i),i.styleSheet?i.styleSheet.cssText=t:i.appendChild(document.createTextNode(t))},options:{name:"ResponsivePanel",content:"",nonce:"",orientation:"left",toggleButton:".k-rpanel-toggle",breakpoint:640,autoClose:!0},events:[n,i],_resize:function(){this.element.removeClass("k-rpanel-animate k-rpanel-expanded"),e(document.documentElement).off(o,this._closeHandler)},_toggleButtonClick:function(e){e.preventDefault(),"touchend"!=e.type&&(this.element.hasClass("k-rpanel-expanded")?this.close():this.open())},open:function(){this.trigger(n)||(this.element.addClass("k-rpanel-animate k-rpanel-expanded"),this.options.autoClose&&e(document.documentElement).on(o,this._closeHandler))},close:function(){this.trigger(i)||(this.element.addClass("k-rpanel-animate").removeClass("k-rpanel-expanded"),e(document.documentElement).off(o,this._closeHandler))},_close:function(t){var n=t.isDefaultPrevented();e(t.target).closest(this.options.toggleButton+",.k-rpanel").length||n||this.close()},destroy:function(){s.fn.destroy.call(this),e(window).off("resize"+t,this._resizeHandler),e(document.documentElement).off(o,this._closeHandler)}}),kendo.ui.plugin(a),kendo}));
//# sourceMappingURL=kendo.responsivepanel.min.js.map