@progress/kendo-ui/umd/kendo.colorpicker.min.js

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

!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("kendo.core.js"),require("kendo.color.js"),require("kendo.popup.js"),require("kendo.slider.js"),require("kendo.userevents.js"),require("kendo.button.js"),require("kendo.binder.js"),require("kendo.textbox.js"),require("kendo.numerictextbox.js"),require("kendo.html.button.js"),require("kendo.icons.js"),require("kendo.actionsheet.js")):"function"==typeof define&&define.amd?define(["exports","kendo.core.min","kendo.color","kendo.popup","kendo.slider","kendo.userevents","kendo.button","kendo.binder","kendo.textbox","kendo.numerictextbox","kendo.html.button","kendo.icons","kendo.actionsheet"],t):t(((e="undefined"!=typeof globalThis?globalThis:e||self).kendo=e.kendo||{},e.kendo._globals=e.kendo._globals||{},e.kendo._globals.Colorpicker={}))}(this,(function(e){!function(e,t){var o=window.kendo,a=o.ui,i=a.Widget,n=o.parseColor,r=o.ui.Popup.TabKeyTrap,s=e.extend,l=".kendoColorTools",d="keydown"+l,c=i.extend({init:function(e,t){var o=this;i.fn.init.call(o,e,t),e=o.element,t=o.options,e.is("input")?(o._initialValue(),o._preventDefaultLabelClick()):o._value=n(t.value),o._tabIndex=e.attr("tabIndex")||0,t._standalone&&(o._triggerSelect=o._triggerChange)},options:{name:"ColorSelector",ARIATemplate:e=>`Current selected color is ${e||"none"}`,value:null,_standalone:!0},events:["change","select","forceSelect","cancel"],color:function(e){return e!==t&&(this._value=n(e),this.element.is("input")&&this._updateInput(this._value),this._updateUI(this._value)),this._value},value:function(e){return(e=this.color(e))&&(e=this.options.opacity?e.toCssRgba():e.toCss()),e||null},enable:function(e){0===arguments.length&&(e=!0),this.element.is("input")&&this.element.attr("disabled",!e),this.wrapper.toggleClass("k-disabled",!e),this._onEnable(e)},_attachFocusEvents:function(){this.wrapper.on(d,this._navKeydown.bind(this)).on("focusout"+l,this._navFocusout.bind(this))},_initialValue:function(){var e=this.element,t=this.options.value||e.attr("value");t&&(this._value=n(t,!0)),this.element.val(t)},_innerTabindex:function(e){this.wrapper.find(".k-draghandle, .k-button, .k-input-inner").attr("tabindex",e)},_isInputTypeColor:function(){var e=this.element[0];return/^input$/i.test(e.tagName)&&/^color$/i.test(e.type)},_navFocusout:function(){var e=this,t=e.wrapper[0];setTimeout((function(){t.contains(document.activeElement)||e._releaseInnerFocus()}))},_navKeydown:function(e){var a=this.wrapper;e.keyCode===o.keys.ENTER&&a.attr("tabindex")?(e.preventDefault(),this._trapInnerFocus()):e.keyCode===o.keys.ESC&&a.attr("tabindex")===t&&(this._releaseInnerFocus(),this.wrapper.trigger("focus"))},_releaseInnerFocus:function(){this._tabKeyTrap.removeTrap(),this.wrapper&&(this.wrapper.attr("tabindex",this._tabIndex),this._innerTabindex(-1))},_select:function(e,t){var o=this._value;e=this.color(e),t||(e&&(!o||!e.equals(o))||null===e&&e!==o?(null===e&&this.element.val&&this.element.val(e),this.element.trigger("change"),this.trigger("change",{value:this.value()})):this._standalone||this.trigger("cancel"))},_navigation:function(){var e=this.value();e&&e.indexOf("rgba")>-1&&(e=e.replace("rgba","RGBA")),this.options._otOfPicker?(this._innerTabindex(-1),this._attachFocusEvents(),this._tabKeyTrap=new r(this.wrapper),this._ariaTemplate=o.template(this.options.ARIATemplate),this.wrapper.attr({"aria-label":this._ariaTemplate(e||""),tabindex:this._tabIndex})):(this.wrapper.removeAttr("tabindex"),this.wrapper.removeAttr("aria-label"),this.wrapper.removeAttr("role"),this.wrapper.removeAttr("aria-keyshortcuts"))},_trapInnerFocus:function(){this._innerTabindex(0),this.wrapper.removeAttr("tabindex"),this.wrapper.find(".k-hsv-draghandle").trigger("focus"),this._tabKeyTrap.trap()},_triggerSelect:function(e){p(this,"select",e)},_triggerChange:function(e){p(this,"change",e)},destroy:function(){this.element&&this.element.off(l),this.wrapper&&(this.wrapper.off(d),this.wrapper.off(l).find("*").off(l),this.wrapper=null),i.fn.destroy.call(this)},_preventDefaultLabelClick:function(){var e=this.element,t=e.closest("label"),o=e.attr("id");o&&(t=t.add('label[for="'+o+'"]')),t.on("click",(function(e){e.preventDefault()}))},_updateUI:e.noop,_updateInput:function(e){var t,a="";e&&(a=this._isInputTypeColor()||1==e.a?e.toCss():e.toCssRgba(),this.element.val(a)),this.options._otOfPicker&&(this._ariaTemplate||(this._ariaTemplate=o.template(this.options.ARIATemplate)),(t=this.value())&&t.indexOf("rgba")>-1&&(t=t.replace("rgba","RGBA")),this.wrapper.attr("aria-label",this._ariaTemplate(t||"")))},_selectOnHide:function(){return null},_cancel:function(){this.trigger("cancel")}});function p(e,t,o){((o=n(o))&&!o.equals(e.color())||o!==e.color())&&("change"==t&&(e._value=o,e._updateInput(e._value)),o&&1!=o.a?o=o.toCssRgba():o&&(o=o.toCss()),e.trigger(t,{value:o}))}s(a,{colorpicker:{ColorSelector:c}})}(window.kendo.jQuery),function(e,t){var o=kendo.ui.colorpicker,a=e.extend,i=kendo.Color,n=kendo.parseColor;function r(e,t){return o=s(l(e,t)),a=s(l(t,{r:0,g:0,b:0,a:1})),(Math.max(o,a)+.05)/(Math.min(o,a)+.05);var o,a}function s(e){var t=[e.r,e.g,e.b].map((function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}));return.2126*t[0]+.7152*t[1]+.0722*t[2]}function l(e,t){var o=d(e.r,0,255),a=d(e.g,0,255),i=d(e.b,0,255),n=d(e.a,0,1),r=d(t.r,0,255),s=d(t.g,0,255),l=d(t.b,0,255);return{r:Math.round((1-n)*r+n*o),g:Math.round((1-n)*s+n*a),b:Math.round((1-n)*l+n*i)}}function d(e,o,a){if(null===(i=e)||i===t||isNaN(e))return o;var i;return e<=o?o:e>=a?a:e}function c(e,t){if(0===e.length)return"";var o=e.reduce((function(e,o,a,i){return 0===a?kendo.format("M {0},{1}",o[0],o[1]):kendo.format("{0} {1}",e,t(o,a,i))}),"");return kendo.format('<path d="{0}" fill="none" stroke="white" stroke-width="1"/>',o)}function p(e,t){var o=t[0]-e[0],a=t[1]-e[1];return{length:Math.sqrt(Math.pow(o,2)+Math.pow(a,2)),angle:Math.atan2(a,o)}}a(o,{contrastToolUtils:{getContrastFromTwoRGBAs:r,renderSvgCurveLine:function(e,t,o){var s,l,u=function(s,l,c,p,h){var v=(c+p)/2,_=a({},t,{s:l/e.width,v:1-v/e.height}),f=r(n(function(e){var t=d(e.h,0,359.9),o=d(e.s,0,1),a=d(e.v,0,1),n=d(e.a,0,1);return i.fromHSV(t,o,a,n).toCssRgba()}(_)).toBytes(),n(o).toBytes());return c+.5>p?f<s+1&&f>s-1?v:null:h(f,s)?u(s,l,c,p-(p-c)/2,h):u(s,l,c+(p-c)/2,p,h)},h=function(e,t){return e>t},v=function(e,t){return e<t},_=function(t,o,a){for(var i=[],n=0;n<=e.width;n+=e.width/o){var r=u(t,n,0,e.height,a?v:h);null!==r&&i.push([n,r])}return i},f=(l=p,s=function(e,t,o,a){var i=.1,n=l(t||e,o||e),r=n.angle+(a?Math.PI:0),s=n.length*i;return[e[0]+Math.cos(r)*s,e[1]+Math.sin(r)*s]},function(e,t,o){var a=s(o[t-1],o[t-2],e),i=s(e,o[t-1],o[t+1],!0);return kendo.format("C {0},{1} {2},{3} {4},{5}",a[0],a[1],i[0],i[1],e[0],e[1])}),C=c(_(4.5,16,!1),f)+c(_(4.5,16,!0),f)+c(_(7,16,!1),f)+c(_(7,16,!0),f);return`<svg xmlns="http://www.w3.org/2000/svg" ${kendo.attr("style-position")}="absolute" ${kendo.attr("style-overflow")}="visible" ${kendo.attr("style-pointer-events")}="none" ${kendo.attr("style-left")}="0px" ${kendo.attr("style-top")}="0px" ${kendo.attr("style-z-index")}="3" >`+C+"</svg>"}}})}(window.kendo.jQuery),function(e){var t=window.kendo,o=t.ui,a=t.Observable,i=t.parseColor,n=e.extend,r=t.htmlEncode,s=t.Color,l=t.keys,d="#ffffff",c="#000000",p="keydown.kendoColorTools",u=o.colorpicker.ColorSelector,h=o.colorpicker.contrastToolUtils;function v(e){e.preventDefault()}var _=a.extend({init:function(e,o){var i=this;i.element=e,i.options=o,i._viewModel=t.observable({switchMode:i.switchMode.bind(i),keydown:i.keydown.bind(i),isHEXMode:function(){return"hex"===this.get("format")},isRGBMode:function(){return"rgb"===this.get("format")},format:o.format,formats:o.formats,rgb:null,hex:function(){return null!==this.get("rgb")&&this.get("rgb").toCss({alpha:o.opacity})}}),i._changeHandler=i.change.bind(i),i._viewModel.bind("change",i._changeHandler),i._render(),i.element.on(p,i.keydown.bind(i)),a.fn.init.call(i)},_template:t.template((({options:e,ns:t})=>{let o=r(e.size),a=r(e.tabindex),i="";if(e.formats&&e.formats.length>1){i=`<div class="k-vstack"><button class="k-colorgradient-toggle-mode" data-${t}role="button" data-${t}icon="caret-alt-expand" data data-${t}bind="click: switchMode" data-${t}fill-mode="flat" data-${t}size="${o}" title="${r(e.messages.toggleFormat)}"></button></div>`}let n="";if(e.formats&&e.formats.indexOf("hex")>=0){let i=r(e.messages.hex);n=`<div class="k-vstack${e._showAdaptiveView?" k-flex-1":""}" data-${t}bind="visible: isHEXMode"><input type="text" data-${t}bind="value: hex" data-${t}role="textbox" data-${t}size="${o}" tabindex="${a}"  aria-label="${i}"/><label class="k-colorgradient-input-label">HEX</label></div>`}let s="";if(e.formats&&e.formats.indexOf("rgb")>=0){if(s=`<div class="k-vstack" data-${t}bind="visible: isRGBMode"><input tabindex="${a}" data-${t}bind="value: rgb.r" data-${t}role="numerictextbox" data-${t}size="${o}" data-${t}max="255" data-${t}min="0" data-${t}decimals="0" data-${t}spinners="false" data-${t}format="n0" aria-label="${r(e.messages.red)}" inputmode="decimal"/><label class="k-colorgradient-input-label">R</label></div><div class="k-vstack" data-${t}bind="visible: isRGBMode"><input tabindex="${a}" data-${t}bind="value: rgb.g" data-${t}role="numerictextbox" data-${t}size="${o}" data-${t}max="255" data-${t}min="0" data-${t}decimals="0" data-${t}spinners="false" data-${t}format="n0" aria-label="${r(e.messages.green)}" inputmode="decimal"/><label class="k-colorgradient-input-label">G</label></div><div class="k-vstack" data-${t}bind="visible: isRGBMode"><input tabindex="${a}" data-${t}bind="value: rgb.b" data-${t}role="numerictextbox" data-${t}size="${o}" data-${t}max="255" data-${t}min="0" data-${t}decimals="0" data-${t}spinners="false" data-${t}format="n0" aria-label="${r(e.messages.blue)}" inputmode="decimal"/><label class="k-colorgradient-input-label">B</label></div>`,e.opacity){s+=`<div class="k-vstack" data-${t}bind="visible: isRGBMode"><input tabindex="${a}" data-${t}bind="value: rgb.a" data-${t}role="numerictextbox" data-${t}size="${o}" data-${t}step="0.1" data-${t}max="1" data-${t}min="0" data-${t}decimals="1" data-${t}spinners="false" data-${t}format="n1" aria-label="${e.messages.alpha}" inputmode="decimal"/><label class="k-colorgradient-input-label">A</label></div>`}}return i+n+s})),destroy:function(){var e=this;e._viewModel.unbind("change",e._changeHandler),t.unbind(e.element),t.destroy(e.element),e.element.off(p),delete e._viewModel,delete e._changeHandler},change:function(e){var t=this;e.field.indexOf("rgb")>=0?(t._color=t._tryParseColor(t._viewModel.rgb.toCssRgba()),t._viewModel.set("hex",t._color.toCss({alpha:t.options.opacity}))):"hex"===e.field&&(t._color=t._tryParseColor(e.sender[e.field]),t._viewModel.set("rgb",t._color)),t._preventChangeEvent||t.trigger("change",{value:t._color})},keydown:function(t){var o=this,a=e(t.target).data("kendoTextBox");t.keyCode===l.ENTER&&e(t.target).is("input")&&(a&&a._change&&a._change(),o.trigger("change",{value:o._color}),o.trigger("select",{value:o._color}))},reset:function(){var e=this;e._preventChangeEvent=!0,e._viewModel.set("rgb",i(c)),delete e._preventChangeEvent},switchMode:function(){var e=this,t=e._viewModel,o=t.format,a=t.formats.indexOf(o)+1;a=a>=t.formats.length?0:a,e._preventChangeEvent=!0,e._viewModel.set("format",t.formats[a]),delete e._preventChangeEvent},value:function(e){var t=this;t._color=e&&e.toBytes()||i(c),t._preventChangeEvent=!0,t._viewModel.set("rgb",t._color),delete t._preventChangeEvent},_render:function(){var e=this;e.element.append(e._template({ns:t.ns,guid:t.guid(),options:e.options})).parent(),t.bind(e.element,e._viewModel),e.element.attr("data-"+t.ns+"stop","stop")},_tryParseColor:function(e){try{e=i(e)||this._color}catch(t){e=this._color}return e}}),f=u.extend({init:function(o,a){var i,n=this;u.fn.init.call(n,o,a),(a=n.options=t.deepExtend({},n.options,a)).messages.previewInput&&(a.messages.hex=a.messages.previewInput),a.messages=a.messages?e.extend(n.options.messages,a.messages):n.options.messages,n._wrapper(),n._sliders(),n._hsvArea(),i=n._value,n._gradientInputs(),n._updateUI(i),n._navigation()},options:{name:"ColorGradient",opacity:!1,hsvDragARIATemplate:e=>`Color well with two-dimensional slider for selecting saturation and value. Selected color is ${e||"none"}`,input:!0,format:"hex",formats:["rgb","hex"],contrastTool:!1,size:"medium",messages:{contrastRatio:"Contrast ratio:",fail:"Fail",pass:"Pass",hex:"HEX",toggleFormat:"Toggle format",red:"Red channel",green:"Green channel",blue:"Blue channel",alpha:"Alpha channel"},_otOfPicker:!0,_showAdaptiveView:!1},_template:t.template((e=>`<div class="k-colorgradient-canvas ${e._showAdaptiveView?"k-vstack":"k-hstack"}"><div class="k-hsv-rectangle"><div class="k-hsv-gradient"><div role="slider" aria-orientation="undefined" class="k-hsv-draghandle k-draghandle"></div></div></div><div class="k-hsv-controls ${e._showAdaptiveView?"k-vstack":"k-hstack"}"><input class="k-hue-slider k-colorgradient-slider" />`+(e.opacity?'<input class="k-alpha-slider k-colorgradient-slider" />':"")+"</div></div>"+(e.input?'<div class="k-colorgradient-inputs k-hstack"></div>':"")+(e.contrastTool?'<div class="k-colorgradient-color-contrast k-vbox"></div>':""))),focus:function(){this._hsvHandle.trigger("focus")},setBackgroundColor:function(t){var o=this;o.options.contrastTool&&(o.options.contrastTool=e.isPlainObject(o.options.contrastTool)?n({},o.options.contrastTool,{backgroundColor:t}):{backgroundColor:t},o._updateColorContrast(o.color()||i(d)))},_getHSV:function(e,t,o,a){var n=this,r=n._hsvRect,l=r.width(),d=r.height(),p=this._hsvHandle.position();return l&&d?(null==e&&(e=n._hueSlider.value()),null==t&&(t=p.left/l),null==o&&(o=1-p.top/d),null==a&&(a=n._opacitySlider?n._opacitySlider.value()/100:1),s.fromHSV(e,t,o,a)):n.color()?n.color().toHSV():i(c)},_gradientInputs:function(){var e=this,t=e.options;e._colorgradientInputs.length&&(e._colorInput=new _(e._colorgradientInputs,n({},t,{tabindex:0})),e._colorInput.bind("change",(function(t){e._updateUI(t.value,!0)})),e._colorInput.bind("select",(function(t){var o=i(t.value);e._select(o),e.trigger("forceSelect",{value:e.value()})})))},_hsvArea:function(){var e,o,a=this,i=a.wrapper.find(".k-hsv-rectangle"),n=i.find(".k-draghandle").attr("tabIndex",0).on(p,(e=a._hsvKeydown,o=a,function(){return e.apply(o,arguments)})),r=this.value();function s(e,t){var o,i,n=this.offset,r=e-n.left,s=t-n.top,l=this.width,d=this.height;o=(r=r<0?0:r>l?l:r)/l,i=1-(s=s<0?0:s>d?d:s)/d,a._svChange(o,i)}r&&r.indexOf("rgba")>-1&&(r=r.replace("rgba","RGBA")),this._hsvDragAriaTemplate||(this._hsvDragAriaTemplate=t.template(this.options.hsvDragARIATemplate)),n.attr("aria-label",this._hsvDragAriaTemplate(r||"")),a._hsvEvents=new t.UserEvents(i,{global:!0,press:function(e){this.offset=t.getOffset(i),this.width=i.width(),this.height=i.height(),n.trigger("focus"),s.call(this,e.x.location,e.y.location)},start:function(){i.addClass("k-dragging"),n.trigger("focus")},move:function(e){e.preventDefault(),s.call(this,e.x.location,e.y.location)},end:function(){i.removeClass("k-dragging")}}),a._hsvRect=i,a._hsvHandle=n},_hsvKeydown:function(e){var t=this;function o(o,a){var i=t._getHSV();i[o]+=a*(e.shiftKey?.01:.05),i[o]<0&&(i[o]=0),i[o]>1&&(i[o]=1),t._updateUI(i),v(e)}function a(o){var a=t._getHSV();a.h+=o*(e.shiftKey?1:5),a.h<0&&(a.h=0),a.h>359&&(a.h=359),t._updateUI(a),v(e)}switch(e.keyCode){case l.LEFT:e.ctrlKey?a(-1):o("s",-1);break;case l.RIGHT:e.ctrlKey?a(1):o("s",1);break;case l.UP:o(e.ctrlKey&&t._opacitySlider?"a":"v",1);break;case l.DOWN:o(e.ctrlKey&&t._opacitySlider?"a":"v",-1);break;case l.ENTER:t._select(t._getHSV());break;case l.F2:t._colorInput.element.find("input").trigger("focus").select();break;case l.ESC:t._cancel()}},_onEnable:function(e){var t=this.wrapper;this._hueSlider.enable(e),this._opacitySlider&&this._opacitySlider.enable(e),t.find("input").attr("disabled",!e),this.options._standalone&&(e?t.removeAttr("aria-disabled"):t.attr("aria-disabled",!0))},_reset:function(){var e=this;e._colorInput&&e._colorInput.reset(),e._resetHsv(),e._resetColorContrast()},_resetColorContrast:function(){var e=this,t=e.options.contrastTool;e._contrastTool.length&&e._updateColorContrast(t.backgroundColor?i(t.backgroundColor):i(d))},_resetHsv:function(){var e=i(c);this._updateHsv(e)},_sliders:function(){var e=this,t=e.wrapper,o=t.find(".k-hue-slider"),a=t.find(".k-alpha-slider");function i(t){e._updateUI(e._getHSV(t.value,null,null,null))}const n=e.options._showAdaptiveView?"horizontal":"vertical";function r(t){e._updateUI(e._getHSV(null,null,null,t.value/100))}o.attr("aria-label","hue"),e._hueSlider=o.kendoSlider({min:0,max:360,tickPlacement:"none",showButtons:!1,orientation:n,slide:i,change:i}).data("kendoSlider"),a.attr("aria-label","opacity"),e._opacitySlider=a.kendoSlider({min:0,max:100,tickPlacement:"none",showButtons:!1,orientation:n,slide:r,change:r}).data("kendoSlider")},_svChange:function(e,t){var o=this._getHSV(null,e,t,null);this._updateUI(o)},_updateColorContrast:function(e){var o=this,a=o.options.contrastTool,n=a.backgroundColor?i(a.backgroundColor):i(d),s=h.getContrastFromTwoRGBAs(i(e.toCssRgba()),n),l=t.template((({messages:e,ratio:o})=>`<div class="k-contrast-ratio"><span class="k-contrast-ratio-text">${r(e.contrastRatio)} ${r(t.toString(o,"n2"))}</span><span class="k-contrast-validation !k-text-success">`+(o>4.5?t.ui.icon("check"):"")+(o>7?t.ui.icon("check"):"")+"</span></div>")),c=t.template((({messages:e,ratio:o,limit:a,level:i})=>`<div><span>${r(i)}: ${r(a)} </span>`+(o>a?`<span class="k-contrast-validation !k-text-success">${r(e.pass)} ${t.ui.icon("check")}</span>`:`<span class="k-contrast-validation !k-text-error">${r(e.fail)} ${t.ui.icon("x")}</span>`)+"</div>")),p="";p+=l({messages:o.options.messages,ratio:s}),p+=c({messages:o.options.messages,ratio:s,limit:4.5,level:"AA"}),p+=c({messages:o.options.messages,ratio:s,limit:7,level:"AAA"}),o._contrastTool.find(".k-contrast-ratio, div").remove(),o._contrastTool.append(p),o._updateContrastSvg(n)},_updateContrastSvg:function(o){var a,i=this._hsvRect,n="k-color-contrast-svg",r={width:i.width(),height:i.height()};r.width&&r.height&&(a=e(h.renderSvgCurveLine(r,this._getHSV(),o)).addClass(n),t.applyStylesFromKendoAttributes(a,["position","overflow","pointer-events","left","top","z-index"]),i.find("."+n).remove(),i.append(a))},_updateHsv:function(e){var t=this,o=t._hsvRect;e=e.toHSV(),t._hsvHandle.css({left:e.s*o.width()+"px",top:(1-e.v)*o.height()+"px"}),t._hueElements.css("background-color",s.fromHSV(e.h,1,1,1).toCss()),t._hueSlider.value(e.h),t._opacitySlider&&(t._opacitySlider.wrapper.find(".k-slider-track").css("background",`linear-gradient(to ${t.options._showAdaptiveView?"right":"top"}, transparent, `+s.fromHSV(e.h,1,1,1).toCss()),t._opacitySlider.value(100*e.a)),t._updateHsvAria(e.s,e.v)},_updateHsvAria:function(e,t){var o=this.value();o&&o.indexOf("rgba")>-1&&(o=o.replace("rgba","RGBA")),this._hsvHandle.attr({"aria-label":this._hsvDragAriaTemplate(o||""),"aria-valuenow":Math.round(100*e),"aria-valuetext":"saturation: "+Math.round(100*e)+"%, value: "+Math.round(100*t)+"%"})},_updateUI:function(e,t){var o=this;e?(!t&&o._colorInput&&o._colorInput.value(e),o._triggerSelect(e),o._updateHsv(e),o._contrastTool.length&&o._updateColorContrast(e)):o._reset()},_addSizeClass:function(e){const t=this.options;this.wrapper.removeClass("k-colorgradient-lg k-colorgradient-md k-colorgradient-sm");let o=e||t.size;if(o){let e="k-colorgradient-";switch(o){case"large":e+="lg";break;case"small":e+="sm";break;default:e+="md"}this.wrapper.addClass(e)}},_wrapper:function(){var t,o=this.options;(t=this.element.is("input")?this.element.addClass("k-hidden").wrap("<div>").parent():this.element).addClass("k-colorgradient").attr({role:"textbox","aria-keyshortcuts":"Enter"}).append(this._template(o)),this._hueElements=e(".k-hsv-rectangle, .k-alpha-slider .k-slider-track",t),this._colorgradientInputs=e(".k-colorgradient-inputs",t),this._contrastTool=e(".k-colorgradient-color-contrast",t),this.wrapper=t,this._addSizeClass()},destroy:function(){this._hsvEvents.destroy(),this._hueSlider.destroy(),this._opacitySlider&&this._opacitySlider.destroy(),this._colorInput&&this._colorInput.destroy(),this._hueSlider=this._opacitySlider=this._hsvRect=this._hsvHandle=this._hueElements=this._selectedColor=this._colorAsText=this._contrastTool=null,u.fn.destroy.call(this)}});o.plugin(f)}(window.kendo.jQuery),function(e){var t=window.kendo,o=t.ui,a=t.parseColor,i=t.keys,n=".",r="background-color",s="k-selected",l="k-focus",d="k-colorpalette-tile",c=".kendoColorTools",p="focus"+c,u="click"+c,h="keydown"+c,v="blur"+c,_=o.colorpicker.ColorSelector;function f(e){e.preventDefault()}function C(e,t){return function(){return e.apply(t,arguments)}}var g=_.extend({init:function(e,o){var a=this;_.fn.init.call(a,e,o),a._tabIndex=this.element.attr("tabindex")||0,a._wrapper(),o=a.options,a._selectedID=(o.ariaId||t.guid())+"_selected",a._ariaTemplate=t.template(a.options.ARIATemplate),a._value&&(a._updateUI(a._value),a.wrapper.find(n+l).removeClass(l)),a.wrapper.attr("aria-label",a._ariaTemplate(a.value()||"")),a._attachEvents()},focus:function(){this.wrapper&&!this.wrapper.is("[unselectable='on']")&&this.wrapper.trigger("focus")},options:{name:"ColorPalette",columns:10,tileSize:null,palette:"basic",size:"medium"},_attachEvents:function(){var e=this;e.wrapper.on(u,n+d,(function(t){e._select(t.currentTarget)})).on(h,C(e._keydown,e)).on(v,(function(){e.wrapper.find(n+d).removeClass(l)})).on(p,C(e._focus,e))},_colors:function(){var t=this.options,o=t.palette||"basic";return"websafe"==o?(o="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",t.columns=18):"basic"==o&&(o="000000,7f7f7f,880015,ed1c24,ff7f27,fff200,22b14c,00a2e8,3f48cc,a349a4,ffffff,c3c3c3,b97a57,ffaec9,ffc90e,efe4b0,b5e61d,99d9ea,7092be,c8bfe7"),"string"==typeof o&&(o=o.split(",")),Array.isArray(o)&&(o=e.map(o,(function(e){return a(e)}))),o},_current:function(t){this.wrapper.find(n+d).removeClass(l).removeAttr("id"),e(t).addClass(l).attr("id",this._selectedID),this.wrapper.removeAttr("aria-activedescendant").attr("aria-activedescendant",this._selectedID)},_focus:function(){var e=this.wrapper;0===e.find("#"+this._selectedID).length&&this._current(e.find(n+d).first())},_keydown:function(e){var t,o,a,r=this.wrapper.find(n+d),c=r.filter(n+l).get(0)||r.filter(n+s).get(0),p=e.keyCode;if(c&&(a=Array.prototype.indexOf.call(c.parentNode.children,c)),p==i.LEFT)t=c?c.previousSibling:r[r.length-1];else if(p==i.RIGHT)t=c?c.nextSibling:r[0];else if(p==i.DOWN)o=c&&c.parentNode.nextSibling?c.parentNode.nextSibling.children[a]:null,t=c?o:r[0];else if(p==i.UP)o=c&&c.parentNode.previousSibling?c.parentNode.previousSibling.children[a]:null,t=c?o:r.get[r.length-1];else if(p==i.ENTER){if(f(e),c)return this._select(c),void this.trigger("forceSelect",{value:this.value()})}else p==i.ESC&&this._cancel();t&&1!==t.nodeType&&(t=null),t&&(f(e),this._current(t))},_onEnable:function(e){this.options._standalone&&(e?(this.wrapper.attr("tabindex",this._tabIndex),this.wrapper.removeAttr("aria-disabled")):(this.wrapper.removeAttr("tabindex"),this.wrapper.attr("aria-disabled",!0)))},_select:function(t){var o=this.wrapper.find(n+d);t=e(t),_.fn._select.call(this,t.css(r)),o.removeClass(s).removeAttr("aria-selected"),t.addClass(s).attr("aria-selected",!0)},_template:t.template((({colors:e,columns:o,tileSize:a,value:i,id:n})=>{let r="";for(var l=0;l<e.length;++l){let a=e[l].equals(i);l&&l%o==0&&(r+='</tr><tr role="row">'),r+=`<td role="gridcell" unselectable="on" ${t.attr("style-background-color")}="${e[l].toCss()}"`+(a?" aria-selected=true":"")+" "+(n&&0===l?'id=\\"'+n+'\\" ':"")+" "+`class="k-colorpalette-tile${a?" "+s:""}" `+`aria-label="${e[l].toCss()}"></td>`}return'<table class="k-colorpalette-table" role="presentation"><tr role="row">'+r+"</tr></table>"})),_tileSize:function(){var e,t,o=this.options.tileSize;if(o){if(/number|string/.test(typeof o))e=t=parseFloat(o);else{if("object"!=typeof o)throw new Error("Unsupported value for the 'tileSize' argument");e=parseFloat(o.width),t=parseFloat(o.height)}this.wrapper.find(n+d).css({width:e,height:t})}},_updateUI:function(t){var o=null,i=this.wrapper.find(n+d);this.wrapper.find(n+d).each((function(){var i=a(e(this).css(r));if(i&&i.equals(t))return o=this,!1})),this._current(o),i.removeClass(s),o&&(e(o).addClass(s),this.wrapper.attr("aria-label",this._ariaTemplate(this.value()||"")))},_addSizeClass:function(e){const t=this.options;this.wrapper.removeClass("k-colorpalette-lg k-colorpalette-md k-colorpalette-sm");let o=e||t.size;if(o){let e="k-colorpalette-";switch(o){case"large":e+="lg";break;case"small":e+="sm";break;default:e+="md"}this.wrapper.addClass(e)}},_wrapper:function(){var o,a,i=this.options,n=this._colors();o=this.element.is("input")?this.element.addClass("k-hidden").wrap("<div>").parent():this.element,a=e(this._template({colors:n,columns:i.columns,tileSize:i.tileSize,value:this._value,id:i.ariaId})),t.applyStylesFromKendoAttributes(a,["background-color"]),o.addClass("k-colorpalette").attr("role","grid").append(a).attr("tabindex",this._tabIndex),this.wrapper=o,this._addSizeClass(),this._tileSize()}});o.plugin(g)}(window.kendo.jQuery),function(e){var t=window.kendo,o=t.ui,a=t.html,i=t.Color,n=e.extend,r=t.htmlEncode,s="background-color",l=".kendoColorTools",d="click"+l,c="keydown"+l,p=o.colorpicker.ColorSelector,u=t.keys,h="k-no-color",v="k-selected",_=".k-color-preview-mask",f="aria-pressed",C="aria-disabled",g={gradient:o.ColorGradient,palette:o.ColorPalette};var m=p.extend({init:function(e,o){var a=this;o&&!1===o.autoupdate&&(o._standalone=!1),p.fn.init.call(a,e,o),o=a.options=t.deepExtend({},a.options,o),a._wrapper();var i=a.color();a._changeView(o.view),a._setViewSize(),i?(a._updateUI(i),a._previousColor.children(_).css(s,i.toDisplay()),a._selectedColor.children(_).css(s,i.toDisplay())):(a._selectedColor.addClass(h),a._previousColor.addClass(h)),a._attachEvents(),a._navigation()},destroy:function(){var e=this;p.fn.destroy.call(this),e._view&&(e._view.destroy(),e._viewsContainer.empty()),e.element.off(l),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:{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",_otOfPicker:!0,_showAdaptiveView:!1},setBackgroundColor:function(e){var t=this;t._view&&t._view.setBackgroundColor&&t._view.setBackgroundColor(e)},_attachEvents:function(){var t,o,a=this;a.wrapper.on(c,(t=a._keydown,o=a,function(){return t.apply(o,arguments)})).on(d,".k-button[data-command]",(function(){a._clearColor=!0,a._updateUI(null),a._view.value(null)})).on(d,".k-coloreditor-apply",(function(){a._clearColor?a._select(null):a._select(a._view.color())})).on(d,".k-coloreditor-cancel",(function(){delete a._clearColor,a._updateUI(a.color()),a._cancel()})).on(d,".k-button[data-view]",(function(t){var o=e(t.target).closest("[data-view]");o.is("."+v)||(a.wrapper.find(".k-button[data-view]").removeClass(v).attr(f,!1),o.addClass(v).attr(f,!0),a._changeView(o.data("view")))}))},_select:function(e){p.fn._select.call(this,e),this._updatePreviousColor(e)},_updatePreviousColor:function(e){var t=this;e?(t._previousColor.removeClass(h),t._previousColor.children(_).css(s,e.toDisplay())):(t._previousColor.addClass(h),t._previousColor.children(_).css(s,""))},_changeView:function(t){var o,a,n=this,r=e.extend({},n.options),s=g[t];n._view&&n._view._colorInput&&(n.options.format=n._view._colorInput._viewModel.format),n.options.view=t,delete r.name,delete r.change,delete r.select,delete r.cancel,delete r._standalone;const l=r._showAdaptiveView?"large":r.size;n._view&&(o=n._view.color(),n._view.destroy(),n._viewsContainer.empty()),o&&(o=o.toHSV(),a=i.fromHSV(n._cachedHue||0,o.s,o.v,o.a),n._cachedHue=o.toHSV().h,o=o.equals(a)?a:o),r._otOfPicker=!1,s&&(n._view=new g[t](e("<div></div>").appendTo(n._viewsContainer),{...r,size:l}),n._view.value(o),n._view.bind("change",(function(e){delete n._clearColor,n._updateUI(e.sender.color(),!0)})),n._view.bind("forceSelect",(function(e){delete n._clearColor,n._select(e.sender.color())})))},_onEnable:function(e){var t=this;t._view&&t._view._onEnable(e),t.options._standalone&&(e?t.wrapper.removeAttr(C):t.wrapper.attr(C,!0))},focus:function(){this._view&&this._view.focus()},_updateUI:function(e,t){var o=this;e&&e.toDisplay?(o._selectedColor.removeClass(h),o._selectedColor.children(_).css(s,e.toDisplay())):(o._selectedColor.addClass(h),o._selectedColor.children(_).css(s,"")),o._triggerSelect(e),o.options.autoupdate&&o._updatePreviousColor(e),t||o._view.value(e)},_setViewSize:function(){var e=this,t=e.wrapper[0],o=parseInt(e.options.tileSize.width||e.options.tileSize,10),a=parseInt(e.options.tileSize.width||e.options.tileSize,10),i=e.options.columns;t.style.setProperty("--kendo-color-preview-columns",i),t.style.setProperty("--kendo-color-preview-width",o+"px"),t.style.setProperty("--kendo-color-preview-height",a+"px")},_keydown:function(e){e.keyCode==u.ESC&&this._cancel()},_template:function(){var e=this.options,o=n({},e,{fillMode:"flat",themeColor:"base",rounded:"medium",size:e._showAdaptiveView?"large":e.size});return t.template(((e,t)=>'<div class="k-coloreditor-header k-hstack">'+(e.views&&e.views.length>1?'<div class="k-coloreditor-header-actions k-hstack"><div role="group" class="k-button-group k-button-group-flat">'+a.renderButton(`<button aria-pressed="false" data-view="gradient" title="${r(e.messages.gradient)}"></button>`,n({icon:"droplet-slider"},t))+a.renderButton(`<button aria-pressed="false" data-view="palette" title="${r(e.messages.palette)}"></button>`,n({icon:"palette"},t))+"</div></div>":"")+'<div class="k-spacer"></div><div class="k-coloreditor-header-actions k-hstack">'+(e.clearButton?a.renderButton(`<button data-command="reset" title="${r(e.messages.clearColor)}"></button>`,n({icon:"droplet-slash"},t)):"")+(e.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>'+(e.buttons?'<div class="k-coloreditor-footer k-actions k-actions-end k-actions-horizontal">'+a.renderButton(`<button class="k-coloreditor-cancel" title="${r(e.messages.cancel)}">${r(e.messages.cancel)}</button>`,n({},t,{fillMode:"solid"}))+a.renderButton(`<button class="k-coloreditor-apply" title="${r(e.messages.apply)}">${r(e.messages.apply)}</button>`,n({},t,{fillMode:"solid",themeColor:"primary"}))+"</div>":"")))(e,o)},_addSizeClass:function(e){const t=this.options;this.wrapper.removeClass("k-coloreditor-lg k-coloreditor-md k-coloreditor-sm");let o=e||t.size;if(o){let e="k-coloreditor-";switch(o){case"large":e+="lg";break;case"small":e+="sm";break;default:e+="md"}this.wrapper.addClass(e)}},_wrapper:function(){var t,o=this.options;(t=this.element.is("input")?this.element.addClass("k-hidden").wrap("<div>").parent():this.element).addClass("k-flatcolorpicker k-coloreditor").attr({role:"textbox","aria-keyshortcuts":"Enter"}).append(this._template()),this._selectedColor=e(".k-coloreditor-preview-color",t),this._previousColor=e(".k-coloreditor-current-color",t),this._viewsContainer=e(".k-coloreditor-views",t),t.find(".k-button[data-view="+o.view+"]").addClass(v).attr(f,!0),this.wrapper=t,this._addSizeClass()}});o.plugin(m)}(window.kendo.jQuery);!function(e){var t=window.kendo,o=t.ui,a=o.Widget,i=t.Color,n=t.parseColor,r=t.keys,s=".kendoColorTools",l="click"+s,d="keydown"+s,c=o.colorpicker.ColorSelector,p=o.FlatColorPicker,u=a.extend({init:function(o,i){var r=this;i&&i.palette&&!i.view&&(i.view="palette"),a.fn.init.call(r,o,i),i=r.options=t.deepExtend({},r.options,i),o=r.element;let s=n(i.value||o.attr("value")||o.val(),!0);r._value=i.value=s;var l=t.html.renderButton('<button class="k-input-button" unselectable="on" aria-label="select" tabindex="-1"></button>',e.extend({},r.options,{icon:"caret-alt-down"})),d=r._inputWrapper=r.wrapper=e(r._template(e.extend({},r.options,{_buttonHtml:l})));r._applyCssClasses(),o.hide().after(d),o.is("input")&&(o.appendTo(d),r._preventDefaultLabelClick()),r._tabIndex=o.attr("tabIndex")||0,r.enable(!o.attr("disabled"));var c=o.attr("accesskey");c&&(o.attr("accesskey",null),d.attr("accesskey",c)),r.bind("activate",(function(e){e.isDefaultPrevented()||r.toggle()})),r._bindMediaQueries(),r._updateUI(s)},destroy:function(){this.wrapper.off(s).find("*").off(s),this._popup&&(this._selector.destroy(),this._popup.destroy()),this._selector=this._popup=this.wrapper=null,a.fn.destroy.call(this)},enable:function(e){var t=this,o=t.wrapper,a=o.find(".k-input-button");0===arguments.length&&(e=!0),t.element.attr("disabled",!e),o.attr("aria-disabled",!e),a.off(s).on("mousedown"+s,h),o.addClass("k-disabled").removeAttr("tabIndex").add("*",o).off(s),e?o.removeClass("k-disabled").attr("tabIndex",t._tabIndex).on("mouseenter"+s,(function(){o.addClass("k-hover")})).on("mouseleave"+s,(function(){o.removeClass("k-hover")})).on("focus"+s,(function(){o.addClass("k-focus")})).on("blur"+s,(function(){o.removeClass("k-focus")})).on(d,v(t._keydown,t)).on(l,".k-input-button",v(t.toggle,t)).on(l,".k-input-inner",(function(){t.trigger("activate")})):t.close()},_adaptiveView:function(){const e=this;e._popup?e._popup.fullscreen?e._showAdaptiveView||(e._popup.wrapper&&e._popup.wrapper.remove(),e._popup.destroy(),e._popup=null):(e._popup.destroy(),e._popup=null,e._getPopup()):e._getPopup(),e._toggleAdaptiveModeSizeClasses(e._showAdaptiveView)},_toggleSizeClassesForElement:function(e,t,o){if(e&&e.length){if(e.data("handler")&&e.data("handler")._addSizeClass)return t?e.data("handler")._addSizeClass(t):e.data("handler")._addSizeClass();e.is("."+o)||(e=e.closest("."+o)),e.removeClass(`${o}-sm ${o}-md ${o}-lg`),t&&e.addClass(`${o}-${t}`)}},_toggleAdaptiveModeSizeClasses:function(e){const t=this,o=t._popup&&t._popup.wrapper,a="large",i="k-coloreditor",n="k-colorgradient",r="k-colorpalette",s=o&&o.length&&o.find("."+i),l=o&&o.length&&o.find("."+n),d=o&&o.length&&o.find("."+r);e?(t._toggleSizeClassesForElement(s,a),t._toggleSizeClassesForElement(l,a),t._toggleSizeClassesForElement(d,a)):(t._toggleSizeClassesForElement(s),t._toggleSizeClassesForElement(l),t._toggleSizeClassesForElement(d))},_bindMediaQueries:function(){const e=this;"auto"===e.options.adaptiveMode?(e.largeMQL=t.mediaQuery("large"),e.mediumMQL=t.mediaQuery("medium"),e.smallMQL=t.mediaQuery("small"),e.smallMQL.onEnter((()=>{e._showAdaptiveView=!0,e._adaptiveView(),e._popup.fullscreen(!0)})),e.mediumMQL.onEnter((()=>{e._showAdaptiveView=!0,e._adaptiveView(),e._popup.fullscreen(!1)})),e.largeMQL.onEnter((()=>{e._showAdaptiveView=!1,e._adaptiveView()}))):(e.smallMQL&&e.smallMQL.destroy(),e.mediumMQL&&e.mediumMQL.destroy(),e.largeMQL&&e.largeMQL.destroy(),e._showAdaptiveView=!1)},_template:t.template((({toolIcon:e,_buttonHtml:o})=>`<span role="combobox" aria-haspopup="dialog" aria-expanded="false" class="k-colorpicker k-picker k-icon-picker"><span class="k-input-inner"><span class="k-value-icon k-color-preview ${e?"k-icon-color-preview":""}">`+(e?t.ui.icon({icon:e,iconClass:"k-color-preview-icon"}):"")+'<span class="k-color-preview-mask"></span></span></span >'+o+"</span>")),options:{name:"ColorPicker",closeOnSelect:!1,contrastTool:!1,palette:null,columns:10,toolIcon:null,value:null,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",adaptiveTitle:"Choose Color"},opacity:!1,buttons:!0,preview:!0,clearButton:!1,input:!0,format:"hex",formats:["rgb","hex"],view:"gradient",views:["gradient","palette"],backgroundColor:null,ARIATemplate:e=>`Current selected color is ${e||"none"}`,size:"medium",rounded:"medium",fillMode:"solid",adaptiveMode:"none"},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()},setBackgroundColor:function(e){var t=this,o=function(){t._selector.setBackgroundColor(e)};t.options.contrastTool.backgroundColor=e,t._selector&&t._popup&&t._popup.visible()?t._selector.setBackgroundColor(e):t._popup&&(t._popup.unbind("activate",o),t._popup.bind("activate",o))},_noColorIcon:function(){return this.wrapper.find(".k-color-preview")},color:c.fn.color,value:c.fn.value,_select:c.fn._select,_triggerSelect:c.fn._triggerSelect,_isInputTypeColor:c.fn._isInputTypeColor,_preventDefaultLabelClick:function(){var e=this,t=e.element,o=t.closest("label"),a=t.attr("id");a&&(o=o.add('label[for="'+a+'"]')),o.on("click",(function(t){e.open(),t.preventDefault()}))},_updateUI:function(e,t){this._updateInput(e),this._triggerSelect(e),this.wrapper.find(".k-color-preview-mask").css("background-color",e?e.toDisplay():""),this._noColorIcon().toggleClass("k-no-color",!e),this._selector&&!t&&this._selector.value(e)},_updateInput:function(e){var o="";e&&(o=this._isInputTypeColor()||1==e.a?e.toCss():e.toCssRgba(),this.element.val(o)),this._ariaTemplate||(this._ariaTemplate=t.template(this.options.ARIATemplate)),this.wrapper.attr("aria-label",this._ariaTemplate(o))},_keydown:function(e){var t=e.keyCode;this._getPopup().visible()?(t==r.ESC?this._selector._cancel():this._selector._keydown(e),h(e)):t!=r.ENTER&&t!=r.DOWN||(this.open(),h(e))},_actionFooterButtons:function(){const e=[{command:"cancel",text:"Cancel",size:"large",fillMode:this.options.fillMode,themeColor:"base"},{command:"apply",text:"Apply",size:"large",fillMode:this.options.fillMode,themeColor:"primary"}];let o="";return e.forEach((e=>{const a=e.command,i=e.text;delete e.command,delete e.text,o+=t.html.renderButton(`<button data-command=${a}>${i}</button>`,e)})),o},_actionSheetApply:function(){const e=this._selector;e._clearColor?e._select(null):e._select(e._view.color())},_actionSheetCancel:function(){const e=this._selector;delete e._clearColor,e._updateUI(e.color()),e._cancel()},_getPopup:function(){var o=this,a=o._popup;const r=o._showAdaptiveView;if(!a){var s,l=o.options;s=p,l.autoupdate=!0!==l.buttons&&!r,l._showAdaptiveView=r,delete l.select,delete l.change,delete l.cancel,l._otOfPicker=!1;var d=t.guid(),c=e(`<div id="${d}" class=${r?"":"k-colorpicker-popup"}></div>`).appendTo(document.body),u=o._selector=new s(e("<div></div>").appendTo(c),{...l,buttons:!r&&l.buttons,value:r?o._value:o.options.value});o.wrapper.attr("aria-controls",d),r?(o._popup=a=c.kendoActionSheet({adaptive:!0,closeButton:!0,hideOverflowContent:!0,title:t.htmlEncode(l.messages.adaptiveTitle),footerTemplate:o._actionFooterButtons()}).data("kendoActionSheet"),a._footer.addClass("k-actions k-actions-horizontal k-actions-stretched"),a._footer.on("click","button[data-command]",(function(t){switch(e(t.currentTarget).data("command")){case"apply":o._actionSheetApply();break;case"cancel":o._actionSheetCancel()}}))):o._popup=a=c.kendoPopup({anchor:o.wrapper,adjustSize:{width:5,height:0}}).data("kendoPopup"),u.bind({select:function(e){o._updateUI(n(e.value),!0)},change:function(e){o.options.buttons||r?o._select(u.color()):o._updateUI(n(e.value),!0),(o.options.buttons||r||"palette"===o._selector.options.view&&o.options.closeOnSelect)&&o.close()},cancel:function(){o.close()}}),a.bind({close:function(t){if(o.trigger("close"))return void t.preventDefault();o.wrapper.removeClass("k-focus");var a=u.color();o.options.buttons&&r?o._select(o.color()):o._select(a),(a=o.color())&&a.h&&(o._cachedHue=a.h);const i=r?".k-actionsheet":".k-colorpicker-popup";event&&event instanceof MouseEvent&&0===e(event.target).parents(i).length||setTimeout((function(){o.wrapper&&!o.wrapper.is("[unselectable='on']")&&o.wrapper.trigger("focus")}),0),o.wrapper.attr("aria-expanded",!1)},open:function(e){o.trigger("open")?e.preventDefault():(o.wrapper.addClass("k-focus"),o.wrapper.attr("aria-expanded",!0))},activate:function(){var e,t=o.color();r&&function(e){const t=e._view;t&&(t._hueSlider&&t._hueSlider.resize(),t._opacitySlider&&t._opacitySlider.resize())}(u),t&&(t=t.toHSV(),e=i.fromHSV(o._cachedHue||0,t.s,t.v,t.a),t=t.equals(e)?e:t),u.value(t),u.focus(),o.wrapper.addClass("k-focus")}})}return a}});function h(e){e.preventDefault()}function v(e,t){return function(){return e.apply(t,arguments)}}o.plugin(u),t.cssProperties.registerPrefix("ColorPicker","k-picker-"),t.cssProperties.registerValues("ColorPicker",[{prop:"rounded",values:t.cssProperties.roundedValues.concat([["full","full"]])}])}(window.kendo.jQuery);var t=kendo;e.__meta__={id:"colorpicker",name:"Color tools",category:"web",description:"Color selection widgets",depends:["core","color","popup","slider","userevents","button","binder","textbox","numerictextbox","html.button","icons","actionsheet"]},e.default=t,Object.defineProperty(e,"__esModule",{value:!0})}));
//# sourceMappingURL=kendo.colorpicker.min.js.map