/** * material-design-lite - Material Design Components in CSS, JS and HTML * @version v1.0.0 * @link https://github.com/google/material-design-lite * @license Apache-2 */ function MaterialAnimation(s){"use strict";this.element_=s,this.position_=this.Constant_.STARTING_POSITION,this.moveable_=this.element_.querySelector("."+this.CssClasses_.DEMO_JS_MOVABLE_AREA),this.init()}function MaterialButton(s){"use strict";this.element_=s,this.init()}function MaterialCheckbox(s){"use strict";this.element_=s,this.init()}function MaterialColumnLayout(s){"use strict";this.element_=s,this.init()}function MaterialIconToggle(s){"use strict";this.element_=s,this.init()}function MaterialItem(s){"use strict";this.element_=s,this.init()}function MaterialRadio(s){"use strict";this.element_=s,this.init()}function MaterialSlider(s){"use strict";this.element_=s,this.isIE_=window.navigator.msPointerEnabled,this.init()}function MaterialSpinner(s){"use strict";this.element_=s,this.init()}function MaterialSwitch(s){"use strict";this.element_=s,this.init()}function MaterialTabs(s){"use strict";this.element_=s,this.init()}function MaterialTab(s,t){"use strict";if(s){if(t.element_.classList.contains(t.CssClasses_.WSK_JS_RIPPLE_EFFECT)){var e=document.createElement("span");e.classList.add(t.CssClasses_.WSK_RIPPLE_CONTAINER),e.classList.add(t.CssClasses_.WSK_JS_RIPPLE_EFFECT);var i=document.createElement("span");i.classList.add(t.CssClasses_.WSK_RIPPLE),e.appendChild(i),s.appendChild(e)}s.addEventListener("click",function(e){e.preventDefault();var i=s.href.split("#")[1],a=document.querySelector("#"+i);t.resetTabState_(),t.resetPanelState_(),s.classList.add(t.CssClasses_.ACTIVE_CLASS),a.classList.add(t.CssClasses_.ACTIVE_CLASS)})}}function MaterialTextfield(s){"use strict";this.element_=s,this.maxRows=this.Constant_.NO_MAX_ROWS,this.init()}function MaterialTooltip(s){"use strict";this.element_=s,this.init()}function MaterialLayout(s){"use strict";this.element_=s,this.init()}function MaterialLayoutTab(s,t,e,i){"use strict";if(s){if(i.tabBar_.classList.contains(i.CssClasses_.JS_RIPPLE_EFFECT)){var a=document.createElement("span");a.classList.add(i.CssClasses_.RIPPLE_CONTAINER),a.classList.add(i.CssClasses_.JS_RIPPLE_EFFECT);var n=document.createElement("span");n.classList.add(i.CssClasses_.RIPPLE),a.appendChild(n),s.appendChild(a)}s.addEventListener("click",function(a){a.preventDefault();var n=s.href.split("#")[1],l=i.content_.querySelector("#"+n);i.resetTabState_(t),i.resetPanelState_(e),s.classList.add(i.CssClasses_.ACTIVE_CLASS),l.classList.add(i.CssClasses_.ACTIVE_CLASS)})}}function MaterialRipple(s){"use strict";this.element_=s,this.init()}var componentHandler=function(){"use strict";function s(s,t){for(var e=0;e6&&(this.position_=1),this.moveable_.classList.add(this.CssClasses_.DEMO_POSITION_PREFIX+this.position_)},MaterialAnimation.prototype.init=function(){"use strict";if(this.element_){if(!this.moveable_)return void console.error("Was expecting to find an element with class name .demo-js-movable-area in side of: ",this.element_);this.element_.addEventListener("click",this.handleClick_.bind(this))}},componentHandler.register({constructor:MaterialAnimation,classAsString:"MaterialAnimation",cssClass:"demo-js-clickable-area"}),MaterialButton.prototype.Constant_={},MaterialButton.prototype.CssClasses_={WSK_JS_RIPPLE_EFFECT:"wsk-js-ripple-effect",WSK_BUTTON_RIPPLE_CONTAINER:"wsk-button__ripple-container",WSK_RIPPLE:"wsk-ripple"},MaterialButton.prototype.blurHandlerGenerator_=function(s){"use strict";return function(){s.blur()}},MaterialButton.prototype.init=function(){"use strict";if(this.element_){var s=this.blurHandlerGenerator_(this.element_);if(this.element_.classList.contains(this.CssClasses_.WSK_JS_RIPPLE_EFFECT)){var t=document.createElement("span");t.classList.add(this.CssClasses_.WSK_BUTTON_RIPPLE_CONTAINER);var e=document.createElement("span");e.classList.add(this.CssClasses_.WSK_RIPPLE),t.appendChild(e),e.addEventListener("mouseup",s),this.element_.appendChild(t)}this.element_.addEventListener("mouseup",s)}},componentHandler.register({constructor:MaterialButton,classAsString:"MaterialButton",cssClass:"wsk-js-button"}),MaterialCheckbox.prototype.Constant_={TINY_TIMEOUT:.001},MaterialCheckbox.prototype.CssClasses_={INPUT:"wsk-checkbox__input",BOX_OUTLINE:"wsk-checkbox__box-outline",FOCUS_HELPER:"wsk-checkbox__focus-helper",TICK_OUTLINE:"wsk-checkbox__tick-outline",RIPPLE_EFFECT:"wsk-js-ripple-effect",RIPPLE_IGNORE_EVENTS:"wsk-js-ripple-effect--ignore-events",RIPPLE_CONTAINER:"wsk-checkbox__ripple-container",RIPPLE_CENTER:"wsk-ripple--center",RIPPLE:"wsk-ripple",IS_FOCUSED:"is-focused",IS_DISABLED:"is-disabled",IS_CHECKED:"is-checked",IS_UPGRADED:"is-upgraded"},MaterialCheckbox.prototype.onChange_=function(){"use strict";this.updateClasses_(this.btnElement_,this.element_)},MaterialCheckbox.prototype.onFocus_=function(){"use strict";this.element_.classList.add(this.CssClasses_.IS_FOCUSED)},MaterialCheckbox.prototype.onBlur_=function(){"use strict";this.element_.classList.remove(this.CssClasses_.IS_FOCUSED)},MaterialCheckbox.prototype.onMouseUp_=function(){"use strict";this.blur_()},MaterialCheckbox.prototype.updateClasses_=function(s,t){"use strict";s.disabled?t.classList.add(this.CssClasses_.IS_DISABLED):t.classList.remove(this.CssClasses_.IS_DISABLED),s.checked?t.classList.add(this.CssClasses_.IS_CHECKED):t.classList.remove(this.CssClasses_.IS_CHECKED)},MaterialCheckbox.prototype.blur_=function(){"use strict";window.setTimeout(function(){this.btnElement_.blur()}.bind(this),this.Constant_.TINY_TIMEOUT)},MaterialCheckbox.prototype.init=function(){"use strict";if(this.element_){this.btnElement_=this.element_.querySelector("."+this.CssClasses_.INPUT);var s=document.createElement("span");s.classList.add(this.CssClasses_.BOX_OUTLINE);var t=document.createElement("span");t.classList.add(this.CssClasses_.FOCUS_HELPER);var e=document.createElement("span");e.classList.add(this.CssClasses_.TICK_OUTLINE),s.appendChild(e),this.element_.appendChild(t),this.element_.appendChild(s);var i;if(this.element_.classList.contains(this.CssClasses_.RIPPLE_EFFECT)){this.element_.classList.add(this.CssClasses_.RIPPLE_IGNORE_EVENTS),i=document.createElement("span"),i.classList.add(this.CssClasses_.RIPPLE_CONTAINER),i.classList.add(this.CssClasses_.RIPPLE_EFFECT),i.classList.add(this.CssClasses_.RIPPLE_CENTER);var a=document.createElement("span");a.classList.add(this.CssClasses_.RIPPLE),i.appendChild(a),this.element_.appendChild(i)}this.btnElement_.addEventListener("change",this.onChange_.bind(this)),this.btnElement_.addEventListener("focus",this.onFocus_.bind(this)),this.btnElement_.addEventListener("blur",this.onBlur_.bind(this)),this.element_.addEventListener("mouseup",this.onMouseUp_.bind(this)),i.addEventListener("mouseup",this.onMouseUp_.bind(this)),this.updateClasses_(this.btnElement_,this.element_),this.element_.classList.add(this.CssClasses_.IS_UPGRADED)}},componentHandler.register({constructor:MaterialCheckbox,classAsString:"MaterialCheckbox",cssClass:"wsk-js-checkbox"}),MaterialColumnLayout.prototype.Constant_={INVISIBLE_WRAPPING_ELEMENT_COUNT:3},MaterialColumnLayout.prototype.CssClasses_={INVISIBLE_WRAPPING_ELEMENT:"wsk-column-layout__wrap-hack"},MaterialColumnLayout.prototype.init=function(){"use strict";if(this.element_)for(var s=0;s0?s.target.classList.add(this.CssClasses_.IS_DIRTY):s.target.classList.remove(this.CssClasses_.IS_DIRTY)},MaterialTextfield.prototype.onKeyDown_=function(s){"use strict";var t=s.target.value.split("\n").length;13===s.keyCode&&t>=this.maxRows&&s.preventDefault()},MaterialTextfield.prototype.init=function(){"use strict";if(this.element_){for(var s=document.querySelectorAll(".wsk-textfield-expandable-icon"),t=0;t0?(this.header_.classList.add(this.CssClasses_.SHADOW_CLASS),this.header_.classList.add(this.CssClasses_.COMPACT_CLASS)):(this.header_.classList.remove(this.CssClasses_.SHADOW_CLASS),this.header_.classList.remove(this.CssClasses_.COMPACT_CLASS))},MaterialLayout.prototype.screenSizeHandler_=function(){"use strict";this.screenSizeMediaQuery_.matches?this.element_.classList.add(this.CssClasses_.SMALL_SCREEN_CLASS):(this.element_.classList.remove(this.CssClasses_.SMALL_SCREEN_CLASS),this.drawer_&&this.drawer_.classList.remove(this.CssClasses_.DRAWER_OPEN_CLASS))},MaterialLayout.prototype.drawerToggleHandler_=function(){"use strict";this.drawer_.classList.toggle(this.CssClasses_.DRAWER_OPEN_CLASS)},MaterialLayout.prototype.resetTabState_=function(s){"use strict";for(var t=0;t0?n.classList.add(this.CssClasses_.ACTIVE_CLASS):n.classList.remove(this.CssClasses_.ACTIVE_CLASS),this.tabBar_.scrollLeft0)return;this.setFrameCount(1);var e,i,a=s.currentTarget.getBoundingClientRect();if(0===s.clientX&&0===s.clientY)e=Math.round(a.width/2),i=Math.round(a.height/2);else{var n=s.clientX?s.clientX:s.touches[0].clientX,l=s.clientY?s.clientY:s.touches[0].clientY;e=Math.round(n-a.left),i=Math.round(l-a.top)}this.setRippleXY(e,i),this.setRippleStyles(!0),window.requestAnimFrame(this.animFrameHandler.bind(this))}},MaterialRipple.prototype.init=function(){"use strict";if(this.element_){var s=this.element_.classList.contains(this.CssClasses_.WSK_RIPPLE_CENTER);if(!this.element_.classList.contains(this.CssClasses_.WSK_JS_RIPPLE_EFFECT_IGNORE_EVENTS)){if(this.rippleElement_=this.element_.querySelector("."+this.CssClasses_.WSK_RIPPLE),this.frameCount_=0,this.rippleSize_=0,this.x_=0,this.y_=0,this.ignoringMouseDown_=!1,this.rippleElement_){var t=this.element_.getBoundingClientRect();this.rippleSize_=2*Math.max(t.width,t.height),this.rippleElement_.style.width=this.rippleSize_+"px",this.rippleElement_.style.height=this.rippleSize_+"px"}this.element_.addEventListener("mousedown",this.downHandler_.bind(this)),this.element_.addEventListener("touchstart",this.downHandler_.bind(this)),this.getFrameCount=function(){return this.frameCount_},this.setFrameCount=function(s){this.frameCount_=s},this.getRippleElement=function(){return this.rippleElement_},this.setRippleXY=function(s,t){this.x_=s,this.y_=t},this.setRippleStyles=function(e){if(null!==this.rippleElement_){var i,a,n,l="translate("+this.x_+"px, "+this.y_+"px)";e?(a=this.Constant_.INITIAL_SCALE,n=this.Constant_.INITIAL_SIZE):(a=this.Constant_.FINAL_SCALE,n=this.rippleSize_+"px",s&&(l="translate("+t.width/2+"px, "+t.height/2+"px)")),i="translate(-50%, -50%) "+l+a,this.rippleElement_.style.webkitTransform=i,this.rippleElement_.style.msTransform=i,this.rippleElement_.style.transform=i,e?(this.rippleElement_.style.opacity=this.Constant_.INITIAL_OPACITY,this.rippleElement_.classList.remove(this.CssClasses_.IS_ANIMATING)):(this.rippleElement_.style.opacity=this.Constant_.FINAL_OPACITY,this.rippleElement_.classList.add(this.CssClasses_.IS_ANIMATING))}},this.animFrameHandler=function(){this.frameCount_-->0?window.requestAnimFrame(this.animFrameHandler.bind(this)):this.setRippleStyles(!1)}}}},componentHandler.register({constructor:MaterialRipple,classAsString:"MaterialRipple",cssClass:"wsk-js-ripple-effect"}); //# sourceMappingURL=material.min.js.map