@progress/kendo-ui
Version:
This package is part of the [Kendo UI for jQuery](http://www.telerik.com/kendo-ui) suite.
1 lines • 6.57 kB
JavaScript
module.exports=function(t){var r={};function i(e){if(r[e])return r[e].exports;var o=r[e]={exports:{},id:e,loaded:!1};return t[e].call(o.exports,o,o.exports,i),o.loaded=!0,o.exports}return i.m=t,i.c=r,i.p="",i(0)}({0:function(e,o,t){e.exports=t(29)},3:function(e,o){e.exports=function(){throw Error("define cannot be used indirect")}},29:function(e,o,t){var r;t(3),t=[t(30),t(31),t(32)],void 0===(o="function"==typeof(r=function(){var n=window.kendo.jQuery,o=void 0,i=window.kendo,e=i.ui,r=i.html,p=i.Color,l=n.extend,s="background-color",t,v=".kendoColorTools",a="click"+v,f="keydown"+v,c=e.colorpicker.ColorSelector,_=i.keys,d="k-no-color",w="k-selected",u=".k-color-preview-mask",k={gradient:e.ColorGradient,palette:e.ColorPalette};function C(e,o){return function(){return e.apply(o,arguments)}}var h=c.extend({init:function(t,e){var r=this;if(e&&e.autoupdate===false)e._standalone=false;c.fn.init.call(r,t,e);e=r.options=i.deepExtend({},r.options,e);t=r.element;r.wrapper=t.addClass("k-flatcolorpicker k-coloreditor").append(r._template());r._selectedColor=n(".k-coloreditor-preview-color",t);r._previousColor=n(".k-coloreditor-current-color",t);r._viewsContainer=n(".k-coloreditor-views",t);t.find(".k-button[data-view="+r.options.view+"]").addClass(w);var o=r.color();r._changeView(e.view);r._setViewSize();if(o){r._updateUI(o);r._previousColor.children(u).css(s,o.toDisplay());r._selectedColor.children(u).css(s,o.toDisplay())}else{r._selectedColor.addClass(d);r._previousColor.addClass(d)}t.on(f,C(r._keydown,r)).on(a,".k-coloreditor-reset",function(){r._clearColor=true;r._updateUI(null);r._view.value(null)}).on(a,".k-coloreditor-apply",function(){if(r._clearColor)r._select(null);else r._select(r._view.color())}).on(a,".k-coloreditor-cancel",function(){delete r._clearColor;r._updateUI(r.color());r._cancel()}).on(a,".k-button[data-view]",function(e){var o=n(e.target).closest("[data-view]");if(o.is("."+w))return;t.find(".k-button[data-view]").removeClass(w);o.addClass(w);r._changeView(o.data("view"))})},destroy:function(){var e=this;c.fn.destroy.call(this);if(e._view){e._view.destroy();e._viewsContainer.empty()}e.element.off(v);e._selectedColor=e._previousColor=e._viewsContainer=e._view=null},options:{name:"FlatColorPicker",opacity:false,buttons:false,input:true,preview:true,clearButton:false,format:"hex",formats:["rgb","hex"],view:"gradient",views:["gradient","palette"],palette:null,autoupdate:true,backgroundColor:null,columns:10,tileSize:24,messages:{apply:"Apply",cancel:"Cancel",noColor:"no color",clearColor:"Clear color",previewInput:null,contrastRatio:"Contrast ratio:",fail:"Fail",pass:"Pass",hex:"HEX",toggleFormat:"Toggle format",red:"Red",green:"Green",blue:"Blue",alpha:"Alpha",gradient:"Gradient view",palette:"Palette view"},size:"medium"},setBackgroundColor:function(e){var o=this;if(o._view&&o._view.setBackgroundColor)o._view.setBackgroundColor(e)},_select:function(e){var o=this;c.fn._select.call(o,e);o._updatePreviousColor(e)},_updatePreviousColor:function(e){var o=this;if(e){o._previousColor.removeClass(d);o._previousColor.children(u).css(s,e.toDisplay())}else{o._previousColor.addClass(d);o._previousColor.children(u).css(s,"")}},_changeView:function(e){var o=this,t=n.extend({},o.options),r=k[e],i,l;if(o._view&&o._view._colorInput)o.options.format=o._view._colorInput._viewModel.format;o.options.view=e;delete t.name;delete t.change;delete t.select;delete t.cancel;delete t._standalone;if(o._view){i=o._view.color();o._view.destroy();o._viewsContainer.empty()}if(i){i=i.toHSV();l=p.fromHSV(o._cachedHue||0,i.s,i.v,i.a);o._cachedHue=i.toHSV().h;i=i.equals(l)?l:i}if(r){o._view=new k[e](n("<div></div>").appendTo(o._viewsContainer),t);o._view.value(i);o._view.bind("change",function(e){delete o._clearColor;o._updateUI(e.sender.color(),true)});o._view.bind("forceSelect",function(e){delete o._clearColor;o._select(e.sender.color())})}},_onEnable:function(e){var o=this;if(o._view)o._view._onEnable(e)},focus:function(){var e=this;if(e._view)e._view.focus()},_updateUI:function(e,o){var t=this;if(e&&e.toDisplay){t._selectedColor.removeClass(d);t._selectedColor.children(u).css(s,e.toDisplay())}else{t._selectedColor.addClass(d);t._selectedColor.children(u).css(s,"")}t._triggerSelect(e);if(t.options.autoupdate)t._updatePreviousColor(e);if(!o)t._view.value(e)},_setViewSize:function(){var e=this,o=e.wrapper[0],t=parseInt(e.options.tileSize.width||e.options.tileSize,10),r=parseInt(e.options.tileSize.width||e.options.tileSize,10),i=e.options.columns;o.style.setProperty("--kendo-color-preview-columns",i);o.style.setProperty("--kendo-color-preview-width",t+"px");o.style.setProperty("--kendo-color-preview-height",r+"px")},_keydown:function(e){if(e.keyCode==_.ESC)this._cancel()},_template:function(){var e=this,o=e.options,t=l({},o,{fillMode:"flat",themeColor:"base",rounded:"medium"});return i.template('<div class="k-coloreditor-header k-hstack">'+"# if (views && views.length > 1) { #"+'<div class="k-coloreditor-header-actions k-hstack">'+'<div class="k-button-group k-button-group-flat">'+r.renderButton('<button data-view="gradient" title="#:messages.gradient#"></button>',l({icon:"color-canvas"},t))+r.renderButton('<button data-view="palette" title="#:messages.palette#"></button>',l({icon:"palette"},t))+"</div>"+"</div>"+"# } #"+'<div class="k-spacer"></div>'+'<div class="k-coloreditor-header-actions k-hstack">'+"# if (clearButton) { #"+r.renderButton('<button class="k-coloreditor-reset" title="#:messages.clearColor#"></button>',l({icon:"reset-color"},t))+"# } #"+"# if (preview) { #"+'<div class="k-coloreditor-preview k-vstack">'+'<span class="k-coloreditor-preview-color k-color-preview">'+'<span class="k-color-preview-mask"></span>'+"</span>"+'<span class="k-coloreditor-current-color k-color-preview">'+'<span class="k-color-preview-mask"></span>'+"</span>"+"</div>"+"# } #"+"</div>"+"</div>"+'<div class="k-coloreditor-views k-vstack"></div>'+"# if (buttons) { #"+'<div class="k-coloreditor-footer k-actions k-hstack k-justify-content-end">'+r.renderButton('<button class="k-coloreditor-cancel" title="#:messages.cancel#">#: messages.cancel #</button>',l({},t,{fillMode:"solid"}))+r.renderButton('<button class="k-coloreditor-apply" title="#:messages.apply#">#: messages.apply #</button>',l({},t,{fillMode:"solid",themeColor:"primary"}))+"</div>"+"# } #")(o)}});return e.plugin(h),window.kendo})?r.apply(o,t):r)||(e.exports=o)},30:function(e,o){e.exports=require("./colorgradient")},31:function(e,o){e.exports=require("./colorpalette")},32:function(e,o){e.exports=require("../kendo.html.button")}});