UNPKG

@progress/kendo-ui

Version:

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

1 lines • 17.8 kB
1
module.exports=function(e){function t(a){if(o[a])return o[a].exports;var n=o[a]={exports:{},id:a,loaded:!1};return e[a].call(n.exports,n,n.exports,t),n.loaded=!0,n.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}({0:function(e,t,o){e.exports=o(1036)},3:function(e,t){e.exports=function(){throw Error("define cannot be used indirect")}},1005:function(e,t){e.exports=require("jquery")},1006:function(e,t){e.exports=require("./kendo.core")},1036:function(e,t,o){var a,n,s;(function(l){!function(l,define){n=[o(1006),o(1037),o(1038),o(1039),o(1040),o(1041)],a=l,s="function"==typeof a?a.apply(t,n):a,!(void 0!==s&&(e.exports=s))}(function(){return function(e,t,o){function a(e,t,o){o=d(o),o&&!o.equals(e.color())&&("change"==t&&(e._value=o),o=1!=o.a?o.toCssRgba():o.toCss(),e.trigger(t,{value:o}))}function n(e,t,o){var a,n;return e=Array.prototype.slice.call(e),a=e.length,n=e.indexOf(t),n<0?o<0?e[a-1]:e[0]:(n+=o,n<0?n+=a:n%=a,e[n])}function s(e){e.preventDefault()}function l(e,t){return function(){return e.apply(t,arguments)}}var i=window.kendo,r=i.ui,c=r.Widget,d=i.parseColor,u=i.Color,p=i.keys,C="background-color",h="k-state-selected",f="000000,7f7f7f,880015,ed1c24,ff7f27,fff200,22b14c,00a2e8,3f48cc,a349a4,ffffff,c3c3c3,b97a57,ffaec9,ffc90e,efe4b0,b5e61d,99d9ea,7092be,c8bfe7",F="FFFFFF,FFCCFF,FF99FF,FF66FF,FF33FF,FF00FF,CCFFFF,CCCCFF,CC99FF,CC66FF,CC33FF,CC00FF,99FFFF,99CCFF,9999FF,9966FF,9933FF,9900FF,FFFFCC,FFCCCC,FF99CC,FF66CC,FF33CC,FF00CC,CCFFCC,CCCCCC,CC99CC,CC66CC,CC33CC,CC00CC,99FFCC,99CCCC,9999CC,9966CC,9933CC,9900CC,FFFF99,FFCC99,FF9999,FF6699,FF3399,FF0099,CCFF99,CCCC99,CC9999,CC6699,CC3399,CC0099,99FF99,99CC99,999999,996699,993399,990099,FFFF66,FFCC66,FF9966,FF6666,FF3366,FF0066,CCFF66,CCCC66,CC9966,CC6666,CC3366,CC0066,99FF66,99CC66,999966,996666,993366,990066,FFFF33,FFCC33,FF9933,FF6633,FF3333,FF0033,CCFF33,CCCC33,CC9933,CC6633,CC3333,CC0033,99FF33,99CC33,999933,996633,993333,990033,FFFF00,FFCC00,FF9900,FF6600,FF3300,FF0000,CCFF00,CCCC00,CC9900,CC6600,CC3300,CC0000,99FF00,99CC00,999900,996600,993300,990000,66FFFF,66CCFF,6699FF,6666FF,6633FF,6600FF,33FFFF,33CCFF,3399FF,3366FF,3333FF,3300FF,00FFFF,00CCFF,0099FF,0066FF,0033FF,0000FF,66FFCC,66CCCC,6699CC,6666CC,6633CC,6600CC,33FFCC,33CCCC,3399CC,3366CC,3333CC,3300CC,00FFCC,00CCCC,0099CC,0066CC,0033CC,0000CC,66FF99,66CC99,669999,666699,663399,660099,33FF99,33CC99,339999,336699,333399,330099,00FF99,00CC99,009999,006699,003399,000099,66FF66,66CC66,669966,666666,663366,660066,33FF66,33CC66,339966,336666,333366,330066,00FF66,00CC66,009966,006666,003366,000066,66FF33,66CC33,669933,666633,663333,660033,33FF33,33CC33,339933,336633,333333,330033,00FF33,00CC33,009933,006633,003333,000033,66FF00,66CC00,669900,666600,663300,660000,33FF00,33CC00,339900,336600,333300,330000,00FF00,00CC00,009900,006600,003300,000000",_="#ffffff",v={apply:"Apply",cancel:"Cancel",noColor:"no color",clearColor:"Clear color",previewInput:"Color Hexadecimal Code"},g=".kendoColorTools",k="click"+g,m="keydown"+g,b=i.support.browser,y=b.msie&&b.version<9,w=c.extend({init:function(e,t){var o,a=this;c.fn.init.call(a,e,t),e=a.element,t=a.options,a._value=t.value=d(t.value),a._tabIndex=e.attr("tabIndex")||0,o=a._ariaId=t.ariaId,o&&e.attr("aria-labelledby",o),t._standalone&&(a._triggerSelect=a._triggerChange)},options:{name:"ColorSelector",value:null,_standalone:!0},events:["change","select","cancel"],color:function(e){return e!==o&&(this._value=d(e),this._updateUI(this._value)),this._value},value:function(e){return e=this.color(e),e&&(e=this.options.opacity?e.toCssRgba():e.toCss()),e||null},enable:function(t){0===arguments.length&&(t=!0),e(".k-disabled-overlay",this.wrapper).remove(),t||this.wrapper.append("<div class='k-disabled-overlay'></div>"),this._onEnable(t)},_select:function(e,t){var o=this._value;e=this.color(e),t||(this.element.trigger("change"),e.equals(o)?this._standalone||this.trigger("cancel"):this.trigger("change",{value:this.value()}))},_triggerSelect:function(e){a(this,"select",e)},_triggerChange:function(e){a(this,"change",e)},destroy:function(){this.element&&this.element.off(g),this.wrapper&&this.wrapper.off(g).find("*").off(g),this.wrapper=null,c.fn.destroy.call(this)},_updateUI:e.noop,_selectOnHide:function(){return null},_cancel:function(){this.trigger("cancel")}}),I=w.extend({init:function(t,o){var a,n,s,r,c=this;if(w.fn.init.call(c,t,o),t=c.wrapper=c.element,o=c.options,a=o.palette,"websafe"==a?(a=F,o.columns=18):"basic"==a&&(a=f),"string"==typeof a&&(a=a.split(",")),e.isArray(a)&&(a=e.map(a,function(e){return d(e)})),c._selectedID=(o.ariaId||i.guid())+"_selected",t.addClass("k-widget k-colorpalette").attr("role","grid").attr("aria-readonly","true").append(e(c._template({colors:a,columns:o.columns,tileSize:o.tileSize,value:c._value,id:o.ariaId}))).on(k,".k-item",function(t){c._select(e(t.currentTarget).css(C))}).attr("tabIndex",c._tabIndex).on(m,l(c._keydown,c)),n=o.tileSize){if(/number|string/.test(typeof n))s=r=parseFloat(n);else{if("object"!=typeof n)throw Error("Unsupported value for the 'tileSize' argument");s=parseFloat(n.width),r=parseFloat(n.height)}t.find(".k-item").css({width:s,height:r})}},focus:function(){this.wrapper&&!this.wrapper.is("[unselectable='on']")&&this.wrapper.focus()},options:{name:"ColorPalette",columns:10,tileSize:null,palette:"basic"},_onEnable:function(e){e?this.wrapper.attr("tabIndex",this._tabIndex):this.wrapper.removeAttr("tabIndex")},_keydown:function(t){var o,a,l=this.wrapper,i=l.find(".k-item"),r=i.filter("."+h).get(0),c=t.keyCode;if(c==p.LEFT?o=n(i,r,-1):c==p.RIGHT?o=n(i,r,1):c==p.DOWN?o=n(i,r,this.options.columns):c==p.UP?o=n(i,r,-this.options.columns):c==p.ENTER?(s(t),r&&this._select(e(r).css(C))):c==p.ESC&&this._cancel(),o){s(t),this._current(o);try{a=d(o.css(C)),this._triggerSelect(a)}catch(u){}}},_current:function(t){this.wrapper.find("."+h).removeClass(h).attr("aria-selected",!1).removeAttr("id"),e(t).addClass(h).attr("aria-selected",!0).attr("id",this._selectedID),this.element.removeAttr("aria-activedescendant").attr("aria-activedescendant",this._selectedID)},_updateUI:function(t){var o=null;this.wrapper.find(".k-item").each(function(){var a=d(e(this).css(C));if(a&&a.equals(t))return o=this,!1}),this._current(o)},_template:i.template('<table class="k-palette k-reset" role="presentation"><tr role="row"># for (var i = 0; i < colors.length; ++i) { ## var selected = colors[i].equals(value); ## if (i && i % columns == 0) { # </tr><tr role="row"> # } #<td role="gridcell" unselectable="on" style="background-color:#= colors[i].toCss() #"#= selected ? " aria-selected=true" : "" # #=(id && i === 0) ? "id=\\""+id+"\\" " : "" # class="k-item#= selected ? " '+h+'" : "" #" aria-label="#= colors[i].toCss() #"></td># } #</tr></table>')}),x=w.extend({init:function(t,o){var a=this;w.fn.init.call(a,t,o),o=a.options,o.messages=o.options?e.extend(a.options.messages,o.options.messages):a.options.messages,t=a.element,a.wrapper=t.addClass("k-widget k-flatcolorpicker").append(a._template(o)),a._hueElements=e(".k-hsv-rectangle, .k-transparency-slider .k-slider-track",t),a._selectedColor=e(".k-selected-color-display",t),a._colorAsText=e("input.k-color-value",t),a._sliders(),a._hsvArea(),a._updateUI(a._value||d("#f00")),t.find("input.k-color-value").on(m,function(t){var o,n,s=this;if(t.keyCode==p.ENTER)try{o=d(s.value),n=a.color(),a._select(o,o.equals(n))}catch(l){e(s).addClass("k-state-error")}else a.options.autoupdate&&setTimeout(function(){var e=d(s.value,!0);e&&a._updateUI(e,!0)},10)}).end().on(k,".k-controls button.apply",function(){a.options._clearedColor?a.trigger("change"):a._select(a._getHSV())}).on(k,".k-controls button.cancel",function(){a._updateUI(a.color()),a._cancel()}),y&&a._applyIEFilter()},destroy:function(){this._hueSlider.destroy(),this._opacitySlider&&this._opacitySlider.destroy(),this._hueSlider=this._opacitySlider=this._hsvRect=this._hsvHandle=this._hueElements=this._selectedColor=this._colorAsText=null,w.fn.destroy.call(this)},options:{name:"FlatColorPicker",opacity:!1,buttons:!1,input:!0,preview:!0,clearButton:!1,autoupdate:!0,messages:v},_applyIEFilter:function(){var e=this.element.find(".k-hue-slider .k-slider-track")[0],t=e.currentStyle.backgroundImage;t=t.replace(/^url\([\'\"]?|[\'\"]?\)$/g,""),e.style.filter="progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+t+"', sizingMethod='scale')"},_sliders:function(){function e(e){o._updateUI(o._getHSV(e.value,null,null,null))}function t(e){o._updateUI(o._getHSV(null,null,null,e.value/100))}var o=this,a=o.element,n=a.find(".k-hue-slider"),s=a.find(".k-transparency-slider");n.attr("aria-label","hue saturation"),o._hueSlider=n.kendoSlider({min:0,max:360,tickPlacement:"none",showButtons:!1,slide:e,change:e}).data("kendoSlider"),s.attr("aria-label","opacity"),o._opacitySlider=s.kendoSlider({min:0,max:100,tickPlacement:"none",showButtons:!1,slide:t,change:t}).data("kendoSlider")},_hsvArea:function(){function e(e,o){var a=this.offset,n=e-a.left,s=o-a.top,l=this.width,i=this.height;n=n<0?0:n>l?l:n,s=s<0?0:s>i?i:s,t._svChange(n/l,1-s/i)}var t=this,o=t.element,a=o.find(".k-hsv-rectangle"),n=a.find(".k-draghandle").attr("tabIndex",0).on(m,l(t._keydown,t));t._hsvEvents=new i.UserEvents(a,{global:!0,press:function(t){this.offset=i.getOffset(a),this.width=a.width(),this.height=a.height(),n.focus(),e.call(this,t.x.location,t.y.location)},start:function(){a.addClass("k-dragging"),n.focus()},move:function(t){t.preventDefault(),e.call(this,t.x.location,t.y.location)},end:function(){a.removeClass("k-dragging")}}),t._hsvRect=a,t._hsvHandle=n},_onEnable:function(e){this._hueSlider.enable(e),this._opacitySlider&&this._opacitySlider.enable(e),this.wrapper.find("input").attr("disabled",!e);var t=this._hsvRect.find(".k-draghandle");e?t.attr("tabIndex",this._tabIndex):t.removeAttr("tabIndex")},_keydown:function(e){function t(t,o){var n=a._getHSV();n[t]+=o*(e.shiftKey?.01:.05),n[t]<0&&(n[t]=0),n[t]>1&&(n[t]=1),a._updateUI(n),s(e)}function o(t){var o=a._getHSV();o.h+=t*(e.shiftKey?1:5),o.h<0&&(o.h=0),o.h>359&&(o.h=359),a._updateUI(o),s(e)}var a=this;switch(e.keyCode){case p.LEFT:e.ctrlKey?o(-1):t("s",-1);break;case p.RIGHT:e.ctrlKey?o(1):t("s",1);break;case p.UP:t(e.ctrlKey&&a._opacitySlider?"a":"v",1);break;case p.DOWN:t(e.ctrlKey&&a._opacitySlider?"a":"v",-1);break;case p.ENTER:a._select(a._getHSV());break;case p.F2:a.wrapper.find("input.k-color-value").focus().select();break;case p.ESC:a._cancel()}},focus:function(){this._hsvHandle.focus()},_getHSV:function(e,t,o,a){var n=this._hsvRect,s=n.width(),l=n.height(),i=this._hsvHandle.position();return null==e&&(e=this._hueSlider.value()),null==t&&(t=i.left/s),null==o&&(o=1-i.top/l),null==a&&(a=this._opacitySlider?this._opacitySlider.value()/100:1),u.fromHSV(e,t,o,a)},_svChange:function(e,t){var o=this._getHSV(null,e,t,null);this._updateUI(o)},_updateUI:function(e,t){var o=this,a=o._hsvRect;e&&(this._colorAsText.attr("title",o.options.messages.previewInput),this._colorAsText.removeClass("k-state-error"),o._selectedColor.css(C,e.toDisplay()),t||o._colorAsText.val(o._opacitySlider?e.toCssRgba():e.toCss()),o._triggerSelect(e),e=e.toHSV(),o._hsvHandle.css({left:e.s*a.width()+"px",top:(1-e.v)*a.height()+"px"}),o._hueElements.css(C,u.fromHSV(e.h,1,1,1).toCss()),o._hueSlider.value(e.h),o._opacitySlider&&o._opacitySlider.value(100*e.a))},_selectOnHide:function(){return this.options.buttons?null:this._getHSV()},_template:i.template('# if (preview) { #<div class="k-selected-color"><div class="k-selected-color-display"><div class="k-color-input"><input class="k-color-value" # if (clearButton && !_standalone) { #placeholder="#: messages.noColor #" # } ##= !data.input ? \'style="visibility: hidden;"\' : "" #># if (clearButton && !_standalone) { #<span class="k-clear-color k-button k-bare" title="#: messages.clearColor #"></span># } #</div></div></div># } ## if (clearButton && !_standalone && !preview) { #<div class="k-clear-color-container"><span class="k-clear-color k-button k-bare">#: messages.clearColor #</span></div># } #<div class="k-hsv-rectangle"><div class="k-hsv-gradient"></div><div class="k-draghandle"></div></div><input class="k-hue-slider" /># if (opacity) { #<input class="k-transparency-slider" /># } ## if (buttons) { #<div unselectable="on" class="k-controls"><button class="k-button k-primary apply">#: messages.apply #</button> <button class="k-button cancel">#: messages.cancel #</button></div># } #')}),S=c.extend({init:function(t,o){var a,n,s,l,i,r=this;c.fn.init.call(r,t,o),o=r.options,t=r.element,a=t.attr("value")||t.val(),a=a?d(a,!0):d(o.value,!0),r._value=o.value=a,n=r.wrapper=e(r._template(o)),t.hide().after(n),t.is("input")&&(t.appendTo(n),s=t.closest("label"),l=t.attr("id"),l&&(s=s.add('label[for="'+l+'"]')),s.click(function(e){r.open(),e.preventDefault()})),r._tabIndex=t.attr("tabIndex")||0,r.enable(!t.attr("disabled")),i=t.attr("accesskey"),i&&(t.attr("accesskey",null),n.attr("accesskey",i)),r.bind("activate",function(e){e.isDefaultPrevented()||r.toggle()}),r._updateUI(a)},destroy:function(){this.wrapper.off(g).find("*").off(g),this._popup&&(this._selector.destroy(),this._popup.destroy()),this._selector=this._popup=this.wrapper=null,c.fn.destroy.call(this)},enable:function(e){var t=this,o=t.wrapper,a=o.children(".k-picker-wrap"),n=a.find(".k-select");0===arguments.length&&(e=!0),t.element.attr("disabled",!e),o.attr("aria-disabled",!e),n.off(g).on("mousedown"+g,s),o.addClass("k-state-disabled").removeAttr("tabIndex").add("*",o).off(g),e?o.removeClass("k-state-disabled").attr("tabIndex",t._tabIndex).on("mouseenter"+g,function(){a.addClass("k-state-hover")}).on("mouseleave"+g,function(){a.removeClass("k-state-hover")}).on("focus"+g,function(){a.addClass("k-state-focused")}).on("blur"+g,function(){a.removeClass("k-state-focused")}).on(m,l(t._keydown,t)).on(k,".k-select",l(t.toggle,t)).on(k,t.options.toolIcon?".k-tool-icon":".k-selected-color",function(){t.trigger("activate")}):t.close()},_template:i.template('<span role="textbox" aria-haspopup="true" class="k-widget k-colorpicker"><span class="k-picker-wrap k-state-default"># if (toolIcon) { #<span class="k-icon k-tool-icon #= toolIcon #"><span class="k-selected-color"></span></span># } else { #<span class="k-selected-color"><span class="k-icon k-i-line" style="display: none;"></span></span># } #<span class="k-select" unselectable="on" aria-label="select"><span class="k-icon k-i-arrow-60-down"></span></span></span></span>'),options:{name:"ColorPicker",palette:null,columns:10,toolIcon:null,value:null,messages:v,opacity:!1,buttons:!0,preview:!0,clearButton:!1,ARIATemplate:'Current selected color is #=data || ""#'},events:["activate","change","select","open","close"],open:function(){this.element.prop("disabled")||this._getPopup().open()},close:function(){var e=this._selector&&this._selector.options||{};e._closing=!0,this._getPopup().close(),delete e._closing},toggle:function(){this.element.prop("disabled")||this._getPopup().toggle()},_noColorIcon:function(){return this.wrapper.find(".k-picker-wrap > .k-selected-color > .k-icon.k-i-line")},color:w.fn.color,value:w.fn.value,_select:w.fn._select,_triggerSelect:w.fn._triggerSelect,_isInputTypeColor:function(){var e=this.element[0];return/^input$/i.test(e.tagName)&&/^color$/i.test(e.type)},_updateUI:function(e){var t="";e&&(t=this._isInputTypeColor()||1==e.a?e.toCss():e.toCssRgba(),this.element.val(t)),this._ariaTemplate||(this._ariaTemplate=i.template(this.options.ARIATemplate)),this.wrapper.attr("aria-label",this._ariaTemplate(t)),this._triggerSelect(e),this.wrapper.find(".k-selected-color").css(C,e?e.toDisplay():_),this._noColorIcon()[t?"hide":"show"]()},_keydown:function(e){var t=e.keyCode;this._getPopup().visible()?(t==p.ESC?this._selector._cancel():this._selector._keydown(e),s(e)):t!=p.ENTER&&t!=p.DOWN||(this.open(),s(e))},_getPopup:function(){var t,a,n,s,l=this,r=l._popup;return r||(t=l.options,a=t.palette?I:x,t._standalone=!1,delete t.select,delete t.change,delete t.cancel,n=i.guid(),s=l._selector=new a(e('<div id="'+n+'"/>').appendTo(document.body),t),l.wrapper.attr("aria-owns",n),l._popup=r=s.wrapper.kendoPopup({anchor:l.wrapper,adjustSize:{width:5,height:0}}).data("kendoPopup"),s.element.find(".k-clear-color").kendoButton({icon:"reset-color",click:function(e){s.options._clearedColor=!0,l.value(null),l.element.val(null),l._updateUI(null),s._colorAsText.val(""),s._hsvHandle.css({top:"0px",left:"0px"}),s._selectedColor.css(C,_),l.trigger("change",{value:l.value()}),e.preventDefault()}}),s.bind({select:function(e){l._updateUI(d(e.value)),delete s.options._clearedColor},change:function(){s.options._clearedColor||l._select(s.color()),l.close()},cancel:function(){s.options._clearedColor&&!l.value()&&s.value()&&l._select(s.color(),!0),l.close()}}),r.bind({close:function(e){var t,a,n,i;return l.trigger("close")?(e.preventDefault(),o):(l.wrapper.children(".k-picker-wrap").removeClass("k-state-focused"),t=s._selectOnHide(),a=s.value(),n=l.value(),i=s.options,t?i._clearedColor&&!n||l._select(t):(setTimeout(function(){l.wrapper&&!l.wrapper.is("[unselectable='on']")&&l.wrapper.focus()}),!i._closing&&i._clearedColor&&!n&&a?l._select(a,!0):l._updateUI(l.color())),o)},open:function(e){l.trigger("open")?e.preventDefault():l.wrapper.children(".k-picker-wrap").addClass("k-state-focused")},activate:function(){s._select(l.color(),!0),s.focus(),l.wrapper.children(".k-picker-wrap").addClass("k-state-focused")}})),r}});r.plugin(I),r.plugin(x),r.plugin(S)}(l,parseInt),window.kendo},o(3))}).call(t,o(1005))},1037:function(e,t){e.exports=require("./kendo.color")},1038:function(e,t){e.exports=require("./kendo.popup")},1039:function(e,t){e.exports=require("./kendo.slider")},1040:function(e,t){e.exports=require("./kendo.userevents")},1041:function(e,t){e.exports=require("./kendo.button")}});