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.5 kB
1
module.exports=function(e){function t(a){if(o[a])return o[a].exports;var s=o[a]={exports:{},id:a,loaded:!1};return e[a].call(s.exports,s,s.exports,t),s.loaded=!0,s.exports}var o={};return t.m=e,t.c=o,t.p="",t(0)}({0:function(e,t,o){e.exports=o(1087)},3:function(e,t){e.exports=function(){throw Error("define cannot be used indirect")}},1048:function(e,t){e.exports=require("jquery")},1049:function(e,t){e.exports=require("./kendo.core")},1087:function(e,t,o){var a,s,n;(function(l){!function(l,define){s=[o(1049),o(1088),o(1089),o(1090),o(1091),o(1092)],a=l,n="function"==typeof a?a.apply(t,s):a,!(void 0!==n&&(e.exports=n))}(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 s(e,t,o){var a,s;return e=Array.prototype.slice.call(e),a=e.length,s=e.indexOf(t),s<0?o<0?e[a-1]:e[0]:(s+=o,s<0?s+=a:s%=a,e[s])}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"},k=".kendoColorTools",g="click"+k,m="keydown"+k,b="k-state-disabled",y=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(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){a(this,"select",e)},_triggerChange:function(e){a(this,"change",e)},destroy:function(){this.element&&this.element.off(k),this.wrapper&&this.wrapper.off(k).find("*").off(k),this.wrapper=null,c.fn.destroy.call(this)},_updateUI:e.noop,_selectOnHide:function(){return null},_cancel:function(){this.trigger("cancel")}}),w=y.extend({init:function(t,o){var a,s,n,r,c=this;if(y.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(g,".k-item",function(t){c._select(e(t.currentTarget).css(C))}).attr("tabIndex",c._tabIndex).on(m,l(c._keydown,c)),s=o.tileSize){if(/number|string/.test(typeof s))n=r=parseFloat(s);else{if("object"!=typeof s)throw Error("Unsupported value for the 'tileSize' argument");n=parseFloat(s.width),r=parseFloat(s.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,a,l=this.wrapper,i=l.find(".k-item"),r=i.filter("."+h).get(0),c=t.keyCode;if(c==p.LEFT?o=s(i,r,-1):c==p.RIGHT?o=s(i,r,1):c==p.DOWN?o=s(i,r,this.options.columns):c==p.UP?o=s(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{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=y.extend({init:function(t,o){var a=this;y.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-alpha-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,s,n=this;if(t.keyCode==p.ENTER)try{o=d(n.value),s=a.color(),a._select(o,o.equals(s))}catch(l){e(n).addClass("k-state-error")}else a.options.autoupdate&&setTimeout(function(){var e=d(n.value,!0);e&&a._updateUI(e,!0)},10)}).end().on(g,".k-controls button.apply",function(){a.options._clearedColor?a.trigger("change"):a._select(a._getHSV())}).on(g,".k-controls button.cancel",function(){a._updateUI(a.color()),a._cancel()})},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,y.fn.destroy.call(this)},options:{name:"FlatColorPicker",opacity:!1,buttons:!1,input:!0,preview:!0,clearButton:!1,autoupdate:!0,messages:v},_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,s=a.find(".k-hue-slider"),n=a.find(".k-alpha-slider");s.attr("aria-label","hue saturation"),o._hueSlider=s.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 a=this.offset,s=e-a.left,n=o-a.top,l=this.width,i=this.height;s=s<0?0:s>l?l:s,n=n<0?0:n>i?i:n,t._svChange(s/l,1-n/i)}var t=this,o=t.element,a=o.find(".k-hsv-rectangle"),s=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(),s.focus(),e.call(this,t.x.location,t.y.location)},start:function(){a.addClass("k-dragging"),s.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=s},_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 s=a._getHSV();s[t]+=o*(e.shiftKey?.01:.05),s[t]<0&&(s[t]=0),s[t]>1&&(s[t]=1),a._updateUI(s),n(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),n(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 s=this._hsvRect,n=s.width(),l=s.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==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-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># } #')}),I=c.extend({init:function(t,o){var a,s,n,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,s=r.wrapper=e(r._template(o)),t.hide().after(s),r._inputWrapper=e(r.wrapper[0].firstChild),t.is("input")&&(t.appendTo(s),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),s.attr("accesskey",i)),r.bind("activate",function(e){e.isDefaultPrevented()||r.toggle()}),r._updateUI(a)},destroy:function(){this.wrapper.off(k).find("*").off(k),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"),s=a.find(".k-select");0===arguments.length&&(e=!0),t.element.attr("disabled",!e),o.attr("aria-disabled",!e),s.off(k).on("mousedown"+k,n),o.addClass("k-state-disabled").removeAttr("tabIndex").add("*",o).off(k),e?o.removeClass("k-state-disabled").attr("tabIndex",t._tabIndex).on("mouseenter"+k,function(){a.addClass("k-state-hover")}).on("mouseleave"+k,function(){a.removeClass("k-state-hover")}).on("focus"+k,function(){a.addClass("k-state-focused")}).on("blur"+k,function(){a.removeClass("k-state-focused")}).on(m,l(t._keydown,t)).on(g,".k-select",l(t.toggle,t)).on(g,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:y.fn.color,value:y.fn.value,_select:y.fn._select,_triggerSelect:y.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,a,s,n,l=this,r=l._popup;return r||(t=l.options,a=t.palette?w:x,t._standalone=!1,delete t.select,delete t.change,delete t.cancel,s=i.guid(),n=l._selector=new a(e('<div id="'+s+'"></div>').appendTo(document.body),t),l.wrapper.attr("aria-owns",s),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,a,s,i;return l.trigger("close")?(e.preventDefault(),o):(l.wrapper.children(".k-picker-wrap").removeClass("k-state-focused"),t=n._selectOnHide(),a=n.value(),s=l.value(),i=n.options,t?i._clearedColor&&!s||l._select(t):(setTimeout(function(){l.wrapper&&!l.wrapper.is("[unselectable='on']")&&l.wrapper.focus()}),!i._closing&&i._clearedColor&&!s&&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(){n._select(l.color(),!0),n.focus(),l.wrapper.children(".k-picker-wrap").addClass("k-state-focused")}})),r}});r.plugin(w),r.plugin(x),r.plugin(I)}(l,parseInt),window.kendo},o(3))}).call(t,o(1048))},1088:function(e,t){e.exports=require("./kendo.color")},1089:function(e,t){e.exports=require("./kendo.popup")},1090:function(e,t){e.exports=require("./kendo.slider")},1091:function(e,t){e.exports=require("./kendo.userevents")},1092:function(e,t){e.exports=require("./kendo.button")}});