UNPKG

@progress/kendo-ui

Version:

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

1 lines 6.06 kB
module.exports=function(e){function o(i){if(t[i])return t[i].exports;var r=t[i]={exports:{},id:i,loaded:!1};return e[i].call(r.exports,r,r.exports,o),r.loaded=!0,r.exports}var t={};return o.m=e,o.c=t,o.p="",o(0)}({0:function(e,o,t){t(29),e.exports=t(29)},3:function(e,o){e.exports=function(){throw Error("define cannot be used indirect")}},20:function(e,o){e.exports=require("../kendo.core")},29:function(e,o,t){var i,r,n;!function(l,define){r=[t(20)],i=l,n="function"==typeof i?i.apply(o,r):i,!(void 0!==n&&(e.exports=n))}(function(){return function(e,o){function t(e,o){return function(){return e.apply(o,arguments)}}var i=window.kendo,r=i.ui,n=i.Color,l="background-color",s={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"},a=".kendoColorTools",c="click"+a,d="keydown"+a,u=r.colorpicker.ColorSelector,p=i.keys,v="k-no-color",k="k-state-selected",_={gradient:r.ColorGradient,palette:r.ColorPalette},w=u.extend({init:function(o,r){var n,s=this;r&&r.autoupdate===!1&&(r._standalone=!1),u.fn.init.call(s,o,r),r=s.options=i.deepExtend({},s.options,r),o=s.element,s.wrapper=o.addClass("k-flatcolorpicker k-coloreditor").append(s._template(r)),s._selectedColor=e(".k-coloreditor-preview-color",o),s._previousColor=e(".k-coloreditor-current-color",o),s._viewsContainer=e(".k-coloreditor-views",o),o.find(".k-button[data-view="+s.options.view+"]").addClass(k),n=s.color(),s._changeView(r.view),s._setViewSize(),n?(s._updateUI(n),s._previousColor.css(l,n.toDisplay()),s._selectedColor.css(l,n.toDisplay())):(s._selectedColor.addClass(v),s._previousColor.addClass(v)),o.on(d,t(s._keydown,s)).on(c,".k-coloreditor-reset",function(){s._clearColor=!0,s._updateUI(null),s._view.value(null)}).on(c,".k-coloreditor-apply",function(){s._select(s._clearColor?null:s._view.color())}).on(c,".k-coloreditor-cancel",function(){delete s._clearColor,s._updateUI(s.color()),s._cancel()}).on(c,".k-button[data-view]",function(t){var i=e(t.target).closest("[data-view]");i.is("."+k)||(o.find(".k-button[data-view]").removeClass(k),i.addClass(k),s._changeView(i.data("view")))})},destroy:function(){var e=this;u.fn.destroy.call(this),e._view&&(e._view.destroy(),e._viewsContainer.empty()),e.element.off(a),e._selectedColor=e._previousColor=e._viewsContainer=e._view=null},options:{name:"FlatColorPicker",opacity:!1,buttons:!1,input:!0,preview:!0,clearButton:!1,format:"hex",formats:["rgb","hex"],view:"gradient",views:["gradient","palette"],palette:null,autoupdate:!0,backgroundColor:null,columns:10,tileSize:24,messages:s},setBackgroundColor:function(e){var o=this;o._view&&o._view.setBackgroundColor&&o._view.setBackgroundColor(e)},_select:function(e){var o=this;u.fn._select.call(o,e),o._updatePreviousColor(e)},_updatePreviousColor:function(e){var o=this;e?(o._previousColor.removeClass(v),o._previousColor.css(l,e.toDisplay())):(o._previousColor.addClass(v),o._previousColor.css(l,""))},_changeView:function(o){var t,i,r=this,l=e.extend({},r.options),s=_[o];r._view&&r._view._colorInput&&(r.options.format=r._view._colorInput._viewModel.format),r.options.view=o,delete l.name,delete l.change,delete l.select,delete l.cancel,delete l._standalone,r._view&&(t=r._view.color(),r._view.destroy(),r._viewsContainer.empty()),t&&(t=t.toHSV(),i=n.fromHSV(r._cachedHue||0,t.s,t.v,t.a),r._cachedHue=t.toHSV().h,t=t.equals(i)?i:t),s&&(r._view=new _[o](e("<div></div>").appendTo(r._viewsContainer),l),r._view.value(t),r._view.bind("change",function(e){delete r._clearColor,r._updateUI(e.sender.color(),!0)}),r._view.bind("forceSelect",function(e){delete r._clearColor,r._select(e.sender.color())}))},_onEnable:function(e){var o=this;o._view&&o._view._onEnable(e)},focus:function(){var e=this;e._view&&e._view.focus()},_updateUI:function(e,o){var t=this;e&&e.toDisplay?(t._selectedColor.removeClass(v),t._selectedColor.css(l,e.toDisplay())):(t._selectedColor.addClass(v),t._selectedColor.css(l,"")),t._triggerSelect(e),t.options.autoupdate&&t._updatePreviousColor(e),o||t._view.value(e)},_setViewSize:function(){var e=this,o=e.wrapper[0],t=parseInt(e.options.tileSize.width||e.options.tileSize,10),i=parseInt(e.options.tileSize.width||e.options.tileSize,10),r=e.options.columns;o.style.setProperty("--kendo-color-preview-columns",r),o.style.setProperty("--kendo-color-preview-width",t+"px"),o.style.setProperty("--kendo-color-preview-height",i+"px")},_keydown:function(e){e.keyCode==p.ESC&&this._cancel()},_template: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"><button class="k-button k-icon-button k-flat" data-view="gradient" title="#:messages.gradient#"><span class="k-button-icon k-icon k-i-color-canvas"></span></button><button class="k-button k-icon-button k-flat" data-view="palette" title="#:messages.palette#"><span class="k-button-icon k-icon k-i-palette"></span></button></div></div># } #<div class="k-spacer"></div><div class="k-coloreditor-header-actions k-hstack"># if (clearButton) { #<button class="k-coloreditor-reset k-button k-icon-button k-flat" title="#:messages.clearColor#"><span class="k-button-icon k-icon k-i-reset-color"></span></button># } ## if (preview) { #<div class="k-coloreditor-preview k-vstack"><span class="k-coloreditor-preview-color k-color-preview"></span><span class="k-coloreditor-current-color k-color-preview"></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"><button class="k-coloreditor-cancel k-button" title="#:messages.cancel#">#: messages.cancel #</button><button class="k-coloreditor-apply k-button k-primary" title="#:messages.apply#">#: messages.apply #</button></div># } #')});r.plugin(w)}(window.kendo.jQuery),window.kendo},t(3))}});