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(s){if(o[s])return o[s].exports;var a=o[s]={exports:{},id:s,loaded:!1};return e[s].call(a.exports,a,a.exports,t),a.loaded=!0,a.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}({0:function(e,t,o){e.exports=o(1052)},3:function(e,t){e.exports=function(){throw Error("define cannot be used indirect")}},1017:function(e,t){e.exports=require("jquery")},1018:function(e,t){e.exports=require("./kendo.core")},1052:function(e,t,o){var s,a,n;(function(l){!function(l,define){a=[o(1018),o(1053),o(1054),o(1055),o(1056),o(1057)],s=l,n="function"==typeof s?s.apply(t,a):s,!(void 0!==n&&(e.exports=n))}(function(){return function(e,t,o){function s(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 a(e,t,o){var s,a;return e=Array.prototype.slice.call(e),s=e.length,a=e.indexOf(t),a<0?o<0?e[s-1]:e[0]:(a+=o,a<0?a+=s:a%=s,e[a])}function n(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="k-state-disabled",y=i.support.browser,w=y.msie&&y.version<9,I=c.extend({init:function(e,t){var o,s=this;c.fn.init.call(s,e,t),e=s.element,t=s.options,s._value=t.value=d(t.value),s._tabIndex=e.attr("tabIndex")||0,o=s._ariaId=t.ariaId,o&&e.attr("aria-labelledby",o),t._standalone&&(s._triggerSelect=s._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(e){0===arguments.length&&(e=!0),this.wrapper.toggleClass(b,!e),this._onEnable(e)},_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){s(this,"select",e)},_triggerChange:function(e){s(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")}}),x=I.extend({init:function(t,o){var s,a,n,r,c=this;if(I.fn.init.call(c,t,o),t=c.wrapper=c.element,o=c.options,s=o.palette,"websafe"==s?(s=F,o.columns=18):"basic"==s&&(s=f),"string"==typeof s&&(s=s.split(",")),e.isArray(s)&&(s=e.map(s,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:s,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)),a=o.tileSize){if(/number|string/.test(typeof a))n=r=parseFloat(a);else{if("object"!=typeof a)throw Error("Unsupported value for the 'tileSize' argument");n=parseFloat(a.width),r=parseFloat(a.height)}t.find(".k-item").css({width:n,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,s,l=this.wrapper,i=l.find(".k-item"),r=i.filter("."+h).get(0),c=t.keyCode;if(c==p.LEFT?o=a(i,r,-1):c==p.RIGHT?o=a(i,r,1):c==p.DOWN?o=a(i,r,this.options.columns):c==p.UP?o=a(i,r,-this.options.columns):c==p.ENTER?(n(t),r&&this._select(e(r).css(C))):c==p.ESC&&this._cancel(),o){n(t),this._current(o);try{s=d(o.css(C)),this._triggerSelect(s)}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 s=d(e(this).css(C));if(s&&s.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>')}),S=I.extend({init:function(t,o){var s=this;I.fn.init.call(s,t,o),o=s.options,o.messages=o.options?e.extend(s.options.messages,o.options.messages):s.options.messages,t=s.element,s.wrapper=t.addClass("k-widget k-flatcolorpicker").append(s._template(o)),s._hueElements=e(".k-hsv-rectangle, .k-alpha-slider .k-slider-track",t),s._selectedColor=e(".k-selected-color-display",t),s._colorAsText=e("input.k-color-value",t),s._sliders(),s._hsvArea(),s._updateUI(s._value||d("#f00")),t.find("input.k-color-value").on(m,function(t){var o,a,n=this;if(t.keyCode==p.ENTER)try{o=d(n.value),a=s.color(),s._select(o,o.equals(a))}catch(l){e(n).addClass("k-state-error")}else s.options.autoupdate&&setTimeout(function(){var e=d(n.value,!0);e&&s._updateUI(e,!0)},10)}).end().on(k,".k-controls button.apply",function(){s.options._clearedColor?s.trigger("change"):s._select(s._getHSV())}).on(k,".k-controls button.cancel",function(){s._updateUI(s.color()),s._cancel()}),w&&s._applyIEFilter()},destroy:function(){this._hsvEvents.destroy(),this._hueSlider.destroy(),this._opacitySlider&&this._opacitySlider.destroy(),this._hueSlider=this._opacitySlider=this._hsvRect=this._hsvHandle=this._hueElements=this._selectedColor=this._colorAsText=null,I.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,s=o.element,a=s.find(".k-hue-slider"),n=s.find(".k-alpha-slider");a.attr("aria-label","hue saturation"),o._hueSlider=a.kendoSlider({min:0,max:360,tickPlacement:"none",showButtons:!1,slide:e,change:e}).data("kendoSlider"),n.attr("aria-label","opacity"),o._opacitySlider=n.kendoSlider({min:0,max:100,tickPlacement:"none",showButtons:!1,slide:t,change:t}).data("kendoSlider")},_hsvArea:function(){function e(e,o){var s=this.offset,a=e-s.left,n=o-s.top,l=this.width,i=this.height;a=a<0?0:a>l?l:a,n=n<0?0:n>i?i:n,t._svChange(a/l,1-n/i)}var t=this,o=t.element,s=o.find(".k-hsv-rectangle"),a=s.find(".k-draghandle").attr("tabIndex",0).on(m,l(t._keydown,t));t._hsvEvents=new i.UserEvents(s,{global:!0,press:function(t){this.offset=i.getOffset(s),this.width=s.width(),this.height=s.height(),a.focus(),e.call(this,t.x.location,t.y.location)},start:function(){s.addClass("k-dragging"),a.focus()},move:function(t){t.preventDefault(),e.call(this,t.x.location,t.y.location)},end:function(){s.removeClass("k-dragging")}}),t._hsvRect=s,t._hsvHandle=a},_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 a=s._getHSV();a[t]+=o*(e.shiftKey?.01:.05),a[t]<0&&(a[t]=0),a[t]>1&&(a[t]=1),s._updateUI(a),n(e)}function o(t){var o=s._getHSV();o.h+=t*(e.shiftKey?1:5),o.h<0&&(o.h=0),o.h>359&&(o.h=359),s._updateUI(o),n(e)}var s=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&&s._opacitySlider?"a":"v",1);break;case p.DOWN:t(e.ctrlKey&&s._opacitySlider?"a":"v",-1);break;case p.ENTER:s._select(s._getHSV());break;case p.F2:s.wrapper.find("input.k-color-value").focus().select();break;case p.ESC:s._cancel()}},focus:function(){this._hsvHandle.focus()},_getHSV:function(e,t,o,s){var a=this._hsvRect,n=a.width(),l=a.height(),i=this._hsvHandle.position();return null==e&&(e=this._hueSlider.value()),null==t&&(t=i.left/n),null==o&&(o=1-i.top/l),null==s&&(s=this._opacitySlider?this._opacitySlider.value()/100:1),u.fromHSV(e,t,o,s)},_svChange:function(e,t){var o=this._getHSV(null,e,t,null);this._updateUI(o)},_updateUI:function(e,t){var o=this,s=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*s.width()+"px",top:(1-e.v)*s.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-flat" 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-flat">#: messages.clearColor #</span></div># } #<div class="k-hsv-rectangle"><div class="k-hsv-gradient"></div><div class="k-draghandle"></div></div><div class="k-sliders-wrap k-vbox"><input class="k-hue-slider" /># if (opacity) { #<input class="k-alpha-slider k-transparency-slider" /># } #</div># 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># } #')}),T=c.extend({init:function(t,o){var s,a,n,l,i,r=this;c.fn.init.call(r,t,o),o=r.options,t=r.element,s=t.attr("value")||t.val(),s=s?d(s,!0):d(o.value,!0),r._value=o.value=s,a=r.wrapper=e(r._template(o)),t.hide().after(a),t.is("input")&&(t.appendTo(a),n=t.closest("label"),l=t.attr("id"),l&&(n=n.add('label[for="'+l+'"]')),n.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),a.attr("accesskey",i)),r.bind("activate",function(e){e.isDefaultPrevented()||r.toggle()}),r._updateUI(s)},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,s=o.children(".k-picker-wrap"),a=s.find(".k-select");0===arguments.length&&(e=!0),t.element.attr("disabled",!e),o.attr("aria-disabled",!e),a.off(g).on("mousedown"+g,n),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(){s.addClass("k-state-hover")}).on("mouseleave"+g,function(){s.removeClass("k-state-hover")}).on("focus"+g,function(){s.addClass("k-state-focused")}).on("blur"+g,function(){s.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:I.fn.color,value:I.fn.value,_select:I.fn._select,_triggerSelect:I.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),n(e)):t!=p.ENTER&&t!=p.DOWN||(this.open(),n(e))},_getPopup:function(){var t,s,a,n,l=this,r=l._popup;return r||(t=l.options,s=t.palette?x:S,t._standalone=!1,delete t.select,delete t.change,delete t.cancel,a=i.guid(),n=l._selector=new s(e('<div id="'+a+'"></div>').appendTo(document.body),t),l.wrapper.attr("aria-owns",a),l._popup=r=n.wrapper.kendoPopup({anchor:l.wrapper,adjustSize:{width:5,height:0}}).data("kendoPopup"),n.element.find(".k-clear-color").kendoButton({icon:"reset-color",click:function(e){n.options._clearedColor=!0,l.value(null),l.element.val(null),l._updateUI(null),n._colorAsText.val(""),n._hsvHandle.css({top:"0px",left:"0px"}),n._selectedColor.css(C,_),l.trigger("change",{value:l.value()}),e.preventDefault()}}),n.bind({select:function(e){l._updateUI(d(e.value)),delete n.options._clearedColor},change:function(){n.options._clearedColor||l._select(n.color()),l.close()},cancel:function(){n.options._clearedColor&&!l.value()&&n.value()&&l._select(n.color(),!0),l.close()}}),r.bind({close:function(e){var t,s,a,i;return l.trigger("close")?(e.preventDefault(),o):(l.wrapper.children(".k-picker-wrap").removeClass("k-state-focused"),t=n._selectOnHide(),s=n.value(),a=l.value(),i=n.options,t?i._clearedColor&&!a||l._select(t):(setTimeout(function(){l.wrapper&&!l.wrapper.is("[unselectable='on']")&&l.wrapper.focus()}),!i._closing&&i._clearedColor&&!a&&s?l._select(s,!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(){n._select(l.color(),!0),n.focus(),l.wrapper.children(".k-picker-wrap").addClass("k-state-focused")}})),r}});r.plugin(x),r.plugin(S),r.plugin(T)}(l,parseInt),window.kendo},o(3))}).call(t,o(1017))},1053:function(e,t){e.exports=require("./kendo.color")},1054:function(e,t){e.exports=require("./kendo.popup")},1055:function(e,t){e.exports=require("./kendo.slider")},1056:function(e,t){e.exports=require("./kendo.userevents")},1057:function(e,t){e.exports=require("./kendo.button")}});