@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.

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