@progress/kendo-angular-inputs 10.1.1-dev.202210181135 → 10.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/bundles/kendo-angular-inputs.umd.js +1 -1
  2. package/esm2015/package-metadata.js +1 -1
  3. package/esm2015/signature/localization/messages.js +3 -1
  4. package/esm2015/signature/signature.component.js +39 -6
  5. package/fesm2015/kendo-angular-inputs.js +42 -7
  6. package/package.json +1 -1
  7. package/signature/localization/messages.d.ts +5 -1
  8. package/signature/signature.component.d.ts +5 -0
package/bundles/kendo-angular-inputs.umd.js CHANGED
@@ -2,4 +2,4 @@
2
2
  * Copyright © 2021 Progress Software Corporation. All rights reserved.
3
3
  * Licensed under commercial license. See LICENSE.md in the project root for more information
4
4
  *-------------------------------------------------------------------------------------------*/
5
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("rxjs"),require("rxjs/operators"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("@progress/kendo-licensing"),require("@angular/common"),require("@progress/kendo-common"),require("@progress/kendo-angular-intl"),require("@progress/kendo-angular-popup"),require("@progress/kendo-drawing"),require("@progress/kendo-angular-buttons"),require("@progress/kendo-angular-dialog"),require("@progress/kendo-inputs-common")):"function"==typeof define&&define.amd?define("KendoAngularInputs",["exports","@angular/core","@angular/forms","rxjs","rxjs/operators","@progress/kendo-angular-l10n","@progress/kendo-angular-common","@progress/kendo-licensing","@angular/common","@progress/kendo-common","@progress/kendo-angular-intl","@progress/kendo-angular-popup","@progress/kendo-drawing","@progress/kendo-angular-buttons","@progress/kendo-angular-dialog","@progress/kendo-inputs-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularInputs={},e.ng.core,e.ng.forms,e.rxjs,e.rxjs.operators,e.KendoAngularL10N,e.KendoAngularCommon,e.KendoLicensing,e.ng.common,e.KendoCommon,e.KendoAngularIntl,e.KendoAngularPopup,e.KendoDrawing,e.KendoAngularButtons,e.KendoAngularDialog,e.KendoInputsCommon)}(this,function(e,l,o,L,M,t,c,H,n,N,A,j,_,G,Z,W){"use strict";function K(n){var o;return n&&n.__esModule?n:(o=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o))}var i=K(l),r=K(t),a=K(c),s=K(n),$=K(A),U=K(j),A=K(G),X=K(Z),q=function(e,t){return(q=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};function d(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}q(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function Q(e,a,s,l){return new(s=s||Promise)(function(n,t){function o(e){try{r(l.next(e))}catch(e){t(e)}}function i(e){try{r(l.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?n(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(o,i)}r((l=l.apply(e,a||[])).next())})}function Y(o,i){var r,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(n){return function(e){var t=[n,e];if(r)throw new TypeError("Generator is already executing.");for(;l;)try{if(r=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=i.call(o,l)}catch(e){t=[6,e],a=0}finally{r=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}}Object.create;function J(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,i,r=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=r.next()).done;)a.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(i)throw i.error}}return a}Object.create;function ee(e,t){return e===t||null===e&&void 0===t||void 0===e&&null===t}function te(e){return e&&(!e.touched||e.control&&"blur"===e.control.updateOn)}function ne(e){return"none"===e}function oe(e,t,n,o){switch(t){case"size":return{toRemove:"k-"+e+"-"+Ie[n],toAdd:"none"!==o?"k-"+e+"-"+Ie[o]:""};case"rounded":return{toRemove:"k-rounded-"+xe[n],toAdd:"none"!==o?"k-rounded-"+xe[o]:""};case"fillMode":return{toRemove:"k-"+e+"-"+n,toAdd:"none"!==o?"k-"+e+"-"+o:""}}}function ie(e){return(e.max-e.min)/e.smallStep*e.fixedTickWidth}function re(e,t,n){if(void 0===e&&(e=0),void 0===t&&(t=0),(n=void 0===n?1:n)<=0)throw new Error("Invalid argument: smallStep must be a positive number");return t=Math.abs(Pe(t,e)),e=Math.floor(Oe(t,n)),De(e,1)}function ae(e,t){var n=t.max,o=t.min,i=t.smallStep,r=t.reverse,t=t.vertical,o=De(o,Ve(e,i));return t||r?Math.abs(Pe(o,n)):o}function se(e){var t=e.trackWidth,n=e.min,o=e.max,i=e.reverse,e=e.value,o=t/Math.abs(o-n),o=u(e)?o*(e-n):n;return i&&(o=t-o),Math.floor(o)}function le(e){return-1<e.id.indexOf("k-start-handle")}function ce(e,t){var n=t.smallStep,o=t.min,i=t.max,i=Fe(e,o,i);return e!==i?i:(i=ze(e,t),t=Re(e,t),(e-o)%n==0?e:t-e<=(t-i)/2?t:i)}function de(e,t,n){return e<n?e:n<t?t:n}function ue(e,t,n){return n?[de(e,t,n[0]),de(e,t,n[1])]:[t,t]}function pe(e){return e}function he(e,t){return ee(e[0],t[0])&&ee(e[1],t[1])}function ge(e,t,n){var o=n.min,i=n.max,r=n.vertical,a=n.rtl,s=(s=(s=t).getBoundingClientRect(),l=document.documentElement,{left:s.left+(window.pageXOffset||l.scrollLeft)-(l.clientLeft||0),top:s.top+(window.pageYOffset||l.scrollTop)-(l.clientTop||0)}),l=(r?e.pageY-s.top:e.pageX-s.left)*((i-o)/(r?t.clientHeight:t.clientWidth)),e=a||r?i-l:o+l,s=Ee(n.smallStep),e=Te(e,s+1);return ce(e,n)}function fe(e){return 0<=e.className.indexOf("k-button-increase")||0<=e.className.indexOf("k-button-decrease")}function me(e){return Re(e.value,e)}function ve(e){return ze(e.value,e)}function be(e){return Re(e.value,e,!0)}function ye(e){return ze(e.value,e,!0)}function ke(e){if(l.isDevMode&&e&&e[0]>e[1])throw new Error("[RangeSlider] The start value should not be greater than the end value.")}var u=function(e){return null!=e},Ce=function(e,t,n){return!u(e)||isNaN(e)||e<=t?t:n<=e?n:e},Ie={small:"sm",medium:"md",large:"lg"},xe={small:"sm",medium:"md",large:"lg",full:"full"},we=function(e){return Math.min(e,20)},Ee=function(e){return(String(e).split(".")[1]||"").length},Se=function(e,t){return Math.max(Ee(e),Ee(t))},Te=function(e,t){t=we(t);return parseFloat(e.toFixed(t))},De=function(e,t){var n=Se(e,t);return Te(e+t,n)},Pe=function(e,t){return De(e,-t)},Ve=function(e,t){var n=Ee(e)+Ee(t);return Te(e*t,n)},Oe=function(e,t){var n;return 0===t?NaN:(n=Se(e,t),(n=Math.pow(10,n))*e/(n*t))},Be=function(e,t){return Math.abs(Pe(e,Ve(t,Math.floor(Oe(e,t)))))},ze=function(e,t,n){var o=t.max,i=t.min,r=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ve(r,t):r,t=Pe(e,i),r=Be(t,n),e=Pe(t,0===r?n:r);return Fe(De(e,i),i,o)},Re=function(e,t,n){var o=t.max,i=t.min,r=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ve(r,t):r,t=Pe(e,i),r=Be(t,n),e=De(Pe(t,r),n);return Fe(De(e,i),i,o)},Fe=function(e,t,n){return Math.max(Math.min(e,n),t)},p=(Le.prototype.resizeTrack=function(){var e=this.props.vertical?"height":"width",t=this.props.vertical?"width":"height",n=this.trackWidth();this.track.parentElement.style[e]=n+"px",this.track.parentElement.style[t]=""},Le.prototype.resizeTicks=function(e,t){var n=this,o=this.props.vertical?"height":"width";!function(e,t,n){if(n||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||((o=o||Array.prototype.slice.call(t,0,i))[i]=t[i]);return e.concat(o||Array.prototype.slice.call(t))}([],J(t)).map(function(e,t){return e.style[o]=n.tickSizes[t]+"px"}),this.props.vertical&&this.adjustPadding(e)},Le.prototype.resizeWrapper=function(){var e=this.props.vertical?"height":"width",t=ie(this.props),n=this.wrapper.parentElement;t&&(n.style[e]="auto")},Le.prototype.trackWidth=function(){return this.props.fixedTickWidth?ie(this.props):this.elementSize(this.track.parentElement)},Le.prototype.getTickSizes=function(){for(var e=this.props,t=e.min,n=e.max,o=e.smallStep,i=re(t,n,o),e=this.trackWidth(),r=e/Pe(n,t),a=[],s=0,l=0,c=0;c<i;c++){var l=+(l+=0===c||c===i-1?o/2*r:o*r).toFixed(2)-.01,d=Math.round(l-s);a.push(d),s+=d}return e<=s&&--a[a.length-1],a},Le.prototype.adjustPadding=function(e){var t=this.tickSizes.reduce(function(e,t){return e+t},0),t=this.trackWidth()-t;0!=t&&(t=t+this.elementOffset(this.track),e.style.paddingTop=t+"px")},Le.prototype.elementOffset=function(e){var t=this.props.vertical,e=getComputedStyle(e);return parseInt(t?e.bottom:e.left,10)},Le.prototype.elementSize=function(e){return this.props.vertical?e.clientHeight:e.clientWidth},Le);function Le(e,t,n,o){this.props=e,this.wrapper=t,this.track=n,this.renderer=o,this.props=e,this.wrapper=t,this.track=n,this.tickSizes=this.getTickSizes()}d(Ne,Me=p),Ne.prototype.positionHandle=function(e){var t=this.props,n=t.max,o=t.min,i=t.reverse,t=t.vertical?"bottom":"left",r=this.trackWidth(),a=de(n,o,this.props.value);this.handlePosition=se({min:o,max:n,reverse:i,value:a,trackWidth:r}),this.renderer.setStyle(e,t,this.handlePosition+"px")},Ne.prototype.positionSelection=function(e){var t=this.props,n=t.reverse,t=t.vertical?"height":"width",o=this.handlePosition;n&&(o=this.trackWidth()-o),this.renderer.setStyle(e,t,o+"px")};var Me,He=Ne;function Ne(){return null!==Me&&Me.apply(this,arguments)||this}var Ae=function(e){return String(e).trim().split(" ")};function je(e,t){for(var n=[],o=2;o<arguments.length;o++)n[o-2]=arguments[o];e&&e.nativeElement&&e.nativeElement[t].apply(e.nativeElement,n)}function _e(e){return e&&e.nativeElement&&(e=e.nativeElement,t="ng-untouched",Boolean(Ae(e.className).find(function(e){return e===t})));var t}function Ge(e,t){for(;e&&!t(e);)e=e.parentNode;return e}var Ze={name:"@progress/kendo-angular-inputs",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1666092870,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},We=function(e){this.templateRef=e},h=(We.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:We,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),We.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:We,selector:"[kendoSliderLabelTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:We,decorators:[{type:l.Directive,args:[{selector:"[kendoSliderLabelTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),Object.defineProperty(Ke.prototype,"horizontalClass",{get:function(){return!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"verticalClass",{get:function(){return this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Ke.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Ke.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.sizeComponent()})),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(o.NgControl,null)},Object.defineProperty(Ke.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),Ke.prototype.isEmpty=function(){return!1},Object.defineProperty(Ke.prototype,"reverse",{get:function(){return this.localizationService.rtl&&!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"keyBinding",{get:function(){var e=this.reverse,t={};return t[c.Keys.ArrowLeft]=e?me:ve,t[c.Keys.ArrowRight]=e?ve:me,t[c.Keys.ArrowDown]=ve,t[c.Keys.ArrowUp]=me,t[c.Keys.PageUp]=be,t[c.Keys.PageDown]=ye,t[c.Keys.Home]=function(e){return e.min},t[c.Keys.End]=function(e){return e.max},t},enumerable:!1,configurable:!0}),Ke.prototype.resetStyles=function(e){var t=this;e.forEach(function(e){e&&(t.vertical?(t.renderer.removeStyle(e,"width"),t.renderer.removeStyle(e,"left"),t.renderer.removeStyle(e,"right")):(t.renderer.removeStyle(e,"height"),t.renderer.removeStyle(e,"bottom")),t.renderer.removeStyle(e,"padding-top"))})},Ke);function Ke(e,t,n,o,i,r){var a=this;this.localizationService=e,this.injector=t,this.renderer=n,this.ngZone=o,this.changeDetector=i,this.hostElement=r,this.title=pe,this.tickPlacement="both",this.vertical=!1,this.min=0,this.max=10,this.smallStep=1,this.largeStep=null,this.disabled=!1,this.readonly=!1,this.tabindex=0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.sliderClass=!0,this.subscriptions=new L.Subscription,this.ifEnabled=function(e,t){a.isDisabled||e.call(a,t)},H.validatePackage(Ze),this.direction=e.rtl?"rtl":"ltr"}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[{token:r.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),h.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"kendo-slider-base",inputs:{title:"title",tickPlacement:"tickPlacement",vertical:"vertical",min:"min",max:"max",smallStep:"smallStep",largeStep:"largeStep",fixedTickWidth:"fixedTickWidth",disabled:"disabled",readonly:"readonly",tabindex:"tabindex"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{properties:{"attr.dir":"this.direction","class.k-slider-horizontal":"this.horizontalClass","class.k-slider-vertical":"this.verticalClass","class.k-slider":"this.sliderClass","class.k-disabled":"this.disabledClass"}},queries:[{propertyName:"labelTemplate",first:!0,predicate:We,descendants:!0}],viewQueries:[{propertyName:"wrapper",first:!0,predicate:["wrap"],descendants:!0,static:!0},{propertyName:"track",first:!0,predicate:["track"],descendants:!0,static:!0},{propertyName:"sliderSelection",first:!0,predicate:["sliderSelection"],descendants:!0,static:!0},{propertyName:"ticksContainer",first:!0,predicate:["ticks"],descendants:!0,read:l.ElementRef},{propertyName:"ticks",first:!0,predicate:["ticks"],descendants:!0}],ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.Component,args:[{selector:"kendo-slider-base",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.Injector},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{title:[{type:l.Input}],tickPlacement:[{type:l.Input}],vertical:[{type:l.Input}],min:[{type:l.Input}],max:[{type:l.Input}],smallStep:[{type:l.Input}],largeStep:[{type:l.Input}],fixedTickWidth:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tabindex:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}],direction:[{type:l.HostBinding,args:["attr.dir"]}],horizontalClass:[{type:l.HostBinding,args:["class.k-slider-horizontal"]}],verticalClass:[{type:l.HostBinding,args:["class.k-slider-vertical"]}],sliderClass:[{type:l.HostBinding,args:["class.k-slider"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],wrapper:[{type:l.ViewChild,args:["wrap",{static:!0}]}],track:[{type:l.ViewChild,args:["track",{static:!0}]}],sliderSelection:[{type:l.ViewChild,args:["sliderSelection",{static:!0}]}],ticksContainer:[{type:l.ViewChild,args:["ticks",{read:l.ElementRef,static:!1}]}],ticks:[{type:l.ViewChild,args:["ticks",{static:!1}]}],labelTemplate:[{type:l.ContentChild,args:[We,{static:!1}]}]}});var $e=function(e){this.value=e,this.classes={"k-tick":!0}},Ue=(Xe.prototype.ngOnChanges=function(e){this.createTicks()},Xe.prototype.createTicks=function(){for(var e=re(this.min,this.max,this.step),t=this.largeStep,n={max:this.max,min:this.min,smallStep:this.step},o=[],i=0;i<e;i++)o.push(new $e(ae(i,n))),t&&i%t==0&&(o[i].large=!0,o[i].classes["k-tick-large"]=!0);0<o.length&&(Object.assign(o[0].classes,this.endTickClasses(!0)),Object.assign(o[o.length-1].classes,this.endTickClasses(!1))),this.ticks=o},Xe.prototype.endTickClasses=function(e){return{"k-first":e&&!this.vertical||!e&&this.vertical,"k-last":!e&&!this.vertical||e&&this.vertical}},Xe);function Xe(){this.wrapperClasses="k-reset k-slider-items",this.ticks=[]}Ue.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ue,deps:[],target:i.ɵɵFactoryTarget.Component}),Ue.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ue,selector:"[kendoSliderTicks]",inputs:{tickTitle:"tickTitle",vertical:"vertical",step:"step",largeStep:"largeStep",min:"min",max:"max",labelTemplate:"labelTemplate"},host:{properties:{class:"this.wrapperClasses"}},viewQueries:[{propertyName:"tickElements",predicate:["tickElement"],descendants:!0}],usesOnChanges:!0,ngImport:i,template:'\n <li #tickElement *ngFor="let tick of ticks;"\n [ngClass]="tick.classes"\n title="{{ tickTitle(tick.value) }}"\n role="presentation"\n >\n <ng-container [ngSwitch]="tick.large">\n <span class="k-label" *ngSwitchCase="true">\n <ng-container [ngTemplateOutlet]="labelTemplate || defaultLabel" [ngTemplateOutletContext]="tick">\n </ng-container>\n </span>\n <ng-container *ngSwitchCase="false">&nbsp;</ng-container>\n </ng-container>\n </li>\n\n <ng-template #defaultLabel let-value="value">\n {{ tickTitle(value) }}\n </ng-template>\n ',isInline:!0,directives:[{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:s.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:s.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:s.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ue,decorators:[{type:l.Component,args:[{selector:"[kendoSliderTicks]",template:'\n <li #tickElement *ngFor="let tick of ticks;"\n [ngClass]="tick.classes"\n title="{{ tickTitle(tick.value) }}"\n role="presentation"\n >\n <ng-container [ngSwitch]="tick.large">\n <span class="k-label" *ngSwitchCase="true">\n <ng-container [ngTemplateOutlet]="labelTemplate || defaultLabel" [ngTemplateOutletContext]="tick">\n </ng-container>\n </span>\n <ng-container *ngSwitchCase="false">&nbsp;</ng-container>\n </ng-container>\n </li>\n\n <ng-template #defaultLabel let-value="value">\n {{ tickTitle(value) }}\n </ng-template>\n '}]}],propDecorators:{wrapperClasses:[{type:l.HostBinding,args:["class"]}],tickTitle:[{type:l.Input}],vertical:[{type:l.Input}],step:[{type:l.Input}],largeStep:[{type:l.Input}],min:[{type:l.Input}],max:[{type:l.Input}],labelTemplate:[{type:l.Input}],tickElements:[{type:l.ViewChildren,args:["tickElement"]}]}});d(Qe,qe=t.ComponentMessages);var qe,g=Qe;function Qe(){return null!==qe&&qe.apply(this,arguments)||this}g.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,deps:null,target:i.ɵɵFactoryTarget.Directive}),g.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:g,selector:"kendo-slider-messages-base",inputs:{decrement:"decrement",increment:"increment",dragHandle:"dragHandle"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:l.Directive,args:[{selector:"kendo-slider-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}],dragHandle:[{type:l.Input}]}});d(et,Ye=g);var Ye,Je=et;function et(e){var t=Ye.call(this)||this;return t.service=e,t}Je.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Je,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Je.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Je,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:g,useExisting:l.forwardRef(function(){return Je})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Je,decorators:[{type:l.Directive,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return Je})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var tt,nt="k-pressed",ot=(d(f,tt=h),Object.defineProperty(f.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"currentValue",{get:function(){return u(this.value)?this.value.toString():""},enumerable:!1,configurable:!0}),f.prototype.focus=function(){this.disabled||(this.focusChangedProgrammatically=!0,je(this.draghandle,"focus"),this.focusChangedProgrammatically=!1)},f.prototype.blur=function(){this.focusChangedProgrammatically=!0,je(this.draghandle,"blur"),this.handleBlur(),this.focusChangedProgrammatically=!1},f.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&this.ngZone.onStable.asObservable().pipe(M.take(1)).subscribe(function(){t.sizeComponent(!1)})},f.prototype.ngAfterViewInit=function(){var e=this;c.isDocumentAvailable()&&(this.showButtons&&(this.setValueChangeInterval(this.increaseButton.nativeElement,function(){return e.increaseValue()}),this.setValueChangeInterval(this.decreaseButton.nativeElement,function(){return e.decreaseValue()})),this.sizeComponent(!1),this.ticks&&this.ticks.tickElements.changes.subscribe(function(){return e.sizeComponent(!1)}),this.attachElementEventHandlers(),this.isSliderInvalid())},f.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},Object.defineProperty(f.prototype,"incrementMessage",{get:function(){return this.incrementTitle||this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"decrementMessage",{get:function(){return this.decrementTitle||this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"dragHandleMessage",{get:function(){return this.dragHandleTitle||this.localizationService.get("dragHandle")},enumerable:!1,configurable:!0}),f.prototype.handleDragPress=function(e){e.originalEvent&&e.originalEvent.preventDefault(),this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions")},f.prototype.onHandleDrag=function(e){this.dragging=!0,this.changeValue(ge(e,this.track.nativeElement,this.getProps()))},f.prototype.onHandleRelease=function(){this.dragging=!1,this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")},f.prototype.writeValue=function(e){this.changeDetector.markForCheck(),this.value=e,this.sizeComponent(this.animate)},f.prototype.registerOnChange=function(e){this.ngChange=e},f.prototype.registerOnTouched=function(e){this.ngTouched=e},f.prototype.changeValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.sizeComponent(t.animate),t.changeDetector.markForCheck()}),this.isSliderInvalid()},f.prototype.sizeComponent=function(e){var t,n,o,i,r;c.isDocumentAvailable()&&(t=this.wrapper.nativeElement,n=this.track.nativeElement,o=this.sliderSelection.nativeElement,i=this.draghandle.nativeElement,r=this.ticks?this.ticksContainer.nativeElement:null,e||this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions"),this.resetStyles([n,o,i,r,this.hostElement.nativeElement]),r=this.getProps(),(r=new He(r,t,n,this.renderer)).resizeTrack(),this.ticks&&r.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),r.positionHandle(i),r.positionSelection(o),e||(this.hostElement.nativeElement.getBoundingClientRect(),this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")),this.fixedTickWidth&&r.resizeWrapper())},Object.defineProperty(f.prototype,"focused",{set:function(e){this.isFocused!==e&&this.hostElement&&(this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"dragging",{set:function(e){var t,n;this.isDragged!==e&&this.sliderSelection&&this.draghandle&&(t=this.sliderSelection.nativeElement,n=this.draghandle.nativeElement,e?(this.renderer.addClass(t,nt),this.renderer.addClass(n,nt)):(this.renderer.removeClass(t,nt),this.renderer.removeClass(n,nt)),this.isDragged=e)},enumerable:!1,configurable:!0}),f.prototype.setValueChangeInterval=function(o,i){var r=this;this.ngZone.runOutsideAngular(function(){var e=L.fromEvent(o,"mousedown"),t=L.fromEvent(o,"mouseup"),n=L.fromEvent(o,"mouseout"),e=e.pipe(M.filter(function(e){return 0===e.button&&!r.isDisabled}),M.concatMap(function(){return L.interval(150).pipe(M.startWith(-1),M.takeUntil(L.merge(t,n)))})).subscribe(function(){r.isFocused||je(r.draghandle,"focus"),i()});r.subscriptions.add(e)})},f.prototype.getProps=function(){return{buttons:this.showButtons,disabled:this.disabled,fixedTickWidth:this.fixedTickWidth,largeStep:this.largeStep,max:this.max,min:this.min,readonly:this.readonly,reverse:this.reverse,rtl:this.localizationService.rtl,smallStep:this.smallStep,value:de(this.max,this.min,this.value),vertical:this.vertical}},f.prototype.isSliderInvalid=function(){var e=this.hostElement.nativeElement.classList;this.isInvalid=!!e.contains("ng-invalid"),this.renderer.setAttribute(this.draghandle.nativeElement,"aria-invalid",""+this.isInvalid)},f.prototype.attachElementEventHandlers=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.focusChangedProgrammatically||t.onFocus.emit(),t.focused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(n?(e.relatedTarget!==t.draghandle.nativeElement&&t.handleBlur(),n=!1):o||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){o=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){o=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){n=e.keyCode===c.Keys.Tab}))})},f);function f(e,t,n,o,i,r){var a=tt.call(this,e,t,n,o,i,r)||this;return a.localization=e,a.injector=t,a.renderer=n,a.ngZone=o,a.changeDetector=i,a.hostElement=r,a.focusableId="k-"+c.guid(),a.animate=!0,a.showButtons=!0,a.value=a.min,a.focusChangedProgrammatically=!1,a.onWrapClick=function(e){var t=e.target;a.isDisabled||fe(t)||fe(t.parentNode)||(t=ge(e,a.track.nativeElement,a.getProps()),a.changeValue(t)),je(a.draghandle,"focus")},a.onKeyDown=function(e){var t=a.getProps(),n=t.max,o=t.min,i=a.keyBinding[e.keyCode];!a.isDisabled&&i&&(i=i(t),a.changeValue(de(n,o,i)),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.decreaseValue=function(){a.changeValue(ze(a.value,a.getProps()))},a.increaseValue=function(){a.changeValue(Re(a.value,a.getProps()))},a.handleBlur=function(){a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}ot.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ot,deps:[{token:r.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),ot.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ot,selector:"kendo-slider",inputs:{focusableId:"focusableId",dragHandleTitle:"dragHandleTitle",incrementTitle:"incrementTitle",animate:"animate",decrementTitle:"decrementTitle",showButtons:"showButtons",value:"value",tabIndex:"tabIndex"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ot})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ot})}],viewQueries:[{propertyName:"draghandle",first:!0,predicate:["draghandle"],descendants:!0,static:!0},{propertyName:"decreaseButton",first:!0,predicate:["decreaseButton"],descendants:!0},{propertyName:"increaseButton",first:!0,predicate:["increaseButton"],descendants:!0}],exportAs:["kendoSlider"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."\n increment="increment"\n i18n-decrement="kendo.slider.decrement|The title of the **Decrease** button of the Slider."\n decrement="decrement"\n i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."\n dragHandle="Drag"\n >\n <div class="k-slider-wrap" #wrap\n [class.k-slider-buttons]="showButtons"\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <button *ngIf="showButtons" type="button" #decreaseButton\n class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="decrementMessage"\n [attr.tabindex]="-1"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-left]="!vertical"\n [class.k-i-caret-alt-down]="vertical">\n </span>\n </button>\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandle\n role="slider"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="currentValue"\n [attr.aria-valuetext]="currentValue"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="dragHandleMessage"\n [attr.tabindex]="disabled ? \'-1\' : tabIndex"\n [id]="focusableId"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress, $event)"\n (kendoDrag)="ifEnabled(onHandleDrag, $event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <button *ngIf="showButtons" type="button" #increaseButton\n class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="incrementMessage"\n (click)="$event.preventDefault()"\n [attr.tabindex]="-1"\n [attr.aria-label]="currentValue"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-right]="!vertical"\n [class.k-i-caret-alt-up]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Ue,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Je,selector:"[kendoSliderLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ot,decorators:[{type:l.Component,args:[{exportAs:"kendoSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ot})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ot})}],selector:"kendo-slider",template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."\n increment="increment"\n i18n-decrement="kendo.slider.decrement|The title of the **Decrease** button of the Slider."\n decrement="decrement"\n i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."\n dragHandle="Drag"\n >\n <div class="k-slider-wrap" #wrap\n [class.k-slider-buttons]="showButtons"\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <button *ngIf="showButtons" type="button" #decreaseButton\n class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="decrementMessage"\n [attr.tabindex]="-1"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-left]="!vertical"\n [class.k-i-caret-alt-down]="vertical">\n </span>\n </button>\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandle\n role="slider"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="currentValue"\n [attr.aria-valuetext]="currentValue"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="dragHandleMessage"\n [attr.tabindex]="disabled ? \'-1\' : tabIndex"\n [id]="focusableId"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress, $event)"\n (kendoDrag)="ifEnabled(onHandleDrag, $event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <button *ngIf="showButtons" type="button" #increaseButton\n class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="incrementMessage"\n (click)="$event.preventDefault()"\n [attr.tabindex]="-1"\n [attr.aria-label]="currentValue"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-right]="!vertical"\n [class.k-i-caret-alt-up]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.Injector},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],dragHandleTitle:[{type:l.Input}],incrementTitle:[{type:l.Input}],animate:[{type:l.Input}],decrementTitle:[{type:l.Input}],showButtons:[{type:l.Input}],value:[{type:l.Input}],tabIndex:[{type:l.Input}],draghandle:[{type:l.ViewChild,args:["draghandle",{static:!0}]}],decreaseButton:[{type:l.ViewChild,args:["decreaseButton",{static:!1}]}],increaseButton:[{type:l.ViewChild,args:["increaseButton",{static:!1}]}]}});d(at,it=p),at.prototype.positionHandle=function(e){var t,n,o,i,r,a;e.id&&(t=(i=this.props).max,n=i.min,o=i.reverse,i=i.vertical?"bottom":"left",r=this.trackWidth(),a=le(e)?ue(t,n,this.props.value)[0]:ue(t,n,this.props.value)[1],le(e)?(this.startHandlePosition=se({min:n,max:t,reverse:o,value:a,trackWidth:r}),this.renderer.setStyle(e,i,this.startHandlePosition+"px")):(this.endHandlePosition=se({min:n,max:t,reverse:o,value:a,trackWidth:r}),this.renderer.setStyle(e,i,this.endHandlePosition+"px")))},at.prototype.positionSelection=function(e,t){var n=this.props,o=n.reverse,n=n.vertical,i=n?"height":"width",r=n?"bottom":o?"right":"left",a=Math.abs(this.endHandlePosition-this.startHandlePosition),n=n?e.style.bottom:e.style.left;this.renderer.setStyle(t,i,a+"px"),this.renderer.setStyle(t,r,o?this.trackWidth()-parseFloat(n)+"px":parseFloat(n)+"px")};var it,rt=at;function at(){return null!==it&&it.apply(this,arguments)||this}d(lt,st=t.ComponentMessages);var st,p=lt;function lt(){return null!==st&&st.apply(this,arguments)||this}p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:null,target:i.ɵɵFactoryTarget.Directive}),p.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"kendo-rangeslider-messages-base",inputs:{dragHandleStart:"dragHandleStart",dragHandleEnd:"dragHandleEnd"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:l.Directive,args:[{selector:"kendo-rangeslider-messages-base"}]}],propDecorators:{dragHandleStart:[{type:l.Input}],dragHandleEnd:[{type:l.Input}]}});d(ut,ct=p);var ct,dt=ut;function ut(e){var t=ct.call(this)||this;return t.service=e,t}dt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:dt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:dt,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:p,useExisting:l.forwardRef(function(){return dt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:dt,decorators:[{type:l.Directive,args:[{providers:[{provide:p,useExisting:l.forwardRef(function(){return dt})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var pt,ht="k-pressed",gt=(d(m,pt=h),m.prototype.focus=function(){this.focusChangedProgrammatically=!0,je(this.draghandleStart,"focus"),this.focusChangedProgrammatically=!1},m.prototype.blur=function(){this.focusChangedProgrammatically=!0,je("startHandle"===this.activeHandle?this.draghandleStart:this.draghandleEnd,"blur"),this.handleBlur(),this.focusChangedProgrammatically=!1},m.prototype.ngOnInit=function(){this.value||(this.value=[this.min,this.max]),pt.prototype.ngOnInit.call(this)},m.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&(e.value&&e.value.currentValue&&ke(e.value.currentValue),this.ngZone.onStable.asObservable().pipe(M.take(1)).subscribe(function(){t.sizeComponent()}))},m.prototype.ngAfterViewInit=function(){var e=this;c.isDocumentAvailable()&&(this.sizeComponent(),this.ticks&&this.ticks.tickElements.changes.subscribe(function(){return e.sizeComponent()}),this.isRangeSliderInvalid(),this.attachElementEventHandlers())},m.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},m.prototype.textFor=function(e){return this.localization.get(e)},Object.defineProperty(m.prototype,"valueText",{get:function(){return this.value?this.value[0]+" - "+this.value[1]:""},enumerable:!1,configurable:!0}),m.prototype.handleDragPress=function(e){e.originalEvent&&e.originalEvent.preventDefault();var e=e.originalEvent.target,t=(this.draggedHandle=e,(this.draghandleStart.nativeElement===this.draggedHandle?this.draghandleEnd:this.draghandleStart).nativeElement);this.renderer.removeStyle(t,"zIndex"),this.renderer.setStyle(e,"zIndex",1)},m.prototype.onHandleDrag=function(e){var t=this,n=(this.value=this.value||[this.min,this.min],e.originalEvent.target),o=this.draggedHandle.getBoundingClientRect();this.lastHandlePosition={x:o.left,y:o.top},this.dragging={value:!0,target:n};function i(){t.changeValue([ge(e,t.track.nativeElement,t.getProps()),t.value[1]])}function r(){t.changeValue([t.value[0],ge(e,t.track.nativeElement,t.getProps())])}function a(){t.changeValue([ge(e,t.track.nativeElement,t.getProps()),ge(e,t.track.nativeElement,t.getProps())])}var n=e.pageX-.5-o.width/2,o=e.pageY-o.width/2,s=n<this.lastHandlePosition.x,n=n>this.lastHandlePosition.x,o=o>this.lastHandlePosition.y,l=le(this.draggedHandle),c=this.vertical,d=!c,c=c&&o||(this.reverse?d&&n:d&&s),o=this.value[0]>this.value[1];(this.value[0]===this.value[1]||o?c?l?i:a:l?a:r:l?i:r)()},m.prototype.onHandleRelease=function(e){this.dragging={value:!1,target:e.originalEvent.target},this.draggedHandle=void 0},m.prototype.writeValue=function(e){ke(e),this.value=e,this.sizeComponent()},m.prototype.registerOnChange=function(e){this.ngChange=e},m.prototype.registerOnTouched=function(e){this.ngTouched=e},m.prototype.changeValue=function(e){var t=this;this.value&&he(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.value&&t.valueChange.emit(e),t.sizeComponent()}),this.isRangeSliderInvalid()},m.prototype.sizeComponent=function(){var e,t,n,o,i,r;c.isDocumentAvailable()&&(e=this.wrapper.nativeElement,t=this.track.nativeElement,n=this.sliderSelection.nativeElement,o=this.draghandleStart.nativeElement,i=this.draghandleEnd.nativeElement,r=this.ticks?this.ticksContainer.nativeElement:null,this.resetStyles([t,n,o,i,r,this.hostElement.nativeElement]),r=this.getProps(),(r=new rt(r,e,t,this.renderer)).resizeTrack(),this.ticks&&r.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),r.positionHandle(o),r.positionHandle(i),r.positionSelection(o,n),this.fixedTickWidth&&r.resizeWrapper())},Object.defineProperty(m.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),m.prototype.isEmpty=function(){return!1},Object.defineProperty(m.prototype,"focused",{set:function(e){this.isFocused!==e&&this.hostElement&&(this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"dragging",{set:function(e){var t,n;this.isDragged!==e.value&&this.sliderSelection&&this.draghandleStart&&this.draghandleEnd&&(t=this.sliderSelection.nativeElement,n=e.target,e.value?(this.renderer.addClass(t,ht),this.renderer.addClass(n,ht)):(this.renderer.removeClass(t,ht),this.renderer.removeClass(n,ht)),this.isDragged=e.value)},enumerable:!1,configurable:!0}),m.prototype.getProps=function(){return{disabled:this.disabled,fixedTickWidth:this.fixedTickWidth,largeStep:this.largeStep,max:this.max,min:this.min,readonly:this.readonly,reverse:this.reverse,rtl:this.localizationService.rtl,smallStep:this.smallStep,value:ue(this.max,this.min,this.value),vertical:this.vertical,buttons:!1}},m.prototype.isRangeSliderInvalid=function(){var e=this.hostElement.nativeElement.classList;this.isInvalid=!!e.contains("ng-invalid"),this.renderer.setAttribute(this.draghandleStart.nativeElement,"aria-invalid",""+this.isInvalid),this.renderer.setAttribute(this.draghandleEnd.nativeElement,"aria-invalid",""+this.isInvalid)},m.prototype.attachElementEventHandlers=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.focusChangedProgrammatically||t.onFocus.emit(),t.focused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(n?(e.relatedTarget!==t.draghandleStart.nativeElement&&e.relatedTarget!==t.draghandleEnd.nativeElement&&t.handleBlur(),n=!1):o||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){o=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){o=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){n=e.keyCode===c.Keys.Tab}))})},m);function m(e,t,n,o,i,r){var s=pt.call(this,e,t,n,o,i,r)||this;return s.localization=e,s.injector=t,s.renderer=n,s.ngZone=o,s.changeDetector=i,s.hostElement=r,s.startHandleId="k-start-handle-"+c.guid(),s.endHandleId="k-end-handle-"+c.guid(),s.focusableId=s.startHandleId,s.activeHandle="startHandle",s.focusChangedProgrammatically=!1,s.onWrapClick=function(e){var t,n,o;s.isDisabled||(s.value=s.value||[s.min,s.min],e=ge(e,s.track.nativeElement,s.getProps()),t=void 0,n=(o=J(t=s.value,2))[0],o=o[1],e<=n?(t=[e,o],s.activeHandle="startHandle"):n<e&&e<o?e<(n+o)/2?(t=[e,o],s.activeHandle="startHandle"):(t=[n,e],s.activeHandle="endHandle"):o<=e&&(t=[n,e],s.activeHandle="endHandle"),je("startHandle"===s.activeHandle?s.draghandleStart:s.draghandleEnd,"focus"),s.changeValue(t))},s.onKeyDown=function(e){s.value=s.value||[s.min,s.min];var t,n,o=s.getProps(),i=o.max,r=o.min,a=s.keyBinding[e.keyCode];!s.isDisabled&&a&&(n=((t=le(e.target))?s.draghandleEnd:s.draghandleStart).nativeElement,s.renderer.removeStyle(n,"zIndex"),s.renderer.setStyle(e.target,"zIndex",1),n=a(Object.assign(Object.assign({},o),{value:t?s.value[0]:s.value[1]})),t?n>s.value[1]&&(s.value[1]=n):n<s.value[0]&&(s.value[0]=n),a=de(i,r,n),o=t?[a,s.value[1]]:[s.value[0],a],s.changeValue(o),e.preventDefault())},s.ngChange=function(e){},s.ngTouched=function(){},s.handleBlur=function(){s.changeDetector.markForCheck(),s.focused=!1,(c.hasObservers(s.onBlur)||te(s.control))&&s.ngZone.run(function(){s.ngTouched(),s.focusChangedProgrammatically||s.onBlur.emit()})},s}gt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,deps:[{token:r.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),gt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:gt,selector:"kendo-rangeslider",inputs:{value:"value"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return gt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return gt})}],viewQueries:[{propertyName:"draghandleStart",first:!0,predicate:["draghandleStart"],descendants:!0,static:!0},{propertyName:"draghandleEnd",first:!0,predicate:["draghandleEnd"],descendants:!0,static:!0}],exportAs:["kendoRangeSlider"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-dragHandleStart="kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider."\n dragHandleStart="Drag"\n i18n-dragHandleEnd="kendo.rangeslider.dragHandleEnd|The title of the **End** drag handle of the Slider."\n dragHandleEnd="Drag"\n >\n\n <div class="k-slider-wrap" #wrap\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandleStart\n role="slider"\n [id]="startHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[0] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleStart\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n <span #draghandleEnd\n role="slider"\n [id]="endHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[1] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleEnd\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Ue,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:dt,selector:"[kendoSliderLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,decorators:[{type:l.Component,args:[{exportAs:"kendoRangeSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return gt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return gt})}],selector:"kendo-rangeslider",template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-dragHandleStart="kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider."\n dragHandleStart="Drag"\n i18n-dragHandleEnd="kendo.rangeslider.dragHandleEnd|The title of the **End** drag handle of the Slider."\n dragHandleEnd="Drag"\n >\n\n <div class="k-slider-wrap" #wrap\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandleStart\n role="slider"\n [id]="startHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[0] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleStart\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n <span #draghandleEnd\n role="slider"\n [id]="endHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[1] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleEnd\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.Injector},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{value:[{type:l.Input}],draghandleStart:[{type:l.ViewChild,args:["draghandleStart",{static:!0}]}],draghandleEnd:[{type:l.ViewChild,args:["draghandleEnd",{static:!0}]}]}});d(mt,ft=t.ComponentMessages);var ft,h=mt;function mt(){return null!==ft&&ft.apply(this,arguments)||this}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:null,target:i.ɵɵFactoryTarget.Directive}),h.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"kendo-switch-messages-base",inputs:{on:"on",off:"off"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.Directive,args:[{selector:"kendo-switch-messages-base"}]}],propDecorators:{on:[{type:l.Input}],off:[{type:l.Input}]}});d(yt,vt=h);var vt,bt=yt;function yt(e){var t=vt.call(this)||this;return t.service=e,t}bt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),bt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:bt,selector:"[kendoSwitchLocalizedMessages]",providers:[{provide:h,useExisting:l.forwardRef(function(){return bt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bt,decorators:[{type:l.Directive,args:[{providers:[{provide:h,useExisting:l.forwardRef(function(){return bt})}],selector:"[kendoSwitchLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var kt="k-focus",Ct=(Object.defineProperty(v.prototype,"checked",{get:function(){return this._checked},set:function(e){this.setHostClasses(e),this._checked=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"thumbRounded",{get:function(){return this._thumbRounded},set:function(e){e=e||"full";this.handleThumbClasses(e),this._thumbRounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"trackRounded",{get:function(){return this._trackRounded},set:function(e){e=e||"full";this.handleTrackClasses(e),this._trackRounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"ieClass",{get:function(){return N.browser&&N.browser.msie},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"ariaDisabled",{get:function(){return!!this.disabled||void 0},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"onLabelMessage",{get:function(){return this.onLabel||this.localizationService.get("on")},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"offLabelMessage",{get:function(){return this.offLabel||this.localizationService.get("off")},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"isEnabled",{get:function(){return!this.disabled&&!this.readonly},enumerable:!1,configurable:!0}),v.prototype.ngOnInit=function(){var e,t=this;this.hostElement&&(e=this.hostElement.nativeElement,this.renderer.removeAttribute(e,"tabindex")),this.localizationChangeSubscription=this.localizationService.changes.pipe(M.skip(1)).subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.control=this.injector.get(o.NgControl,null),this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){return t.initialized=!0})},v.prototype.ngAfterViewInit=function(){var e=this.hostElement.nativeElement;this.attachHostClickHandler(),this.checked||e.classList.contains("k-switch-off")||this.renderer.addClass(e,"k-switch-off"),this.handleClasses(this.size,"size"),this.handleTrackClasses(this.trackRounded),this.handleThumbClasses(this.thumbRounded)},v.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.hostClickSubscription&&this.hostClickSubscription.unsubscribe()},v.prototype.focus=function(){this.track&&this.track.nativeElement.focus()},v.prototype.blur=function(){this.track&&this.track.nativeElement.blur()},v.prototype.setDisabledState=function(e){this.disabled=e,this.changeDetector.markForCheck()},Object.defineProperty(v.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),v.prototype.writeValue=function(e){this.checked=null!==e&&e,this.changeDetector.markForCheck()},v.prototype.registerOnChange=function(e){this.ngChange=e},v.prototype.registerOnTouched=function(e){this.ngTouched=e},v.prototype.keyDownHandler=function(e){var t=e.keyCode;!this.isEnabled||t!==c.Keys.Space&&t!==c.Keys.Enter||(this.changeValue(!this.checked),e.preventDefault())},v.prototype.clickHandler=function(){this.isEnabled&&this.changeValue(!this.checked)},v.prototype.isEmpty=function(){return!1},v.prototype.changeValue=function(e){var t=this;this.checked!==e&&this.ngZone.run(function(){t.checked=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},Object.defineProperty(v.prototype,"focused",{set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,kt):this.renderer.removeClass(t,kt),this.isFocused=e)},enumerable:!1,configurable:!0}),v.prototype.attachHostClickHandler=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.hostClickSubscription.add(e.renderer.listen(e.hostElement.nativeElement,"click",e.clickHandler))})},v.prototype.setHostClasses=function(e){var t=this.hostElement.nativeElement;e?(this.renderer.removeClass(t,"k-switch-off"),this.renderer.addClass(t,"k-switch-on")):(this.renderer.removeClass(t,"k-switch-on"),this.renderer.addClass(t,"k-switch-off"))},v.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("switch",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},v.prototype.handleTrackClasses=function(e){var t=null==(t=this.hostElement)?void 0:t.nativeElement,n=null==(n=this.track)?void 0:n.nativeElement;t&&n&&((e=oe("switch","rounded",this.trackRounded,e)).toRemove&&(this.renderer.removeClass(t,e.toRemove),this.renderer.removeClass(n,e.toRemove)),e.toAdd&&(this.renderer.addClass(t,e.toAdd),this.renderer.addClass(n,e.toAdd)))},v.prototype.handleThumbClasses=function(e){var t=null==(t=this.thumb)?void 0:t.nativeElement;t&&((e=oe("switch","rounded",this.thumbRounded,e)).toRemove&&this.renderer.removeClass(t,e.toRemove),e.toAdd&&this.renderer.addClass(t,e.toAdd))},v);function v(e,t,n,o,i,r){var a=this;this.renderer=e,this.hostElement=t,this.localizationService=n,this.injector=o,this.changeDetector=i,this.ngZone=r,this.focusableId="k-"+c.guid(),this.disabled=!1,this.readonly=!1,this.tabindex=0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.hostClasses=!0,this.initialized=!1,this.hostClickSubscription=new L.Subscription,this._checked=!1,this._size="medium",this._trackRounded="full",this._thumbRounded="full",this.ngChange=function(e){},this.ngTouched=function(){},this.handleFocus=function(){a.isFocused||(a.focused=!0,c.hasObservers(a.onFocus)&&a.ngZone.run(function(){a.onFocus.emit()}))},this.handleBlur=function(e){e=e&&e.relatedTarget;a.hostElement.nativeElement.contains(e)||(a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.onBlur.emit()}))},H.validatePackage(Ze),this.direction=n.rtl?"rtl":"ltr",this.keyDownHandler=this.keyDownHandler.bind(this),this.clickHandler=this.clickHandler.bind(this)}Ct.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ct,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:r.LocalizationService},{token:i.Injector},{token:i.ChangeDetectorRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),Ct.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ct,selector:"kendo-switch",inputs:{focusableId:"focusableId",onLabel:"onLabel",offLabel:"offLabel",checked:"checked",disabled:"disabled",readonly:"readonly",tabindex:"tabindex",size:"size",thumbRounded:"thumbRounded",trackRounded:"trackRounded",tabIndex:"tabIndex"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{properties:{"attr.dir":"this.direction","class.k-ie":"this.ieClass","attr.aria-disabled":"this.ariaDisabled","attr.aria-readonly":"this.ariaReadonly","class.k-switch":"this.hostClasses","class.k-disabled":"this.disabledClass"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ct})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ct})}],viewQueries:[{propertyName:"track",first:!0,predicate:["track"],descendants:!0,static:!0},{propertyName:"thumb",first:!0,predicate:["thumb"],descendants:!0,static:!0}],exportAs:["kendoSwitch"],ngImport:i,template:'\n <ng-container kendoSwitchLocalizedMessages\n i18n-on="kendo.switch.on|The **On** label of the Switch."\n on="ON"\n i18n-off="kendo.switch.off|The **Off** label of the Switch."\n off="OFF"\n >\n\n <span\n #track\n class="k-switch-track"\n [id]="focusableId"\n role="switch"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'"\n [attr.aria-checked]="checked"\n [attr.tabindex]="(disabled ? undefined : tabIndex)"\n [attr.aria-disabled]="disabled"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"\n >\n <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>\n <span class="k-switch-label-off" [attr.aria-hidden]="true">{{offLabelMessage}}</span>\n </span>\n <span\n class="k-switch-thumb-wrap"\n tabindex="-1"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'" [kendoEventsOutsideAngular]="{\n keydown: keyDownHandler,\n focus: handleFocus,\n blur: handleBlur\n }">\n <span #thumb class="k-switch-thumb"></span>\n </span>\n ',isInline:!0,directives:[{type:bt,selector:"[kendoSwitchLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ct,decorators:[{type:l.Component,args:[{exportAs:"kendoSwitch",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ct})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ct})}],selector:"kendo-switch",template:'\n <ng-container kendoSwitchLocalizedMessages\n i18n-on="kendo.switch.on|The **On** label of the Switch."\n on="ON"\n i18n-off="kendo.switch.off|The **Off** label of the Switch."\n off="OFF"\n >\n\n <span\n #track\n class="k-switch-track"\n [id]="focusableId"\n role="switch"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'"\n [attr.aria-checked]="checked"\n [attr.tabindex]="(disabled ? undefined : tabIndex)"\n [attr.aria-disabled]="disabled"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"\n >\n <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>\n <span class="k-switch-label-off" [attr.aria-hidden]="true">{{offLabelMessage}}</span>\n </span>\n <span\n class="k-switch-thumb-wrap"\n tabindex="-1"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'" [kendoEventsOutsideAngular]="{\n keydown: keyDownHandler,\n focus: handleFocus,\n blur: handleBlur\n }">\n <span #thumb class="k-switch-thumb"></span>\n </span>\n '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:r.LocalizationService},{type:i.Injector},{type:i.ChangeDetectorRef},{type:i.NgZone}]},propDecorators:{focusableId:[{type:l.Input}],onLabel:[{type:l.Input}],offLabel:[{type:l.Input}],checked:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tabindex:[{type:l.Input}],size:[{type:l.Input}],thumbRounded:[{type:l.Input}],trackRounded:[{type:l.Input}],tabIndex:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}],direction:[{type:l.HostBinding,args:["attr.dir"]}],ieClass:[{type:l.HostBinding,args:["class.k-ie"]}],ariaDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],ariaReadonly:[{type:l.HostBinding,args:["attr.aria-readonly"]}],hostClasses:[{type:l.HostBinding,args:["class.k-switch"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],track:[{type:l.ViewChild,args:["track",{static:!0}]}],thumb:[{type:l.ViewChild,args:["thumb",{static:!0}]}]}});Object.defineProperty(xt.prototype,"value",{get:function(){return this.inputElement.nativeElement.value},set:function(e){this.inputElement&&(this.inputElement.nativeElement.value=null==e?"":e,this.onValueChange.emit())},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"id",{get:function(){return this.inputElement.nativeElement.id},set:function(e){this.renderer.setAttribute(this.inputElement.nativeElement,"id",e)},enumerable:!1,configurable:!0}),xt.prototype.ngAfterViewInit=function(){var t=this,e=this.inputElement.nativeElement;this.listeners=[this.renderer.listen(e,"focus",function(){return t.onFocus.emit()}),this.renderer.listen(e,"blur",function(){return t.onBlur.emit()})],this.ngZone.runOutsideAngular(function(){t.renderer.listen(e,"animationstart",function(e){"autoFillStart"===e.animationName?t.autoFillStart.emit():"autoFillEnd"===e.animationName&&t.autoFillEnd.emit()})})},xt.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()})};var It=xt;function xt(e,t,n){this.renderer=e,this.inputElement=t,this.ngZone=n,this.hostClasses=!0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.onValueChange=new l.EventEmitter,this.autoFillStart=new l.EventEmitter,this.autoFillEnd=new l.EventEmitter,this.listeners=[]}It.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:It,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),It.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:It,selector:"input[kendoTextBox]",inputs:{value:"value"},host:{properties:{"class.k-textbox":"this.hostClasses","class.k-input":"this.hostClasses","class.k-input-md":"this.hostClasses","class.k-rounded-md":"this.hostClasses","class.k-input-solid":"this.hostClasses"}},providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return It})}],ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:It,decorators:[{type:l.Directive,args:[{selector:"input[kendoTextBox]",providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return It})}]}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-textbox"]},{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-input-md"]},{type:l.HostBinding,args:["class.k-rounded-md"]},{type:l.HostBinding,args:["class.k-input-solid"]}],value:[{type:l.Input}]}});Object.defineProperty(Et.prototype,"id",{get:function(){return this.element.nativeElement.id},set:function(e){this.renderer.setAttribute(this.element.nativeElement,"id",e)},enumerable:!1,configurable:!0}),Et.prototype.writeValue=function(e){this.elementValue=e,this.resize()},Et.prototype.registerOnChange=function(e){this.ngChange=e},Et.prototype.registerOnTouched=function(e){this.ngTouched=e},Et.prototype.setDisabledState=function(e){this.setElementProperty("disabled",e)},Et.prototype.ngOnInit=function(){var t=this,e=this.element.nativeElement;this.zone.runOutsideAngular(function(){t.listeners=[t.renderer.listen(e,"focus",t.handleFocus.bind(t)),t.renderer.listen(e,"blur",t.handleBlur.bind(t)),t.renderer.listen(e,"animationstart",function(e){"autoFillStart"===e.animationName?t.autoFillStart.emit():"autoFillEnd"===e.animationName&&t.autoFillEnd.emit()})],c.isDocumentAvailable()&&t.autoSize&&(t.resizeSubscription=L.fromEvent(window,"resize").pipe(M.debounceTime(50)).subscribe(function(){return t.resize()})),t.inputSubscription=L.fromEvent(e,"input").subscribe(t.handleInput.bind(t))}),this.control=this.injector.get(o.NgControl,null)},Et.prototype.ngOnChanges=function(e){var t=this,n=this.element.nativeElement;e.value&&(this.elementValue=this.value),e.autoSize&&(this.autoSize?(this.initialHeight=n.offsetHeight,this.renderer.setStyle(n,"resize","none")):(this.renderer.setStyle(n,"overflow-y","auto"),this.renderer.setStyle(n,"resize","both"),n.style.height=this.initialHeight+"px")),this.zone.onStable.pipe(M.take(1)).subscribe(function(){return t.resize()})},Et.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.inputSubscription&&this.inputSubscription.unsubscribe(),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(Et.prototype,"elementValue",{get:function(){return this.element?this.element.nativeElement.value:""},set:function(e){this.setElementProperty("value",null==e?"":e)},enumerable:!1,configurable:!0}),Et.prototype.setElementProperty=function(e,t){this.element&&this.renderer.setProperty(this.element.nativeElement,e,t)},Et.prototype.resize=function(){var e,t;this.autoSize&&(e=this.element.nativeElement,this.renderer.setStyle(e,"overflow-y","hidden"),e.style.height=this.initialHeight+"px",(t=e.scrollHeight)>this.initialHeight&&(e.style.height=t+"px"))},Et.prototype.handleInput=function(){var e=this,t=this.elementValue;this.value=t,(this.control||c.hasObservers(this.onValueChange)||c.hasObservers(this.valueChange))&&this.zone.run(function(){e.ngChange(t),e.onValueChange.emit(t),e.valueChange.emit(t),e.changeDetector.markForCheck()}),this.resize()},Et.prototype.handleFocus=function(){var e=this;c.hasObservers(this.onFocus)&&this.zone.run(function(){e.onFocus.emit()})},Et.prototype.handleBlur=function(){var e=this;(c.hasObservers(this.onBlur)||te(this.control))&&this.zone.run(function(){e.ngTouched(),e.onBlur.emit(),e.changeDetector.markForCheck()})};var wt=Et;function Et(e,t,n,o,i,r){this.renderer=e,this.element=t,this.zone=n,this.changeDetector=o,this.injector=i,this.elementClasses=!0,this.autofillClass=!0,this.valueChange=new l.EventEmitter,this.autoSize=!1,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.onValueChange=new l.EventEmitter,this.autoFillStart=new l.EventEmitter,this.autoFillEnd=new l.EventEmitter,this.listeners=[],this.ngChange=function(e){},this.ngTouched=function(){},this.direction=r?"rtl":"ltr"}wt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wt,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Injector},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),wt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:wt,selector:"textarea[kendoTextArea]",inputs:{autoSize:"autoSize",value:"value"},outputs:{valueChange:"valueChange"},host:{properties:{"class.k-textarea":"this.elementClasses","class.k-input":"this.elementClasses","class.k-input-md":"this.elementClasses","class.k-rounded-md":"this.elementClasses","class.k-input-solid":"this.elementClasses","class.k-autofill":"this.autofillClass","attr.dir":"this.direction"}},providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wt})}],usesOnChanges:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wt,decorators:[{type:l.Directive,args:[{providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wt})}],selector:"textarea[kendoTextArea]"}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Injector},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]},propDecorators:{elementClasses:[{type:l.HostBinding,args:["class.k-textarea"]},{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-input-md"]},{type:l.HostBinding,args:["class.k-rounded-md"]},{type:l.HostBinding,args:["class.k-input-solid"]}],autofillClass:[{type:l.HostBinding,args:["class.k-autofill"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],valueChange:[{type:l.Output}],autoSize:[{type:l.Input}],value:[{type:l.Input}]}});function St(e){return 0<=e?Math.floor(e):Math.ceil(e)}function Tt(e){}function Dt(e){return!isNaN(e)&&null!==e}var Pt=/[eE][\-+]?([0-9]+)/;function Vt(e,t){var t=t-String(e).length,n=e;return 0<t&&(t=new Array(1+t).join("0"),n=parseFloat(e+t)),n}(b=Ot=Ot||{})[b.Down=-1]="Down",b[b.None=0]="None",b[b.Up=1]="Up",d(zt,Bt=t.ComponentMessages);var Ot,Bt,b=zt;function zt(){return null!==Bt&&Bt.apply(this,arguments)||this}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:null,target:i.ɵɵFactoryTarget.Directive}),b.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-numerictextbox-messages-base",inputs:{decrement:"decrement",increment:"increment"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:l.Directive,args:[{selector:"kendo-numerictextbox-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}]}});d(Lt,Rt=b);var Rt,Ft=Lt;function Lt(e){var t=Rt.call(this)||this;return t.service=e,t}Ft.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ft,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Ft.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ft,selector:"[kendoNumericTextBoxLocalizedMessages]",providers:[{provide:b,useExisting:l.forwardRef(function(){return Ft})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ft,decorators:[{type:l.Directive,args:[{providers:[{provide:b,useExisting:l.forwardRef(function(){return Ft})}],selector:"[kendoNumericTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var Mt=["min","max","step","decimals"],Ht={decimals:null,max:null,min:null,step:1},Nt="k-focus",y=(Object.defineProperty(k.prototype,"format",{get:function(){var e=this._format;return null!=e?e:"n2"},set:function(e){this._format=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"disableClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),k.prototype.ngOnInit=function(){var t=this;this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.subscriptions.add(this.intl.changes.subscribe(this.intlChange.bind(this))),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(o.NgControl,null),this.ngZone.runOutsideAngular(function(){t.domEvents.push(t.renderer.listen(t.hostElement.nativeElement,"mousewheel",t.handleWheel.bind(t))),t.domEvents.push(t.renderer.listen(t.hostElement.nativeElement,"DOMMouseScroll",t.handleWheel.bind(t)))})},k.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},k.prototype.ngOnChanges=function(t){var n,o;c.anyChanged(Mt,t,!1)&&this.parseOptions(Mt.filter(function(e){return t[e]})),this.verifySettings(),c.anyChanged(["min","max","rangeValidation"],t,!1)&&(this.minValidateFn=this.rangeValidation?(o=this.min,function(e){return!u(o)||!u(e.value)||e.value>=o?null:{minError:{minValue:o,value:e.value}}}):Tt,this.maxValidateFn=this.rangeValidation?(n=this.max,function(e){return!u(n)||!u(e.value)||e.value<=n?null:{maxError:{maxValue:n,value:e.value}}}):Tt,this.ngValidatorChange()),c.anyChanged(["autoCorrect","decimals","min"],t)&&delete this.numericRegex,c.anyChanged(["value","format"],t,!1)&&(this.verifyValue(this.value),this.value=this.restrictModelValue(this.value),this.focused&&this.intl.parseNumber(this.elementValue)===this.value||this.setInputValue())},k.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),clearTimeout(this.spinTimeout),this.domEvents.forEach(function(e){return e()})},k.prototype.validate=function(e){return this.minValidateFn(e)||this.maxValidateFn(e)},k.prototype.registerOnValidatorChange=function(e){this.ngValidatorChange=e},k.prototype.writeValue=function(e){this.verifyValue(e);e=this.restrictModelValue(e);this.value=e,this.setInputValue()},k.prototype.registerOnChange=function(e){this.ngChange=e},k.prototype.registerOnTouched=function(e){this.ngTouched=e},k.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},k.prototype.focus=function(){je(this.numericInput,"focus")},k.prototype.blur=function(){je(this.numericInput,"blur")},k.prototype.notifyValueChange=function(){this.setInputValue()},Object.defineProperty(k.prototype,"incrementTitle",{get:function(){return this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"decrementTitle",{get:function(){return this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"decimalSeparator",{get:function(){return this.intl.numberSymbols().decimal},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"elementValue",{get:function(){return this.numericInput.nativeElement.value},set:function(e){this.renderer.setProperty(this.numericInput.nativeElement,"value",e)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"focused",{get:function(){return this.isFocused},set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,Nt):this.renderer.removeClass(t,Nt),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"hasDecimals",{get:function(){return null!==this.decimals&&0<=this.decimals},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),k.prototype.arrowPress=function(e,t){var n;t.preventDefault(),this.isDisabled||(n=(t=t).button&&2===t.button,t=t.which&&3===t.which,n||t||(N.mobileOS||(this.focused=!0,this.focus()),this.arrowDirection!==e&&(this.arrowDirection=e,this.changeDetector.detectChanges()),this.step?this.spin(e,500):this.setInputValue()))},k.prototype.updateValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},k.prototype.replaceNumpadDotValue=function(){var e,t,n,o,i,r=this.inputValue||"";return this.previousSelection&&(t=(e=this.numericInput.nativeElement).selectionStart,n=e.selectionEnd,o=(i=this.previousSelection).start,i=i.end,e.value=r=r.substring(0,o)+this.decimalSeparator+r.substring(i),this.setSelection(t,n)),r},k.prototype.isValid=function(e){var t,n,o,i;return this.numericRegex||(this.numericRegex=(t={autoCorrect:this.autoCorrect,decimals:this.decimals,min:this.min,separator:this.decimalSeparator},n=t.autoCorrect,o=t.decimals,i=t.min,"."===(t=t.separator)&&(t="\\"+t),n=n&&null!==i&&0<=i?"":"-?",i=0===o?"\\d*":"(?:(?:\\d+("+t+"\\d*)?)|(?:"+t+"\\d*))?",new RegExp("^"+n+i+"$"))),this.numericRegex.test(e)},k.prototype.spin=function(e,t){var n=this;clearTimeout(this.spinTimeout),this.spinTimeout=window.setTimeout(function(){n.spin(e,50)},t),this.addStep(e)},k.prototype.addStep=function(e){e=De(this.value||0,this.step*e),e=this.limitValue(e);e=this.restrictDecimals(e),this.setInputValue(e),this.updateValue(e)},k.prototype.setSelection=function(e,t){this.focused&&je(this.numericInput,"setSelectionRange",e,t)},k.prototype.limitValue=function(e){var t=e;return this.isInRange(e)||(Dt(this.max)&&e>this.max&&(t=this.max),Dt(this.min)&&e<this.min&&(t=this.min)),t},k.prototype.limitInputValue=function(e){var t=this.numericInput.nativeElement,n=t.selectionStart,o=t.selectionEnd,t=t.value,i=e,r=!1;if(!this.isInRange(e)){var a=t.length-String(this.inputValue).length,s=this.min,l=this.max,c=Dt(l),d=Dt(s),u=void 0,p=void 0,h=e;if(0===n&&this.inputValue.substr(1)===t)return{selectionEnd:o,selectionStart:n,value:null};c&&l<e?0<e?p=!0:u=l:d&&e<s&&(0<e?u=s:p=!0),u?(c=this.tryPadValue(e,u))&&St(e)!==St(u)&&(h=c,r=!0):p&&this.inputValue&&n!==t.length&&(h=parseFloat(t.substr(0,n)+t.substr(n+a))),i=this.limitValue(h),r=(r||i!==h)&&this.previousSelection&&0<this.previousSelection.end-this.previousSelection.start+a}return{selectionEnd:r?String(i).length:o,selectionStart:n,value:i}},k.prototype.tryPadValue=function(e,t){var n,t=String(Math.floor(t)).length,o=Vt(e,t),e=Vt(e,t+1);return this.isInRange(o)?n=o:this.isInRange(e)&&(n=e),n},k.prototype.isInRange=function(e){return!Dt(e)||(!Dt(this.min)||this.min<=e)&&(!Dt(this.max)||e<=this.max)},k.prototype.restrictModelValue=function(e){e=this.restrictDecimals(e,!0);return e=this.autoCorrect&&this.limitValue(e)!==e?null:e},k.prototype.restrictDecimals=function(e,t){var n,o,i=e;return e&&this.hasDecimals&&(n=this.decimals,o=String(e),t||Pt.test(o)?i=Te(e,n):(e=(t=o.split("."))[1])&&e.length>n&&(e=e.substr(0,n),i=parseFloat(t[0]+"."+e))),i},k.prototype.formatInputValue=function(e){var t=Object.is(e,-0)?"-0":String(e),n=Pt.exec(t);return(t=n?e.toFixed(we(parseInt(n[1],10))):t).replace(".",this.decimalSeparator)},k.prototype.formatValue=function(e,t){t=null==e||""===e?"":t&&!this.readonly?this.formatInputValue(e):this.intl.formatNumber(e,this.format);return t},k.prototype.setInputValue=function(e,t){void 0===e&&(e=this.value),void 0===t&&(t=this.focused);e=this.formatValue(e,t);this.elementValue=e,this.inputValue=e},k.prototype.verifySettings=function(){if(l.isDevMode()&&null!==this.min&&null!==this.max&&this.min>this.max)throw new Error("The max value should be bigger than the min. See http://www.telerik.com/kendo-angular-ui/components/inputs/api/NumericTextBoxComponent/#toc-min and http://www.telerik.com/kendo-angular-ui/components/inputs/api/NumericTextBoxComponent/#toc-max.")},k.prototype.verifyValue=function(e){if(l.isDevMode()&&e&&"number"!=typeof e)throw new Error("The NumericTextBox component requires value of type Number and "+JSON.stringify(e)+" was set.")},k.prototype.parseOptions=function(e){for(var t=0;t<e.length;t++){var n=e[t],o=this[n];if("string"==typeof o){var i=parseFloat(o),r=!isNaN(i);if(l.isDevMode()&&!r&&""!==o)throw new Error("The NumericTextBox component requires value of type Number or a String representing a number for the "+n+" property and "+JSON.stringify(o)+" was set.");this[n]=r?i:Ht[n]}}},k.prototype.intlChange=function(){delete this.numericRegex,!this.numericInput||this.focused&&this.isValid(this.elementValue)||this.setInputValue()},k.prototype.hasTrailingZeros=function(e){if(this.hasDecimals&&this.focused)return(e=e.split(this.decimalSeparator)[1])&&e.length>this.decimals&&e.lastIndexOf("0")===e.length-1},k.prototype.selectAll=function(){this.setInputValue(),this.setSelection(0,this.inputValue.length)},k.prototype.selectCaret=function(){var e,n,t=this.numericInput.nativeElement.selectionStart,o=this.elementValue,t=o.substring(0,t);this.setInputValue(),t.length?(e=this.decimalSeparator,n=e+"0123456789-",e=t.split("").reduce(function(e,t){return n.includes(t)?++e:e},0),t=this.adjustSignificantChars(o,e),this.setSelection(t,t)):this.setSelection(0,0)},k.prototype.numberOfLeadingZeroes=function(e){var t,n=e.indexOf(this.decimalSeparator),e=e.match(/^[^1-9]*?(0+)/);return e?(t=e[0].length,e=e[1].length,t===n?e-1:e):0},k.prototype.adjustSignificantChars=function(e,t){e=this.numberOfLeadingZeroes(e);return 0<e?Math.max(0,t-e):t},k.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},k);function k(e,t,n,o,i,r,a){var s=this;this.intl=e,this.renderer=t,this.localizationService=n,this.injector=o,this.ngZone=i,this.changeDetector=r,this.hostElement=a,this.focusableId="k-"+c.guid(),this.disabled=!1,this.readonly=!1,this.title="",this.autoCorrect=!1,this.decimals=null,this.step=1,this.spinners=!0,this.rangeValidation=!0,this.tabindex=0,this.changeValueOnScroll=!0,this.selectOnFocus=!0,this.value=null,this.valueChange=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.ArrowDirection=Ot,this.arrowDirection=Ot.None,this.hostClasses=!0,this.inputValue="",this.minValidateFn=Tt,this.maxValidateFn=Tt,this._format="n2",this.isPasted=!1,this.mouseDown=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.ngChange=Tt,this.ngTouched=Tt,this.ngValidatorChange=Tt,this.domEvents=[],this.increasePress=function(e){s.arrowPress(Ot.Up,e)},this.decreasePress=function(e){s.arrowPress(Ot.Down,e)},this.releaseArrow=function(){clearTimeout(s.spinTimeout),s.arrowDirection!==Ot.None&&(s.arrowDirection=Ot.None,s.changeDetector.detectChanges())},this.handlePaste=function(){s.isPasted=!0},this.handleInput=function(){var e,t,n,o=s.numericInput.nativeElement,i=o.selectionStart,r=o.selectionEnd,a=o.value;s.pressedKey===c.Keys.NumpadDecimal&&(a=s.replaceNumpadDotValue()),s.isPasted&&(a=s.formatInputValue(s.intl.parseNumber(a))),s.isValid(a)?(e=s.intl.parseNumber(a),n=s.restrictDecimals(e),s.autoCorrect&&(n=(t=s.limitInputValue(n)).value,i=t.selectionStart,r=t.selectionEnd),e!==n||s.hasTrailingZeros(a)||!s.focused?(s.setInputValue(n),s.setSelection(i,r)):s.inputValue=a,s.isPasted&&(o.value=s.inputValue),s.updateValue(n),s.previousSelection=null,s.isPasted=!1):(o.value=s.inputValue,s.setSelection(i-1,r-1))},this.handleDragEnter=function(){s.focused||s.isDisabled||s.setInputValue(s.value,!0)},this.handleMouseDown=function(){s.mouseDown=!0},this.handleFocus=function(){var e;s.focused||(s.focused=!0,s.isDisabled||(e=s.selectOnFocus||!s.mouseDown,s.ngZone.runOutsideAngular(function(){setTimeout(function(){e?s.selectAll():s.selectCaret()},0)}))),s.mouseDown=!1,c.hasObservers(s.onFocus)&&s.ngZone.run(function(){s.onFocus.emit()})},this.handleBlur=function(){s.changeDetector.markForCheck(),s.focused=!1,s.inputValue!==s.elementValue&&s.handleInput(),s.setInputValue(),(c.hasObservers(s.onBlur)||te(s.control))&&s.ngZone.run(function(){s.ngTouched(),s.onBlur.emit()})},this.handleKeyDown=function(e){var t;s.isDisabled||(e.keyCode===c.Keys.ArrowDown?t=-1:e.keyCode===c.Keys.ArrowUp&&(t=1),t&&s.step&&(e.preventDefault(),s.addStep(t)),t=s.numericInput.nativeElement,s.previousSelection={end:t.selectionEnd,start:t.selectionStart},s.pressedKey=e.keyCode)},this.handleWheel=function(e){var t;s.focused&&!s.isDisabled&&s.changeValueOnScroll&&(e.preventDefault(),t=0,(e=e).wheelDelta?t=0<(t=e.wheelDelta/120)?Math.ceil(t):Math.floor(t):e.detail&&(t=Math.round(-e.detail/3)),e=t,s.addStep(e))},H.validatePackage(Ze),this.direction=n.rtl?"rtl":"ltr"}y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[{token:$.IntlService},{token:i.Renderer2},{token:r.LocalizationService},{token:i.Injector},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),y.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"kendo-numerictextbox",inputs:{focusableId:"focusableId",disabled:"disabled",readonly:"readonly",title:"title",autoCorrect:"autoCorrect",format:"format",max:"max",min:"min",decimals:"decimals",placeholder:"placeholder",step:"step",spinners:"spinners",rangeValidation:"rangeValidation",tabindex:"tabindex",tabIndex:"tabIndex",changeValueOnScroll:"changeValueOnScroll",selectOnFocus:"selectOnFocus",value:"value",maxlength:"maxlength",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",onFocus:"focus",onBlur:"blur"},host:{properties:{"attr.dir":"this.direction","class.k-disabled":"this.disableClass","class.k-input":"this.hostClasses","class.k-numerictextbox":"this.hostClasses"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return y})}],viewQueries:[{propertyName:"numericInput",first:!0,predicate:["numericInput"],descendants:!0,static:!0}],exportAs:["kendoNumericTextBox"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoNumericTextBoxLocalizedMessages\n i18n-increment="kendo.numerictextbox.increment|The title for the **Increment** button in the NumericTextBox"\n increment="Increase value"\n i18n-decrement="kendo.numerictextbox.decrement|The title for the **Decrement** button in the NumericTextBox"\n decrement="Decrease value"\n >\n </ng-container>\n <input\n role="spinbutton"\n class="k-input-inner"\n autocomplete="off"\n autocorrect="off"\n [id]="focusableId"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value"\n [attr.title]="title"\n [attr.placeholder]="placeholder"\n [attr.maxLength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [tabindex]="tabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n mousedown: handleMouseDown,\n dragenter: handleDragEnter,\n keydown: handleKeyDown,\n input: handleInput,\n focus: handleFocus,\n blur: handleBlur,\n paste: handlePaste\n }"\n #numericInput />\n <span\n class="k-input-spinner k-spin-button" *ngIf="spinners"\n [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"\n >\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: increasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="incrementTitle"\n [title]="incrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Up"\n class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-up"></span>\n </button>\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: decreasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="decrementTitle"\n [title]="decrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Down"\n class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n </span>\n ',isInline:!0,directives:[{type:Ft,selector:"[kendoNumericTextBoxLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,decorators:[{type:l.Component,args:[{exportAs:"kendoNumericTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return y})}],selector:"kendo-numerictextbox",template:'\n <ng-container kendoNumericTextBoxLocalizedMessages\n i18n-increment="kendo.numerictextbox.increment|The title for the **Increment** button in the NumericTextBox"\n increment="Increase value"\n i18n-decrement="kendo.numerictextbox.decrement|The title for the **Decrement** button in the NumericTextBox"\n decrement="Decrease value"\n >\n </ng-container>\n <input\n role="spinbutton"\n class="k-input-inner"\n autocomplete="off"\n autocorrect="off"\n [id]="focusableId"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value"\n [attr.title]="title"\n [attr.placeholder]="placeholder"\n [attr.maxLength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [tabindex]="tabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n mousedown: handleMouseDown,\n dragenter: handleDragEnter,\n keydown: handleKeyDown,\n input: handleInput,\n focus: handleFocus,\n blur: handleBlur,\n paste: handlePaste\n }"\n #numericInput />\n <span\n class="k-input-spinner k-spin-button" *ngIf="spinners"\n [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"\n >\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: increasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="incrementTitle"\n [title]="incrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Up"\n class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-up"></span>\n </button>\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: decreasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="decrementTitle"\n [title]="decrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Down"\n class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n </span>\n '}]}],ctorParameters:function(){return[{type:$.IntlService},{type:i.Renderer2},{type:r.LocalizationService},{type:i.Injector},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],title:[{type:l.Input}],autoCorrect:[{type:l.Input}],format:[{type:l.Input}],max:[{type:l.Input}],min:[{type:l.Input}],decimals:[{type:l.Input}],placeholder:[{type:l.Input}],step:[{type:l.Input}],spinners:[{type:l.Input}],rangeValidation:[{type:l.Input}],tabindex:[{type:l.Input}],tabIndex:[{type:l.Input}],changeValueOnScroll:[{type:l.Input}],selectOnFocus:[{type:l.Input}],value:[{type:l.Input}],maxlength:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],valueChange:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],numericInput:[{type:l.ViewChild,args:["numericInput",{static:!0}]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],disableClass:[{type:l.HostBinding,args:["class.k-disabled"]}],hostClasses:[{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-numerictextbox"]}]}});d(Gt,At=b),Object.defineProperty(Gt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var At,jt,_t=Gt;function Gt(e){var t=At.call(this)||this;return t.service=e,t}_t.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_t,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),_t.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_t,selector:"kendo-numerictextbox-messages",providers:[{provide:b,useExisting:l.forwardRef(function(){return _t})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_t,decorators:[{type:l.Component,args:[{providers:[{provide:b,useExisting:l.forwardRef(function(){return _t})}],selector:"kendo-numerictextbox-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}}),(b=jt=jt||{})[b.Literal=0]="Literal",b[b.Mask=1]="Mask",b[b.Undefined=2]="Undefined";Wt.prototype.map=function(e){return new Wt(e(this.value),this.rest)},Wt.prototype.chain=function(e){return e(this.value,this.rest)},Wt.prototype.fold=function(e,t){return e(this.value,this.rest)},Wt.prototype.concat=function(t){return this.map(function(n,e){return t.chain(function(e,t){return n.concat([e])})})},Wt.prototype.toString=function(){return"Result({ value: '"+this.value+"', rest: "+this.rest+" })"};var Zt=Wt;function Wt(e,t,n){void 0===n&&(n=jt.Undefined),this.value=e,this.rest=t,this.type=n}$t.prototype.eof=function(){return this.inputCursor>=this.input.length},$t.prototype.next=function(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}},$t.prototype.peek=function(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}},$t.prototype.eat_input=function(){this.inputCursor++},$t.prototype.eat_control=function(){this.controlCursor++},$t.prototype.eat=function(){this.inputCursor++,this.controlCursor++};var Kt=$t;function $t(e,t){void 0===t&&(t=[]),this.input=e=void 0===e?[]:e,this.control=t,this.inputCursor=0,this.controlCursor=0}function Ut(e){return(e||"").split("")}qt.prototype.run=function(e,t){return void 0===t&&(t=""),e instanceof Kt?this.parse(e):this.parse(new Kt(Ut(e),Ut(t)))},qt.prototype.map=function(t){var n=this;return new qt(function(e){return n.parse(e).map(t)})},qt.prototype.chain=function(n){var t=this;return new qt(function(e){return t.parse(e).chain(function(e,t){return n(e).run(t)})})},qt.prototype.isLiteral=function(e){return this.run(e).type===jt.Literal};var Xt=qt;function qt(e){this.parse=e}function Qt(o,i){return new Xt(function(e){var t=e.next().char,n=o[t];return"\\"===t?(t=e.next().char,new Zt(i.literal(t),e)):new Zt(n?i.mask(n):i.literal(t),e)})}function Yt(e){var n=e.prompt,o=e.promptPlaceholder;return new Xt(function(e){var t=e.next().char;return new Zt(t===n?o:t,e)})}function Jt(n){return new Xt(function(e){var t=e.next().char;return new Zt(n?t:"",e)})}function en(e){return e.reduce(function(e,t){return n=t,e.chain(function(t){return n.map(function(e){return t.concat([e])})});var n},(t=[],new Xt(function(e){return new Zt(t,e)})));var t}function tn(n){return new Xt(function(e){for(var t=new Zt([],e);!e.eof();)t=t.concat(n.run(e));return t})}on.prototype.update=function(e){var t=e.mask,n=e.prompt,n=void 0===n?"":n,o=e.promptPlaceholder,o=void 0===o?" ":o,i=e.rules,i=void 0===i?{}:i,e=e.includeLiterals,e=void 0!==e&&e;this.mask=void 0===t?"":t,this.prompt=n,this.promptPlaceholder=o,this.rules=i,this.includeLiterals=e,this.tokenize()},on.prototype.validationValue=function(e){var t=e=void 0===e?"":e;return en(this.validationTokens).run(e).fold(function(e){t=e.join("")}),t},on.prototype.rawValue=function(e){var t=e=void 0===e?"":e;return this.rawTokens.length&&en(this.rawTokens).run(e).fold(function(e){t=e.join("")}),t},on.prototype.maskRaw=function(e){var t=e=void 0===e?"":e;return this.maskTokens.length&&en(this.maskTokens).run(e).fold(function(e){t=e.join("")}),t},on.prototype.maskInput=function(e,t,n){return e.length<t.length?this.maskRemoved(e,t,n):this.maskInserted(e,t,n)},on.prototype.maskInRange=function(e,t,n,o){var i="",r=o,a=t.split("").slice(0,n),s=t.split("").slice(o);return en(this.maskTokens.slice(n,o)).run(e).fold(function(e){i=a.concat(e).concat(s).join("")}),{selection:r,value:i}},on.prototype.maskRemoved=function(e,t,n){var o=this,i="",r=n,a=e.split("").slice(n),s=e.split("").slice(0,n).join(""),e=this.maskTokens.length-(e.length-n);return en(this.maskTokens.slice(0,e)).run(s,t).fold(function(e){r=o.adjustPosition(e,r),i=e.concat(a).join("")}),{selection:r,value:i}},on.prototype.adjustPosition=function(e,t){e=e[t];return this.maskTokens[t].isLiteral(e)||e===this.prompt?t:t+1},on.prototype.maskInserted=function(e,n,t){var o=this,i="",r=t,e=e.slice(0,t);return en(this.unmaskTokens).run(e,n).chain(function(e){r=e.join("").length;var t=n.slice(r);return en(o.maskTokens).run(e.join("")+t,n)}).fold(function(e){i=e.join("")}),{selection:r,value:i}},Object.defineProperty(on.prototype,"maskTokenCreator",{get:function(){var n=this.prompt,a=this.promptPlaceholder;return{literal:function(e){return t=e,new Xt(function(e){return e.peek().char===t&&e.eat(),new Zt(t,e,jt.Literal)});var t},mask:function(e){o=(t={prompt:n,promptPlaceholder:a}).prompt,i=t.promptPlaceholder;var t,o,i,r=e;return new Xt(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===t&&t===o)return e.eat(),new Zt(o,e,jt.Mask);if(r.test(n))return e.eat(),new Zt(n,e,jt.Mask);if(n===i)return e.eat(),new Zt(o,e,jt.Mask);e.eat_input()}return e.eat(),new Zt(o,e,jt.Mask)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"unmaskTokenCreator",{get:function(){var t=this;return{literal:function(e){return t=e,new Xt(function(e){return e.eof()?new Zt("",e):(e.peek().char===t&&e.eat(),new Zt(t,e))});var t},mask:function(e){o=t.prompt;var o,i=e;return new Xt(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===o&&t===o)return e.eat(),new Zt(n,e);if(i.test(n))return e.eat(),new Zt(n,e);e.eat_input()}return e.eat(),new Zt("",e)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"rawTokenCreator",{get:function(){var t=this.prompt,n=this.promptPlaceholder,o=this.includeLiterals;return{literal:function(e){return Jt(o)},mask:function(e){return Yt({prompt:t,promptPlaceholder:n})}}},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"validationTokenCreator",{get:function(){var t=this.prompt;return{literal:function(e){return Jt(!1)},mask:function(e){return Yt({prompt:t,promptPlaceholder:""})}}},enumerable:!1,configurable:!0}),on.prototype.tokenize=function(){var n=this;tn(Qt(this.rules,this.maskTokenCreator)).run(this.mask).fold(function(e,t){n.maskTokens=e}),tn(Qt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(function(e,t){n.unmaskTokens=e}),tn(Qt(this.rules,this.rawTokenCreator)).run(this.mask).fold(function(e,t){n.rawTokens=e}),tn(Qt(this.rules,this.validationTokenCreator)).run(this.mask).fold(function(e,t){n.validationTokens=e})};var nn=on;function on(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}nn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nn,deps:[],target:i.ɵɵFactoryTarget.Injectable}),nn.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nn,decorators:[{type:l.Injectable}]});var rn=Promise.resolve(null),an="k-focus",sn=(Object.defineProperty(C.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"rules",{get:function(){return this._rules||this.defaultRules},set:function(e){this._rules=Object.assign({},this.defaultRules,e)},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),C.prototype.ngOnInit=function(){this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(o.NgControl,null)},C.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},C.prototype.isEmpty=function(){if(this.input)return!Boolean(this.input.nativeElement.value)},C.prototype.handleDragDrop=function(){return!1},C.prototype.focus=function(){this.input&&(this.input.nativeElement.focus(),this.setFocusSelection())},C.prototype.blur=function(){this.input&&this.input.nativeElement.blur()},C.prototype.pasteHandler=function(e){var e=e.target,t=e.selectionStart,e=e.selectionEnd;e!==t&&(this.isPasted=!0,this.selection=[t,e])},C.prototype.inputHandler=function(e){var t,n=e.target.value,o=J(this.selection,2),i=o[0],o=o[1];this.mask?(t=this.isPasted?(this.isPasted=!1,t=this.maskedValue.length-o,t=n.length-t,this.service.maskInRange(n.slice(i,t),this.maskedValue,i,o)):this.service.maskInput(n,this.maskedValue||"",e.target.selectionStart),this.updateInput(t.value,t.selection),this.updateValueWithEvents(t.value)):(this.updateValueWithEvents(n),this.isPasted=!1)},C.prototype.ngOnChanges=function(e){var t,n=this;e.value&&(this.value=this.normalizeValue()),this.mask?(t=this.extractChanges(e),this.updateService(t),t=this.service.maskRaw(this.value),this.updateInput(t,null,!0),(e.includeLiterals||c.isChanged("promptPlaceholder",e))&&rn.then(function(){n.updateValueWithEvents(n.maskedValue)})):this.updateInput(this.value)},C.prototype.writeValue=function(e){this.value=this.normalizeValue(e),this.updateInput(this.service.maskRaw(this.value)),this.includeLiterals&&this.updateValue(this.maskedValue)},C.prototype.registerOnChange=function(e){this.onChange=e},C.prototype.registerOnTouched=function(e){this.onTouched=e},C.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},C.prototype.validate=function(e){return!1!==this.maskValidation&&this.mask&&this.service.validationValue(this.maskedValue)&&-1!==this.maskedValue.indexOf(this.prompt)?{patternError:{mask:this.mask,maskedValue:this.maskedValue,value:this.value}}:null},Object.defineProperty(C.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),C.prototype.updateValueWithEvents=function(e){this.updateValue(e),c.hasObservers(this.valueChange)&&this.valueChange.emit(this.value)},C.prototype.updateValue=function(e){!this.mask||this.service.validationValue(e)||this.includeLiterals?this.value=this.service.rawValue(e):this.value="",this.onChange(this.value)},C.prototype.updateInput=function(e,t,n){void 0===e&&(e=""),n&&e===this.maskedValue||(this.maskedValue=e,n=this.maskOnFocus&&!this.focused&&this.emptyMask?"":e,this.renderer.setProperty(this.input.nativeElement,"value",n),void 0!==t&&this.setSelection(t,t))},C.prototype.extractChanges=function(n){return Object.keys(n).filter(function(e){return"rules"!==e}).reduce(function(e,t){return e[t]=n[t].currentValue,e},{})},C.prototype.updateService=function(e){e=Object.assign({includeLiterals:this.includeLiterals,mask:this.mask,prompt:this.prompt,promptPlaceholder:this.promptPlaceholder,rules:this.rules},e);this.service.update(e)},C.prototype.setSelection=function(e,t){void 0===e&&(e=this.selection[0]),void 0===t&&(t=this.selection[1]),this.focused&&je(this.input,"setSelectionRange",e,t)},Object.defineProperty(C.prototype,"emptyMask",{get:function(){return this.service.maskRaw()===this.maskedValue},enumerable:!1,configurable:!0}),C.prototype.setFocusSelection=function(){var e=this.input.nativeElement.selectionStart,t=this.maskedValue?this.maskedValue.indexOf(this.prompt):0;0<=t&&t<e&&(this.selection=[t,t],this.setSelection())},Object.defineProperty(C.prototype,"focused",{get:function(){return this.isFocused},set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,an):this.renderer.removeClass(t,an),this.isFocused=e)},enumerable:!1,configurable:!0}),C.prototype.normalizeValue=function(e){void 0===e&&(e=this.value);var t=u(e);if(t&&"string"!=typeof e){if(l.isDevMode())throw new Error("The MaskedTextBox component supports only string values.");return String(e)}return t?e:""},C.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},C);function C(e,t,n,o,i,r,a){var s=this;this.service=e,this.renderer=t,this.hostElement=n,this.ngZone=o,this.injector=i,this.changeDetector=r,this.focusableId="k-"+c.guid(),this.disabled=!1,this.readonly=!1,this.prompt="_",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskOnFocus=!1,this.maskValidation=!0,this.tabindex=0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.hostClasses=!0,this.focusClick=!1,this.defaultRules={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},this.isPasted=!1,this.selection=[0,0],this._size="medium",this._rounded="medium",this._fillMode="solid",this.handleFocus=function(){s.focused=!0,s.maskOnFocus&&s.emptyMask&&(s.updateInput(s.service.maskRaw(s.value)),s.ngZone.runOutsideAngular(function(){setTimeout(function(){s.setSelection(0,0)},0)})),c.hasObservers(s.onFocus)&&s.ngZone.run(function(){s.onFocus.emit()})},this.handleClick=function(){var e;s.focused&&!s.focusClick&&(s.focusClick=!0,(e=s.input.nativeElement).selectionStart===e.selectionEnd&&s.setFocusSelection())},this.handleBlur=function(){s.changeDetector.markForCheck(),s.focused=!1,s.focusClick=!1,s.maskOnFocus&&s.emptyMask&&s.updateInput(s.maskedValue),(c.hasObservers(s.onBlur)||te(s.control))&&s.ngZone.run(function(){s.onTouched(),s.onBlur.emit()})},this.onChange=function(e){},this.onTouched=function(){},H.validatePackage(Ze),this.direction=a?"rtl":"ltr",this.updateService()}sn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:sn,deps:[{token:nn},{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:i.Injector},{token:i.ChangeDetectorRef},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Component}),sn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:sn,selector:"kendo-maskedtextbox",inputs:{focusableId:"focusableId",disabled:"disabled",readonly:"readonly",title:"title",size:"size",rounded:"rounded",fillMode:"fillMode",mask:"mask",value:"value",rules:"rules",prompt:"prompt",promptPlaceholder:"promptPlaceholder",includeLiterals:"includeLiterals",maskOnFocus:"maskOnFocus",maskValidation:"maskValidation",tabindex:"tabindex",tabIndex:"tabIndex"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{listeners:{paste:"pasteHandler($event)",input:"inputHandler($event)"},properties:{"attr.dir":"this.direction","class.k-input":"this.hostClasses","class.k-maskedtextbox":"this.hostClasses","class.k-disabled":"this.hostDisabledClass"}},providers:[nn,{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return sn})},{multi:!0,provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return sn})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return sn})}],viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],exportAs:["kendoMaskedTextBox"],usesOnChanges:!0,ngImport:i,template:'\n <input type="text"\n #input\n autocomplete="off"\n autocorrect="off"\n autocapitalize="off"\n spellcheck="false"\n class="k-input-inner"\n [id]="focusableId"\n [tabindex]="tabIndex"\n [attr.title]="title"\n [attr.aria-placeholder]="mask"\n [attr.aria-invalid]="isControlInvalid"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n focus: handleFocus,\n blur: handleBlur,\n click: handleClick,\n dragstart: handleDragDrop,\n drop: handleDragDrop\n }"\n />\n ',isInline:!0,directives:[{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:sn,decorators:[{type:l.Component,args:[{exportAs:"kendoMaskedTextBox",providers:[nn,{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return sn})},{multi:!0,provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return sn})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return sn})}],selector:"kendo-maskedtextbox",template:'\n <input type="text"\n #input\n autocomplete="off"\n autocorrect="off"\n autocapitalize="off"\n spellcheck="false"\n class="k-input-inner"\n [id]="focusableId"\n [tabindex]="tabIndex"\n [attr.title]="title"\n [attr.aria-placeholder]="mask"\n [attr.aria-invalid]="isControlInvalid"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n focus: handleFocus,\n blur: handleBlur,\n click: handleClick,\n dragstart: handleDragDrop,\n drop: handleDragDrop\n }"\n />\n '}]}],ctorParameters:function(){return[{type:nn},{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone},{type:i.Injector},{type:i.ChangeDetectorRef},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]},propDecorators:{focusableId:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],title:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],mask:[{type:l.Input}],value:[{type:l.Input}],rules:[{type:l.Input}],prompt:[{type:l.Input}],promptPlaceholder:[{type:l.Input}],includeLiterals:[{type:l.Input}],maskOnFocus:[{type:l.Input}],maskValidation:[{type:l.Input}],tabindex:[{type:l.Input}],tabIndex:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostClasses:[{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-maskedtextbox"]}],hostDisabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],pasteHandler:[{type:l.HostListener,args:["paste",["$event"]]}],inputHandler:[{type:l.HostListener,args:["input",["$event"]]}]}});var ln,b=function(){},cn=(b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[],target:i.ɵɵFactoryTarget.NgModule}),b.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,declarations:[Ue,We],imports:[n.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],exports:[We,Ue,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),b.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,imports:[[n.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:l.NgModule,args:[{declarations:[Ue,We],exports:[We,Ue,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],imports:[n.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}]}]}),d(dn,ln=g),Object.defineProperty(dn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),dn);function dn(e){var t=ln.call(this)||this;return t.service=e,t}cn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:cn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),cn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:cn,selector:"kendo-slider-messages",providers:[{provide:g,useExisting:l.forwardRef(function(){return cn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:cn,decorators:[{type:l.Component,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return cn})}],selector:"kendo-slider-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var un,g=function(){},pn=(g.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,deps:[],target:i.ɵɵFactoryTarget.NgModule}),g.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,declarations:[ot,cn,Je],imports:[n.CommonModule,b],exports:[ot,cn,We,Je]}),g.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,imports:[[n.CommonModule,b]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:l.NgModule,args:[{declarations:[ot,cn,Je],exports:[ot,cn,We,Je],imports:[n.CommonModule,b]}]}]}),d(hn,un=p),Object.defineProperty(hn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),hn);function hn(e){var t=un.call(this)||this;return t.service=e,t}pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),pn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:pn,selector:"kendo-rangeslider-messages",providers:[{provide:p,useExisting:l.forwardRef(function(){return pn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,decorators:[{type:l.Component,args:[{providers:[{provide:p,useExisting:l.forwardRef(function(){return pn})}],selector:"kendo-rangeslider-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var gn,p=function(){},fn=(p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:[],target:i.ɵɵFactoryTarget.NgModule}),p.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,declarations:[gt,pn,dt],imports:[n.CommonModule,b],exports:[gt,pn,dt,We]}),p.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,imports:[[n.CommonModule,b]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:l.NgModule,args:[{declarations:[gt,pn,dt],exports:[gt,pn,dt,We],imports:[n.CommonModule,b]}]}]}),d(mn,gn=h),Object.defineProperty(mn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),mn);function mn(e){var t=gn.call(this)||this;return t.service=e,t}fn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:fn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),fn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:fn,selector:"kendo-switch-messages",providers:[{provide:h,useExisting:l.forwardRef(function(){return fn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:fn,decorators:[{type:l.Component,args:[{providers:[{provide:h,useExisting:l.forwardRef(function(){return fn})}],selector:"kendo-switch-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var vn,b=function(){},h=(b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[],target:i.ɵɵFactoryTarget.NgModule}),b.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,declarations:[Ct,fn,bt],imports:[n.CommonModule,c.EventsModule,c.ResizeSensorModule],exports:[Ct,fn,bt]}),b.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,imports:[[n.CommonModule,c.EventsModule,c.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:l.NgModule,args:[{declarations:[Ct,fn,bt],exports:[Ct,fn,bt],imports:[n.CommonModule,c.EventsModule,c.ResizeSensorModule]}]}]}),function(){}),bn=(h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[],target:i.ɵɵFactoryTarget.NgModule}),h.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,declarations:[Ft,y,_t],imports:[n.CommonModule,c.EventsModule],exports:[y,_t]}),h.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,imports:[[n.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.NgModule,args:[{declarations:[Ft,y,_t],exports:[y,_t],imports:[n.CommonModule,c.EventsModule]}]}]}),function(){}),yn=(bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),bn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,declarations:[sn],imports:[n.CommonModule,c.EventsModule],exports:[sn]}),bn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,imports:[[n.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,decorators:[{type:l.NgModule,args:[{declarations:[sn],exports:[sn],imports:[n.CommonModule,c.EventsModule]}]}]}),function(e){this.templateRef=e}),kn=(yn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:yn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),yn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:yn,selector:"[kendoTextBoxSuffixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:yn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxSuffixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),function(e){this.templateRef=e}),I=(kn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:kn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),kn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:kn,selector:"[kendoTextBoxPrefixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:kn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxPrefixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),d(Cn,vn=t.ComponentMessages),Cn);function Cn(){return null!==vn&&vn.apply(this,arguments)||this}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:null,target:i.ɵɵFactoryTarget.Directive}),I.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-textbox-messages-base",inputs:{clear:"clear"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:l.Directive,args:[{selector:"kendo-textbox-messages-base"}]}],propDecorators:{clear:[{type:l.Input}]}});d(wn,In=I);var In,xn=wn;function wn(e){var t=In.call(this)||this;return t.service=e,t}xn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),xn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:xn,selector:"[kendoTextBoxLocalizedMessages]",providers:[{provide:I,useExisting:l.forwardRef(function(){return xn})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,decorators:[{type:l.Directive,args:[{providers:[{provide:I,useExisting:l.forwardRef(function(){return xn})}],selector:"[kendoTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var En="k-focus",Sn=(Object.defineProperty(x.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),x.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(o.NgControl,null),this.checkClearButton(),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},x.prototype.ngAfterViewInit=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.onFocus.emit(),t.isFocused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(o?(Ge(e.relatedTarget,function(e){return e===t.hostElement.nativeElement})||t.handleBlur(),o=!1):n||t.clearButtonClicked||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){n=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){n=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){o=e.keyCode===c.Keys.Tab}))});["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},x.prototype.ngOnChanges=function(e){(e.disabled||e.readonly||e.value)&&this.checkClearButton()},x.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},x.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},x.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},x.prototype.clearTitle=function(){return this.localizationService.get("clear")},x.prototype.checkClearButton=function(){this.showClearButton=!this.disabled&&!this.readonly&&this.clearButton&&!!this.value},x.prototype.clearValue=function(e){e&&e.preventDefault(),this.clearButtonClicked=!0,this.input.nativeElement.value="",this.input.nativeElement.focus(),this.updateValue(""),this.checkClearButton(),this.clearButtonClicked=!1},x.prototype.writeValue=function(e){this.value=e,this.checkClearButton()},x.prototype.registerOnChange=function(e){this.ngChange=e},x.prototype.registerOnTouched=function(e){this.ngTouched=e},x.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},x.prototype.showErrorsInitial=function(){var e,t,n;return!!this.control&&(e=(n=this.control).invalid,t=n.dirty,n=n.touched,e&&(t||n))},x.prototype.showSuccessInitial=function(){var e,t,n;return!!this.control&&(e=(n=this.control).valid,t=n.dirty,n=n.touched,e&&(t||n))},Object.defineProperty(x.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"successIconClasses",{get:function(){return this.successIcon?""+this.successIcon:"k-input-validation-icon k-icon k-i-check"},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"errorIconClasses",{get:function(){return this.errorIcon?""+this.errorIcon:"k-input-validation-icon k-icon k-i-exclamation-circle"},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"clearButtonClasses",{get:function(){return this.clearButtonIcon||"k-icon k-i-x"},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"hasErrors",{get:function(){return"initial"===this.showErrorIcon?this.showErrorsInitial():this.showErrorIcon},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isSuccessful",{get:function(){return"initial"===this.showSuccessIcon?this.showSuccessInitial():this.showSuccessIcon},enumerable:!1,configurable:!0}),x.prototype.setSelection=function(e,t){this.isFocused&&je(this.input,"setSelectionRange",e,t)},x.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},x.prototype.updateValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.checkClearButton(),t.changeDetector.markForCheck()})},Object.defineProperty(x.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){var t;this._isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e&&!this.disabled?this.renderer.addClass(t,En):this.renderer.removeClass(t,En),this._isFocused=e)},enumerable:!1,configurable:!0}),x.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},x.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},x);function x(e,t,n,o,i,r){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=i,this.hostElement=r,this.focusableId="k-"+c.guid(),this.title="",this.disabled=!1,this.readonly=!1,this.tabindex=0,this.value=null,this.selectOnFocus=!1,this.showSuccessIcon=!1,this.showErrorIcon=!1,this.clearButton=!1,this.valueChange=new l.EventEmitter,this.inputFocus=new l.EventEmitter,this.inputBlur=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.hostClasses=!0,this._isFocused=!1,this.focusChangedProgrammatically=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.handleInputFocus=function(){a.disabled||(a.selectOnFocus&&a.value&&a.ngZone.run(function(){setTimeout(function(){a.selectAll()})}),c.hasObservers(a.onFocus)&&!a.isFocused&&a.ngZone.run(function(){a.onFocus.emit()}),c.hasObservers(a.inputFocus)&&(!a.focusChangedProgrammatically||a.focusChangedProgrammatically&&a.clearButtonClicked)&&a.ngZone.run(function(){a.inputFocus.emit()}),a.ngZone.run(function(){a.isFocused=!0}))},this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.handleInput=function(e){var t=e.target,n=(o=navigator.userAgent,n=N.detectDesktopBrowser(o),o=N.detectMobileOS(o),n&&n.safari||o&&"mobilesafari"===o.browser),o=n&&(o=t.value,/[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g.test(o))?e.data:t.value,e=J([t.selectionStart,t.selectionEnd],2),i=e[0],e=e[1];a.updateValue(o),n&&t.setSelectionRange(i,e)},this.ngChange=function(e){},this.ngTouched=function(){},H.validatePackage(Ze),this.direction=e.rtl?"rtl":"ltr"}Sn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Sn,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Sn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Sn,selector:"kendo-textbox",inputs:{focusableId:"focusableId",title:"title",disabled:"disabled",readonly:"readonly",tabindex:"tabindex",value:"value",selectOnFocus:"selectOnFocus",showSuccessIcon:"showSuccessIcon",showErrorIcon:"showErrorIcon",clearButton:"clearButton",successIcon:"successIcon",errorIcon:"errorIcon",clearButtonIcon:"clearButtonIcon",size:"size",rounded:"rounded",fillMode:"fillMode",tabIndex:"tabIndex",placeholder:"placeholder",maxlength:"maxlength"},outputs:{valueChange:"valueChange",inputFocus:"inputFocus",inputBlur:"inputBlur",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-disabled":"this.disabledClass","class.k-textbox":"this.hostClasses","class.k-input":"this.hostClasses","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Sn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Sn})}],queries:[{propertyName:"suffixTemplate",first:!0,predicate:yn,descendants:!0},{propertyName:"prefixTemplate",first:!0,predicate:kn,descendants:!0}],viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],exportAs:["kendoTextBox"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoTextBoxLocalizedMessages\n i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."\n clear="Clear">\n </ng-container>\n <span class="k-input-prefix">\n <ng-template\n *ngIf="prefixTemplate"\n [ngTemplateOutlet]="prefixTemplate?.templateRef">\n </ng-template>\n </span>\n <input #input\n class="k-input-inner"\n [id]="focusableId"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [value]="value"\n [attr.placeholder]="placeholder"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}"\n />\n <span\n role="button"\n class="k-clear-value"\n *ngIf="showClearButton"\n (click)="clearValue()"\n (mousedown)="$event.preventDefault()"\n [tabindex]="tabIndex"\n [attr.aria-label]="clearTitle()"\n [title]="clearTitle()"\n (keydown.enter)="clearValue($event)"\n (keydown.space)="clearValue($event)">\n <span [ngClass]="clearButtonClasses"></span>\n </span>\n <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>\n <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>\n <span class="k-input-suffix">\n <ng-template\n *ngIf="suffixTemplate"\n [ngTemplateOutlet]="suffixTemplate?.templateRef">\n </ng-template>\n </span>\n ',isInline:!0,directives:[{type:xn,selector:"[kendoTextBoxLocalizedMessages]"},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Sn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Sn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Sn})}],selector:"kendo-textbox",template:'\n <ng-container kendoTextBoxLocalizedMessages\n i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."\n clear="Clear">\n </ng-container>\n <span class="k-input-prefix">\n <ng-template\n *ngIf="prefixTemplate"\n [ngTemplateOutlet]="prefixTemplate?.templateRef">\n </ng-template>\n </span>\n <input #input\n class="k-input-inner"\n [id]="focusableId"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [value]="value"\n [attr.placeholder]="placeholder"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}"\n />\n <span\n role="button"\n class="k-clear-value"\n *ngIf="showClearButton"\n (click)="clearValue()"\n (mousedown)="$event.preventDefault()"\n [tabindex]="tabIndex"\n [attr.aria-label]="clearTitle()"\n [title]="clearTitle()"\n (keydown.enter)="clearValue($event)"\n (keydown.space)="clearValue($event)">\n <span [ngClass]="clearButtonClasses"></span>\n </span>\n <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>\n <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>\n <span class="k-input-suffix">\n <ng-template\n *ngIf="suffixTemplate"\n [ngTemplateOutlet]="suffixTemplate?.templateRef">\n </ng-template>\n </span>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.Injector},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],title:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tabindex:[{type:l.Input}],value:[{type:l.Input}],selectOnFocus:[{type:l.Input}],showSuccessIcon:[{type:l.Input}],showErrorIcon:[{type:l.Input}],clearButton:[{type:l.Input}],successIcon:[{type:l.Input}],errorIcon:[{type:l.Input}],clearButtonIcon:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],tabIndex:[{type:l.Input}],placeholder:[{type:l.Input}],maxlength:[{type:l.Input}],valueChange:[{type:l.Output}],inputFocus:[{type:l.Output}],inputBlur:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],suffixTemplate:[{type:l.ContentChild,args:[yn,{static:!1}]}],prefixTemplate:[{type:l.ContentChild,args:[kn,{static:!1}]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],hostClasses:[{type:l.HostBinding,args:["class.k-textbox"]},{type:l.HostBinding,args:["class.k-input"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}]}});d(Pn,Tn=I),Object.defineProperty(Pn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Tn,Dn=Pn;function Pn(e){var t=Tn.call(this)||this;return t.service=e,t}Dn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Dn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Dn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Dn,selector:"kendo-textbox-messages",providers:[{provide:I,useExisting:l.forwardRef(function(){return Dn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Dn,decorators:[{type:l.Component,args:[{providers:[{provide:I,useExisting:l.forwardRef(function(){return Dn})}],selector:"kendo-textbox-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var I=function(){this.hostClass=!0},w=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.Component}),I.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-input-separator, kendo-textbox-separator",host:{properties:{"class.k-input-separator":"this.hostClass"}},ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:l.Component,args:[{selector:"kendo-input-separator, kendo-textbox-separator",template:""}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-separator"]}]}}),[I,wt]),Vn=function(){},On=(Vn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Vn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn,declarations:[I,wt],exports:[I,wt]}),Vn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn,decorators:[{type:l.NgModule,args:[{declarations:[w],exports:[w]}]}]}),function(){}),Bn=(On.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,deps:[],target:i.ɵɵFactoryTarget.NgModule}),On.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,declarations:[It,Sn,yn,kn,Dn,xn],imports:[n.CommonModule,c.EventsModule,Vn],exports:[It,Sn,yn,kn,c.EventsModule,Dn,xn,I,wt]}),On.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,imports:[[n.CommonModule,c.EventsModule,Vn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,decorators:[{type:l.NgModule,args:[{declarations:[It,Sn,yn,kn,Dn,xn],exports:[It,Sn,yn,kn,c.EventsModule,Dn,xn,w],imports:[n.CommonModule,c.EventsModule,Vn]}]}]}),Object.defineProperty(zn.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),zn.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},zn.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},zn);function zn(e,t,n,o,i,r){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=i,this.hostElement=r,this.title="",this.disabled=!1,this.readonly=!1,this.value=null,this.selectOnFocus=!1,this.inputFocus=new l.EventEmitter,this.inputBlur=new l.EventEmitter,this.subscriptions=new L.Subscription,this._isFocused=!1,this.focusChangedProgrammatically=!1,this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.ngChange=function(e){},this.ngTouched=function(){}}Bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Bn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bn,selector:"kendo-textfield-base",inputs:{title:"title",disabled:"disabled",readonly:"readonly",value:"value",selectOnFocus:"selectOnFocus",placeholder:"placeholder"},outputs:{inputFocus:"inputFocus",inputBlur:"inputBlur"},host:{properties:{"class.k-disabled":"this.disabledClass","attr.dir":"this.direction"}},viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,decorators:[{type:l.Component,args:[{selector:"kendo-textfield-base",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.Injector},{type:i.ElementRef}]},propDecorators:{title:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],value:[{type:l.Input}],selectOnFocus:[{type:l.Input}],placeholder:[{type:l.Input}],inputFocus:[{type:l.Output}],inputBlur:[{type:l.Output}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}]}});var Rn,Fn={vertical:"k-resize-vertical",horizontal:"k-resize-horizontal",both:"k-resize-both",none:"k-resize-none",auto:"k-resize-none"},Ln="k-focus",Mn=(d(E,Rn=Bn),Object.defineProperty(E.prototype,"flowCol",{get:function(){return"vertical"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"flowRow",{get:function(){return"horizontal"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),E.prototype.ngAfterViewInit=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.onFocus.emit(),t.isFocused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(o?(Ge(e.relatedTarget,function(e){return e===t.hostElement.nativeElement})||t.handleBlur(),o=!1):n||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){n=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){n=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){o=e.keyCode===c.Keys.Tab})),t.handleFlow()});["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},E.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(o.NgControl,null),c.isDocumentAvailable()&&"auto"===this.resizable&&(this.resizeSubscription=L.fromEvent(window,"resize").pipe(M.debounceTime(50)).subscribe(function(){return t.resize()})),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},E.prototype.ngOnChanges=function(e){var t=this.hostElement.nativeElement,n=this.input.nativeElement;e.flow&&this.handleFlow(),e.resizable&&("auto"===this.resizable?(this.renderer.removeClass(n,"!k-overflow-y-auto"),this.initialHeight=n.offsetHeight):(this.renderer.addClass(n,"!k-overflow-y-auto"),n.style.height=this.initialHeight+"px")),e.cols&&(u(e.cols.currentValue)?this.renderer.setStyle(t,"width","auto"):this.renderer.removeStyle(t,"width")),e.value&&this.resize()},E.prototype.writeValue=function(e){this.value=e,this.resize()},E.prototype.registerOnChange=function(e){this.ngChange=e},E.prototype.registerOnTouched=function(e){this.ngTouched=e},E.prototype.updateValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},E.prototype.ngOnDestroy=function(){Rn.prototype.ngOnDestroy.call(this),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(E.prototype,"resizableClass",{get:function(){return Fn[this.resizable]},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),E.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},E.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},E.prototype.resize=function(){var o=this;"auto"===this.resizable&&this.ngZone.runOutsideAngular(function(){setTimeout(function(){var e=o.hostElement.nativeElement,t=o.input.nativeElement,n=(o.renderer.setStyle(t,"height",o.initialHeight+"px"),t.scrollHeight);o.renderer.setStyle(e,"min-height",n+"px"),n>o.initialHeight&&o.renderer.setStyle(t,"height",n+"px")},0)})},Object.defineProperty(E.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){var t;this._isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e&&!this.disabled?this.renderer.addClass(t,Ln):this.renderer.removeClass(t,Ln),this._isFocused=e)},enumerable:!1,configurable:!0}),E.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},E.prototype.setSelection=function(e,t){this.isFocused&&je(this.input,"setSelectionRange",e,t)},E.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},E.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},E.prototype.handleFlow=function(){var e="vertical"===this.flow,t=this.hostElement.nativeElement,n=this.input.nativeElement,t=t.children[1];this.renderer[e?"addClass":"removeClass"](n,"!k-flex-none"),t&&this.renderer[e?"removeClass":"addClass"](t,"!k-align-items-start")},E);function E(e,t,n,o,i,r){var a=Rn.call(this,e,t,n,o,i,r)||this;return a.localizationService=e,a.ngZone=t,a.changeDetector=n,a.renderer=o,a.injector=i,a.hostElement=r,a.focusableId="k-"+c.guid(),a.hostClasses=!0,a.flow="vertical",a.tabindex=0,a.resizable="vertical",a.onFocus=new l.EventEmitter,a.onBlur=new l.EventEmitter,a.valueChange=new l.EventEmitter,a._size="medium",a._rounded="medium",a._fillMode="solid",a.handleInput=function(e){e=e.target.value;a.updateValue(e),a.resize()},a.handleInputFocus=function(){a.disabled||(a.selectOnFocus&&a.value&&a.ngZone.run(function(){setTimeout(function(){a.selectAll()})}),c.hasObservers(a.onFocus)&&!a.isFocused&&a.ngZone.run(function(){a.onFocus.emit()}),c.hasObservers(a.inputFocus)&&!a.focusChangedProgrammatically&&a.ngZone.run(function(){a.inputFocus.emit()}),a.ngZone.run(function(){a.isFocused=!0}))},H.validatePackage(Ze),a.direction=e.rtl?"rtl":"ltr",a}Mn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mn,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Mn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mn,selector:"kendo-textarea",inputs:{focusableId:"focusableId",flow:"flow",rows:"rows",cols:"cols",maxlength:"maxlength",tabindex:"tabindex",tabIndex:"tabIndex",resizable:"resizable",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{properties:{"class.k-textarea":"this.hostClasses","class.k-input":"this.hostClasses","class.!k-flex-col":"this.flowCol","class.!k-flex-row":"this.flowRow"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Mn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Mn})}],exportAs:["kendoTextArea"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n <textarea\n #input\n [attr.aria-multiline]="true"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n class="k-input-inner"\n [ngClass]="resizableClass"\n [id]="focusableId"\n [value]="value"\n [attr.placeholder]="placeholder"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.rows]="rows"\n [attr.cols]="cols"\n [attr.tabindex]="tabIndex"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}">\n </textarea>\n <ng-content select="kendo-textarea-suffix"></ng-content>\n ',isInline:!0,directives:[{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextArea",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Mn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Mn})}],selector:"kendo-textarea",template:'\n <textarea\n #input\n [attr.aria-multiline]="true"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n class="k-input-inner"\n [ngClass]="resizableClass"\n [id]="focusableId"\n [value]="value"\n [attr.placeholder]="placeholder"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.rows]="rows"\n [attr.cols]="cols"\n [attr.tabindex]="tabIndex"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}">\n </textarea>\n <ng-content select="kendo-textarea-suffix"></ng-content>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.Injector},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],hostClasses:[{type:l.HostBinding,args:["class.k-textarea"]},{type:l.HostBinding,args:["class.k-input"]}],flowCol:[{type:l.HostBinding,args:["class.!k-flex-col"]}],flowRow:[{type:l.HostBinding,args:["class.!k-flex-row"]}],flow:[{type:l.Input}],rows:[{type:l.Input}],cols:[{type:l.Input}],maxlength:[{type:l.Input}],tabindex:[{type:l.Input}],tabIndex:[{type:l.Input}],resizable:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}]}});var Hn,Bn=function(){this.hostClass=!0},Nn=(Bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,deps:[],target:i.ɵɵFactoryTarget.Component}),Bn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bn,selector:"kendo-textarea-suffix",host:{properties:{"class.k-input-suffix":"this.hostClass"}},exportAs:["kendoTextAreaSuffix"],ngImport:i,template:"<ng-content></ng-content>",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextAreaSuffix",selector:"kendo-textarea-suffix",template:"<ng-content></ng-content>"}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-suffix"]}]}}),function(){}),An=(Nn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Nn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,declarations:[Mn,Bn],imports:[n.CommonModule,c.EventsModule,Vn],exports:[Mn,c.EventsModule,Bn,I,wt]}),Nn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,imports:[[n.CommonModule,c.EventsModule,Vn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,decorators:[{type:l.NgModule,args:[{declarations:[Mn,Bn],exports:[Mn,c.EventsModule,Bn,w],imports:[n.CommonModule,c.EventsModule,Vn]}]}]}),{basic:{colors:"000000,7f7f7f,880015,ed1c24,ff7f27,fff200,22b14c,00a2e8,3f48cc,a349a4,ffffff,c3c3c3,b97a57,ffaec9,ffc90e,efe4b0,b5e61d,99d9ea,7092be,c8bfe7",columns:10},office:{colors:"ffffff, 000000, e6e6e6, 435569, 4371c4, ed7e32, a5a4a5, febf04, 5a9bd5, 71ae48, f2f2f3, 7f7f7f, d1cece, d5dde3, dae1f4, fce5d4, deeded, fff2cc, deeaf6, e1efd9, d7d8d8, 585959, aeabab, adbaca, b4c5e7, f6caac, dbdbdb, ffe498, bcd6ee, c5e0b2, bfbfc0, 3f3f3f, 767070, 8595b1, 8fabdb, f5b183, c9c8c9, fed965, 9bc4e5, a8d08d, a5a5a6, 262625, 393939, 334050, 2e5496, c45a11, 7b7b7a, bf9000, 2f75b5, 548235, 7f7f7f, 0b0c0c, 161616, 222a34, 203764, 843d0b, 525252, 7f6000, 1d4d79, 375623",columns:10},apex:{colors:"ffffff, 000000, c9c2d1, 69676d, ceb966, 9cb084, 6bb1c9, 6585cf, 7e6bc9, a379bb, f2f2f2, 7f7f7f, f4f2f5, e0e0e2, f5f1e0, ebefe6, e1eff4, e0e6f5, e5e1f4, ece4f1, d8d8d8, 595959, e9e6ec, c2c1c5, ebe3c1, d7dfcd, c3dfe9, c1ceeb, cbc3e9, dac9e3, bfbfbf, 3f3f3f, dedae3, a4a3a8, e1d5a3, c3cfb5, a6d0de, a2b5e2, b1a6de, c7aed6, a5a5a5, 262626, 9688a5, 4e4d51, ae9638, 758c5a, 3d8da9, 365bb0, 533da9, 7d4d99, 7f7f7f, 0c0c0c, 635672, 343336, 746425, 4e5d3c, 295e70, 243c75, 372970, 533366",columns:10},austin:{colors:"ffffff, 000000, caf278, 3e3d2d, 94c600, 71685a, ff6700, 909465, 956b43, fea022, f2f2f2, 7f7f7f, f4fce4, dddcd0, efffc0, e3e1dc, ffe0cb, e8e9df, ece1d6, feecd2, d8d8d8, 595959, e9f9c9, bbb9a1, dfff82, c8c3ba, ffc299, d2d4c0, dac3ad, fed9a6, bfbfbf, 3f3f3f, dff7ae, ada598, cfff43, ada598, ffa365, bcbfa1, c8a585, fec67a, a5a5a5, 262626, a9ea25, 2e2d21, 6f9400, 544e43, bf4d00, 6c6f4b, 6f5032, d77b00, 7f7f7f, 0c0c0c, 74a50f, 1f1e16, 4a6300, 38342d, 7f3300, 484a32, 4a3521, 8f5200",columns:10},clarity:{colors:"ffffff, 292934, f3f2dc, d2533c, 93a299, ad8f67, 726056, 4c5a6a, 808da0, 79463d, f2f2f2, e7e7ec, e7e5b9, f6dcd8, e9ecea, eee8e0, e4dedb, d8dde3, e5e8ec, e9d6d3, d8d8d8, c4c4d1, d5d185, edbab1, d3d9d6, ded2c2, c9beb8, b2bcc8, ccd1d9, d3aea7, bfbfbf, 8a8aa3, aca73b, e4978a, bec7c1, cdbba3, af9e94, 8c9bac, b2bac6, bd857c, a5a5a5, 56566e, 56531d, a43925, 6b7c72, 866b48, 554840, 39434f, 5c697b, 5a342d, 7f7f7f, 3b3b4b, 22210b, 6d2619, 47534c, 594730, 39302b, 262d35, 3d4652, 3c231e",columns:10},slipstream:{colors:"ffffff, 000000, b4dcfa, 212745, 4e67c8, 5eccf3, a7ea52, 5dceaf, ff8021, f14124, f2f2f2, 7f7f7f, 8bc9f7, c7cce4, dbe0f4, def4fc, edfadc, def5ef, ffe5d2, fcd9d3, d8d8d8, 595959, 4facf3, 909aca, b8c2e9, beeafa, dbf6b9, beebdf, ffcca6, f9b3a7, bfbfbf, 3f3f3f, 0d78c9, 5967af, 94a3de, 9ee0f7, caf297, 9de1cf, ffb279, f68d7b, a5a5a5, 262626, 063c64, 181d33, 31479f, 11b2eb, 81d319, 34ac8b, d85c00, c3260c, 7f7f7f, 0c0c0c, 021828, 101322, 202f6a, 0b769c, 568c11, 22725c, 903d00, 821908",columns:10},metro:{colors:"ffffff, 000000, d6ecff, 4e5b6f, 7fd13b, ea157a, feb80a, 00addc, 738ac8, 1ab39f, f2f2f2, 7f7f7f, a7d6ff, d9dde4, e5f5d7, fad0e4, fef0cd, c5f2ff, e2e7f4, c9f7f1, d8d8d8, 595959, 60b5ff, b3bcca, cbecb0, f6a1c9, fee29c, 8be6ff, c7d0e9, 94efe3, bfbfbf, 3f3f3f, 007dea, 8d9baf, b2e389, f272af, fed46b, 51d9ff, aab8de, 5fe7d5, a5a5a5, 262626, 003e75, 3a4453, 5ea226, af0f5b, c58c00, 0081a5, 425ea9, 138677, 7f7f7f, 0c0c0c, 00192e, 272d37, 3f6c19, 750a3d, 835d00, 00566e, 2c3f71, 0c594f",columns:10},flow:{colors:"ffffff, 000000, dbf5f9, 04617b, 0f6fc6, 009dd9, 0bd0d9, 10cf9b, 7cca62, a5c249, f2f2f2, 7f7f7f, b2e9f2, b4ecfc, c7e2fa, c4eeff, c9fafc, c9faed, e4f4df, edf2da, d8d8d8, 595959, 76d9e8, 6adafa, 90c6f6, 89deff, 93f5f9, 94f6db, cae9c0, dbe6b6, bfbfbf, 3f3f3f, 21b2c8, 20c8f7, 59a9f2, 4fceff, 5df0f6, 5ff2ca, b0dfa0, c9da91, a5a5a5, 262626, 105964, 02485c, 0b5394, 0075a2, 089ca2, 0b9b74, 54a838, 7e9532, 7f7f7f, 0c0c0c, 062328, 01303d, 073763, 004e6c, 05686c, 07674d, 387025, 546321",columns:10},hardcover:{colors:"ffffff, 000000, ece9c6, 895d1d, 873624, d6862d, d0be40, 877f6c, 972109, aeb795, f2f2f2, 7f7f7f, e1dca5, f2e0c6, f0d0c9, f6e6d5, f5f2d8, e7e5e1, fbc7bc, eef0e9, d8d8d8, 595959, d0c974, e6c28d, e2a293, eeceaa, ece5b2, cfccc3, f78f7a, dee2d4, bfbfbf, 3f3f3f, a29a36, daa454, d4735e, e6b681, e2d88c, b7b2a5, f35838, ced3bf, a5a5a5, 262626, 514d1b, 664515, 65281a, a2641f, a39428, 655f50, 711806, 879464, 7f7f7f, 0c0c0c, 201e0a, 442e0e, 431b11, 6c4315, 6d621a, 433f35, 4b1004, 5a6243",columns:10},trek:{colors:"ffffff, 000000, fbeec9, 4e3b30, f0a22e, a5644e, b58b80, c3986d, a19574, c17529, f2f2f2, 7f7f7f, f7e09e, e1d6cf, fcecd5, eddfda, f0e7e5, f3eae1, ece9e3, f5e3d1, d8d8d8, 595959, f3cc5f, c4ad9f, f9d9ab, dcc0b6, e1d0cc, e7d5c4, d9d4c7, ebc7a3, bfbfbf, 3f3f3f, d29f0f, a78470, f6c781, cba092, d2b9b2, dbc1a7, c6bfab, e1ac76, a5a5a5, 262626, 694f07, 3a2c24, c87d0e, 7b4b3a, 926255, a17242, 7b7153, 90571e, 7f7f7f, 0c0c0c, 2a1f03, 271d18, 855309, 523226, 614138, 6b4c2c, 524b37, 603a14",columns:10},verve:{colors:"ffffff, 000000, d2d2d2, 666666, ff388c, e40059, 9c007f, 68007f, 005bd3, 00349e, f2f2f2, 7f7f7f, bdbdbd, e0e0e0, ffd7e8, ffc6dc, ffb8f1, f1b2ff, c3dcff, b8cfff, d8d8d8, 595959, 9d9d9d, c1c1c1, ffafd1, ff8eba, ff71e4, e365ff, 87baff, 72a0ff, bfbfbf, 3f3f3f, 696969, a3a3a3, ff87ba, ff5597, ff2ad7, d519ff, 4b98ff, 2b71ff, a5a5a5, 262626, 343434, 4c4c4c, e90062, ab0042, 75005f, 4e005f, 00449e, 002676, 7f7f7f, 0c0c0c, 151515, 333333, 9b0041, 72002c, 4e003f, 34003f, 002d69, 00194f",columns:10},monochrome:{colors:"000000, 1a1a1a, 333333, 4d4d4d, 666666, 808080, 999999, b3b3b3, cccccc, e6e6e6, f2f2f2, ffffff",columns:12},accessible:{colors:"black, grey, darkred, red, darkorange, gold, green, blue, darkblue, purple, white, darkgrey, saddlebrown, pink, orange, yellow, lightgreen, lightskyblue, lightblue, mediumpurple",columns:10}}),jn=(d(_n,Hn=c.PreventableEvent),_n);function _n(e){var t=Hn.call(this)||this;return t.originalEvent=e,t}d(Wn,Gn=c.PreventableEvent);var Gn,Zn=Wn;function Wn(){return null!==Gn&&Gn.apply(this,arguments)||this}d(Un,Kn=c.PreventableEvent);var Kn,$n=Un;function Un(){return null!==Kn&&Kn.apply(this,arguments)||this}qn.prototype.preventOpen=function(){this.openPrevented=!0},qn.prototype.isOpenPrevented=function(){return this.openPrevented};var Xn=qn;function qn(e){this.color=e,this.openPrevented=!1}function S(e,t,n,o){if(void 0===n&&(n=!1),void 0===o&&(o=!0),-1===["hex","rgba","name"].indexOf(t))throw new Error("Unsupported color output format '"+t+"'. The available options are 'hex', 'rgba' or 'name'.");if(u(e)){if("name"===t){var i=e,r=o;if(i=i.toLowerCase().trim(),u(_.namedColors[i]))return i;_.parseColor(i,r)&&(i=_.parseColor(i,r).toHex());var a=Object.keys(_.namedColors).find(function(e){return _.namedColors[e]===i});if(a||r)return a;throw new Error("The provided color "+i+" is not supported for 'format=\"name\"' property.To display "+i+" color, the component 'format' property should be set to 'hex' or 'rgba' ")}r=_.parseColor(e.trim(),o);if(u(r))return"hex"===t?Jn(r,n):r.toCssRgba()}}function Qn(e,t){return e=_.parseColor(e,t=void 0===t?!0:t),u(e)?e.toBytes():{}}function Yn(e,t,n){void 0===t&&(t="rgba"),void 0===n&&(n=!1);var o=Ce(e.h,0,359.9),i=Ce(e.s,0,1),r=Ce(e.v,0,1),e=Ce(e.a,0,1),o=_.Color.fromHSV(o,i,r,e);return"hex"===t?Jn(o,n):o.toCssRgba()}function Jn(e,t){return t&&e.a<1?e.toCss({alpha:!0}):e.toCss()}function eo(e){return Yn({h:e,s:1,v:1,a:1})}function to(e,t){var n=Ce(e.r,0,255),o=Ce(e.g,0,255),i=Ce(e.b,0,255),e=Ce(e.a,0,1),r=Ce(t.r,0,255),a=Ce(t.g,0,255),t=Ce(t.b,0,255);return{r:Math.round((1-e)*r+e*n),g:Math.round((1-e)*a+e*o),b:Math.round((1-e)*t+e*i)}}function no(e){return.2126*(e=[e.r,e.g,e.b].map(function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}))[0]+.7152*e[1]+.0722*e[2]}function oo(e,t){return e=no(to(e,t)),t=no(to(t,{r:0,g:0,b:0,a:1})),(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function io(e,t){var n=t[0]-e[0],t=t[1]-e[1];return{length:Math.sqrt(Math.pow(n,2)+Math.pow(t,2)),angle:Math.atan2(t,n)}}function ro(e,i){return 0===e.length?"":e.reduce(function(e,t,n,o){return 0===n?"M "+t[0]+","+t[1]:e+" "+i(t,n,o)},"")}d(lo,ao=t.LocalizationService);var ao,so=lo;function lo(e,t,n){return ao.call(this,e,t,n)||this}so.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:so,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),so.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:so}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:so,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]}});var co,uo="accessible",po=(d(ho,co=t.LocalizationService),ho.prototype.get=function(e){return this.colorPickerLocalization?this.colorPickerLocalization.get(e):co.prototype.get.call(this,e)},ho);function ho(e,t,n,o){e=co.call(this,e,t,n)||this;return e.colorPickerLocalization=o,e}po.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:po,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:so,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),po.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:po}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:po,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:so,decorators:[{type:l.Optional},{type:l.Inject,args:[so]}]}]}});fo.prototype.getPaletteSettings=function(e,t){var n=e.palette,o="string"==typeof n&&An[n]?An[n].columns:void 0;return{palette:n||("name"!==t?"office":uo),tileSize:e.tileSize||24,columns:e.columns||o||10}},fo.prototype.paletteTileLayout=function(e){return"number"==typeof e?{width:e,height:e}:{width:e.width||e.height,height:e.height||e.width}};var go=fo;function fo(){}go.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:go,deps:[],target:i.ɵɵFactoryTarget.Injectable}),go.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:go}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:go,decorators:[{type:l.Injectable}]});mo.prototype.onViewButtonClick=function(e){this.activeView=e,this.viewChange.emit(e)},Object.defineProperty(mo.prototype,"viewButtons",{get:function(){return this.views&&0<=this.views.indexOf("gradient")&&0<=this.views.indexOf("palette")},enumerable:!1,configurable:!0}),mo.prototype.getViewButtonIcon=function(e){return"gradient"===e?"k-i-color-canvas":"k-i-palette"},mo.prototype.getText=function(e){return this.localizationService.get(e)},mo.prototype.onHeaderTabOut=function(e,t){0===t&&(e.preventDefault(),this.tabOut.emit())};w=mo;function mo(e){this.localizationService=e,this.hostClasses=!0,this.innerTabIndex=-1,this.viewChange=new l.EventEmitter,this.valuePaneClick=new l.EventEmitter,this.clearButtonClick=new l.EventEmitter,this.tabOut=new l.EventEmitter}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),w.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoFlatColorPickerHeader]",inputs:{clearButton:"clearButton",activeView:"activeView",views:"views",preview:"preview",innerTabIndex:"innerTabIndex",value:"value",selection:"selection"},outputs:{viewChange:"viewChange",valuePaneClick:"valuePaneClick",clearButtonClick:"clearButtonClick",tabOut:"tabOut"},host:{properties:{"class.k-coloreditor-header":"this.hostClasses","class.k-hstack":"this.hostClasses"}},viewQueries:[{propertyName:"clearButtonElement",first:!0,predicate:["clearButton"],descendants:!0,read:l.ElementRef},{propertyName:"viewButtonsCollection",predicate:["viewButtons"],descendants:!0,read:l.ElementRef}],ngImport:i,template:'\n <div class="k-coloreditor-header-actions k-hstack">\n <div \n *ngIf="viewButtons" \n class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views; let i = index;"\n #viewButtons\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (click)="onViewButtonClick(view)"\n (keydown.shift.tab)="onHeaderTabOut($event, i)"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.title]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-label]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-pressed]="activeView === view"\n [ngClass]="activeView === view ? \'k-selected\' : \'\'">\n <span\n class="k-button-icon k-icon"\n [ngClass]="getViewButtonIcon(view)">\n </span>\n </button>\n </div>\n </div>\n <div class="k-spacer"></div>\n <div class="k-coloreditor-header-actions k-hstack">\n <button\n [tabindex]="innerTabIndex.toString()"\n *ngIf="clearButton"\n #clearButton\n type="button"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset"\n [attr.aria-label]="getText(\'clearButton\')"\n [attr.title]="getText(\'clearButton\')"\n (click)="clearButtonClick.emit()">\n <span class="k-button-icon k-icon k-i-droplet-slash"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview" aria-hidden="true">\n <span\n class="k-coloreditor-preview-color k-color-preview"\n [attr.title]="getText(\'previewColor\')"\n [style.background-color]="selection">\n </span>\n <span class="k-coloreditor-current-color k-color-preview"\n [style.background-color]="value"\n [attr.title]="getText(\'revertSelection\')"\n (click)="valuePaneClick.emit($event)">\n </span>\n </div>\n </div>\n ',isInline:!0,directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:l.Component,args:[{selector:"[kendoFlatColorPickerHeader]",template:'\n <div class="k-coloreditor-header-actions k-hstack">\n <div \n *ngIf="viewButtons" \n class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views; let i = index;"\n #viewButtons\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (click)="onViewButtonClick(view)"\n (keydown.shift.tab)="onHeaderTabOut($event, i)"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.title]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-label]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-pressed]="activeView === view"\n [ngClass]="activeView === view ? \'k-selected\' : \'\'">\n <span\n class="k-button-icon k-icon"\n [ngClass]="getViewButtonIcon(view)">\n </span>\n </button>\n </div>\n </div>\n <div class="k-spacer"></div>\n <div class="k-coloreditor-header-actions k-hstack">\n <button\n [tabindex]="innerTabIndex.toString()"\n *ngIf="clearButton"\n #clearButton\n type="button"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset"\n [attr.aria-label]="getText(\'clearButton\')"\n [attr.title]="getText(\'clearButton\')"\n (click)="clearButtonClick.emit()">\n <span class="k-button-icon k-icon k-i-droplet-slash"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview" aria-hidden="true">\n <span\n class="k-coloreditor-preview-color k-color-preview"\n [attr.title]="getText(\'previewColor\')"\n [style.background-color]="selection">\n </span>\n <span class="k-coloreditor-current-color k-color-preview"\n [style.background-color]="value"\n [attr.title]="getText(\'revertSelection\')"\n (click)="valuePaneClick.emit($event)">\n </span>\n </div>\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-coloreditor-header"]},{type:l.HostBinding,args:["class.k-hstack"]}],clearButton:[{type:l.Input}],activeView:[{type:l.Input}],views:[{type:l.Input}],preview:[{type:l.Input}],innerTabIndex:[{type:l.Input}],value:[{type:l.Input}],selection:[{type:l.Input}],viewChange:[{type:l.Output}],valuePaneClick:[{type:l.Output}],clearButtonClick:[{type:l.Output}],tabOut:[{type:l.Output}],viewButtonsCollection:[{type:l.ViewChildren,args:["viewButtons",{read:l.ElementRef}]}],clearButtonElement:[{type:l.ViewChild,args:["clearButton",{read:l.ElementRef}]}]}});d(bo,vo=t.LocalizationService),bo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):vo.prototype.get.call(this,e)};var vo,T=bo;function bo(e,t,n,o){e=vo.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:po,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),T.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:po,decorators:[{type:l.Optional},{type:l.Inject,args:[po]}]}]}});yo.prototype.ngAfterViewInit=function(){var t=this;this.metrics=this.wrapper.getBoundingClientRect(),this.oldA=this.hsva.value.a,this.oldH=this.hsva.value.h,this.hsva.subscribe(function(e){e.h===t.oldH&&e.a===t.oldA||(t.oldH=e.h,t.oldA=e.a,t.setPaths())})},yo.prototype.ngOnChanges=function(e){u(e.backgroundColor)&&this.metrics&&this.setPaths()},yo.prototype.setPaths=function(){function e(e,t,n){var o=(i=J(r(n[t-1],n[t-2],e),2))[0],i=i[1],n=J(r(e,n[t-1],n[t+1],!0),2);return"C "+o+","+i+" "+n[0]+","+n[1]+" "+e[0]+","+e[1]}var r,i;i=io,r=function(e,t,n,o){t=i(t||e,n||e),n=t.angle+(o?Math.PI:0),o=.1*t.length;return[e[0]+Math.cos(n)*o,e[1]+Math.sin(n)*o]};this.paths=[ro(this.getPaths(4.5,16),e),ro(this.getPaths(4.5,16,!0),e),ro(this.getPaths(7,16),e),ro(this.getPaths(7,16,!0),e)]},yo.prototype.findValue=function(e,t,n,o,i){var r=(n+o)/2,a=Object.assign({},this.hsva.value,{s:t/this.metrics.width,v:1-r/this.metrics.height}),a=oo(Qn(Yn(a)),Qn(this.backgroundColor||""));return o<n+.5?a<e+1&&e-1<a?r:null:i(a,e)?this.findValue(e,t,n,o-(o-n)/2,i):this.findValue(e,t,n+(o-n)/2,o,i)},yo.prototype.getPaths=function(e,t,n){void 0===n&&(n=!1);for(var o=[],i=0;i<=this.metrics.width;i+=this.metrics.width/t){var r=this.findValue(e,i,0,this.metrics.height,n?function(e,t){return e<t}:function(e,t){return t<e});null!==r&&o.push([i,r])}return o};var D=yo;function yo(){this.hostClass=!0}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[],target:i.ɵɵFactoryTarget.Component}),D.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoColorContrastSvg]",inputs:{wrapper:"wrapper",hsva:"hsva",backgroundColor:"backgroundColor"},host:{properties:{"class.k-color-contrast-svg":"this.hostClass"}},usesOnChanges:!0,ngImport:i,template:'\n <svg:path *ngFor="let path of paths" [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>\n ',isInline:!0,directives:[{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:l.Component,args:[{selector:"[kendoColorContrastSvg]",template:'\n <svg:path *ngFor="let path of paths" [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>\n '}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-color-contrast-svg"]}],wrapper:[{type:l.Input}],hsva:[{type:l.Input}],backgroundColor:[{type:l.Input}]}});Co.prototype.ngOnInit=function(){var e=this.kendoAdditionalNumericLabel+"ChannelLabel";this.host.numericInput.nativeElement.setAttribute("aria-label",this.localizationService.get(e))};var ko=Co;function Co(e){this.host=e}ko.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,deps:[{token:y}],target:i.ɵɵFactoryTarget.Directive}),ko.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ko,selector:"[kendoAdditionalNumericLabel]",inputs:{kendoAdditionalNumericLabel:"kendoAdditionalNumericLabel",localizationService:"localizationService"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,decorators:[{type:l.Directive,args:[{selector:"[kendoAdditionalNumericLabel]"}]}],ctorParameters:function(){return[{type:y}]},propDecorators:{kendoAdditionalNumericLabel:[{type:l.Input}],localizationService:[{type:l.Input}]}});Object.defineProperty(xo.prototype,"isFocused",{get:function(){var e;return!(!c.isDocumentAvailable()||!u(this.host))&&(e=document.activeElement,this.host.nativeElement.contains(e))},enumerable:!1,configurable:!0}),Object.defineProperty(xo.prototype,"rgbaInputValid",{get:function(){var t=this;return Object.keys(this.rgba).every(function(e){return u(t.rgba[e])})},enumerable:!1,configurable:!0}),xo.prototype.ngAfterViewInit=function(){this.initDomEvents()},xo.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},xo.prototype.ngOnChanges=function(e){u(e.value)&&!this.isFocused&&(this.hex=S(this.value,"hex",this.opacity),this.rgba=Qn(this.value),this.rgba.a=S(this.value,"rgba",this.opacity)?this.rgba.a:1)},Object.defineProperty(xo.prototype,"formatButtonTitle",{get:function(){return this.localizationService.get("formatButton")},enumerable:!1,configurable:!0}),xo.prototype.handleRgbaValueChange=function(){e=this.rgba,o=Ce(e.r,0,255),t=Ce(e.g,0,255),n=Ce(e.b,0,255),e=Ce(e.a,0,1);var e,t,n,o=_.Color.fromBytes(o,t,n,e).toCssRgba();this.rgbaInputValid&&o!==this.value&&(this.value=o,this.rgba=Qn(this.value),this.hex=S(o,"hex",this.opacity),this.valueChange.emit(o))},xo.prototype.handleHexValueChange=function(e){this.hex=e;e=S(e,"rgba",this.opacity);u(e)&&e!==this.value&&(this.value=e,this.rgba=Qn(e),this.valueChange.emit(e))},xo.prototype.handleRgbaInputBlur=function(){this.rgbaInputValid||(this.rgba=Qn(this.value))},xo.prototype.handleHexInputBlur=function(){this.hex=S(this.value,"hex",this.opacity)},xo.prototype.focusLast=function(){this.lastInput().focus()},xo.prototype.onTab=function(){this.opacity},xo.prototype.toggleFormatView=function(){this.formatView="hex"===this.formatView?"rgba":"hex"},xo.prototype.initDomEvents=function(){var e=this;this.host&&this.subscriptions.add(this.renderer.listen(this.toggleFormatButton.nativeElement,"click",function(){return e.toggleFormatView()}))},xo.prototype.lastInput=function(){var e;return(null==(e=this.hexInput)?void 0:e.nativeElement)||this.opacityInput||this.blueInput};var Io=xo;function xo(e,t,n){this.host=e,this.renderer=t,this.localizationService=n,this.focusableId="k-"+c.guid(),this.tabindex=-1,this.opacity=!0,this.disabled=!1,this.readonly=!1,this.valueChange=new l.EventEmitter,this.tabOut=new l.EventEmitter,this.colorInputClass=!0,this.rgba={},this.subscriptions=new L.Subscription}Io.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Io.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Io,selector:"kendo-colorinput",inputs:{focusableId:"focusableId",formatView:"formatView",tabindex:"tabindex",value:"value",opacity:"opacity",disabled:"disabled",readonly:"readonly"},outputs:{valueChange:"valueChange",tabOut:"tabOut"},host:{properties:{"class.k-colorgradient-inputs":"this.colorInputClass","class.k-hstack":"this.colorInputClass"}},viewQueries:[{propertyName:"opacityInput",first:!0,predicate:["opacityInput"],descendants:!0},{propertyName:"hexInput",first:!0,predicate:["hexInput"],descendants:!0},{propertyName:"blueInput",first:!0,predicate:["blueInput"],descendants:!0},{propertyName:"toggleFormatButton",first:!0,predicate:["toggleFormatButton"],descendants:!0}],usesOnChanges:!0,ngImport:i,template:'\n <div class="k-vstack">\n <button #toggleFormatButton\n class="k-colorgradient-toggle-mode k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.aria-label]="formatButtonTitle"\n [attr.title]="formatButtonTitle"\n [disabled]="disabled"\n [tabindex]="tabindex.toString()"\n type="button"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>\n </button>\n </div>\n <div *ngIf="formatView === \'hex\'" class="k-vstack">\n <input\n #hexInput\n [id]="focusableId"\n class="k-input k-textbox k-input-solid k-input-md k-rounded-md k-hex-value"\n [disabled]="disabled"\n [readonly]="readonly"\n [value]="hex || \'\'"\n (blur)="handleHexInputBlur()"\n (input)="handleHexValueChange(hexInput.value)"\n [tabindex]="tabindex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n />\n <label [for]="focusableId" class="k-colorgradient-input-label">HEX</label>\n </div>\n <ng-container *ngIf="formatView === \'rgba\'">\n <div class="k-vstack">\n <kendo-numerictextbox\n #red\n kendoAdditionalNumericLabel="red"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.r"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="red.focusableId" class="k-colorgradient-input-label">R</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #green\n kendoAdditionalNumericLabel="green"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.g"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="green.focusableId" class="k-colorgradient-input-label">G</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #blue\n kendoAdditionalNumericLabel="blue"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.b"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="onTab()">\n </kendo-numerictextbox>\n <label [for]="blue.focusableId" class="k-colorgradient-input-label">B</label>\n </div>\n <div class="k-vstack" *ngIf="opacity">\n <kendo-numerictextbox #opacityInput\n #alpha\n kendoAdditionalNumericLabel="alpha"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="1"\n [(value)]="rgba.a"\n [autoCorrect]="true"\n [spinners]="false"\n [step]="0.01"\n [format]="\'n2\'"\n [decimals]="2"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();">\n </kendo-numerictextbox>\n <label [for]="alpha.focusableId" class="k-colorgradient-input-label">A</label>\n </div>\n </ng-container>\n ',isInline:!0,components:[{type:y,selector:"kendo-numerictextbox",inputs:["focusableId","disabled","readonly","title","autoCorrect","format","max","min","decimals","placeholder","step","spinners","rangeValidation","tabindex","tabIndex","changeValueOnScroll","selectOnFocus","value","maxlength","size","rounded","fillMode"],outputs:["valueChange","focus","blur"],exportAs:["kendoNumericTextBox"]}],directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:ko,selector:"[kendoAdditionalNumericLabel]",inputs:["kendoAdditionalNumericLabel","localizationService"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,decorators:[{type:l.Component,args:[{selector:"kendo-colorinput",template:'\n <div class="k-vstack">\n <button #toggleFormatButton\n class="k-colorgradient-toggle-mode k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.aria-label]="formatButtonTitle"\n [attr.title]="formatButtonTitle"\n [disabled]="disabled"\n [tabindex]="tabindex.toString()"\n type="button"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>\n </button>\n </div>\n <div *ngIf="formatView === \'hex\'" class="k-vstack">\n <input\n #hexInput\n [id]="focusableId"\n class="k-input k-textbox k-input-solid k-input-md k-rounded-md k-hex-value"\n [disabled]="disabled"\n [readonly]="readonly"\n [value]="hex || \'\'"\n (blur)="handleHexInputBlur()"\n (input)="handleHexValueChange(hexInput.value)"\n [tabindex]="tabindex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n />\n <label [for]="focusableId" class="k-colorgradient-input-label">HEX</label>\n </div>\n <ng-container *ngIf="formatView === \'rgba\'">\n <div class="k-vstack">\n <kendo-numerictextbox\n #red\n kendoAdditionalNumericLabel="red"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.r"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="red.focusableId" class="k-colorgradient-input-label">R</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #green\n kendoAdditionalNumericLabel="green"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.g"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="green.focusableId" class="k-colorgradient-input-label">G</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #blue\n kendoAdditionalNumericLabel="blue"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.b"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="onTab()">\n </kendo-numerictextbox>\n <label [for]="blue.focusableId" class="k-colorgradient-input-label">B</label>\n </div>\n <div class="k-vstack" *ngIf="opacity">\n <kendo-numerictextbox #opacityInput\n #alpha\n kendoAdditionalNumericLabel="alpha"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="1"\n [(value)]="rgba.a"\n [autoCorrect]="true"\n [spinners]="false"\n [step]="0.01"\n [format]="\'n2\'"\n [decimals]="2"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();">\n </kendo-numerictextbox>\n <label [for]="alpha.focusableId" class="k-colorgradient-input-label">A</label>\n </div>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:r.LocalizationService}]},propDecorators:{focusableId:[{type:l.Input}],formatView:[{type:l.Input}],tabindex:[{type:l.Input}],value:[{type:l.Input}],opacity:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],valueChange:[{type:l.Output}],tabOut:[{type:l.Output}],colorInputClass:[{type:l.HostBinding,args:["class.k-colorgradient-inputs"]},{type:l.HostBinding,args:["class.k-hstack"]}],opacityInput:[{type:l.ViewChild,args:["opacityInput"]}],hexInput:[{type:l.ViewChild,args:["hexInput"]}],blueInput:[{type:l.ViewChild,args:["blueInput"]}],toggleFormatButton:[{type:l.ViewChild,args:["toggleFormatButton",{static:!1}]}]}});Object.defineProperty(Eo.prototype,"passMessage",{get:function(){return this.localization.get("passContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(Eo.prototype,"failMessage",{get:function(){return this.localization.get("failContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(Eo.prototype,"contrastText",{get:function(){var e="AA"===this.type?4.5:7;return this.type+": "+e.toFixed(1)},enumerable:!1,configurable:!0});var wo=Eo;function Eo(e){this.localization=e}wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),wo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:wo,selector:"[kendoContrastValidation]",inputs:{type:"type",pass:"pass",value:"value"},ngImport:i,template:'\n <span>{{contrastText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="pass">\n {{passMessage}}\n <span class="k-icon k-i-check"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!pass">\n {{failMessage}}\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n ',isInline:!0,directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,decorators:[{type:l.Component,args:[{selector:"[kendoContrastValidation]",template:'\n <span>{{contrastText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="pass">\n {{passMessage}}\n <span class="k-icon k-i-check"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!pass">\n {{failMessage}}\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{type:[{type:l.Input}],pass:[{type:l.Input}],value:[{type:l.Input}]}});Object.defineProperty(To.prototype,"formatedRatio",{get:function(){return this.contrastRatio.toFixed(2)},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"contrastRatioText",{get:function(){return this.localization.get("contrastRatio")+": "+(this.value?this.formatedRatio:"n/a")},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"satisfiesAACondition",{get:function(){return 4.5<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"satisfiesAAACondition",{get:function(){return 7<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"contrastRatio",{get:function(){return oo(Qn(this.value),Qn(this.ratio))},enumerable:!1,configurable:!0});var So=To;function To(e){this.localization=e}So.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),So.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:So,selector:"[kendoContrastTool]",inputs:{value:"value",ratio:"ratio"},ngImport:i,template:'\n <div class="k-contrast-ratio">\n <span class="k-contrast-ratio-text">{{contrastRatioText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="satisfiesAACondition">\n <span class="k-icon k-i-check"></span>\n <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n </div>\n <div kendoContrastValidation\n type="AA"\n [value]="value"\n [pass]="satisfiesAACondition">\n </div>\n <div kendoContrastValidation\n type="AAA"\n [value]="value"\n [pass]="satisfiesAAACondition">\n </div>\n ',isInline:!0,components:[{type:wo,selector:"[kendoContrastValidation]",inputs:["type","pass","value"]}],directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,decorators:[{type:l.Component,args:[{selector:"[kendoContrastTool]",template:'\n <div class="k-contrast-ratio">\n <span class="k-contrast-ratio-text">{{contrastRatioText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="satisfiesAACondition">\n <span class="k-icon k-i-check"></span>\n <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n </div>\n <div kendoContrastValidation\n type="AA"\n [value]="value"\n [pass]="satisfiesAACondition">\n </div>\n <div kendoContrastValidation\n type="AAA"\n [value]="value"\n [pass]="satisfiesAAACondition">\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{value:[{type:l.Input}],ratio:[{type:l.Input}]}});d(Po,Do=t.ComponentMessages);var Do,P=Po;function Po(){return null!==Do&&Do.apply(this,arguments)||this}P.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,deps:null,target:i.ɵɵFactoryTarget.Directive}),P.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"kendo-colorpicker-messages-base",inputs:{colorPaletteNoColor:"colorPaletteNoColor",colorGradientNoColor:"colorGradientNoColor",flatColorPickerNoColor:"flatColorPickerNoColor",colorPickerNoColor:"colorPickerNoColor",colorGradientHandle:"colorGradientHandle",clearButton:"clearButton",hueSliderHandle:"hueSliderHandle",opacitySliderHandle:"opacitySliderHandle",hexInputPlaceholder:"hexInputPlaceholder",redInputPlaceholder:"redInputPlaceholder",greenInputPlaceholder:"greenInputPlaceholder",blueInputPlaceholder:"blueInputPlaceholder",alphaInputPlaceholder:"alphaInputPlaceholder",redChannelLabel:"redChannelLabel",greenChannelLabel:"greenChannelLabel",blueChannelLabel:"blueChannelLabel",alphaChannelLabel:"alphaChannelLabel",passContrast:"passContrast",failContrast:"failContrast",contrastRatio:"contrastRatio",previewColor:"previewColor",revertSelection:"revertSelection",gradientView:"gradientView",paletteView:"paletteView",formatButton:"formatButton",applyButton:"applyButton",cancelButton:"cancelButton"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,decorators:[{type:l.Directive,args:[{selector:"kendo-colorpicker-messages-base"}]}],propDecorators:{colorPaletteNoColor:[{type:l.Input}],colorGradientNoColor:[{type:l.Input}],flatColorPickerNoColor:[{type:l.Input}],colorPickerNoColor:[{type:l.Input}],colorGradientHandle:[{type:l.Input}],clearButton:[{type:l.Input}],hueSliderHandle:[{type:l.Input}],opacitySliderHandle:[{type:l.Input}],hexInputPlaceholder:[{type:l.Input}],redInputPlaceholder:[{type:l.Input}],greenInputPlaceholder:[{type:l.Input}],blueInputPlaceholder:[{type:l.Input}],alphaInputPlaceholder:[{type:l.Input}],redChannelLabel:[{type:l.Input}],greenChannelLabel:[{type:l.Input}],blueChannelLabel:[{type:l.Input}],alphaChannelLabel:[{type:l.Input}],passContrast:[{type:l.Input}],failContrast:[{type:l.Input}],contrastRatio:[{type:l.Input}],previewColor:[{type:l.Input}],revertSelection:[{type:l.Input}],gradientView:[{type:l.Input}],paletteView:[{type:l.Input}],formatButton:[{type:l.Input}],applyButton:[{type:l.Input}],cancelButton:[{type:l.Input}]}});d(Bo,Vo=P);var Vo,Oo=Bo;function Bo(e){var t=Vo.call(this)||this;return t.service=e,t}Oo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oo,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Oo.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]",providers:[{provide:P,useExisting:l.forwardRef(function(){return Oo})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oo,decorators:[{type:l.Directive,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return Oo})}],selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var zo=0,Ro=(Object.defineProperty(V.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"gradientId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"hostTabindex",{get:function(){var e;return(null==(e=this.tabindex)?void 0:e.toString())||"0"},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"isControlInvalid",{get:function(){var e;return null==(e=null==(e=this.control)?void 0:e.invalid)?void 0:e.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"isDisabled",{get:function(){var e;return(null==(e=this.disabled)?void 0:e.toString())||void 0},enumerable:!1,configurable:!0}),V.prototype.enterHandler=function(e){e.target===this.host.nativeElement&&(this.internalNavigation=!0,this.gradientDragHandle.nativeElement.focus())},V.prototype.escapeHandler=function(e){this.host.nativeElement.matches(":focus")||e.stopImmediatePropagation(),this.internalNavigation=!1,this.host.nativeElement.focus()},V.prototype.focusHandler=function(e){this.internalNavigation=e.target!==this.host.nativeElement},Object.defineProperty(V.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"contrastTool",{get:function(){return this._contrastTool},set:function(e){this._contrastTool=S(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;u(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"isFocused",{get:function(){return!(!c.isDocumentAvailable()||!u(this.host))&&(this.host.nativeElement===document.activeElement||this.host.nativeElement.contains(document.activeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"alphaSliderValue",{get:function(){if(u(this.hsva.value)&&u(this.hsva.value.a))return 100*this.hsva.value.a},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"gradientRect",{get:function(){return this.gradientWrapper.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"hsvSliderValueText",{get:function(){return"X: "+this.hsvHandleCoordinates.x+" Y: "+this.hsvHandleCoordinates.y},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"contrastToolVisible",{get:function(){return this.contrastTool&&0<this.contrastTool.length},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"innerTabIndex",{get:function(){return this.internalNavigation?0:-1},enumerable:!1,configurable:!0}),V.prototype.ngOnInit=function(){this.control=this.injector.get(o.NgControl,null)},V.prototype.ngAfterViewInit=function(){this.updateUI(),this.cdr.detectChanges(),this.addEventListeners(),this.subscribeChanges()},V.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&!this.isFocused&&this.updateUI(),c.isChanged("delay",e)&&(this.unsubscribeChanges(),this.subscribeChanges())},V.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.unsubscribeChanges()},V.prototype.focus=function(){this.disabled||this.gradientDragHandle.nativeElement.focus()},V.prototype.reset=function(){this.handleValueChange(void 0),this.updateUI(),this.host.nativeElement.focus()},V.prototype.handleDragPress=function(e){this.disabled||this.readonly||!u(e.originalEvent)||(this.focus(),e.originalEvent.preventDefault())},V.prototype.onHandleDrag=function(e){this.disabled||this.readonly||(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),this.changePosition(e))},V.prototype.onHandleRelease=function(){this.disabled||this.readonly||(this.renderer.removeClass(this.gradientWrapper.nativeElement,"k-dragging"),this.handleValueChange(Yn(this.hsva.value,this.format,this.opacity)))},V.prototype.onKeyboardAction=function(e){var t=this;if(!this.disabled&&!this.readonly&&e.key&&-1!==e.key.indexOf("Arrow")){e.preventDefault();var n=this.gradientDragHandle.nativeElement,o=(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),0),i=0,r=e.shiftKey;switch(e.key){case"ArrowRight":o=r?this.gradientSliderSmallStep:this.gradientSliderStep;break;case"ArrowLeft":o=r?-this.gradientSliderSmallStep:-this.gradientSliderStep;break;case"ArrowUp":i=r?-this.gradientSliderSmallStep:-this.gradientSliderStep;break;case"ArrowDown":i=r?this.gradientSliderSmallStep:this.gradientSliderStep}var a=parseInt(n.style.top,10)+i,s=parseInt(n.style.left,10)+o;this.renderer.setStyle(n,"top",a+"px"),this.renderer.setStyle(n,"left",s+"px"),this.ngZone.run(function(){return t.moveDragHandle(s,a)})}},V.prototype.changePosition=function(e){var t,n,o,i=this;this.disabled||this.readonly||(this.gradientDragHandle.nativeElement.focus(),t=this.gradientRect,n=e.clientX-t.left,o=e.clientY-t.top,this.ngZone.run(function(){return i.moveDragHandle(n,o)}))},V.prototype.handleHueSliderChange=function(e){var t=this.hsva.value;t.h=e,this.hsva.next(t),this.handleValueChange(Yn(this.hsva.value,this.format,this.opacity)),this.backgroundColor=eo(e),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.hueSliderTouched=!0},V.prototype.handleAlphaSliderChange=function(e){var t=this.hsva.value;t.a=e/100,this.hsva.next(t),this.handleValueChange(Yn(this.hsva.value,this.format,this.opacity)),this.alphaSliderTouched=!0},V.prototype.handleInputsValueChange=function(e){e=S(e,this.format,this.opacity);this.value!==e&&(this.handleValueChange(e),this.updateUI())},V.prototype.writeValue=function(e){this.value=e,u(this.gradientWrapper)&&this.updateUI()},V.prototype.registerOnChange=function(e){this.notifyNgChanged=e},V.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},V.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},Object.defineProperty(V.prototype,"colorGradientHandleTitle",{get:function(){return this.localizationService.get("colorGradientHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"colorGradientHandleAriaLabel",{get:function(){var e=S(this.value,this.format,this.opacity);return""+(this.value?e:this.localizationService.get("colorGradientNoColor"))},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"hueSliderTitle",{get:function(){return this.localizationService.get("hueSliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"opacitySliderTitle",{get:function(){return this.localizationService.get("opacitySliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"clearButtonTitle",{get:function(){return this.localizationService.get("clearButton")},enumerable:!1,configurable:!0}),V.prototype.isEmpty=function(){return!1},V.prototype.moveDragHandle=function(e,t){var n=this.gradientRect,o=n.width,n=n.height,t=Ce(t,0,n),e=Ce(e,0,o),i=(this.setDragHandleElementPosition(t,e),this.hsva.value);i.s=e/o,i.v=1-t/n,this.hsva.next(i),this.updateValues.next(Yn(this.hsva.value,this.format,this.opacity)),this.setAlphaSliderBackground(Yn(Object.assign(Object.assign({},this.hsva.value),{a:1}),this.format,this.opacity))},V.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},V.prototype.setDragHandleElementPosition=function(e,t){var n=this.gradientDragHandle.nativeElement;this.hsvHandleCoordinates={x:t,y:e},this.renderer.setStyle(n,"top",e+"px"),this.renderer.setStyle(n,"left",t+"px")},V.prototype.setAlphaSliderBackground=function(e){var t;u(this.alphaSlider)&&(t=this.alphaSlider.track.nativeElement,this.renderer.setStyle(t,"background","linear-gradient(to top, transparent, "+e+")"))},V.prototype.setHostElementAriaLabel=function(){var e=S(this.value,this.format,this.opacity);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorGradientNoColor")))},V.prototype.setBackgroundColor=function(e){this.renderer.setStyle(this.hsvRectangle.nativeElement,"background",e)},V.prototype.updateUI=function(){var e,t;c.isDocumentAvailable()&&(this.hueSliderTouched||this.alphaSliderTouched?(this.hueSliderTouched=!1,this.alphaSliderTouched=!1):(this.hsva.next(this.value?function(e,t){e=_.parseColor(e,t=void 0===t?!0:t);return u(e)?e.toHSV():{}}(this.value):{h:0,s:0,v:1,a:1}),t=this.gradientRect,e=(1-this.hsva.value.v)*t.height,t=this.hsva.value.s*t.width,this.setDragHandleElementPosition(e,t),this.backgroundColor=eo(this.hsva.value.h),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.setHostElementAriaLabel()))},V.prototype.addEventListeners=function(){var r=this;this.ngZone.runOutsideAngular(function(){var e=r.renderer.listen(r.host.nativeElement,"focusout",function(e){var t;t=r.host.nativeElement,e=e.relatedTarget,t&&e&&(t===e||t.contains(e))||!_e(r.host)||r.ngZone.run(function(){return r.notifyNgTouched()})}),t=r.renderer.listen(r.gradientDragHandle.nativeElement,"keydown",function(e){r.onKeyboardAction(e)}),n=r.renderer.listen(r.gradientDragHandle.nativeElement,"keyup",function(){r.renderer.removeClass(r.gradientWrapper.nativeElement,"k-dragging"),r.readonly||r.disabled||r.ngZone.run(function(){return r.handleValueChange(Yn(r.hsva.value,r.format,r.opacity))})}),o=r.renderer.listen(r.gradientDragHandle.nativeElement,"focusin",function(){r.renderer.addClass(r.gradientDragHandle.nativeElement,"k-focus")}),i=r.renderer.listen(r.gradientDragHandle.nativeElement,"focusout",function(){r.renderer.removeClass(r.gradientDragHandle.nativeElement,"k-focus")});r.listeners.push(e,t,n,o,i)})},V.prototype.subscribeChanges=function(){var t=this;this.changeRequestsSubscription=this.updateValues.pipe(M.throttleTime(this.delay)).subscribe(function(e){t.handleValueChange(e)})},V.prototype.unsubscribeChanges=function(){this.changeRequestsSubscription&&this.changeRequestsSubscription.unsubscribe()},V);function V(e,t,n,o,i,r){var a=this;this.host=e,this.ngZone=t,this.renderer=n,this.cdr=o,this.localizationService=i,this.injector=r,this.hostClasses=!0,this.ariaRole="textbox",this.id="k-colorgradient-"+zo++,this.opacity=!0,this.disabled=!1,this.readonly=!1,this.clearButton=!1,this.delay=0,this.format="rgba",this.valueChange=new l.EventEmitter,this.backgroundColor="rgba(255, 0, 0, 1)",this.hsva=new L.BehaviorSubject({}),this.gradientSliderStep=5,this.gradientSliderSmallStep=2,this.internalNavigation=!1,this._tabindex=0,this.listeners=[],this.hueSliderTouched=!1,this.alphaSliderTouched=!1,this.updateValues=new L.Subject,this.hsvHandleCoordinates={x:0,y:0},this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},H.validatePackage(Ze),this.dynamicRTLSubscription=i.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Ro.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ro,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:i.ChangeDetectorRef},{token:r.LocalizationService},{token:i.Injector}],target:i.ɵɵFactoryTarget.Component}),Ro.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ro,selector:"kendo-colorgradient",inputs:{id:"id",opacity:"opacity",disabled:"disabled",readonly:"readonly",clearButton:"clearButton",delay:"delay",value:"value",contrastTool:"contrastTool",tabindex:"tabindex",format:"format",gradientSliderStep:"gradientSliderStep",gradientSliderSmallStep:"gradientSliderSmallStep"},outputs:{valueChange:"valueChange"},host:{listeners:{"keydown.enter":"enterHandler($event)","keydown.escape":"escapeHandler($event)",focusin:"focusHandler($event)"},properties:{"class.k-colorgradient":"this.hostClasses","attr.aria-readonly":"this.readonlyAttribute","class.k-disabled":"this.disabledClass","attr.id":"this.gradientId","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex","attr.role":"this.ariaRole","attr.aria-invalid":"this.isControlInvalid","attr.aria-disabled":"this.isDisabled"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ro})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ro})},T,{provide:t.LocalizationService,useExisting:T},{provide:t.L10N_PREFIX,useValue:"kendo.colorgradient"}],viewQueries:[{propertyName:"gradientDragHandle",first:!0,predicate:["gradientDragHandle"],descendants:!0},{propertyName:"inputs",first:!0,predicate:["inputs"],descendants:!0},{propertyName:"alphaSlider",first:!0,predicate:["alphaSlider"],descendants:!0},{propertyName:"gradientWrapper",first:!0,predicate:["gradientWrapper"],descendants:!0},{propertyName:"hsvRectangle",first:!0,predicate:["hsvRectangle"],descendants:!0}],exportAs:["kendoColorGradient"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoColorGradientLocalizedMessages\n i18n-colorGradientNoColor="kendo.colorgradient.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorGradientHandle="kendo.colorgradient.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorgradient.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorgradient.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorgradient.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-passContrast="kendo.colorgradient.passContrast|The pass message for the contrast tool."\n passContrast="Pass"\n i18n-failContrast="kendo.colorgradient.failContrast|The fail message for the contrast tool."\n failContrast="Fail"\n i18n-contrastRatio="kendo.colorgradient.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-formatButton="kendo.colorgradient.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-redChannelLabel="kendo.colorgradient.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorgradient.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorgradient.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorgradient.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorgradient.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorgradient.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorgradient.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorgradient.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div class="k-colorgradient-canvas k-hstack">\n <div class="k-hsv-rectangle" #hsvRectangle>\n <div\n #gradientWrapper\n kendoDraggable\n class="k-hsv-gradient"\n (click)="changePosition($event)"\n (kendoPress)="handleDragPress($event)"\n (kendoDrag)="onHandleDrag($event)"\n (kendoRelease)="onHandleRelease()">\n <div\n #gradientDragHandle\n class="k-hsv-draghandle k-draghandle"\n [tabindex]="innerTabIndex.toString()"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleTitle + \' \' + colorGradientHandleAriaLabel"\n role="slider"\n [attr.aria-valuetext]="hsvSliderValueText"\n [attr.aria-readonly]="readonly ? readonly : undefined"\n [attr.aria-disabled]="disabled ? disabled : undefined"\n [attr.aria-orientation]="\'undefined\'"\n [attr.aria-valuenow]="\'0\'"\n (keydown.shift.tab)="$event.preventDefault(); inputs.focusLast();">\n </div>\n </div>\n <svg kendoColorContrastSvg\n *ngIf="contrastToolVisible && gradientWrapper"\n class="k-color-contrast-svg"\n xmlns="http://www.w3.org/2000/svg"\n [wrapper]="gradientWrapper ? gradientWrapper : undefined"\n [hsva]="hsva"\n [backgroundColor]="contrastTool">\n </svg>\n </div>\n <div class="k-hsv-controls k-hstack {{ clearButton ? \'k-sliders-wrap-clearable\' : \'\' }}">\n <span class="k-clear-color k-button k-button-md k-button-flat k-button-flat-base k-button-icon"\n *ngIf="clearButton"\n role="button"\n (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n [tabindex]="innerTabIndex.toString()">\n <span class="k-icon k-i-droplet-slash"></span>\n </span>\n <kendo-slider\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-hue-slider k-colorgradient-slider"\n [dragHandleTitle]="hueSliderTitle"\n [tabindex]="innerTabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="360"\n [value]="hsva.value.h"\n [smallStep]="5"\n [largeStep]="10"\n (valueChange)="handleHueSliderChange($event)"\n >\n </kendo-slider>\n <kendo-slider\n *ngIf="opacity"\n #alphaSlider\n [tabindex]="innerTabIndex"\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-alpha-slider k-colorgradient-slider"\n [dragHandleTitle]="opacitySliderTitle"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="100"\n [smallStep]="1"\n [largeStep]="10"\n [value]="alphaSliderValue"\n (valueChange)="handleAlphaSliderChange($event)"\n >\n </kendo-slider>\n </div>\n </div>\n <kendo-colorinput #inputs\n [tabindex]="innerTabIndex"\n [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\n (tabOut)="gradientDragHandle.focus()"\n >\n </kendo-colorinput>\n <div class="k-colorgradient-color-contrast k-vbox"\n *ngIf="contrastToolVisible"\n kendoContrastTool\n [value]="value"\n [ratio]="contrastTool">\n </div>\n ',isInline:!0,styles:["\n .k-clear-color {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n .k-colorgradient-slider.k-align-self-end {\n height: 140px;\n }\n\n .k-color-contrast-svg {\n position: absolute;\n overflow: visible;\n pointer-events: none;\n left: 0px;\n top: 0px;\n }\n "],components:[{type:D,selector:"[kendoColorContrastSvg]",inputs:["wrapper","hsva","backgroundColor"]},{type:ot,selector:"kendo-slider",inputs:["focusableId","dragHandleTitle","incrementTitle","animate","decrementTitle","showButtons","value","tabIndex"],exportAs:["kendoSlider"]},{type:Io,selector:"kendo-colorinput",inputs:["focusableId","formatView","tabindex","value","opacity","disabled","readonly"],outputs:["valueChange","tabOut"]},{type:So,selector:"[kendoContrastTool]",inputs:["value","ratio"]}],directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:a.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ro,decorators:[{type:l.Component,args:[{exportAs:"kendoColorGradient",selector:"kendo-colorgradient",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ro})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ro})},T,{provide:t.LocalizationService,useExisting:T},{provide:t.L10N_PREFIX,useValue:"kendo.colorgradient"}],template:'\n <ng-container kendoColorGradientLocalizedMessages\n i18n-colorGradientNoColor="kendo.colorgradient.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorGradientHandle="kendo.colorgradient.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorgradient.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorgradient.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorgradient.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-passContrast="kendo.colorgradient.passContrast|The pass message for the contrast tool."\n passContrast="Pass"\n i18n-failContrast="kendo.colorgradient.failContrast|The fail message for the contrast tool."\n failContrast="Fail"\n i18n-contrastRatio="kendo.colorgradient.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-formatButton="kendo.colorgradient.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-redChannelLabel="kendo.colorgradient.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorgradient.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorgradient.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorgradient.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorgradient.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorgradient.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorgradient.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorgradient.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div class="k-colorgradient-canvas k-hstack">\n <div class="k-hsv-rectangle" #hsvRectangle>\n <div\n #gradientWrapper\n kendoDraggable\n class="k-hsv-gradient"\n (click)="changePosition($event)"\n (kendoPress)="handleDragPress($event)"\n (kendoDrag)="onHandleDrag($event)"\n (kendoRelease)="onHandleRelease()">\n <div\n #gradientDragHandle\n class="k-hsv-draghandle k-draghandle"\n [tabindex]="innerTabIndex.toString()"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleTitle + \' \' + colorGradientHandleAriaLabel"\n role="slider"\n [attr.aria-valuetext]="hsvSliderValueText"\n [attr.aria-readonly]="readonly ? readonly : undefined"\n [attr.aria-disabled]="disabled ? disabled : undefined"\n [attr.aria-orientation]="\'undefined\'"\n [attr.aria-valuenow]="\'0\'"\n (keydown.shift.tab)="$event.preventDefault(); inputs.focusLast();">\n </div>\n </div>\n <svg kendoColorContrastSvg\n *ngIf="contrastToolVisible && gradientWrapper"\n class="k-color-contrast-svg"\n xmlns="http://www.w3.org/2000/svg"\n [wrapper]="gradientWrapper ? gradientWrapper : undefined"\n [hsva]="hsva"\n [backgroundColor]="contrastTool">\n </svg>\n </div>\n <div class="k-hsv-controls k-hstack {{ clearButton ? \'k-sliders-wrap-clearable\' : \'\' }}">\n <span class="k-clear-color k-button k-button-md k-button-flat k-button-flat-base k-button-icon"\n *ngIf="clearButton"\n role="button"\n (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n [tabindex]="innerTabIndex.toString()">\n <span class="k-icon k-i-droplet-slash"></span>\n </span>\n <kendo-slider\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-hue-slider k-colorgradient-slider"\n [dragHandleTitle]="hueSliderTitle"\n [tabindex]="innerTabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="360"\n [value]="hsva.value.h"\n [smallStep]="5"\n [largeStep]="10"\n (valueChange)="handleHueSliderChange($event)"\n >\n </kendo-slider>\n <kendo-slider\n *ngIf="opacity"\n #alphaSlider\n [tabindex]="innerTabIndex"\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-alpha-slider k-colorgradient-slider"\n [dragHandleTitle]="opacitySliderTitle"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="100"\n [smallStep]="1"\n [largeStep]="10"\n [value]="alphaSliderValue"\n (valueChange)="handleAlphaSliderChange($event)"\n >\n </kendo-slider>\n </div>\n </div>\n <kendo-colorinput #inputs\n [tabindex]="innerTabIndex"\n [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\n (tabOut)="gradientDragHandle.focus()"\n >\n </kendo-colorinput>\n <div class="k-colorgradient-color-contrast k-vbox"\n *ngIf="contrastToolVisible"\n kendoContrastTool\n [value]="value"\n [ratio]="contrastTool">\n </div>\n ',styles:["\n .k-clear-color {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n .k-colorgradient-slider.k-align-self-end {\n height: 140px;\n }\n\n .k-color-contrast-svg {\n position: absolute;\n overflow: visible;\n pointer-events: none;\n left: 0px;\n top: 0px;\n }\n "]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone},{type:i.Renderer2},{type:i.ChangeDetectorRef},{type:r.LocalizationService},{type:i.Injector}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-colorgradient"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],gradientId:[{type:l.HostBinding,args:["attr.id"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],ariaRole:[{type:l.HostBinding,args:["attr.role"]}],isControlInvalid:[{type:l.HostBinding,args:["attr.aria-invalid"]}],isDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],enterHandler:[{type:l.HostListener,args:["keydown.enter",["$event"]]}],escapeHandler:[{type:l.HostListener,args:["keydown.escape",["$event"]]}],focusHandler:[{type:l.HostListener,args:["focusin",["$event"]]}],id:[{type:l.Input}],opacity:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],clearButton:[{type:l.Input}],delay:[{type:l.Input}],value:[{type:l.Input}],contrastTool:[{type:l.Input}],tabindex:[{type:l.Input}],format:[{type:l.Input}],valueChange:[{type:l.Output}],gradientSliderStep:[{type:l.Input}],gradientSliderSmallStep:[{type:l.Input}],gradientDragHandle:[{type:l.ViewChild,args:["gradientDragHandle"]}],inputs:[{type:l.ViewChild,args:["inputs"]}],alphaSlider:[{type:l.ViewChild,args:["alphaSlider"]}],gradientWrapper:[{type:l.ViewChild,args:["gradientWrapper"]}],hsvRectangle:[{type:l.ViewChild,args:["hsvRectangle"]}]}});d(Lo,Fo=t.LocalizationService),Lo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):Fo.prototype.get.call(this,e)};var Fo,a=Lo;function Lo(e,t,n,o){e=Fo.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}a.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:po,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),a.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:po,decorators:[{type:l.Optional},{type:l.Inject,args:[po]}]}]}});Ho.prototype.setColorMatrix=function(e,t){if(this.colorRows=[],u(e)&&e.length){t=t||e.length;for(var n=0;n<e.length;n+=t){var o=e.slice(n,t+n);this.colorRows.push(o)}}},Ho.prototype.getCellCoordsFor=function(e){if(u(e))for(var t=0;t<this.colorRows.length;t++)for(var n=0;n<this.colorRows[t].length;n++)if(this.colorRows[t][n]===e)return{row:t,col:n}},Ho.prototype.getColorAt=function(e){if(u(e)&&u(this.colorRows[e.row]))return this.colorRows[e.row][e.col]},Ho.prototype.getNextCell=function(e,t,n){return u(e)&&u(e.row)&&u(e.col)?{row:n=this.clampIndex(e.row+n,this.colorRows.length-1),col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}:{row:0,col:0}},Ho.prototype.clampIndex=function(e,t){return e<0?0:t<e?t:e};var Mo=Ho;function Ho(){this.colorRows=[]}Mo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,deps:[],target:i.ɵɵFactoryTarget.Injectable}),Mo.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,decorators:[{type:l.Injectable}]});var No=0,Ao=(Object.defineProperty(O.prototype,"activeDescendant",{get:function(){return this.activeCellId},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"paletteId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"columns",{get:function(){return this._columns},set:function(e){this._columns=1<e?e:1},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"palette",{get:function(){return this._palette},set:function(e){var t=this,e=("string"==typeof(e=u(e)?e:"office")&&u(An[e])&&(this.columns=this.columns||An[e].columns,e=An[e].colors),"string"==typeof e?e.split(","):e);this._palette=e.map(function(e){return S(e,t.format,!1,!1)})},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tileLayout",{get:function(){return"number"!=typeof this.tileSize?this.tileSize:{width:this.tileSize,height:this.tileSize}},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"colorRows",{get:function(){return this.service.colorRows},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),O.prototype.ngOnInit=function(){var e;0===this.colorRows.length&&(e="name"!==this.format?"office":"accessible",this.palette=this.palette||e,this.setRows())},O.prototype.ngAfterViewInit=function(){var e=this;this.setHostElementAriaLabel(),this.value&&this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){e.selectCell(e.value)})},O.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},O.prototype.ngOnChanges=function(e){(e.palette||e.columns)&&this.setRows(),(e.palette||e.value||e.columns)&&(this.selectCell(this.value),this.setHostElementAriaLabel())},O.prototype.handleKeydown=function(e){var t="rtl"===this.direction;switch(e.keyCode){case c.Keys.ArrowDown:this.handleCellNavigation(0,1);break;case c.Keys.ArrowUp:this.handleCellNavigation(0,-1);break;case c.Keys.ArrowRight:this.handleCellNavigation(t?-1:1,0);break;case c.Keys.ArrowLeft:this.handleCellNavigation(t?1:-1,0);break;case c.Keys.Enter:this.handleEnter();break;default:return}e.preventDefault()},O.prototype.handleFocus=function(){this.focusInComponent||this.focus()},O.prototype.handleHostBlur=function(){this.notifyNgTouched(),this.handleCellFocusOnBlur()},O.prototype.handleCellSelection=function(e,t){this.readonly||(this.selectedCell=t,this.focusedCell=this.selectedCell,this.focusInComponent=!0,e=S(e,this.format,!1,!1),this.cellSelection.emit(e),this.handleValueChange(e),this.selection!==e&&(this.selection=e,this.selectionChange.emit(e)),t&&(this.activeCellId="k-"+this.selectedCell.row+"-"+this.selectedCell.col+"-"+this.uniqueId))},O.prototype.writeValue=function(e){this.value=e,this.selectCell(e)},O.prototype.registerOnChange=function(e){this.notifyNgChanged=e},O.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},O.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},O.prototype.focus=function(){this.host.nativeElement.focus(),this.focusedCell||this.readonly||this.disabled||(this.focusedCell={row:0,col:0})},O.prototype.isEmpty=function(){return!1},O.prototype.reset=function(){this.focusedCell=null,u(this.value)&&this.handleValueChange(void 0),this.selectedCell=void 0},O.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},O.prototype.handleCellFocusOnBlur=function(){this.focusInComponent=!1,this.focusedCell=this.selectedCell},O.prototype.selectCell=function(e){this.selectedCell=this.service.getCellCoordsFor(e),this.focusedCell=this.selectedCell},O.prototype.setRows=function(){u(this.palette)&&(this.columns=this.columns||10,this.service.setColorMatrix(this.palette,this.columns))},O.prototype.handleCellNavigation=function(e,t){this.readonly||(this.focusedCell=this.service.getNextCell(this.focusedCell,e,t),this.focusInComponent=!0)},O.prototype.setHostElementAriaLabel=function(){var e=S(this.value,this.format);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorPaletteNoColor")))},O.prototype.handleEnter=function(){var e;u(this.focusedCell)&&(e=this.service.getColorAt(this.focusedCell),this.handleCellSelection(e,this.focusedCell))},O);function O(e,t,n,o,i,r){var a=this;this.host=e,this.service=t,this.cdr=n,this.renderer=o,this.localizationService=i,this.ngZone=r,this.role="grid",this.id="k-colorpalette-"+No++,this.format="hex",this.disabled=!1,this.readonly=!1,this.tileSize={width:24,height:24},this.selectionChange=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.cellSelection=new l.EventEmitter,this.hostClasses=!0,this.uniqueId=c.guid(),this._tabindex=0,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},H.validatePackage(Ze),this.dynamicRTLSubscription=i.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Ao.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,deps:[{token:i.ElementRef},{token:Mo},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:r.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),Ao.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ao,selector:"kendo-colorpalette",inputs:{id:"id",format:"format",value:"value",columns:"columns",palette:"palette",tabindex:"tabindex",disabled:"disabled",readonly:"readonly",tileSize:"tileSize"},outputs:{selectionChange:"selectionChange",valueChange:"valueChange",cellSelection:"cellSelection"},host:{listeners:{keydown:"handleKeydown($event)",focus:"handleFocus($event)",blur:"handleHostBlur()"},properties:{"attr.dir":"this.direction","attr.role":"this.role","attr.aria-activedescendant":"this.activeDescendant","attr.id":"this.paletteId","attr.tabindex":"this.hostTabindex","class.k-colorpalette":"this.hostClasses","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.aria-readonly":"this.readonlyAttribute"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ao})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ao})},Mo,a,{provide:t.LocalizationService,useExisting:a},{provide:t.L10N_PREFIX,useValue:"kendo.colorpalette"}],exportAs:["kendoColorPalette"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoColorPaletteLocalizedMessages\n i18n-colorPaletteNoColor="kendo.colorpalette.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen">\n </ng-container>\n <div class="k-colorpalette-table-wrap">\n <table role="presentation" class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index" role="row">\n <td *ngFor="let color of row; let colIndex = index"\n role="gridcell"\n [class.k-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-focus]="focusInComponent && focusedCell?.row === rowIndex && focusedCell?.col === colIndex"\n [attr.aria-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [attr.aria-label]="color"\n class="k-colorpalette-tile"\n [id]="\'k-\' + rowIndex + \'-\' + colIndex + \'-\' + uniqueId"\n [attr.value]="color"\n (click)="handleCellSelection(color, { row: rowIndex, col: colIndex })"\n [ngStyle]="{\n backgroundColor: color,\n width: tileLayout.width + \'px\',\n height: tileLayout.height + \'px\',\n minWidth: tileLayout.width + \'px\'\n }">\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n ',isInline:!0,directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:s.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPalette",selector:"kendo-colorpalette",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ao})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ao})},Mo,a,{provide:t.LocalizationService,useExisting:a},{provide:t.L10N_PREFIX,useValue:"kendo.colorpalette"}],template:'\n <ng-container kendoColorPaletteLocalizedMessages\n i18n-colorPaletteNoColor="kendo.colorpalette.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen">\n </ng-container>\n <div class="k-colorpalette-table-wrap">\n <table role="presentation" class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index" role="row">\n <td *ngFor="let color of row; let colIndex = index"\n role="gridcell"\n [class.k-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-focus]="focusInComponent && focusedCell?.row === rowIndex && focusedCell?.col === colIndex"\n [attr.aria-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [attr.aria-label]="color"\n class="k-colorpalette-tile"\n [id]="\'k-\' + rowIndex + \'-\' + colIndex + \'-\' + uniqueId"\n [attr.value]="color"\n (click)="handleCellSelection(color, { row: rowIndex, col: colIndex })"\n [ngStyle]="{\n backgroundColor: color,\n width: tileLayout.width + \'px\',\n height: tileLayout.height + \'px\',\n minWidth: tileLayout.width + \'px\'\n }">\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:Mo},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:r.LocalizationService},{type:i.NgZone}]},propDecorators:{direction:[{type:l.HostBinding,args:["attr.dir"]}],role:[{type:l.HostBinding,args:["attr.role"]}],activeDescendant:[{type:l.HostBinding,args:["attr.aria-activedescendant"]}],paletteId:[{type:l.HostBinding,args:["attr.id"]}],id:[{type:l.Input}],format:[{type:l.Input}],value:[{type:l.Input}],columns:[{type:l.Input}],palette:[{type:l.Input}],tabindex:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tileSize:[{type:l.Input}],selectionChange:[{type:l.Output}],valueChange:[{type:l.Output}],cellSelection:[{type:l.Output}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],hostClasses:[{type:l.HostBinding,args:["class.k-colorpalette"]}],disabledClass:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-disabled"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],handleKeydown:[{type:l.HostListener,args:["keydown",["$event"]]}],handleFocus:[{type:l.HostListener,args:["focus",["$event"]]}],handleHostBlur:[{type:l.HostListener,args:["blur"]}]}});jo.prototype.getText=function(e){return this.localizationService.get(e)},jo.prototype.onActionButtonClick=function(e,t){this.actionButtonClick.emit({target:e,originalEvent:t})};T=jo;function jo(e){this.localizationService=e,this.hostClasses=!0,this.innerTabIndex=-1,this.actionButtonClick=new l.EventEmitter,this.tabOut=new l.EventEmitter}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"[kendoFlatColorPickerActionButtons]",inputs:{innerTabIndex:"innerTabIndex"},outputs:{actionButtonClick:"actionButtonClick",tabOut:"tabOut"},host:{properties:{"class.k-coloreditor-footer":"this.hostClasses","class.k-actions":"this.hostClasses","class.k-hstack":"this.hostClasses"}},viewQueries:[{propertyName:"firstButton",first:!0,predicate:["first"],descendants:!0,read:l.ElementRef},{propertyName:"lastButton",first:!0,predicate:["last"],descendants:!0,read:l.ElementRef}],ngImport:i,template:'\n <button #first\n class="k-coloreditor-cancel k-button k-button-md k-button-solid k-button-solid-base"\n [attr.title]="getText(\'cancelButton\')"\n (click)="onActionButtonClick(\'cancel\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n >{{getText(\'cancelButton\')}}</button>\n <button #last\n class="k-coloreditor-apply k-button k-button-md k-button-solid k-button-solid-primary"\n [attr.title]="getText(\'applyButton\')"\n (click)="onActionButtonClick(\'apply\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n >{{getText(\'applyButton\')}}</button>\n ',isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:l.Component,args:[{selector:"[kendoFlatColorPickerActionButtons]",template:'\n <button #first\n class="k-coloreditor-cancel k-button k-button-md k-button-solid k-button-solid-base"\n [attr.title]="getText(\'cancelButton\')"\n (click)="onActionButtonClick(\'cancel\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n >{{getText(\'cancelButton\')}}</button>\n <button #last\n class="k-coloreditor-apply k-button k-button-md k-button-solid k-button-solid-primary"\n [attr.title]="getText(\'applyButton\')"\n (click)="onActionButtonClick(\'apply\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n >{{getText(\'applyButton\')}}</button>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-coloreditor-footer"]},{type:l.HostBinding,args:["class.k-actions"]},{type:l.HostBinding,args:["class.k-hstack"]}],innerTabIndex:[{type:l.Input}],actionButtonClick:[{type:l.Output}],tabOut:[{type:l.Output}],firstButton:[{type:l.ViewChild,args:["first",{read:l.ElementRef}]}],lastButton:[{type:l.ViewChild,args:["last",{read:l.ElementRef}]}]}});Object.defineProperty(B.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"hostTabindex",{get:function(){var e;return(null==(e=this.tabindex)?void 0:e.toString())||"0"},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isControlInvalid",{get:function(){var e;return null==(e=null==(e=this.control)?void 0:e.invalid)?void 0:e.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isDisabled",{get:function(){var e;return(null==(e=this.disabled)?void 0:e.toString())||void 0},enumerable:!1,configurable:!0}),B.prototype.enterHandler=function(e){var t=this;e.target===this.host.nativeElement&&(e.preventDefault(),this.internalNavigation=!0,this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){var e;return null==(e=t.firstFocusable)?void 0:e.focus()}))},B.prototype.escapeHandler=function(){this.internalNavigation=!1,this.host.nativeElement.focus()},B.prototype.focusHandler=function(e){this.internalNavigation=e.target!==this.host.nativeElement},Object.defineProperty(B.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;u(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"innerTabIndex",{get:function(){return this.internalNavigation?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"firstFocusable",{get:function(){return this.headerHasContent?this.headerElement.nativeElement.querySelector(".k-button"):"gradient"===this.activeView?this.gradient:this.palette},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"lastFocusable",{get:function(){return this.preview?this.footer.lastButton.nativeElement:"gradient"===this.activeView?this.gradient:this.palette},enumerable:!1,configurable:!0}),B.prototype.ngOnInit=function(){this.selection=this.value,this.control=this.injector.get(o.NgControl,null),this._paletteSettings=this.service.getPaletteSettings(this._paletteSettings,this.format),this.setActiveView()},B.prototype.ngAfterViewInit=function(){this.setHostElementAriaLabel(),this.initDomEvents(),this.setSizingVariables(),this.removeGradientAttributes()},B.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&(this.selection=this.value,this.setHostElementAriaLabel()),c.isChanged("paletteSettings",e)&&this.setSizingVariables()},B.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},B.prototype.onTab=function(e){var t=e.shiftKey,n=this.preview?this.footer.firstButton.nativeElement:this.headerHasContent?c.findFocusableChild(this.headerElement.nativeElement):null,o=this.headerHasContent?c.findFocusableChild(this.headerElement.nativeElement):this.preview?this.footer.lastButton.nativeElement:null;(n||o)&&(e.preventDefault(),t?null!=o&&o.focus():null!=n&&n.focus())},Object.defineProperty(B.prototype,"headerHasContent",{get:function(){return this.preview||1<this.views.length||this.clearButton},enumerable:!1,configurable:!0}),B.prototype.isEmpty=function(){return!1},B.prototype.focus=function(){this.disabled||this.focused||(this.host.nativeElement.focus(),this.focused=!0)},B.prototype.blur=function(){this.focused&&(this.notifyNgTouched(),this.host.nativeElement.blur(),this.focused=!1)},B.prototype.reset=function(){u(this.value)&&(this.value=void 0,this.notifyNgChanged(void 0),this.setHostElementAriaLabel())},B.prototype.onViewChange=function(e){var t=this;this.activeView!==e&&(this.activeView=e,this.activeViewChange.emit(e),this.ngZone.runOutsideAngular(function(){setTimeout(function(){var e;null!=(e=t[t.activeView])&&e.focus()})}),"gradient"===this.activeView&&this.removeGradientAttributes())},B.prototype.onClearButtonClick=function(){this.resetInnerComponentValue(),this.internalNavigation=!1,this.host.nativeElement.focus()},B.prototype.handleValueChange=function(e){this.preview?this.changeCurrentValue(e):this.setFlatColorPickerValue(e)},B.prototype.onAction=function(e){"apply"===e.target?this.setFlatColorPickerValue(this.selection):this.resetSelection(e.originalEvent),this.actionButtonClick.emit()},B.prototype.writeValue=function(e){this.value=e},B.prototype.registerOnChange=function(e){this.notifyNgChanged=e},B.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},B.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},B.prototype.resetSelection=function(e){e=new jn(e);this.cancel.emit(e),e.isDefaultPrevented()||(this.selection=this.value),this.notifyNgTouched()},B.prototype.setHostElementAriaLabel=function(){var e=S(this.value,this.format,this.gradientSettings.opacity),e=""+(this.value?e:this.localizationService.get("flatColorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},B.prototype.setSizingVariables=function(){var e=this.service.paletteTileLayout(this.paletteSettings.tileSize),e="--kendo-color-preview-columns: "+this.paletteSettings.columns+";\n --kendo-color-preview-width: "+e.width+"px;\n --kendo-color-preview-height: "+e.height+"px;";this.host.nativeElement.querySelector(".k-coloreditor-views.k-vstack").setAttribute("style",e)},B.prototype.changeCurrentValue=function(e){this.selection=e,this.notifyNgTouched()},B.prototype.resetInnerComponentValue=function(){this.selection=null,(this.gradient||this.palette).reset()},B.prototype.setFlatColorPickerValue=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},B.prototype.setActiveView=function(){if(u(this.activeView)){if(l.isDevMode()&&-1===this.views.indexOf(this.activeView))throw new Error("Invalid configuration: The current activeView is not present in the views collection")}else this.activeView=this.views[0]},B.prototype.initDomEvents=function(){var e,t=this;this.host&&(e=this.host.nativeElement,this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focus",function(){t.focused=!0})),t.subscriptions.add(t.renderer.listen(e,"blur",function(){t.focused=!1,t.notifyNgTouched()}))}))},B.prototype.removeGradientAttributes=function(){this.gradientElement&&this.renderer.removeAttribute(this.gradientElement.nativeElement,"role"),this.gradientElement&&this.renderer.removeAttribute(this.gradientElement.nativeElement,"aria-label")};var _o=B;function B(e,t,n,o,i,r,a){var s=this;this.host=e,this.service=t,this.localizationService=n,this.cdr=o,this.renderer=i,this.ngZone=r,this.injector=a,this.hostClasses=!0,this.ariaRole="textbox",this.readonly=!1,this.disabled=!1,this.format="rgba",this.clearButton=!0,this.preview=!0,this.actionsLayout="end",this.views=["gradient","palette"],this.valueChange=new l.EventEmitter,this.cancel=new l.EventEmitter,this.activeViewChange=new l.EventEmitter,this.actionButtonClick=new l.EventEmitter,this._tabindex=0,this._gradientSettings={opacity:!0,delay:0,gradientSliderStep:5,gradientSliderSmallStep:2},this._paletteSettings={},this.subscriptions=new L.Subscription,this.internalNavigation=!1,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},H.validatePackage(Ze),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;s.direction=e?"rtl":"ltr"})}_o.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_o,deps:[{token:i.ElementRef},{token:go},{token:r.LocalizationService},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.NgZone},{token:i.Injector}],target:i.ɵɵFactoryTarget.Component}),_o.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_o,selector:"kendo-flatcolorpicker",inputs:{readonly:"readonly",disabled:"disabled",format:"format",value:"value",tabindex:"tabindex",clearButton:"clearButton",preview:"preview",actionsLayout:"actionsLayout",activeView:"activeView",views:"views",gradientSettings:"gradientSettings",paletteSettings:"paletteSettings"},outputs:{valueChange:"valueChange",cancel:"cancel",activeViewChange:"activeViewChange",actionButtonClick:"actionButtonClick"},host:{listeners:{"keydown.enter":"enterHandler($event)","keydown.escape":"escapeHandler()",focusin:"focusHandler($event)"},properties:{"class.k-flatcolorpicker":"this.hostClasses","class.k-coloreditor":"this.hostClasses","class.k-disabled":"this.disabledClass","attr.aria-disabled":"this.isDisabled","attr.aria-readonly":"this.ariaReadonly","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex","attr.role":"this.ariaRole","attr.aria-invalid":"this.isControlInvalid"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return _o})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return _o})},go,po,{provide:t.LocalizationService,useExisting:po},{provide:t.L10N_PREFIX,useValue:"kendo.flatcolorpicker"}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0},{propertyName:"headerElement",first:!0,predicate:["header"],descendants:!0,read:l.ElementRef},{propertyName:"gradient",first:!0,predicate:["gradient"],descendants:!0},{propertyName:"gradientElement",first:!0,predicate:["gradient"],descendants:!0,read:l.ElementRef},{propertyName:"palette",first:!0,predicate:["palette"],descendants:!0},{propertyName:"footer",first:!0,predicate:["footer"],descendants:!0}],exportAs:["kendoFlatColorPicker"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoFlatColorPickerLocalizedMessages\n i18n-flatColorPickerNoColor="kendo.flatcolorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.flatcolorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.flatcolorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.flatcolorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.flatcolorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.flatcolorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.flatcolorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.flatcolorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.flatcolorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.flatcolorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.flatcolorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.flatcolorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.flatcolorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.flatcolorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.flatcolorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.flatcolorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.flatcolorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.flatcolorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.flatcolorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.flatcolorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.flatcolorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.flatcolorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.flatcolorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div kendoFlatColorPickerHeader\n [innerTabIndex]="this.innerTabIndex"\n *ngIf="headerHasContent"\n #header\n [clearButton]="clearButton"\n [activeView]="activeView"\n [views]="views"\n [value]="value"\n [selection]="selection"\n [preview]="preview"\n (clearButtonClick)="onClearButtonClick()"\n (viewChange)="onViewChange($event)"\n (valuePaneClick)="resetSelection($event)"\n (tabOut)="lastFocusable.focus()"></div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'gradient\'"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [gradientSliderSmallStep]="gradientSettings.gradientSliderSmallStep"\n [gradientSliderStep]="gradientSettings.gradientSliderStep"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorgradient>\n <kendo-colorpalette #palette\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'palette\'"\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons \n [innerTabIndex]="innerTabIndex"\n *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)"\n (tabOut)="firstFocusable.focus()"></div>\n',isInline:!0,components:[{type:w,selector:"[kendoFlatColorPickerHeader]",inputs:["clearButton","activeView","views","preview","innerTabIndex","value","selection"],outputs:["viewChange","valuePaneClick","clearButtonClick","tabOut"]},{type:Ro,selector:"kendo-colorgradient",inputs:["id","opacity","disabled","readonly","clearButton","delay","value","contrastTool","tabindex","format","gradientSliderStep","gradientSliderSmallStep"],outputs:["valueChange"],exportAs:["kendoColorGradient"]},{type:Ao,selector:"kendo-colorpalette",inputs:["id","format","value","columns","palette","tabindex","disabled","readonly","tileSize"],outputs:["selectionChange","valueChange","cellSelection"],exportAs:["kendoColorPalette"]},{type:T,selector:"[kendoFlatColorPickerActionButtons]",inputs:["innerTabIndex"],outputs:["actionButtonClick","tabOut"]}],directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_o,decorators:[{type:l.Component,args:[{exportAs:"kendoFlatColorPicker",selector:"kendo-flatcolorpicker",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return _o})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return _o})},go,po,{provide:t.LocalizationService,useExisting:po},{provide:t.L10N_PREFIX,useValue:"kendo.flatcolorpicker"}],template:'\n <ng-container kendoFlatColorPickerLocalizedMessages\n i18n-flatColorPickerNoColor="kendo.flatcolorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.flatcolorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.flatcolorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.flatcolorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.flatcolorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.flatcolorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.flatcolorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.flatcolorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.flatcolorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.flatcolorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.flatcolorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.flatcolorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.flatcolorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.flatcolorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.flatcolorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.flatcolorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.flatcolorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.flatcolorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.flatcolorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.flatcolorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.flatcolorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.flatcolorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.flatcolorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div kendoFlatColorPickerHeader\n [innerTabIndex]="this.innerTabIndex"\n *ngIf="headerHasContent"\n #header\n [clearButton]="clearButton"\n [activeView]="activeView"\n [views]="views"\n [value]="value"\n [selection]="selection"\n [preview]="preview"\n (clearButtonClick)="onClearButtonClick()"\n (viewChange)="onViewChange($event)"\n (valuePaneClick)="resetSelection($event)"\n (tabOut)="lastFocusable.focus()"></div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'gradient\'"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [gradientSliderSmallStep]="gradientSettings.gradientSliderSmallStep"\n [gradientSliderStep]="gradientSettings.gradientSliderStep"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorgradient>\n <kendo-colorpalette #palette\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'palette\'"\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons \n [innerTabIndex]="innerTabIndex"\n *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)"\n (tabOut)="firstFocusable.focus()"></div>\n'}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:go},{type:r.LocalizationService},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.NgZone},{type:i.Injector}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-flatcolorpicker"]},{type:l.HostBinding,args:["class.k-coloreditor"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]},{type:l.HostBinding,args:["attr.aria-disabled"]}],ariaReadonly:[{type:l.HostBinding,args:["attr.aria-readonly"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],ariaRole:[{type:l.HostBinding,args:["attr.role"]}],isControlInvalid:[{type:l.HostBinding,args:["attr.aria-invalid"]}],isDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],enterHandler:[{type:l.HostListener,args:["keydown.enter",["$event"]]}],escapeHandler:[{type:l.HostListener,args:["keydown.escape"]}],focusHandler:[{type:l.HostListener,args:["focusin",["$event"]]}],readonly:[{type:l.Input}],disabled:[{type:l.Input}],format:[{type:l.Input}],value:[{type:l.Input}],tabindex:[{type:l.Input}],clearButton:[{type:l.Input}],preview:[{type:l.Input}],actionsLayout:[{type:l.Input}],activeView:[{type:l.Input}],views:[{type:l.Input}],gradientSettings:[{type:l.Input}],paletteSettings:[{type:l.Input}],valueChange:[{type:l.Output}],cancel:[{type:l.Output}],activeViewChange:[{type:l.Output}],actionButtonClick:[{type:l.Output}],header:[{type:l.ViewChild,args:["header"]}],headerElement:[{type:l.ViewChild,args:["header",{read:l.ElementRef}]}],gradient:[{type:l.ViewChild,args:["gradient"]}],gradientElement:[{type:l.ViewChild,args:["gradient",{read:l.ElementRef}]}],palette:[{type:l.ViewChild,args:["palette"]}],footer:[{type:l.ViewChild,args:["footer"]}]}});var Go=["focus","blur"],Zo=0,Wo=(Object.defineProperty(z.prototype,"focusedClass",{get:function(){return this.isFocused},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isControlInvalid",{get:function(){var e;return null==(e=null==(e=this.control)?void 0:e.invalid)?void 0:e.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"view",{get:function(){return this.views&&0<this.views.length?this.views[0]:null},set:function(e){this.views=[e]},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign(this._popupSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){this._paletteSettings=Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){this._gradientSettings=Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isOpen",{get:function(){return u(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"iconStyles",{get:function(){return this.iconClass||(this.icon?"k-icon k-i-"+this.icon:void 0)},enumerable:!1,configurable:!0}),z.prototype.ngOnInit=function(){var e="name"!==this.format?"office":uo,t=this._paletteSettings.palette,n="string"==typeof t&&An[t]?An[t].columns:void 0;this._paletteSettings={palette:t||e,tileSize:this._paletteSettings.tileSize||24,columns:this._paletteSettings.columns||n||10},this.handleHostId(),this.renderer.setAttribute(this.host.nativeElement,"aria-controls","k-colorpicker-popup-"+this.colorPickerId),this.control=this.injector.get(o.NgControl,null)},z.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.setHostElementAriaLabel(),this.initDomEvents()},z.prototype.ngOnChanges=function(e){e.format&&"name"===e.format.currentValue&&(this.activeView="palette"),"gradient"===this.activeView&&this.gradientSettings.opacity&&(this.format="rgba",this.value=S(this.value,this.format,this.gradientSettings.opacity)),c.isChanged("value",e)&&this.setHostElementAriaLabel()},z.prototype.ngOnDestroy=function(){this.closePopup(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe(),this.handleDomEvents("remove",Go)},z.prototype.handleCancelEvent=function(e){this.cancel.emit(e)},z.prototype.togglePopup=function(){this.focus(),this.toggleWithEvents(!this.isOpen)},z.prototype.handleWrapperClick=function(e){var t=this;this.disabled||(this.focus(),c.closest(e.target,function(e){return e===t.activeColor.nativeElement})&&(e=new Xn(this.value),this.activeColorClick.emit(e),e.isOpenPrevented()&&!this.isOpen)||this.toggleWithEvents(!this.isOpen))},z.prototype.focus=function(){this.isFocused=!0,this.host.nativeElement.focus()},z.prototype.handleWrapperFocus=function(){var e=this;this.isFocused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},z.prototype.blur=function(){this.isFocused=!1,this.host.nativeElement.blur(),this.notifyNgTouched()},z.prototype.handleWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.isFocused=!1})},z.prototype.reset=function(){u(this.value)&&(this._value=void 0,this.setHostElementAriaLabel(),this.notifyNgChanged(void 0))},z.prototype.toggle=function(e){this.disabled||this.readonly||(this.cdr.markForCheck(),this.closePopup(),(e=u(e)?e:!this.isOpen)&&this.openPopup())},z.prototype.handleValueChange=function(e){e=S(e,this.format,this.gradientSettings.opacity);e!==this.value&&(this.value=e,this.valueChange.emit(e),this.setHostElementAriaLabel(),this.notifyNgChanged(e))},z.prototype.handlePopupBlur=function(e){this.popupBlurInvalid(e)||(this.isFocused=!1,this.onBlur.emit(),this.notifyNgTouched(),this.toggleWithEvents(!1))},z.prototype.writeValue=function(e){this.value=e},z.prototype.registerOnChange=function(e){this.notifyNgChanged=e},z.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},z.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},z.prototype.handleWrapperKeyDown=function(e){var t=this;e.keyCode!==c.Keys.ArrowDown&&e.keyCode!==c.Keys.Enter||(e.preventDefault(),this.ngZone.run(function(){t.toggleWithEvents(!0)}))},z.prototype.handlePopupKeyDown=function(e){var t,n;e.keyCode===c.Keys.Escape&&(this.toggleWithEvents(!1),this.host.nativeElement.focus()),e.keyCode===c.Keys.Tab&&(t=(e.shiftKey?this.firstFocusableElement:this.lastFocusableElement).nativeElement,n=(e.shiftKey?this.lastFocusableElement:this.firstFocusableElement).nativeElement,e.target===t&&(e.preventDefault(),n.focus()))},z.prototype.isEmpty=function(){return!1},z.prototype.setHostElementAriaLabel=function(){var e=""+(this.value||this.localizationService.get("colorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},z.prototype.handleClasses=function(e,t){var n=this.host.nativeElement,t=oe("picker",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},z.prototype.popupBlurInvalid=function(e){var t=this,n=this.popupRef.popupElement.contains(e.relatedTarget);return c.closest(e.relatedTarget,function(e){return e===t.host.nativeElement})||n},z.prototype.toggleWithEvents=function(e){var t,n=this.isOpen===e;this.disabled||this.readonly||n||((e?(t=new $n,this.open):(t=new Zn,this.close)).emit(t),t.isDefaultPrevented()||this.toggle(e),e&&this.focusFirstElement())},z.prototype.focusFirstElement=function(){var t=this;this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){var e;t.flatColorPicker&&((e=t.flatColorPicker.gradient)?e.gradientDragHandle:t.flatColorPicker.palette.host).nativeElement.focus()})},z.prototype.openPopup=function(){var e=this,t="rtl"===this.direction?"right":"left";this.popupRef=this.popupService.open({anchor:this.activeColor,animate:this.popupSettings.animate,appendTo:this.popupSettings.appendTo,popupAlign:{horizontal:t,vertical:"top"},anchorAlign:{horizontal:t,vertical:"bottom"},popupClass:"k-colorpicker-popup",content:this.popupTemplate,positionMode:"absolute"}),this.renderer.setAttribute(this.popupRef.popupElement.querySelector(".k-colorpicker-popup"),"id","k-colorpicker-popup-"+this.colorPickerId),this.popupSubs.add(this.popupRef.popupAnchorViewportLeave.subscribe(function(){e.toggleWithEvents(!1),e.isOpen||e.host.nativeElement.focus({preventScroll:!0})}))},z.prototype.closePopup=function(){this.isOpen&&(this.popupSubs.unsubscribe(),this.popupRef.close(),this.popupRef=null)},Object.defineProperty(z.prototype,"firstFocusableElement",{get:function(){var e;return!this.flatColorPicker.header||this.views.length<=1&&!this.flatColorPicker.clearButton?(e=this.flatColorPicker.gradient)?e.gradientDragHandle:this.flatColorPicker.palette.host:1<this.views.length?this.flatColorPicker.header.viewButtonsCollection.toArray()[0]:this.flatColorPicker.header.clearButtonElement},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"lastFocusableElement",{get:function(){var e,t;return this.preview?this.flatColorPicker.footer.lastButton:this.flatColorPicker.palette?this.flatColorPicker.palette.host:(t=(e=this.flatColorPicker.gradient)&&e.inputs,e&&t&&"hex"===t.formatView?t.hexInput:(this.gradientSettings.opacity?t.opacityInput:t.blueInput).numericInput)},enumerable:!1,configurable:!0}),z.prototype.handleDomEvents=function(t,e){var n=this,o=this.host.nativeElement;e.forEach(function(e){return o[t+"EventListener"](e,n.domFocusListener,!0)})},z.prototype.initDomEvents=function(){var e,n=this;this.host&&(e=this.host.nativeElement,this.ngZone.runOutsideAngular(function(){n.subscriptions.add(n.renderer.listen(e,"focusin",function(){n.handleWrapperFocus()})),n.subscriptions.add(n.renderer.listen(e,"focusout",function(e){var t=!!n.popupRef&&c.closest(e.relatedTarget,function(e){return e===n.flatColorPicker.host.nativeElement}),e=c.closest(e.relatedTarget,function(e){return e===n.host.nativeElement});t||e||n.handleWrapperBlur()})),n.handleDomEvents("add",Go),n.subscriptions.add(n.renderer.listen(e,"keydown",function(e){n.handleWrapperKeyDown(e)})),n.subscriptions.add(n.renderer.listen(e,"click",function(e){n.ngZone.run(function(){n.handleWrapperClick(e)})}))}))},z.prototype.handleHostId=function(){var e=this.host.nativeElement,t=e.getAttribute("id");t?this.focusableId=t:(t="k-"+c.guid(),e.setAttribute("id",t),this.focusableId=t)},z);function z(e,t,n,o,i,r,a){var s=this;this.host=e,this.popupService=t,this.cdr=n,this.localizationService=o,this.ngZone=i,this.renderer=r,this.injector=a,this.hostClasses=!0,this.role="combobox",this.hasPopup="dialog",this.views=["gradient","palette"],this.readonly=!1,this.disabled=!1,this.format="rgba",this.clearButton=!0,this.preview=!1,this.actionsLayout="end",this.valueChange=new l.EventEmitter,this.open=new l.EventEmitter,this.close=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.cancel=new l.EventEmitter,this.activeColorClick=new l.EventEmitter,this.activeViewChange=new l.EventEmitter,this.isFocused=!1,this._tabindex=0,this._popupSettings={animate:!0},this._paletteSettings={},this._gradientSettings={opacity:!0,delay:0},this._size="medium",this._rounded="medium",this._fillMode="solid",this.subscriptions=new L.Subscription,this.popupSubs=new L.Subscription,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},this.domFocusListener=function(e){return e.stopImmediatePropagation()},H.validatePackage(Ze),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;s.direction=e?"rtl":"ltr"}),this.colorPickerId=Zo++}Wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Wo,deps:[{token:i.ElementRef},{token:U.PopupService},{token:i.ChangeDetectorRef},{token:r.LocalizationService},{token:i.NgZone},{token:i.Renderer2},{token:i.Injector}],target:i.ɵɵFactoryTarget.Component}),Wo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Wo,selector:"kendo-colorpicker",inputs:{views:"views",view:"view",activeView:"activeView",readonly:"readonly",disabled:"disabled",format:"format",value:"value",popupSettings:"popupSettings",paletteSettings:"paletteSettings",gradientSettings:"gradientSettings",icon:"icon",iconClass:"iconClass",clearButton:"clearButton",tabindex:"tabindex",preview:"preview",actionsLayout:"actionsLayout",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",open:"open",close:"close",onFocus:"focus",onBlur:"blur",cancel:"cancel",activeColorClick:"activeColorClick",activeViewChange:"activeViewChange"},host:{properties:{"class.k-colorpicker":"this.hostClasses","class.k-icon-picker":"this.hostClasses","class.k-picker":"this.hostClasses","class.k-focus":"this.focusedClass","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.aria-readonly":"this.ariaReadonly","attr.aria-expanded":"this.ariaExpanded","attr.tabindex":"this.hostTabindex","attr.dir":"this.direction","attr.role":"this.role","attr.aria-haspopup":"this.hasPopup","attr.aria-invalid":"this.isControlInvalid"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Wo})},so,{provide:t.LocalizationService,useExisting:so},{provide:t.L10N_PREFIX,useValue:"kendo.colorpicker"}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:l.ViewContainerRef,static:!0},{propertyName:"activeColor",first:!0,predicate:["activeColor"],descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"flatColorPicker",first:!0,predicate:["flatColorPicker"],descendants:!0}],exportAs:["kendoColorPicker"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoColorPickerLocalizedMessages\n i18n-colorPickerNoColor="kendo.colorpicker.colorPickerNoColor|The aria-label applied to the ColorPicker component when the value is empty."\n colorPickerNoColor="Colorpicker no color chosen"\n i18n-flatColorPickerNoColor="kendo.colorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.colorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.colorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.colorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.colorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.colorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.colorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.colorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.colorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.colorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.colorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.colorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.colorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <span #activeColor class="k-input-inner">\n <span\n class="k-value-icon k-color-preview"\n [ngClass]="{\'k-icon-color-preview\': iconStyles, \'k-no-color\': !value}">\n <span *ngIf="iconClass || icon" class="k-color-preview-icon k-icon" [ngClass]="iconStyles"></span>\n <span class="k-color-preview-mask" [style.background-color]="value"></span>\n </span>\n </span>\n <button\n tabindex="-1"\n type="button"\n role="none"\n aria-hidden="true"\n class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n <ng-template #popupTemplate>\n <kendo-flatcolorpicker\n #flatColorPicker\n [value]="value"\n [format]="format"\n [views]="views"\n [activeView]="activeView"\n [actionsLayout]="actionsLayout"\n [preview]="preview"\n [gradientSettings]="gradientSettings"\n [paletteSettings]="paletteSettings"\n [clearButton]="clearButton"\n (cancel)="handleCancelEvent($event)"\n (focusout)="handlePopupBlur($event)"\n (valueChange)="handleValueChange($event)"\n (keydown)="handlePopupKeyDown($event)"\n (activeViewChange)="activeViewChange.emit($event)"\n (actionButtonClick)="togglePopup()">\n </kendo-flatcolorpicker>\n </ng-template>\n <ng-container #container></ng-container>\n ',isInline:!0,components:[{type:_o,selector:"kendo-flatcolorpicker",inputs:["readonly","disabled","format","value","tabindex","clearButton","preview","actionsLayout","activeView","views","gradientSettings","paletteSettings"],outputs:["valueChange","cancel","activeViewChange","actionButtonClick"],exportAs:["kendoFlatColorPicker"]}],directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Wo,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPicker",selector:"kendo-colorpicker",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Wo})},so,{provide:t.LocalizationService,useExisting:so},{provide:t.L10N_PREFIX,useValue:"kendo.colorpicker"}],template:'\n <ng-container kendoColorPickerLocalizedMessages\n i18n-colorPickerNoColor="kendo.colorpicker.colorPickerNoColor|The aria-label applied to the ColorPicker component when the value is empty."\n colorPickerNoColor="Colorpicker no color chosen"\n i18n-flatColorPickerNoColor="kendo.colorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.colorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.colorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.colorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.colorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.colorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.colorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.colorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.colorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.colorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.colorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.colorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.colorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <span #activeColor class="k-input-inner">\n <span\n class="k-value-icon k-color-preview"\n [ngClass]="{\'k-icon-color-preview\': iconStyles, \'k-no-color\': !value}">\n <span *ngIf="iconClass || icon" class="k-color-preview-icon k-icon" [ngClass]="iconStyles"></span>\n <span class="k-color-preview-mask" [style.background-color]="value"></span>\n </span>\n </span>\n <button\n tabindex="-1"\n type="button"\n role="none"\n aria-hidden="true"\n class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n <ng-template #popupTemplate>\n <kendo-flatcolorpicker\n #flatColorPicker\n [value]="value"\n [format]="format"\n [views]="views"\n [activeView]="activeView"\n [actionsLayout]="actionsLayout"\n [preview]="preview"\n [gradientSettings]="gradientSettings"\n [paletteSettings]="paletteSettings"\n [clearButton]="clearButton"\n (cancel)="handleCancelEvent($event)"\n (focusout)="handlePopupBlur($event)"\n (valueChange)="handleValueChange($event)"\n (keydown)="handlePopupKeyDown($event)"\n (activeViewChange)="activeViewChange.emit($event)"\n (actionButtonClick)="togglePopup()">\n </kendo-flatcolorpicker>\n </ng-template>\n <ng-container #container></ng-container>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:U.PopupService},{type:i.ChangeDetectorRef},{type:r.LocalizationService},{type:i.NgZone},{type:i.Renderer2},{type:i.Injector}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-colorpicker"]},{type:l.HostBinding,args:["class.k-icon-picker"]},{type:l.HostBinding,args:["class.k-picker"]}],focusedClass:[{type:l.HostBinding,args:["class.k-focus"]}],disabledClass:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-disabled"]}],ariaReadonly:[{type:l.HostBinding,args:["attr.aria-readonly"]}],ariaExpanded:[{type:l.HostBinding,args:["attr.aria-expanded"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],role:[{type:l.HostBinding,args:["attr.role"]}],hasPopup:[{type:l.HostBinding,args:["attr.aria-haspopup"]}],isControlInvalid:[{type:l.HostBinding,args:["attr.aria-invalid"]}],views:[{type:l.Input}],view:[{type:l.Input}],activeView:[{type:l.Input}],readonly:[{type:l.Input}],disabled:[{type:l.Input}],format:[{type:l.Input}],value:[{type:l.Input}],popupSettings:[{type:l.Input}],paletteSettings:[{type:l.Input}],gradientSettings:[{type:l.Input}],icon:[{type:l.Input}],iconClass:[{type:l.Input}],clearButton:[{type:l.Input}],tabindex:[{type:l.Input}],preview:[{type:l.Input}],actionsLayout:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],valueChange:[{type:l.Output}],open:[{type:l.Output}],close:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],cancel:[{type:l.Output}],activeColorClick:[{type:l.Output}],activeViewChange:[{type:l.Output}],container:[{type:l.ViewChild,args:["container",{read:l.ViewContainerRef,static:!0}]}],activeColor:[{type:l.ViewChild,args:["activeColor",{static:!0}]}],popupTemplate:[{type:l.ViewChild,args:["popupTemplate",{static:!0}]}],flatColorPicker:[{type:l.ViewChild,args:["flatColorPicker",{static:!1}]}]}});d(Uo,Ko=P),Object.defineProperty(Uo.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Ko,$o=Uo;function Uo(e){var t=Ko.call(this)||this;return t.service=e,t}$o.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:$o,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),$o.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:$o,selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",providers:[{provide:P,useExisting:l.forwardRef(function(){return $o})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:$o,decorators:[{type:l.Component,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return $o})}],selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});Xo.prototype.ngAfterContentInit=function(){this.focusOnNextTick()},Xo.prototype.focusOnNextTick=function(){var e=this;this.ngZone.runOutsideAngular(function(){return setTimeout(function(){return e.host.nativeElement.focus()})})};a=Xo;function Xo(e,t){this.host=e,this.ngZone=t}a.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),a.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:a,selector:"[kendoFocusOnDomReady]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,decorators:[{type:l.Directive,args:[{selector:"[kendoFocusOnDomReady]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]}});var P=[Wo,Ao,Ro,_o,Oo,$o],qo=[ko,Io,a,So,wo,w,T,D],Qo=function(){},Io=(Qo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Qo.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,declarations:[Wo,Ao,Ro,_o,Oo,$o,ko,Io,a,So,wo,w,T,D],imports:[g,h,n.CommonModule,j.PopupModule,c.DraggableModule],exports:[Wo,Ao,Ro,_o,Oo,$o]}),Qo.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,imports:[[g,h,n.CommonModule,j.PopupModule,c.DraggableModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,decorators:[{type:l.NgModule,args:[{declarations:[P,qo],exports:[P],imports:[g,h,n.CommonModule,j.PopupModule,c.DraggableModule]}]}]}),Object.defineProperty(Yo.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(Yo.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Yo.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(t[e],e)})},Yo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("checkbox",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Yo);function Yo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",this._rounded="medium"}Io.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),Io.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Io,selector:"input[kendoCheckBox]",inputs:{size:"size",rounded:"rounded"},host:{properties:{"class.k-checkbox":"this.kendoClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,decorators:[{type:l.Directive,args:[{selector:"input[kendoCheckBox]"}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{kendoClass:[{type:l.HostBinding,args:["class.k-checkbox"]}],size:[{type:l.Input}],rounded:[{type:l.Input}]}});a=function(){},a.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,deps:[],target:i.ɵɵFactoryTarget.NgModule}),a.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,declarations:[Io],imports:[n.CommonModule],exports:[Io]}),a.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,decorators:[{type:l.NgModule,args:[{declarations:[Io],exports:[Io],imports:[n.CommonModule]}]}]}),Object.defineProperty(Jo.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Jo.prototype.ngAfterViewInit=function(){var t=this;["size"].forEach(function(e){t.handleClasses(t[e],e)})},Jo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("radio",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},So=Jo;function Jo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",H.validatePackage(Ze)}So.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),So.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:So,selector:"input[kendoRadioButton]",inputs:{size:"size"},host:{properties:{"class.k-radio":"this.kendoClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,decorators:[{type:l.Directive,args:[{selector:"input[kendoRadioButton]"}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{kendoClass:[{type:l.HostBinding,args:["class.k-radio"]}],size:[{type:l.Input}]}});var wo=function(){},ei=(wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,deps:[],target:i.ɵɵFactoryTarget.NgModule}),wo.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,declarations:[So],imports:[n.CommonModule],exports:[So]}),wo.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,decorators:[{type:l.NgModule,args:[{declarations:[So],exports:[So],imports:[n.CommonModule]}]}]}),0),w=(Object.defineProperty(ti.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(ti.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(ti.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),ti);function ti(){this.hostClass=!0,this.align="start",this.id="kendo-error-"+ei++,this.roleAttribute="alert"}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[],target:i.ɵɵFactoryTarget.Component}),w.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"kendo-formerror",inputs:{align:"align"},host:{properties:{"class.k-form-error":"this.hostClass","attr.role":"this.roleAttribute","class.k-text-start":"this.startClass","class.k-text-end":"this.endClass","attr.id":"this.idAttribute"}},ngImport:i,template:"\n <ng-content></ng-content>\n ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:l.Component,args:[{selector:"kendo-formerror",template:"\n <ng-content></ng-content>\n "}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-form-error"]}],align:[{type:l.Input}],roleAttribute:[{type:l.HostBinding,args:["attr.role"]}],startClass:[{type:l.HostBinding,args:["class.k-text-start"]}],endClass:[{type:l.HostBinding,args:["class.k-text-end"]}],idAttribute:[{type:l.HostBinding,args:["attr.id"]}]}});var ni=0,T=(Object.defineProperty(oi.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(oi.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(oi.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),oi);function oi(){this.align="start",this.id="kendo-hint-"+ni++,this.hostClass=!0}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-formhint",inputs:{align:"align"},host:{properties:{"class.k-form-hint":"this.hostClass","class.k-text-start":"this.startClass","class.k-text-end":"this.endClass","attr.id":"this.idAttribute"}},ngImport:i,template:"\n <ng-content></ng-content>\n ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:l.Component,args:[{selector:"kendo-formhint",template:"\n <ng-content></ng-content>\n "}]}],propDecorators:{align:[{type:l.Input}],hostClass:[{type:l.HostBinding,args:["class.k-form-hint"]}],startClass:[{type:l.HostBinding,args:["class.k-text-start"]}],endClass:[{type:l.HostBinding,args:["class.k-text-end"]}],idAttribute:[{type:l.HostBinding,args:["attr.id"]}]}});Object.defineProperty(R.prototype,"errorClass",{get:function(){return!!this.control&&(this.control.invalid&&(this.control.touched||this.control.dirty))},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"disabledClass",{get:function(){return!!this.control&&(!this.isRadioControl(this.control)&&(this.disabledControl()||this.disabledElement()||this.disabledKendoInput()))},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"formControls",{set:function(e){this.validateFormControl(e),this.control=e.first},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hasHints",{get:function(){return"always"===this.showHints||this.showHintsInitial()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hasErrors",{get:function(){return"always"===this.showErrors||this.showErrorsInitial()},enumerable:!1,configurable:!0}),R.prototype.ngAfterViewInit=function(){this.setDescription()},R.prototype.ngAfterViewChecked=function(){this.updateDescription()},R.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},R.prototype.disabledKendoInput=function(){return this.kendoInput&&this.kendoInput.disabled},R.prototype.disabledControl=function(){return this.control.disabled},R.prototype.disabledElement=function(){return this.controlElementRefs.toArray().every(function(e){return e.nativeElement.hasAttribute("disabled")})},R.prototype.validateFormControl=function(e){if(l.isDevMode()&&1!==e.length&&!this.isControlGroup(e))throw new Error("The `kendo-formfield` component should contain only one control of type NgControl with a formControlName(https://angular.io/api/forms/FormControlName)or an ngModel(https://angular.io/api/forms/NgModel) binding.")},R.prototype.isControlGroup=function(e){var t,n=this;return!!e.length&&(t=e.first.name,e.toArray().every(function(e){return e.name===t&&n.isRadioControl(e)}))},R.prototype.isRadioControl=function(e){return e.valueAccessor instanceof o.RadioControlValueAccessor},R.prototype.updateDescription=function(){var n=this,e=this.findControlElements();e&&e.forEach(function(e){var t;(0<n.errorChildren.length||0<n.hintChildren.length)&&(""!==(t=n.generateDescriptionIds(e))?n.renderer.setAttribute(e,"aria-describedby",t):n.renderer.removeAttribute(e,"aria-describedby"))})},R.prototype.findControlElements=function(){if(this.controlElementRefs)return this.kendoInput&&this.kendoInput.focusableId&&c.isDocumentAvailable()?[this.hostElement.nativeElement.querySelector("#"+this.kendoInput.focusableId)]:this.controlElementRefs.map(function(e){return e.nativeElement})},R.prototype.generateDescriptionIds=function(e){var t=new Set,n="";return e.hasAttribute("aria-describedby")&&(n=(e=e.getAttribute("aria-describedby").split(" ")).filter(function(e){return e.includes("kendo-error-")})[0],e.forEach(function(e){e.includes("kendo-hint-")||e.includes("kendo-error-")||t.add(e)})),this.hintChildren.forEach(function(e){t.add(e.id)}),this.hasErrors?this.errorChildren.forEach(function(e){t.add(e.id)}):t.delete(n),Array.from(t).join(" ")},R.prototype.showHintsInitial=function(){var e,t,n;return!this.control||(e=(n=this.control).valid,t=n.untouched,n=n.pristine,e||t&&n)},R.prototype.showErrorsInitial=function(){var e,t,n;return!!this.control&&(e=(n=this.control).invalid,t=n.dirty,n=n.touched,e&&(t||n))},R.prototype.setDescription=function(){var e=this;this.updateDescription(),this.subscriptions.add(this.errorChildren.changes.subscribe(function(){return e.updateDescription()})),this.subscriptions.add(this.hintChildren.changes.subscribe(function(){return e.updateDescription()}))};D=R;function R(e,t,n){var o=this;this.renderer=e,this.localizationService=t,this.hostElement=n,this.hostClass=!0,this.showHints="initial",this.orientation="vertical",this.showErrors="initial",this.subscriptions=new L.Subscription,this.rtl=!1,H.validatePackage(Ze),this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"}))}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:i.Renderer2},{token:r.LocalizationService},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),D.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"kendo-formfield",inputs:{showHints:"showHints",orientation:"orientation",showErrors:"showErrors"},host:{properties:{"class.k-form-field":"this.hostClass","attr.dir":"this.direction","class.k-form-field-error":"this.errorClass","class.k-form-field-disabled":"this.disabledClass"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.formfield"}],queries:[{propertyName:"kendoInput",first:!0,predicate:c.KendoInput,descendants:!0,static:!0},{propertyName:"formControls",predicate:o.NgControl,descendants:!0},{propertyName:"controlElementRefs",predicate:o.NgControl,descendants:!0,read:l.ElementRef},{propertyName:"errorChildren",predicate:w,descendants:!0},{propertyName:"hintChildren",predicate:T,descendants:!0}],ngImport:i,template:'\n <ng-content select="label, kendo-label"></ng-content>\n <div [class.k-form-field-wrap]="horizontal">\n <ng-content></ng-content>\n <ng-content select="kendo-formhint" *ngIf="hasHints"></ng-content>\n <ng-content select="kendo-formerror" *ngIf="hasErrors"></ng-content>\n </div>\n ',isInline:!0,directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:l.Component,args:[{selector:"kendo-formfield",template:'\n <ng-content select="label, kendo-label"></ng-content>\n <div [class.k-form-field-wrap]="horizontal">\n <ng-content></ng-content>\n <ng-content select="kendo-formhint" *ngIf="hasHints"></ng-content>\n <ng-content select="kendo-formerror" *ngIf="hasErrors"></ng-content>\n </div>\n ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.formfield"}]}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:r.LocalizationService},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-form-field"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],errorClass:[{type:l.HostBinding,args:["class.k-form-field-error"]}],disabledClass:[{type:l.HostBinding,args:["class.k-form-field-disabled"]}],formControls:[{type:l.ContentChildren,args:[o.NgControl,{descendants:!0}]}],controlElementRefs:[{type:l.ContentChildren,args:[o.NgControl,{read:l.ElementRef,descendants:!0}]}],kendoInput:[{type:l.ContentChild,args:[c.KendoInput,{static:!0}]}],errorChildren:[{type:l.ContentChildren,args:[w,{descendants:!0}]}],hintChildren:[{type:l.ContentChildren,args:[T,{descendants:!0}]}],showHints:[{type:l.Input}],orientation:[{type:l.Input}],showErrors:[{type:l.Input}]}});var ii,qo=function(){},P=(qo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,deps:[],target:i.ɵɵFactoryTarget.NgModule}),qo.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,declarations:[T,w,D],imports:[n.CommonModule],exports:[T,w,D]}),qo.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,decorators:[{type:l.NgModule,args:[{declarations:[T,w,D],exports:[T,w,D],imports:[n.CommonModule]}]}]}),d(ri,ii=t.ComponentMessages),ri);function ri(){return null!==ii&&ii.apply(this,arguments)||this}P.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,deps:null,target:i.ɵɵFactoryTarget.Directive}),P.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"kendo-signature-messages-base",inputs:{clear:"clear",minimize:"minimize",maximize:"maximize"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,decorators:[{type:l.Directive,args:[{selector:"kendo-signature-messages-base"}]}],propDecorators:{clear:[{type:l.Input}],minimize:[{type:l.Input}],maximize:[{type:l.Input}]}});d(li,ai=P),Object.defineProperty(li.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var ai,si=li;function li(e){var t=ai.call(this)||this;return t.service=e,t}si.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:si,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),si.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:si,selector:"kendo-signature-messages",providers:[{provide:P,useExisting:l.forwardRef(function(){return si})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:si,decorators:[{type:l.Component,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return si})}],selector:"kendo-signature-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});d(ui,ci=P);var ci,di=ui;function ui(e){var t=ci.call(this)||this;return t.service=e,t}di.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:di,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),di.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:di,selector:"[kendoSignatureLocalizedMessages]",providers:[{provide:P,useExisting:l.forwardRef(function(){return di})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:di,decorators:[{type:l.Directive,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return di})}],selector:"[kendoSignatureLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});d(gi,pi=c.PreventableEvent);var pi,hi=gi;function gi(){return null!==pi&&pi.apply(this,arguments)||this}d(vi,fi=c.PreventableEvent);var fi,mi=vi;function vi(){return null!==fi&&fi.apply(this,arguments)||this}function bi(){}var yi="k-focus",ki=(Object.defineProperty(F.prototype,"value",{get:function(){return this._value},set:function(e){e!==this._value&&(this._value=e,this.instance&&this.instance.loadImage(e))},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isEmpty",{get:function(){return!this.value},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"clearTitle",{get:function(){return this.getMessage("clear")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"minimizeTitle",{get:function(){return this.getMessage("minimize")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"maximizeTitle",{get:function(){return this.getMessage("maximize")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"baseWidth",{get:function(){return this.width||this.element.nativeElement.offsetWidth},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"baseHeight",{get:function(){return this.height||this.element.nativeElement.offsetHeight},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupWidth",{get:function(){return this.baseWidth*this.popupScale},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupHeight",{get:function(){return this.baseHeight*this.popupScale},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"showMaximize",{get:function(){return!(this.maximized||this.isDrawing||!this.maximizable||this.disabled)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"showMinimize",{get:function(){return this.maximized&&!this.isDrawing},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"showClear",{get:function(){return!(this.isEmpty||this.isDrawing||this.readonly||this.disabled)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"focused",{get:function(){return this.isFocused},set:function(e){var t;this.isFocused!==e&&this.element&&(t=this.element.nativeElement,e&&!this.maximized?this.renderer.addClass(t,yi):this.renderer.removeClass(t,yi),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"options",{get:function(){return{scale:this.maximized?this.popupScale:1,color:this.color,backgroundColor:this.backgroundColor,strokeWidth:this.strokeWidth,smooth:this.smooth,readonly:this.readonly}},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){var t=this;this.subscriptions=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},F.prototype.ngAfterViewInit=function(){var t=this;this.applyHostClasses(),this.readThemeColors(),this.ngZone.runOutsideAngular(function(){var e=t.canvas.nativeElement;t.instance=new W.SignaturePad(e,Object.assign(Object.assign({},t.options),{onChange:function(){return t.onValueChange()},onDraw:function(){return t.onDraw()},onDrawEnd:function(){return t.onDrawEnd()}})),t.value&&t.instance.loadImage(t.value),t.addEventListeners()})},F.prototype.ngOnChanges=function(e){c.anyChanged(["readonly","color","backgroundColor","strokeWidth","smooth"],e,!0)&&this.instance.setOptions(this.options),this.applyHostClasses()},F.prototype.ngOnDestroy=function(){this.instance&&(this.instance.destroy(),this.instance=null),this.subscriptions&&(this.subscriptions.unsubscribe(),this.subscriptions=null),this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null)},F.prototype.onClear=function(){this.reset(),this.valueChange.emit(void 0)},F.prototype.onValueChange=function(){return Q(this,void 0,void 0,function(){var t,n=this;return Y(this,function(e){switch(e.label){case 0:return[4,this.instance.exportImage({width:this.baseWidth*this.exportScale,height:this.baseHeight*this.exportScale})];case 1:return t=e.sent(),this._value=t,this.cd.markForCheck(),this.ngZone.run(function(){n.valueChange.emit(t),n.notifyNgChanged(t)}),[2]}})})},F.prototype.onDialogValueChange=function(e){this.value=e,this.valueChange.emit(e),this.notifyNgTouched(),this.notifyNgChanged(e)},F.prototype.onDialogClick=function(e){e.target.classList.contains("k-overlay")&&(this.isOpen=!1)},F.prototype.onDialogKeydown=function(e){e.keyCode===c.Keys.Escape&&(this.isOpen=!1,this.cd.detectChanges())},F.prototype.onDialogClose=function(){var e=new hi;this.close.next(e),e.isDefaultPrevented()||(this.isOpen=!1)},F.prototype.reset=function(){var e;u(this.value)&&(null!=(e=this.instance)&&e.clear(),this.value=this._value=void 0,this.notifyNgChanged(void 0))},F.prototype.toggle=function(e){this.disabled||this.readonly||(e=u(e)?e:!this.isOpen,this.isOpen=e)},F.prototype.onMaximize=function(){return Q(this,void 0,void 0,function(){var t,n;return Y(this,function(e){switch(e.label){case 0:return(t=new mi,this.open.next(t),t.isDefaultPrevented())?[3,2]:[4,(n=this).instance.exportImage({width:this.popupWidth*this.exportScale,height:this.popupHeight*this.exportScale})];case 1:n.popupValue=e.sent(),this.isOpen=!0,this.cd.detectChanges(),e.label=2;case 2:return[2]}})})},F.prototype.onMinimize=function(){this.minimize.next()},F.prototype.applyHostClasses=function(){var n=this.element.nativeElement.classList;this.hostClasses.forEach(function(e){e=J(e,1)[0];return n.remove(e)}),this.hostClasses=[["k-signature-"+Ie[this.size||"medium"],!ne(this.size)],["k-input-"+(this.fillMode||"solid"),!ne(this.fillMode)],["k-rounded-"+xe[this.rounded||"medium"],!ne(this.rounded)]],this.hostClasses.forEach(function(e){var e=J(e,2),t=e[0],e=e[1];return n.toggle(t,e)})},F.prototype.readThemeColors=function(){var e,t="#000000",n="#ffffff";c.isDocumentAvailable()&&(e=this.element.nativeElement,t=getComputedStyle(e).color,n=getComputedStyle(e).backgroundColor),this.color=this.color||t,this.backgroundColor=this.backgroundColor||n},F.prototype.focus=function(){this.focused=!0,this.element.nativeElement.focus()},F.prototype.onWrapperFocus=function(){var e=this;this.focused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},F.prototype.blur=function(){this.focused=!1,this.element.nativeElement.blur(),this.notifyNgTouched()},F.prototype.onWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.focused=!1,e.notifyNgTouched()})},F.prototype.onWrapperClick=function(e){this.disabled||this.focus()},F.prototype.writeValue=function(e){this.value=e},F.prototype.registerOnChange=function(e){this.notifyNgChanged=e},F.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},F.prototype.onDraw=function(){this.isDrawing=!0,this.cd.markForCheck()},F.prototype.onDrawEnd=function(){this.isDrawing=!1,this.cd.markForCheck()},F.prototype.addEventListeners=function(){var t=this,e=this.element.nativeElement,n=this.renderer.listen(e,"focusin",function(){return t.onWrapperFocus()}),o=this.renderer.listen(e,"focusout",function(e){c.closest(e.relatedTarget,function(e){return e===t.element.nativeElement})||t.onWrapperBlur()}),i=this.renderer.listen(e,"click",function(){t.ngZone.run(function(e){t.onWrapperClick(e)})});this.unsubscribe=function(){n(),o(),i()}},F.prototype.getMessage=function(e){return(this.maximized&&this.parentLocalization?this.parentLocalization:this.localization).get(e)},F);function F(e,t,n,o,i){this.element=e,this.renderer=t,this.ngZone=n,this.cd=o,this.localization=i,this.staticHostClasses=!0,this.readonly=!1,this.disabled=!1,this.size="medium",this.rounded="medium",this.fillMode="solid",this.strokeWidth=1,this.smooth=!1,this.maximizable=!0,this.maximized=!1,this.popupScale=3,this.exportScale=2,this.hideLine=!1,this.valueChange=new l.EventEmitter,this.open=new l.EventEmitter,this.close=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.minimize=new l.EventEmitter,this.isFocused=!1,this.isDrawing=!1,this.notifyNgTouched=bi,this.notifyNgChanged=bi,this._tabindex=0,this.hostClasses=[],H.validatePackage(Ze),this.direction=i.rtl?"rtl":"ltr"}ki.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ki,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),ki.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ki,selector:"kendo-signature",inputs:{readonly:"readonly",disabled:"disabled",width:"width",height:"height",value:"value",tabindex:"tabindex",size:"size",rounded:"rounded",fillMode:"fillMode",color:"color",backgroundColor:"backgroundColor",strokeWidth:"strokeWidth",smooth:"smooth",maximizable:"maximizable",maximized:"maximized",popupScale:"popupScale",exportScale:"exportScale",parentLocalization:"parentLocalization",hideLine:"hideLine"},outputs:{valueChange:"valueChange",open:"open",close:"close",onFocus:"focus",onBlur:"blur",minimize:"minimize"},host:{properties:{"class.k-signature":"this.staticHostClasses","class.k-input":"this.staticHostClasses","attr.dir":"this.direction","class.k-readonly":"this.readonly","class.k-disabled":"this.disabled","style.width.px":"this.width","style.height.px":"this.height"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.signature"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ki})}],viewQueries:[{propertyName:"canvas",first:!0,predicate:["canvas"],descendants:!0}],exportAs:["kendoSignature"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoSignatureLocalizedMessages\n i18n-clear="kendo.signature.clear|The message for the Clear button."\n clear="Clear"\n i18n-maximize="kendo.signature.maximize|The message for the Maximize button."\n maximize="Maximize"\n i18n-minimize="kendo.signature.minimize|The message for the Minimize button."\n minimize="Minimize">\n </ng-container>\n\n <div class="k-signature-actions k-signature-actions-top">\n <button\n *ngIf="showMaximize"\n kendoButton\n class="k-signature-action k-signature-maximize"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMaximize()"\n [attr.aria-label]="maximizeTitle"\n [title]="maximizeTitle">\n </button>\n <button\n *ngIf="showMinimize"\n kendoButton\n class="k-signature-action k-signature-minimize k-rotate-180"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMinimize()"\n [attr.aria-label]="minimizeTitle"\n [title]="minimizeTitle">\n </button>\n </div>\n <div\n #canvas\n class="k-signature-canvas"\n [attr.tabindex]="tabindex"\n ></div>\n <div\n *ngIf="!hideLine"\n class="k-signature-line"\n ></div>\n <div class="k-signature-actions k-signature-actions-bottom">\n <button\n *ngIf="showClear"\n kendoButton\n class="k-signature-action k-signature-clear"\n icon="close"\n fillMode="flat"\n [size]="size"\n [attr.aria-label]="clearTitle"\n [title]="clearTitle"\n (click)="onClear()" >\n </button>\n </div>\n\n <kendo-dialog *ngIf="isOpen" (click)="onDialogClick($event)" (keydown)="onDialogKeydown($event)">\n <kendo-signature\n [readonly]="readonly"\n [disabled]="disabled"\n [size]="size"\n [rounded]="rounded"\n [fillMode]="fillMode"\n [color]="color"\n [backgroundColor]="backgroundColor"\n [strokeWidth]="strokeWidth"\n [smooth]="smooth"\n [value]="popupValue"\n (valueChange)="onDialogValueChange($event)"\n [hideLine]="hideLine"\n [class.k-signature-maximized]="true"\n [maximized]="true"\n (minimize)="onDialogClose()"\n [width]="popupWidth"\n [height]="popupHeight"\n [popupScale]="popupScale"\n [parentLocalization]="localization">\n </kendo-signature>\n </kendo-dialog>\n ',isInline:!0,components:[{type:X.DialogComponent,selector:"kendo-dialog",inputs:["actions","actionsLayout","autoFocusedElement","title","width","minWidth","maxWidth","height","minHeight","maxHeight","animation"],outputs:["action","close"],exportAs:["kendoDialog"]},{type:ki,selector:"kendo-signature",inputs:["readonly","disabled","width","height","value","tabindex","size","rounded","fillMode","color","backgroundColor","strokeWidth","smooth","maximizable","maximized","popupScale","exportScale","parentLocalization","hideLine"],outputs:["valueChange","open","close","focus","blur","minimize"],exportAs:["kendoSignature"]}],directives:[{type:di,selector:"[kendoSignatureLocalizedMessages]"},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.ButtonDirective,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]}],changeDetection:i.ChangeDetectionStrategy.OnPush}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ki,decorators:[{type:l.Component,args:[{exportAs:"kendoSignature",selector:"kendo-signature",changeDetection:l.ChangeDetectionStrategy.OnPush,providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.signature"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ki})}],template:'\n <ng-container kendoSignatureLocalizedMessages\n i18n-clear="kendo.signature.clear|The message for the Clear button."\n clear="Clear"\n i18n-maximize="kendo.signature.maximize|The message for the Maximize button."\n maximize="Maximize"\n i18n-minimize="kendo.signature.minimize|The message for the Minimize button."\n minimize="Minimize">\n </ng-container>\n\n <div class="k-signature-actions k-signature-actions-top">\n <button\n *ngIf="showMaximize"\n kendoButton\n class="k-signature-action k-signature-maximize"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMaximize()"\n [attr.aria-label]="maximizeTitle"\n [title]="maximizeTitle">\n </button>\n <button\n *ngIf="showMinimize"\n kendoButton\n class="k-signature-action k-signature-minimize k-rotate-180"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMinimize()"\n [attr.aria-label]="minimizeTitle"\n [title]="minimizeTitle">\n </button>\n </div>\n <div\n #canvas\n class="k-signature-canvas"\n [attr.tabindex]="tabindex"\n ></div>\n <div\n *ngIf="!hideLine"\n class="k-signature-line"\n ></div>\n <div class="k-signature-actions k-signature-actions-bottom">\n <button\n *ngIf="showClear"\n kendoButton\n class="k-signature-action k-signature-clear"\n icon="close"\n fillMode="flat"\n [size]="size"\n [attr.aria-label]="clearTitle"\n [title]="clearTitle"\n (click)="onClear()" >\n </button>\n </div>\n\n <kendo-dialog *ngIf="isOpen" (click)="onDialogClick($event)" (keydown)="onDialogKeydown($event)">\n <kendo-signature\n [readonly]="readonly"\n [disabled]="disabled"\n [size]="size"\n [rounded]="rounded"\n [fillMode]="fillMode"\n [color]="color"\n [backgroundColor]="backgroundColor"\n [strokeWidth]="strokeWidth"\n [smooth]="smooth"\n [value]="popupValue"\n (valueChange)="onDialogValueChange($event)"\n [hideLine]="hideLine"\n [class.k-signature-maximized]="true"\n [maximized]="true"\n (minimize)="onDialogClose()"\n [width]="popupWidth"\n [height]="popupHeight"\n [popupScale]="popupScale"\n [parentLocalization]="localization">\n </kendo-signature>\n </kendo-dialog>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:r.LocalizationService}]},propDecorators:{staticHostClasses:[{type:l.HostBinding,args:["class.k-signature"]},{type:l.HostBinding,args:["class.k-input"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],readonly:[{type:l.HostBinding,args:["class.k-readonly"]},{type:l.Input}],disabled:[{type:l.HostBinding,args:["class.k-disabled"]},{type:l.Input}],width:[{type:l.Input},{type:l.HostBinding,args:["style.width.px"]}],height:[{type:l.Input},{type:l.HostBinding,args:["style.height.px"]}],value:[{type:l.Input}],tabindex:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],color:[{type:l.Input}],backgroundColor:[{type:l.Input}],strokeWidth:[{type:l.Input}],smooth:[{type:l.Input}],maximizable:[{type:l.Input}],maximized:[{type:l.Input}],popupScale:[{type:l.Input}],exportScale:[{type:l.Input}],parentLocalization:[{type:l.Input}],hideLine:[{type:l.Input}],valueChange:[{type:l.Output}],open:[{type:l.Output}],close:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],minimize:[{type:l.Output}],canvas:[{type:l.ViewChild,args:["canvas"]}]}});j=function(){},j.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,deps:[],target:i.ɵɵFactoryTarget.NgModule}),j.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,declarations:[ki,si,di],imports:[G.ButtonModule,n.CommonModule,Z.DialogsModule],exports:[ki,si]}),j.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,imports:[[G.ButtonModule,n.CommonModule,Z.DialogsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,decorators:[{type:l.NgModule,args:[{declarations:[ki,si,di],exports:[ki,si],imports:[G.ButtonModule,n.CommonModule,Z.DialogsModule]}]}]}),X=function(){};X.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,deps:[],target:i.ɵɵFactoryTarget.NgModule}),X.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,imports:[n.CommonModule],exports:[Nn,On,g,p,b,h,bn,Qo,a,wo,qo,j]}),X.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,imports:[[n.CommonModule],Nn,On,g,p,b,h,bn,Qo,a,wo,qo,j]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,decorators:[{type:l.NgModule,args:[{exports:[Nn,On,g,p,b,h,bn,Qo,a,wo,qo,j],imports:[n.CommonModule]}]}]}),e.ActiveColorClickEvent=Xn,e.CheckBoxDirective=Io,e.CheckBoxModule=a,e.ColorGradientComponent=Ro,e.ColorPaletteComponent=Ao,e.ColorPickerCancelEvent=jn,e.ColorPickerCloseEvent=Zn,e.ColorPickerComponent=Wo,e.ColorPickerCustomMessagesComponent=$o,e.ColorPickerModule=Qo,e.ColorPickerOpenEvent=$n,e.ErrorComponent=w,e.FlatColorPickerComponent=_o,e.FormFieldComponent=D,e.FormFieldModule=qo,e.HintComponent=T,e.InputSeparatorComponent=I,e.InputsModule=X,e.LabelTemplateDirective=We,e.LocalizedColorPickerMessagesDirective=Oo,e.LocalizedNumericTextBoxMessagesDirective=Ft,e.LocalizedRangeSliderMessagesDirective=dt,e.LocalizedSignatureMessagesDirective=di,e.LocalizedSliderMessagesDirective=Je,e.LocalizedSwitchMessagesDirective=bt,e.LocalizedTextBoxMessagesDirective=xn,e.MaskedTextBoxComponent=sn,e.MaskedTextBoxModule=bn,e.NumericLabelDirective=ko,e.NumericTextBoxComponent=y,e.NumericTextBoxCustomMessagesComponent=_t,e.NumericTextBoxModule=h,e.RadioButtonDirective=So,e.RadioButtonModule=wo,e.RangeSliderComponent=gt,e.RangeSliderCustomMessagesComponent=pn,e.RangeSliderModule=p,e.SharedModule=Vn,e.SignatureCloseEvent=hi,e.SignatureComponent=ki,e.SignatureCustomMessagesComponent=si,e.SignatureMessages=P,e.SignatureModule=j,e.SignatureOpenEvent=mi,e.SliderComponent=ot,e.SliderCustomMessagesComponent=cn,e.SliderModule=g,e.SliderTicksComponent=Ue,e.SwitchComponent=Ct,e.SwitchCustomMessagesComponent=fn,e.SwitchModule=b,e.TextAreaComponent=Mn,e.TextAreaDirective=wt,e.TextAreaModule=Nn,e.TextAreaSuffixComponent=Bn,e.TextBoxComponent=Sn,e.TextBoxCustomMessagesComponent=Dn,e.TextBoxDirective=It,e.TextBoxModule=On,e.TextBoxPrefixTemplateDirective=kn,e.TextBoxSuffixTemplateDirective=yn,Object.defineProperty(e,"__esModule",{value:!0})});
5
+ !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("rxjs"),require("rxjs/operators"),require("@progress/kendo-angular-l10n"),require("@progress/kendo-angular-common"),require("@progress/kendo-licensing"),require("@angular/common"),require("@progress/kendo-common"),require("@progress/kendo-angular-intl"),require("@progress/kendo-angular-popup"),require("@progress/kendo-drawing"),require("@progress/kendo-angular-buttons"),require("@progress/kendo-angular-dialog"),require("@progress/kendo-inputs-common")):"function"==typeof define&&define.amd?define("KendoAngularInputs",["exports","@angular/core","@angular/forms","rxjs","rxjs/operators","@progress/kendo-angular-l10n","@progress/kendo-angular-common","@progress/kendo-licensing","@angular/common","@progress/kendo-common","@progress/kendo-angular-intl","@progress/kendo-angular-popup","@progress/kendo-drawing","@progress/kendo-angular-buttons","@progress/kendo-angular-dialog","@progress/kendo-inputs-common"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).KendoAngularInputs={},e.ng.core,e.ng.forms,e.rxjs,e.rxjs.operators,e.KendoAngularL10N,e.KendoAngularCommon,e.KendoLicensing,e.ng.common,e.KendoCommon,e.KendoAngularIntl,e.KendoAngularPopup,e.KendoDrawing,e.KendoAngularButtons,e.KendoAngularDialog,e.KendoInputsCommon)}(this,function(e,l,o,L,M,t,c,H,n,N,A,j,_,G,Z,W){"use strict";function K(n){var o;return n&&n.__esModule?n:(o=Object.create(null),n&&Object.keys(n).forEach(function(e){var t;"default"!==e&&(t=Object.getOwnPropertyDescriptor(n,e),Object.defineProperty(o,e,t.get?t:{enumerable:!0,get:function(){return n[e]}}))}),o.default=n,Object.freeze(o))}var i=K(l),r=K(t),a=K(c),s=K(n),$=K(A),U=K(j),A=K(G),X=K(Z),q=function(e,t){return(q=Object.setPrototypeOf||({__proto__:[]}instanceof Array?function(e,t){e.__proto__=t}:function(e,t){for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}))(e,t)};function d(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Class extends value "+String(t)+" is not a constructor or null");function n(){this.constructor=e}q(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}function Q(e,a,s,l){return new(s=s||Promise)(function(n,t){function o(e){try{r(l.next(e))}catch(e){t(e)}}function i(e){try{r(l.throw(e))}catch(e){t(e)}}function r(e){var t;e.done?n(e.value):((t=e.value)instanceof s?t:new s(function(e){e(t)})).then(o,i)}r((l=l.apply(e,a||[])).next())})}function Y(o,i){var r,a,s,l={label:0,sent:function(){if(1&s[0])throw s[1];return s[1]},trys:[],ops:[]},e={next:t(0),throw:t(1),return:t(2)};return"function"==typeof Symbol&&(e[Symbol.iterator]=function(){return this}),e;function t(n){return function(e){var t=[n,e];if(r)throw new TypeError("Generator is already executing.");for(;l;)try{if(r=1,a&&(s=2&t[0]?a.return:t[0]?a.throw||((s=a.return)&&s.call(a),0):a.next)&&!(s=s.call(a,t[1])).done)return s;switch(a=0,(t=s?[2&t[0],s.value]:t)[0]){case 0:case 1:s=t;break;case 4:return l.label++,{value:t[1],done:!1};case 5:l.label++,a=t[1],t=[0];continue;case 7:t=l.ops.pop(),l.trys.pop();continue;default:if(!(s=0<(s=l.trys).length&&s[s.length-1])&&(6===t[0]||2===t[0])){l=0;continue}if(3===t[0]&&(!s||t[1]>s[0]&&t[1]<s[3]))l.label=t[1];else if(6===t[0]&&l.label<s[1])l.label=s[1],s=t;else{if(!(s&&l.label<s[2])){s[2]&&l.ops.pop(),l.trys.pop();continue}l.label=s[2],l.ops.push(t)}}t=i.call(o,l)}catch(e){t=[6,e],a=0}finally{r=s=0}if(5&t[0])throw t[1];return{value:t[0]?t[1]:void 0,done:!0}}}}Object.create;function J(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,i,r=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=r.next()).done;)a.push(o.value)}catch(e){i={error:e}}finally{try{o&&!o.done&&(n=r.return)&&n.call(r)}finally{if(i)throw i.error}}return a}Object.create;function ee(e,t){return e===t||null===e&&void 0===t||void 0===e&&null===t}function te(e){return e&&(!e.touched||e.control&&"blur"===e.control.updateOn)}function ne(e){return"none"===e}function oe(e,t,n,o){switch(t){case"size":return{toRemove:"k-"+e+"-"+Ie[n],toAdd:"none"!==o?"k-"+e+"-"+Ie[o]:""};case"rounded":return{toRemove:"k-rounded-"+xe[n],toAdd:"none"!==o?"k-rounded-"+xe[o]:""};case"fillMode":return{toRemove:"k-"+e+"-"+n,toAdd:"none"!==o?"k-"+e+"-"+o:""}}}function ie(e){return(e.max-e.min)/e.smallStep*e.fixedTickWidth}function re(e,t,n){if(void 0===e&&(e=0),void 0===t&&(t=0),(n=void 0===n?1:n)<=0)throw new Error("Invalid argument: smallStep must be a positive number");return t=Math.abs(Pe(t,e)),e=Math.floor(Oe(t,n)),De(e,1)}function ae(e,t){var n=t.max,o=t.min,i=t.smallStep,r=t.reverse,t=t.vertical,o=De(o,Ve(e,i));return t||r?Math.abs(Pe(o,n)):o}function se(e){var t=e.trackWidth,n=e.min,o=e.max,i=e.reverse,e=e.value,o=t/Math.abs(o-n),o=u(e)?o*(e-n):n;return i&&(o=t-o),Math.floor(o)}function le(e){return-1<e.id.indexOf("k-start-handle")}function ce(e,t){var n=t.smallStep,o=t.min,i=t.max,i=Fe(e,o,i);return e!==i?i:(i=ze(e,t),t=Re(e,t),(e-o)%n==0?e:t-e<=(t-i)/2?t:i)}function de(e,t,n){return e<n?e:n<t?t:n}function ue(e,t,n){return n?[de(e,t,n[0]),de(e,t,n[1])]:[t,t]}function pe(e){return e}function he(e,t){return ee(e[0],t[0])&&ee(e[1],t[1])}function ge(e,t,n){var o=n.min,i=n.max,r=n.vertical,a=n.rtl,s=(s=(s=t).getBoundingClientRect(),l=document.documentElement,{left:s.left+(window.pageXOffset||l.scrollLeft)-(l.clientLeft||0),top:s.top+(window.pageYOffset||l.scrollTop)-(l.clientTop||0)}),l=(r?e.pageY-s.top:e.pageX-s.left)*((i-o)/(r?t.clientHeight:t.clientWidth)),e=a||r?i-l:o+l,s=Ee(n.smallStep),e=Te(e,s+1);return ce(e,n)}function fe(e){return 0<=e.className.indexOf("k-button-increase")||0<=e.className.indexOf("k-button-decrease")}function me(e){return Re(e.value,e)}function ve(e){return ze(e.value,e)}function be(e){return Re(e.value,e,!0)}function ye(e){return ze(e.value,e,!0)}function ke(e){if(l.isDevMode&&e&&e[0]>e[1])throw new Error("[RangeSlider] The start value should not be greater than the end value.")}var u=function(e){return null!=e},Ce=function(e,t,n){return!u(e)||isNaN(e)||e<=t?t:n<=e?n:e},Ie={small:"sm",medium:"md",large:"lg"},xe={small:"sm",medium:"md",large:"lg",full:"full"},we=function(e){return Math.min(e,20)},Ee=function(e){return(String(e).split(".")[1]||"").length},Se=function(e,t){return Math.max(Ee(e),Ee(t))},Te=function(e,t){t=we(t);return parseFloat(e.toFixed(t))},De=function(e,t){var n=Se(e,t);return Te(e+t,n)},Pe=function(e,t){return De(e,-t)},Ve=function(e,t){var n=Ee(e)+Ee(t);return Te(e*t,n)},Oe=function(e,t){var n;return 0===t?NaN:(n=Se(e,t),(n=Math.pow(10,n))*e/(n*t))},Be=function(e,t){return Math.abs(Pe(e,Ve(t,Math.floor(Oe(e,t)))))},ze=function(e,t,n){var o=t.max,i=t.min,r=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ve(r,t):r,t=Pe(e,i),r=Be(t,n),e=Pe(t,0===r?n:r);return Fe(De(e,i),i,o)},Re=function(e,t,n){var o=t.max,i=t.min,r=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ve(r,t):r,t=Pe(e,i),r=Be(t,n),e=De(Pe(t,r),n);return Fe(De(e,i),i,o)},Fe=function(e,t,n){return Math.max(Math.min(e,n),t)},p=(Le.prototype.resizeTrack=function(){var e=this.props.vertical?"height":"width",t=this.props.vertical?"width":"height",n=this.trackWidth();this.track.parentElement.style[e]=n+"px",this.track.parentElement.style[t]=""},Le.prototype.resizeTicks=function(e,t){var n=this,o=this.props.vertical?"height":"width";!function(e,t,n){if(n||2===arguments.length)for(var o,i=0,r=t.length;i<r;i++)!o&&i in t||((o=o||Array.prototype.slice.call(t,0,i))[i]=t[i]);return e.concat(o||Array.prototype.slice.call(t))}([],J(t)).map(function(e,t){return e.style[o]=n.tickSizes[t]+"px"}),this.props.vertical&&this.adjustPadding(e)},Le.prototype.resizeWrapper=function(){var e=this.props.vertical?"height":"width",t=ie(this.props),n=this.wrapper.parentElement;t&&(n.style[e]="auto")},Le.prototype.trackWidth=function(){return this.props.fixedTickWidth?ie(this.props):this.elementSize(this.track.parentElement)},Le.prototype.getTickSizes=function(){for(var e=this.props,t=e.min,n=e.max,o=e.smallStep,i=re(t,n,o),e=this.trackWidth(),r=e/Pe(n,t),a=[],s=0,l=0,c=0;c<i;c++){var l=+(l+=0===c||c===i-1?o/2*r:o*r).toFixed(2)-.01,d=Math.round(l-s);a.push(d),s+=d}return e<=s&&--a[a.length-1],a},Le.prototype.adjustPadding=function(e){var t=this.tickSizes.reduce(function(e,t){return e+t},0),t=this.trackWidth()-t;0!=t&&(t=t+this.elementOffset(this.track),e.style.paddingTop=t+"px")},Le.prototype.elementOffset=function(e){var t=this.props.vertical,e=getComputedStyle(e);return parseInt(t?e.bottom:e.left,10)},Le.prototype.elementSize=function(e){return this.props.vertical?e.clientHeight:e.clientWidth},Le);function Le(e,t,n,o){this.props=e,this.wrapper=t,this.track=n,this.renderer=o,this.props=e,this.wrapper=t,this.track=n,this.tickSizes=this.getTickSizes()}d(Ne,Me=p),Ne.prototype.positionHandle=function(e){var t=this.props,n=t.max,o=t.min,i=t.reverse,t=t.vertical?"bottom":"left",r=this.trackWidth(),a=de(n,o,this.props.value);this.handlePosition=se({min:o,max:n,reverse:i,value:a,trackWidth:r}),this.renderer.setStyle(e,t,this.handlePosition+"px")},Ne.prototype.positionSelection=function(e){var t=this.props,n=t.reverse,t=t.vertical?"height":"width",o=this.handlePosition;n&&(o=this.trackWidth()-o),this.renderer.setStyle(e,t,o+"px")};var Me,He=Ne;function Ne(){return null!==Me&&Me.apply(this,arguments)||this}var Ae=function(e){return String(e).trim().split(" ")};function je(e,t){for(var n=[],o=2;o<arguments.length;o++)n[o-2]=arguments[o];e&&e.nativeElement&&e.nativeElement[t].apply(e.nativeElement,n)}function _e(e){return e&&e.nativeElement&&(e=e.nativeElement,t="ng-untouched",Boolean(Ae(e.className).find(function(e){return e===t})));var t}function Ge(e,t){for(;e&&!t(e);)e=e.parentNode;return e}var Ze={name:"@progress/kendo-angular-inputs",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1666695015,version:"",licensingDocsUrl:"https://www.telerik.com/kendo-angular-ui/my-license/?utm_medium=product&utm_source=kendoangular&utm_campaign=kendo-ui-angular-purchase-license-keys-warning"},We=function(e){this.templateRef=e},h=(We.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:We,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),We.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:We,selector:"[kendoSliderLabelTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:We,decorators:[{type:l.Directive,args:[{selector:"[kendoSliderLabelTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),Object.defineProperty(Ke.prototype,"horizontalClass",{get:function(){return!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"verticalClass",{get:function(){return this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Ke.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Ke.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.sizeComponent()})),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(o.NgControl,null)},Object.defineProperty(Ke.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),Ke.prototype.isEmpty=function(){return!1},Object.defineProperty(Ke.prototype,"reverse",{get:function(){return this.localizationService.rtl&&!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.prototype,"keyBinding",{get:function(){var e=this.reverse,t={};return t[c.Keys.ArrowLeft]=e?me:ve,t[c.Keys.ArrowRight]=e?ve:me,t[c.Keys.ArrowDown]=ve,t[c.Keys.ArrowUp]=me,t[c.Keys.PageUp]=be,t[c.Keys.PageDown]=ye,t[c.Keys.Home]=function(e){return e.min},t[c.Keys.End]=function(e){return e.max},t},enumerable:!1,configurable:!0}),Ke.prototype.resetStyles=function(e){var t=this;e.forEach(function(e){e&&(t.vertical?(t.renderer.removeStyle(e,"width"),t.renderer.removeStyle(e,"left"),t.renderer.removeStyle(e,"right")):(t.renderer.removeStyle(e,"height"),t.renderer.removeStyle(e,"bottom")),t.renderer.removeStyle(e,"padding-top"))})},Ke);function Ke(e,t,n,o,i,r){var a=this;this.localizationService=e,this.injector=t,this.renderer=n,this.ngZone=o,this.changeDetector=i,this.hostElement=r,this.title=pe,this.tickPlacement="both",this.vertical=!1,this.min=0,this.max=10,this.smallStep=1,this.largeStep=null,this.disabled=!1,this.readonly=!1,this.tabindex=0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.sliderClass=!0,this.subscriptions=new L.Subscription,this.ifEnabled=function(e,t){a.isDisabled||e.call(a,t)},H.validatePackage(Ze),this.direction=e.rtl?"rtl":"ltr"}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[{token:r.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),h.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"kendo-slider-base",inputs:{title:"title",tickPlacement:"tickPlacement",vertical:"vertical",min:"min",max:"max",smallStep:"smallStep",largeStep:"largeStep",fixedTickWidth:"fixedTickWidth",disabled:"disabled",readonly:"readonly",tabindex:"tabindex"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{properties:{"attr.dir":"this.direction","class.k-slider-horizontal":"this.horizontalClass","class.k-slider-vertical":"this.verticalClass","class.k-slider":"this.sliderClass","class.k-disabled":"this.disabledClass"}},queries:[{propertyName:"labelTemplate",first:!0,predicate:We,descendants:!0}],viewQueries:[{propertyName:"wrapper",first:!0,predicate:["wrap"],descendants:!0,static:!0},{propertyName:"track",first:!0,predicate:["track"],descendants:!0,static:!0},{propertyName:"sliderSelection",first:!0,predicate:["sliderSelection"],descendants:!0,static:!0},{propertyName:"ticksContainer",first:!0,predicate:["ticks"],descendants:!0,read:l.ElementRef},{propertyName:"ticks",first:!0,predicate:["ticks"],descendants:!0}],ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.Component,args:[{selector:"kendo-slider-base",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.Injector},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{title:[{type:l.Input}],tickPlacement:[{type:l.Input}],vertical:[{type:l.Input}],min:[{type:l.Input}],max:[{type:l.Input}],smallStep:[{type:l.Input}],largeStep:[{type:l.Input}],fixedTickWidth:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tabindex:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}],direction:[{type:l.HostBinding,args:["attr.dir"]}],horizontalClass:[{type:l.HostBinding,args:["class.k-slider-horizontal"]}],verticalClass:[{type:l.HostBinding,args:["class.k-slider-vertical"]}],sliderClass:[{type:l.HostBinding,args:["class.k-slider"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],wrapper:[{type:l.ViewChild,args:["wrap",{static:!0}]}],track:[{type:l.ViewChild,args:["track",{static:!0}]}],sliderSelection:[{type:l.ViewChild,args:["sliderSelection",{static:!0}]}],ticksContainer:[{type:l.ViewChild,args:["ticks",{read:l.ElementRef,static:!1}]}],ticks:[{type:l.ViewChild,args:["ticks",{static:!1}]}],labelTemplate:[{type:l.ContentChild,args:[We,{static:!1}]}]}});var $e=function(e){this.value=e,this.classes={"k-tick":!0}},Ue=(Xe.prototype.ngOnChanges=function(e){this.createTicks()},Xe.prototype.createTicks=function(){for(var e=re(this.min,this.max,this.step),t=this.largeStep,n={max:this.max,min:this.min,smallStep:this.step},o=[],i=0;i<e;i++)o.push(new $e(ae(i,n))),t&&i%t==0&&(o[i].large=!0,o[i].classes["k-tick-large"]=!0);0<o.length&&(Object.assign(o[0].classes,this.endTickClasses(!0)),Object.assign(o[o.length-1].classes,this.endTickClasses(!1))),this.ticks=o},Xe.prototype.endTickClasses=function(e){return{"k-first":e&&!this.vertical||!e&&this.vertical,"k-last":!e&&!this.vertical||e&&this.vertical}},Xe);function Xe(){this.wrapperClasses="k-reset k-slider-items",this.ticks=[]}Ue.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ue,deps:[],target:i.ɵɵFactoryTarget.Component}),Ue.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ue,selector:"[kendoSliderTicks]",inputs:{tickTitle:"tickTitle",vertical:"vertical",step:"step",largeStep:"largeStep",min:"min",max:"max",labelTemplate:"labelTemplate"},host:{properties:{class:"this.wrapperClasses"}},viewQueries:[{propertyName:"tickElements",predicate:["tickElement"],descendants:!0}],usesOnChanges:!0,ngImport:i,template:'\n <li #tickElement *ngFor="let tick of ticks;"\n [ngClass]="tick.classes"\n title="{{ tickTitle(tick.value) }}"\n role="presentation"\n >\n <ng-container [ngSwitch]="tick.large">\n <span class="k-label" *ngSwitchCase="true">\n <ng-container [ngTemplateOutlet]="labelTemplate || defaultLabel" [ngTemplateOutletContext]="tick">\n </ng-container>\n </span>\n <ng-container *ngSwitchCase="false">&nbsp;</ng-container>\n </ng-container>\n </li>\n\n <ng-template #defaultLabel let-value="value">\n {{ tickTitle(value) }}\n </ng-template>\n ',isInline:!0,directives:[{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:s.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:s.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:s.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ue,decorators:[{type:l.Component,args:[{selector:"[kendoSliderTicks]",template:'\n <li #tickElement *ngFor="let tick of ticks;"\n [ngClass]="tick.classes"\n title="{{ tickTitle(tick.value) }}"\n role="presentation"\n >\n <ng-container [ngSwitch]="tick.large">\n <span class="k-label" *ngSwitchCase="true">\n <ng-container [ngTemplateOutlet]="labelTemplate || defaultLabel" [ngTemplateOutletContext]="tick">\n </ng-container>\n </span>\n <ng-container *ngSwitchCase="false">&nbsp;</ng-container>\n </ng-container>\n </li>\n\n <ng-template #defaultLabel let-value="value">\n {{ tickTitle(value) }}\n </ng-template>\n '}]}],propDecorators:{wrapperClasses:[{type:l.HostBinding,args:["class"]}],tickTitle:[{type:l.Input}],vertical:[{type:l.Input}],step:[{type:l.Input}],largeStep:[{type:l.Input}],min:[{type:l.Input}],max:[{type:l.Input}],labelTemplate:[{type:l.Input}],tickElements:[{type:l.ViewChildren,args:["tickElement"]}]}});d(Qe,qe=t.ComponentMessages);var qe,g=Qe;function Qe(){return null!==qe&&qe.apply(this,arguments)||this}g.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,deps:null,target:i.ɵɵFactoryTarget.Directive}),g.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:g,selector:"kendo-slider-messages-base",inputs:{decrement:"decrement",increment:"increment",dragHandle:"dragHandle"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:l.Directive,args:[{selector:"kendo-slider-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}],dragHandle:[{type:l.Input}]}});d(et,Ye=g);var Ye,Je=et;function et(e){var t=Ye.call(this)||this;return t.service=e,t}Je.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Je,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Je.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Je,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:g,useExisting:l.forwardRef(function(){return Je})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Je,decorators:[{type:l.Directive,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return Je})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var tt,nt="k-pressed",ot=(d(f,tt=h),Object.defineProperty(f.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"currentValue",{get:function(){return u(this.value)?this.value.toString():""},enumerable:!1,configurable:!0}),f.prototype.focus=function(){this.disabled||(this.focusChangedProgrammatically=!0,je(this.draghandle,"focus"),this.focusChangedProgrammatically=!1)},f.prototype.blur=function(){this.focusChangedProgrammatically=!0,je(this.draghandle,"blur"),this.handleBlur(),this.focusChangedProgrammatically=!1},f.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&this.ngZone.onStable.asObservable().pipe(M.take(1)).subscribe(function(){t.sizeComponent(!1)})},f.prototype.ngAfterViewInit=function(){var e=this;c.isDocumentAvailable()&&(this.showButtons&&(this.setValueChangeInterval(this.increaseButton.nativeElement,function(){return e.increaseValue()}),this.setValueChangeInterval(this.decreaseButton.nativeElement,function(){return e.decreaseValue()})),this.sizeComponent(!1),this.ticks&&this.ticks.tickElements.changes.subscribe(function(){return e.sizeComponent(!1)}),this.attachElementEventHandlers(),this.isSliderInvalid())},f.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},Object.defineProperty(f.prototype,"incrementMessage",{get:function(){return this.incrementTitle||this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"decrementMessage",{get:function(){return this.decrementTitle||this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"dragHandleMessage",{get:function(){return this.dragHandleTitle||this.localizationService.get("dragHandle")},enumerable:!1,configurable:!0}),f.prototype.handleDragPress=function(e){e.originalEvent&&e.originalEvent.preventDefault(),this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions")},f.prototype.onHandleDrag=function(e){this.dragging=!0,this.changeValue(ge(e,this.track.nativeElement,this.getProps()))},f.prototype.onHandleRelease=function(){this.dragging=!1,this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")},f.prototype.writeValue=function(e){this.changeDetector.markForCheck(),this.value=e,this.sizeComponent(this.animate)},f.prototype.registerOnChange=function(e){this.ngChange=e},f.prototype.registerOnTouched=function(e){this.ngTouched=e},f.prototype.changeValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.sizeComponent(t.animate),t.changeDetector.markForCheck()}),this.isSliderInvalid()},f.prototype.sizeComponent=function(e){var t,n,o,i,r;c.isDocumentAvailable()&&(t=this.wrapper.nativeElement,n=this.track.nativeElement,o=this.sliderSelection.nativeElement,i=this.draghandle.nativeElement,r=this.ticks?this.ticksContainer.nativeElement:null,e||this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions"),this.resetStyles([n,o,i,r,this.hostElement.nativeElement]),r=this.getProps(),(r=new He(r,t,n,this.renderer)).resizeTrack(),this.ticks&&r.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),r.positionHandle(i),r.positionSelection(o),e||(this.hostElement.nativeElement.getBoundingClientRect(),this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")),this.fixedTickWidth)&&r.resizeWrapper()},Object.defineProperty(f.prototype,"focused",{set:function(e){this.isFocused!==e&&this.hostElement&&(this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(f.prototype,"dragging",{set:function(e){var t,n;this.isDragged!==e&&this.sliderSelection&&this.draghandle&&(t=this.sliderSelection.nativeElement,n=this.draghandle.nativeElement,e?(this.renderer.addClass(t,nt),this.renderer.addClass(n,nt)):(this.renderer.removeClass(t,nt),this.renderer.removeClass(n,nt)),this.isDragged=e)},enumerable:!1,configurable:!0}),f.prototype.setValueChangeInterval=function(o,i){var r=this;this.ngZone.runOutsideAngular(function(){var e=L.fromEvent(o,"mousedown"),t=L.fromEvent(o,"mouseup"),n=L.fromEvent(o,"mouseout"),e=e.pipe(M.filter(function(e){return 0===e.button&&!r.isDisabled}),M.concatMap(function(){return L.interval(150).pipe(M.startWith(-1),M.takeUntil(L.merge(t,n)))})).subscribe(function(){r.isFocused||je(r.draghandle,"focus"),i()});r.subscriptions.add(e)})},f.prototype.getProps=function(){return{buttons:this.showButtons,disabled:this.disabled,fixedTickWidth:this.fixedTickWidth,largeStep:this.largeStep,max:this.max,min:this.min,readonly:this.readonly,reverse:this.reverse,rtl:this.localizationService.rtl,smallStep:this.smallStep,value:de(this.max,this.min,this.value),vertical:this.vertical}},f.prototype.isSliderInvalid=function(){var e=this.hostElement.nativeElement.classList;this.isInvalid=!!e.contains("ng-invalid"),this.renderer.setAttribute(this.draghandle.nativeElement,"aria-invalid",""+this.isInvalid)},f.prototype.attachElementEventHandlers=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.focusChangedProgrammatically||t.onFocus.emit(),t.focused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(n?(e.relatedTarget!==t.draghandle.nativeElement&&t.handleBlur(),n=!1):o||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){o=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){o=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){n=e.keyCode===c.Keys.Tab}))})},f);function f(e,t,n,o,i,r){var a=tt.call(this,e,t,n,o,i,r)||this;return a.localization=e,a.injector=t,a.renderer=n,a.ngZone=o,a.changeDetector=i,a.hostElement=r,a.focusableId="k-"+c.guid(),a.animate=!0,a.showButtons=!0,a.value=a.min,a.focusChangedProgrammatically=!1,a.onWrapClick=function(e){var t=e.target;a.isDisabled||fe(t)||fe(t.parentNode)||(t=ge(e,a.track.nativeElement,a.getProps()),a.changeValue(t)),je(a.draghandle,"focus")},a.onKeyDown=function(e){var t=a.getProps(),n=t.max,o=t.min,i=a.keyBinding[e.keyCode];!a.isDisabled&&i&&(i=i(t),a.changeValue(de(n,o,i)),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.decreaseValue=function(){a.changeValue(ze(a.value,a.getProps()))},a.increaseValue=function(){a.changeValue(Re(a.value,a.getProps()))},a.handleBlur=function(){a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}ot.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ot,deps:[{token:r.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),ot.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ot,selector:"kendo-slider",inputs:{focusableId:"focusableId",dragHandleTitle:"dragHandleTitle",incrementTitle:"incrementTitle",animate:"animate",decrementTitle:"decrementTitle",showButtons:"showButtons",value:"value",tabIndex:"tabIndex"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ot})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ot})}],viewQueries:[{propertyName:"draghandle",first:!0,predicate:["draghandle"],descendants:!0,static:!0},{propertyName:"decreaseButton",first:!0,predicate:["decreaseButton"],descendants:!0},{propertyName:"increaseButton",first:!0,predicate:["increaseButton"],descendants:!0}],exportAs:["kendoSlider"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."\n increment="increment"\n i18n-decrement="kendo.slider.decrement|The title of the **Decrease** button of the Slider."\n decrement="decrement"\n i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."\n dragHandle="Drag"\n >\n <div class="k-slider-wrap" #wrap\n [class.k-slider-buttons]="showButtons"\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <button *ngIf="showButtons" type="button" #decreaseButton\n class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="decrementMessage"\n [attr.tabindex]="-1"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-left]="!vertical"\n [class.k-i-caret-alt-down]="vertical">\n </span>\n </button>\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandle\n role="slider"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="currentValue"\n [attr.aria-valuetext]="currentValue"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="dragHandleMessage"\n [attr.tabindex]="disabled ? \'-1\' : tabIndex"\n [id]="focusableId"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress, $event)"\n (kendoDrag)="ifEnabled(onHandleDrag, $event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <button *ngIf="showButtons" type="button" #increaseButton\n class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="incrementMessage"\n (click)="$event.preventDefault()"\n [attr.tabindex]="-1"\n [attr.aria-label]="currentValue"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-right]="!vertical"\n [class.k-i-caret-alt-up]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Ue,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Je,selector:"[kendoSliderLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ot,decorators:[{type:l.Component,args:[{exportAs:"kendoSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ot})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ot})}],selector:"kendo-slider",template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-increment="kendo.slider.increment|The title of the **Increase** button of the Slider."\n increment="increment"\n i18n-decrement="kendo.slider.decrement|The title of the **Decrease** button of the Slider."\n decrement="decrement"\n i18n-dragHandle="kendo.slider.dragHandle|The title of the drag handle of the Slider."\n dragHandle="Drag"\n >\n <div class="k-slider-wrap" #wrap\n [class.k-slider-buttons]="showButtons"\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <button *ngIf="showButtons" type="button" #decreaseButton\n class="k-button-decrease k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="decrementMessage"\n [attr.tabindex]="-1"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-left]="!vertical"\n [class.k-i-caret-alt-down]="vertical">\n </span>\n </button>\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandle\n role="slider"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="currentValue"\n [attr.aria-valuetext]="currentValue"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="dragHandleMessage"\n [attr.tabindex]="disabled ? \'-1\' : tabIndex"\n [id]="focusableId"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress, $event)"\n (kendoDrag)="ifEnabled(onHandleDrag, $event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <button *ngIf="showButtons" type="button" #increaseButton\n class="k-button-increase k-button k-button-md k-rounded-full k-button-rectangle k-button-solid k-button-solid-base k-icon-button"\n [title]="incrementMessage"\n (click)="$event.preventDefault()"\n [attr.tabindex]="-1"\n [attr.aria-label]="currentValue"\n role="presentation">\n <span class="k-button-icon k-icon"\n [class.k-i-caret-alt-right]="!vertical"\n [class.k-i-caret-alt-up]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.Injector},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],dragHandleTitle:[{type:l.Input}],incrementTitle:[{type:l.Input}],animate:[{type:l.Input}],decrementTitle:[{type:l.Input}],showButtons:[{type:l.Input}],value:[{type:l.Input}],tabIndex:[{type:l.Input}],draghandle:[{type:l.ViewChild,args:["draghandle",{static:!0}]}],decreaseButton:[{type:l.ViewChild,args:["decreaseButton",{static:!1}]}],increaseButton:[{type:l.ViewChild,args:["increaseButton",{static:!1}]}]}});d(at,it=p),at.prototype.positionHandle=function(e){var t,n,o,i,r,a;e.id&&(t=(i=this.props).max,n=i.min,o=i.reverse,i=i.vertical?"bottom":"left",r=this.trackWidth(),a=le(e)?ue(t,n,this.props.value)[0]:ue(t,n,this.props.value)[1],le(e)?(this.startHandlePosition=se({min:n,max:t,reverse:o,value:a,trackWidth:r}),this.renderer.setStyle(e,i,this.startHandlePosition+"px")):(this.endHandlePosition=se({min:n,max:t,reverse:o,value:a,trackWidth:r}),this.renderer.setStyle(e,i,this.endHandlePosition+"px")))},at.prototype.positionSelection=function(e,t){var n=this.props,o=n.reverse,n=n.vertical,i=n?"height":"width",r=n?"bottom":o?"right":"left",a=Math.abs(this.endHandlePosition-this.startHandlePosition),n=n?e.style.bottom:e.style.left;this.renderer.setStyle(t,i,a+"px"),this.renderer.setStyle(t,r,o?this.trackWidth()-parseFloat(n)+"px":parseFloat(n)+"px")};var it,rt=at;function at(){return null!==it&&it.apply(this,arguments)||this}d(lt,st=t.ComponentMessages);var st,p=lt;function lt(){return null!==st&&st.apply(this,arguments)||this}p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:null,target:i.ɵɵFactoryTarget.Directive}),p.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:p,selector:"kendo-rangeslider-messages-base",inputs:{dragHandleStart:"dragHandleStart",dragHandleEnd:"dragHandleEnd"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:l.Directive,args:[{selector:"kendo-rangeslider-messages-base"}]}],propDecorators:{dragHandleStart:[{type:l.Input}],dragHandleEnd:[{type:l.Input}]}});d(ut,ct=p);var ct,dt=ut;function ut(e){var t=ct.call(this)||this;return t.service=e,t}dt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:dt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:dt,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:p,useExisting:l.forwardRef(function(){return dt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:dt,decorators:[{type:l.Directive,args:[{providers:[{provide:p,useExisting:l.forwardRef(function(){return dt})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var pt,ht="k-pressed",gt=(d(m,pt=h),m.prototype.focus=function(){this.focusChangedProgrammatically=!0,je(this.draghandleStart,"focus"),this.focusChangedProgrammatically=!1},m.prototype.blur=function(){this.focusChangedProgrammatically=!0,je("startHandle"===this.activeHandle?this.draghandleStart:this.draghandleEnd,"blur"),this.handleBlur(),this.focusChangedProgrammatically=!1},m.prototype.ngOnInit=function(){this.value||(this.value=[this.min,this.max]),pt.prototype.ngOnInit.call(this)},m.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&(e.value&&e.value.currentValue&&ke(e.value.currentValue),this.ngZone.onStable.asObservable().pipe(M.take(1)).subscribe(function(){t.sizeComponent()}))},m.prototype.ngAfterViewInit=function(){var e=this;c.isDocumentAvailable()&&(this.sizeComponent(),this.ticks&&this.ticks.tickElements.changes.subscribe(function(){return e.sizeComponent()}),this.isRangeSliderInvalid(),this.attachElementEventHandlers())},m.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},m.prototype.textFor=function(e){return this.localization.get(e)},Object.defineProperty(m.prototype,"valueText",{get:function(){return this.value?this.value[0]+" - "+this.value[1]:""},enumerable:!1,configurable:!0}),m.prototype.handleDragPress=function(e){e.originalEvent&&e.originalEvent.preventDefault();var e=e.originalEvent.target,t=(this.draggedHandle=e,(this.draghandleStart.nativeElement===this.draggedHandle?this.draghandleEnd:this.draghandleStart).nativeElement);this.renderer.removeStyle(t,"zIndex"),this.renderer.setStyle(e,"zIndex",1)},m.prototype.onHandleDrag=function(e){var t=this,n=(this.value=this.value||[this.min,this.min],e.originalEvent.target),o=this.draggedHandle.getBoundingClientRect();this.lastHandlePosition={x:o.left,y:o.top},this.dragging={value:!0,target:n};function i(){t.changeValue([ge(e,t.track.nativeElement,t.getProps()),t.value[1]])}function r(){t.changeValue([t.value[0],ge(e,t.track.nativeElement,t.getProps())])}function a(){t.changeValue([ge(e,t.track.nativeElement,t.getProps()),ge(e,t.track.nativeElement,t.getProps())])}var n=e.pageX-.5-o.width/2,o=e.pageY-o.width/2,s=n<this.lastHandlePosition.x,n=n>this.lastHandlePosition.x,o=o>this.lastHandlePosition.y,l=le(this.draggedHandle),c=this.vertical,d=!c,c=c&&o||(this.reverse?d&&n:d&&s),o=this.value[0]>this.value[1];(this.value[0]===this.value[1]||o?c?l?i:a:l?a:r:l?i:r)()},m.prototype.onHandleRelease=function(e){this.dragging={value:!1,target:e.originalEvent.target},this.draggedHandle=void 0},m.prototype.writeValue=function(e){ke(e),this.value=e,this.sizeComponent()},m.prototype.registerOnChange=function(e){this.ngChange=e},m.prototype.registerOnTouched=function(e){this.ngTouched=e},m.prototype.changeValue=function(e){var t=this;this.value&&he(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.value&&t.valueChange.emit(e),t.sizeComponent()}),this.isRangeSliderInvalid()},m.prototype.sizeComponent=function(){var e,t,n,o,i,r;c.isDocumentAvailable()&&(e=this.wrapper.nativeElement,t=this.track.nativeElement,n=this.sliderSelection.nativeElement,o=this.draghandleStart.nativeElement,i=this.draghandleEnd.nativeElement,r=this.ticks?this.ticksContainer.nativeElement:null,this.resetStyles([t,n,o,i,r,this.hostElement.nativeElement]),r=this.getProps(),(r=new rt(r,e,t,this.renderer)).resizeTrack(),this.ticks&&r.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),r.positionHandle(o),r.positionHandle(i),r.positionSelection(o,n),this.fixedTickWidth)&&r.resizeWrapper()},Object.defineProperty(m.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),m.prototype.isEmpty=function(){return!1},Object.defineProperty(m.prototype,"focused",{set:function(e){this.isFocused!==e&&this.hostElement&&(this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(m.prototype,"dragging",{set:function(e){var t,n;this.isDragged!==e.value&&this.sliderSelection&&this.draghandleStart&&this.draghandleEnd&&(t=this.sliderSelection.nativeElement,n=e.target,e.value?(this.renderer.addClass(t,ht),this.renderer.addClass(n,ht)):(this.renderer.removeClass(t,ht),this.renderer.removeClass(n,ht)),this.isDragged=e.value)},enumerable:!1,configurable:!0}),m.prototype.getProps=function(){return{disabled:this.disabled,fixedTickWidth:this.fixedTickWidth,largeStep:this.largeStep,max:this.max,min:this.min,readonly:this.readonly,reverse:this.reverse,rtl:this.localizationService.rtl,smallStep:this.smallStep,value:ue(this.max,this.min,this.value),vertical:this.vertical,buttons:!1}},m.prototype.isRangeSliderInvalid=function(){var e=this.hostElement.nativeElement.classList;this.isInvalid=!!e.contains("ng-invalid"),this.renderer.setAttribute(this.draghandleStart.nativeElement,"aria-invalid",""+this.isInvalid),this.renderer.setAttribute(this.draghandleEnd.nativeElement,"aria-invalid",""+this.isInvalid)},m.prototype.attachElementEventHandlers=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.focusChangedProgrammatically||t.onFocus.emit(),t.focused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(n?(e.relatedTarget!==t.draghandleStart.nativeElement&&e.relatedTarget!==t.draghandleEnd.nativeElement&&t.handleBlur(),n=!1):o||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){o=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){o=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){n=e.keyCode===c.Keys.Tab}))})},m);function m(e,t,n,o,i,r){var s=pt.call(this,e,t,n,o,i,r)||this;return s.localization=e,s.injector=t,s.renderer=n,s.ngZone=o,s.changeDetector=i,s.hostElement=r,s.startHandleId="k-start-handle-"+c.guid(),s.endHandleId="k-end-handle-"+c.guid(),s.focusableId=s.startHandleId,s.activeHandle="startHandle",s.focusChangedProgrammatically=!1,s.onWrapClick=function(e){var t,n,o;s.isDisabled||(s.value=s.value||[s.min,s.min],e=ge(e,s.track.nativeElement,s.getProps()),t=void 0,n=(o=J(t=s.value,2))[0],o=o[1],e<=n?(t=[e,o],s.activeHandle="startHandle"):n<e&&e<o?e<(n+o)/2?(t=[e,o],s.activeHandle="startHandle"):(t=[n,e],s.activeHandle="endHandle"):o<=e&&(t=[n,e],s.activeHandle="endHandle"),je("startHandle"===s.activeHandle?s.draghandleStart:s.draghandleEnd,"focus"),s.changeValue(t))},s.onKeyDown=function(e){s.value=s.value||[s.min,s.min];var t,n,o=s.getProps(),i=o.max,r=o.min,a=s.keyBinding[e.keyCode];!s.isDisabled&&a&&(n=((t=le(e.target))?s.draghandleEnd:s.draghandleStart).nativeElement,s.renderer.removeStyle(n,"zIndex"),s.renderer.setStyle(e.target,"zIndex",1),n=a(Object.assign(Object.assign({},o),{value:t?s.value[0]:s.value[1]})),t?n>s.value[1]&&(s.value[1]=n):n<s.value[0]&&(s.value[0]=n),a=de(i,r,n),o=t?[a,s.value[1]]:[s.value[0],a],s.changeValue(o),e.preventDefault())},s.ngChange=function(e){},s.ngTouched=function(){},s.handleBlur=function(){s.changeDetector.markForCheck(),s.focused=!1,(c.hasObservers(s.onBlur)||te(s.control))&&s.ngZone.run(function(){s.ngTouched(),s.focusChangedProgrammatically||s.onBlur.emit()})},s}gt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,deps:[{token:r.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),gt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:gt,selector:"kendo-rangeslider",inputs:{value:"value"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return gt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return gt})}],viewQueries:[{propertyName:"draghandleStart",first:!0,predicate:["draghandleStart"],descendants:!0,static:!0},{propertyName:"draghandleEnd",first:!0,predicate:["draghandleEnd"],descendants:!0,static:!0}],exportAs:["kendoRangeSlider"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-dragHandleStart="kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider."\n dragHandleStart="Drag"\n i18n-dragHandleEnd="kendo.rangeslider.dragHandleEnd|The title of the **End** drag handle of the Slider."\n dragHandleEnd="Drag"\n >\n\n <div class="k-slider-wrap" #wrap\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandleStart\n role="slider"\n [id]="startHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[0] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleStart\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n <span #draghandleEnd\n role="slider"\n [id]="endHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[1] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleEnd\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Ue,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:a.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:dt,selector:"[kendoSliderLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:a.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,decorators:[{type:l.Component,args:[{exportAs:"kendoRangeSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return gt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return gt})}],selector:"kendo-rangeslider",template:'\n <ng-container kendoSliderLocalizedMessages\n i18n-dragHandleStart="kendo.rangeslider.dragHandleStart|The title of the **Start** drag handle of the Slider."\n dragHandleStart="Drag"\n i18n-dragHandleEnd="kendo.rangeslider.dragHandleEnd|The title of the **End** drag handle of the Slider."\n dragHandleEnd="Drag"\n >\n\n <div class="k-slider-wrap" #wrap\n [class.k-slider-topleft]="tickPlacement === \'before\'"\n [class.k-slider-bottomright]="tickPlacement === \'after\'"\n [kendoEventsOutsideAngular]="{ click: onWrapClick, keydown: onKeyDown }"\n >\n <div class="k-slider-track-wrap">\n <ul kendoSliderTicks\n #ticks\n *ngIf="tickPlacement !== \'none\'"\n [tickTitle]="title"\n [vertical]="vertical"\n [step]="smallStep"\n [largeStep]="largeStep"\n [min]="min"\n [max]="max"\n [labelTemplate]="labelTemplate?.templateRef"\n [attr.aria-hidden]="true"\n >\n </ul>\n <div #track class="k-slider-track">\n <div #sliderSelection class="k-slider-selection">\n </div>\n <span #draghandleStart\n role="slider"\n [id]="startHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[0] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleStart\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n <span #draghandleEnd\n role="slider"\n [id]="endHandleId"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value ? value[1] : null"\n [attr.aria-valuetext]="valueText"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n [attr.aria-orientation]="vertical ? \'vertical\' : \'horizontal\'"\n [style.touch-action]="isDisabled ? \'\' : \'none\'"\n class="k-draghandle"\n [title]="textFor(\'dragHandleEnd\')"\n kendoDraggable\n (kendoPress)="ifEnabled(handleDragPress ,$event)"\n (kendoDrag)="ifEnabled(onHandleDrag ,$event)"\n (kendoRelease)="ifEnabled(onHandleRelease, $event)"\n ></span>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.Injector},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{value:[{type:l.Input}],draghandleStart:[{type:l.ViewChild,args:["draghandleStart",{static:!0}]}],draghandleEnd:[{type:l.ViewChild,args:["draghandleEnd",{static:!0}]}]}});d(mt,ft=t.ComponentMessages);var ft,h=mt;function mt(){return null!==ft&&ft.apply(this,arguments)||this}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:null,target:i.ɵɵFactoryTarget.Directive}),h.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:h,selector:"kendo-switch-messages-base",inputs:{on:"on",off:"off"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.Directive,args:[{selector:"kendo-switch-messages-base"}]}],propDecorators:{on:[{type:l.Input}],off:[{type:l.Input}]}});d(yt,vt=h);var vt,bt=yt;function yt(e){var t=vt.call(this)||this;return t.service=e,t}bt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bt,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),bt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:bt,selector:"[kendoSwitchLocalizedMessages]",providers:[{provide:h,useExisting:l.forwardRef(function(){return bt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bt,decorators:[{type:l.Directive,args:[{providers:[{provide:h,useExisting:l.forwardRef(function(){return bt})}],selector:"[kendoSwitchLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var kt="k-focus",Ct=(Object.defineProperty(v.prototype,"checked",{get:function(){return this._checked},set:function(e){this.setHostClasses(e),this._checked=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"thumbRounded",{get:function(){return this._thumbRounded},set:function(e){e=e||"full";this.handleThumbClasses(e),this._thumbRounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"trackRounded",{get:function(){return this._trackRounded},set:function(e){e=e||"full";this.handleTrackClasses(e),this._trackRounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"ieClass",{get:function(){return N.browser&&N.browser.msie},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"ariaDisabled",{get:function(){return!!this.disabled||void 0},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"onLabelMessage",{get:function(){return this.onLabel||this.localizationService.get("on")},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"offLabelMessage",{get:function(){return this.offLabel||this.localizationService.get("off")},enumerable:!1,configurable:!0}),Object.defineProperty(v.prototype,"isEnabled",{get:function(){return!this.disabled&&!this.readonly},enumerable:!1,configurable:!0}),v.prototype.ngOnInit=function(){var e,t=this;this.hostElement&&(e=this.hostElement.nativeElement,this.renderer.removeAttribute(e,"tabindex")),this.localizationChangeSubscription=this.localizationService.changes.pipe(M.skip(1)).subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.control=this.injector.get(o.NgControl,null),this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){return t.initialized=!0})},v.prototype.ngAfterViewInit=function(){var e=this.hostElement.nativeElement;this.attachHostClickHandler(),this.checked||e.classList.contains("k-switch-off")||this.renderer.addClass(e,"k-switch-off"),this.handleClasses(this.size,"size"),this.handleTrackClasses(this.trackRounded),this.handleThumbClasses(this.thumbRounded)},v.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.hostClickSubscription&&this.hostClickSubscription.unsubscribe()},v.prototype.focus=function(){this.track&&this.track.nativeElement.focus()},v.prototype.blur=function(){this.track&&this.track.nativeElement.blur()},v.prototype.setDisabledState=function(e){this.disabled=e,this.changeDetector.markForCheck()},Object.defineProperty(v.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),v.prototype.writeValue=function(e){this.checked=null!==e&&e,this.changeDetector.markForCheck()},v.prototype.registerOnChange=function(e){this.ngChange=e},v.prototype.registerOnTouched=function(e){this.ngTouched=e},v.prototype.keyDownHandler=function(e){var t=e.keyCode;!this.isEnabled||t!==c.Keys.Space&&t!==c.Keys.Enter||(this.changeValue(!this.checked),e.preventDefault())},v.prototype.clickHandler=function(){this.isEnabled&&this.changeValue(!this.checked)},v.prototype.isEmpty=function(){return!1},v.prototype.changeValue=function(e){var t=this;this.checked!==e&&this.ngZone.run(function(){t.checked=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},Object.defineProperty(v.prototype,"focused",{set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,kt):this.renderer.removeClass(t,kt),this.isFocused=e)},enumerable:!1,configurable:!0}),v.prototype.attachHostClickHandler=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.hostClickSubscription.add(e.renderer.listen(e.hostElement.nativeElement,"click",e.clickHandler))})},v.prototype.setHostClasses=function(e){var t=this.hostElement.nativeElement;e?(this.renderer.removeClass(t,"k-switch-off"),this.renderer.addClass(t,"k-switch-on")):(this.renderer.removeClass(t,"k-switch-on"),this.renderer.addClass(t,"k-switch-off"))},v.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("switch",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},v.prototype.handleTrackClasses=function(e){var t=null==(t=this.hostElement)?void 0:t.nativeElement,n=null==(n=this.track)?void 0:n.nativeElement;t&&n&&((e=oe("switch","rounded",this.trackRounded,e)).toRemove&&(this.renderer.removeClass(t,e.toRemove),this.renderer.removeClass(n,e.toRemove)),e.toAdd)&&(this.renderer.addClass(t,e.toAdd),this.renderer.addClass(n,e.toAdd))},v.prototype.handleThumbClasses=function(e){var t=null==(t=this.thumb)?void 0:t.nativeElement;t&&((e=oe("switch","rounded",this.thumbRounded,e)).toRemove&&this.renderer.removeClass(t,e.toRemove),e.toAdd)&&this.renderer.addClass(t,e.toAdd)},v);function v(e,t,n,o,i,r){var a=this;this.renderer=e,this.hostElement=t,this.localizationService=n,this.injector=o,this.changeDetector=i,this.ngZone=r,this.focusableId="k-"+c.guid(),this.disabled=!1,this.readonly=!1,this.tabindex=0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.hostClasses=!0,this.initialized=!1,this.hostClickSubscription=new L.Subscription,this._checked=!1,this._size="medium",this._trackRounded="full",this._thumbRounded="full",this.ngChange=function(e){},this.ngTouched=function(){},this.handleFocus=function(){a.isFocused||(a.focused=!0,c.hasObservers(a.onFocus)&&a.ngZone.run(function(){a.onFocus.emit()}))},this.handleBlur=function(e){e=e&&e.relatedTarget;!a.hostElement.nativeElement.contains(e)&&(a.changeDetector.markForCheck(),a.focused=!1,c.hasObservers(a.onBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.onBlur.emit()})},H.validatePackage(Ze),this.direction=n.rtl?"rtl":"ltr",this.keyDownHandler=this.keyDownHandler.bind(this),this.clickHandler=this.clickHandler.bind(this)}Ct.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ct,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:r.LocalizationService},{token:i.Injector},{token:i.ChangeDetectorRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),Ct.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ct,selector:"kendo-switch",inputs:{focusableId:"focusableId",onLabel:"onLabel",offLabel:"offLabel",checked:"checked",disabled:"disabled",readonly:"readonly",tabindex:"tabindex",size:"size",thumbRounded:"thumbRounded",trackRounded:"trackRounded",tabIndex:"tabIndex"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{properties:{"attr.dir":"this.direction","class.k-ie":"this.ieClass","attr.aria-disabled":"this.ariaDisabled","attr.aria-readonly":"this.ariaReadonly","class.k-switch":"this.hostClasses","class.k-disabled":"this.disabledClass"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ct})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ct})}],viewQueries:[{propertyName:"track",first:!0,predicate:["track"],descendants:!0,static:!0},{propertyName:"thumb",first:!0,predicate:["thumb"],descendants:!0,static:!0}],exportAs:["kendoSwitch"],ngImport:i,template:'\n <ng-container kendoSwitchLocalizedMessages\n i18n-on="kendo.switch.on|The **On** label of the Switch."\n on="ON"\n i18n-off="kendo.switch.off|The **Off** label of the Switch."\n off="OFF"\n >\n\n <span\n #track\n class="k-switch-track"\n [id]="focusableId"\n role="switch"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'"\n [attr.aria-checked]="checked"\n [attr.tabindex]="(disabled ? undefined : tabIndex)"\n [attr.aria-disabled]="disabled"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"\n >\n <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>\n <span class="k-switch-label-off" [attr.aria-hidden]="true">{{offLabelMessage}}</span>\n </span>\n <span\n class="k-switch-thumb-wrap"\n tabindex="-1"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'" [kendoEventsOutsideAngular]="{\n keydown: keyDownHandler,\n focus: handleFocus,\n blur: handleBlur\n }">\n <span #thumb class="k-switch-thumb"></span>\n </span>\n ',isInline:!0,directives:[{type:bt,selector:"[kendoSwitchLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ct,decorators:[{type:l.Component,args:[{exportAs:"kendoSwitch",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ct})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ct})}],selector:"kendo-switch",template:'\n <ng-container kendoSwitchLocalizedMessages\n i18n-on="kendo.switch.on|The **On** label of the Switch."\n on="ON"\n i18n-off="kendo.switch.off|The **Off** label of the Switch."\n off="OFF"\n >\n\n <span\n #track\n class="k-switch-track"\n [id]="focusableId"\n role="switch"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'"\n [attr.aria-checked]="checked"\n [attr.tabindex]="(disabled ? undefined : tabIndex)"\n [attr.aria-disabled]="disabled"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{ keydown: keyDownHandler, focus: handleFocus, blur: handleBlur }"\n >\n <span class="k-switch-label-on" [attr.aria-hidden]="true" >{{onLabelMessage}}</span>\n <span class="k-switch-label-off" [attr.aria-hidden]="true">{{offLabelMessage}}</span>\n </span>\n <span\n class="k-switch-thumb-wrap"\n tabindex="-1"\n [style.transitionDuration]="initialized ? \'200ms\' : \'0ms\'" [kendoEventsOutsideAngular]="{\n keydown: keyDownHandler,\n focus: handleFocus,\n blur: handleBlur\n }">\n <span #thumb class="k-switch-thumb"></span>\n </span>\n '}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:r.LocalizationService},{type:i.Injector},{type:i.ChangeDetectorRef},{type:i.NgZone}]},propDecorators:{focusableId:[{type:l.Input}],onLabel:[{type:l.Input}],offLabel:[{type:l.Input}],checked:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tabindex:[{type:l.Input}],size:[{type:l.Input}],thumbRounded:[{type:l.Input}],trackRounded:[{type:l.Input}],tabIndex:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}],direction:[{type:l.HostBinding,args:["attr.dir"]}],ieClass:[{type:l.HostBinding,args:["class.k-ie"]}],ariaDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],ariaReadonly:[{type:l.HostBinding,args:["attr.aria-readonly"]}],hostClasses:[{type:l.HostBinding,args:["class.k-switch"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],track:[{type:l.ViewChild,args:["track",{static:!0}]}],thumb:[{type:l.ViewChild,args:["thumb",{static:!0}]}]}});Object.defineProperty(xt.prototype,"value",{get:function(){return this.inputElement.nativeElement.value},set:function(e){this.inputElement&&(this.inputElement.nativeElement.value=null==e?"":e,this.onValueChange.emit())},enumerable:!1,configurable:!0}),Object.defineProperty(xt.prototype,"id",{get:function(){return this.inputElement.nativeElement.id},set:function(e){this.renderer.setAttribute(this.inputElement.nativeElement,"id",e)},enumerable:!1,configurable:!0}),xt.prototype.ngAfterViewInit=function(){var t=this,e=this.inputElement.nativeElement;this.listeners=[this.renderer.listen(e,"focus",function(){return t.onFocus.emit()}),this.renderer.listen(e,"blur",function(){return t.onBlur.emit()})],this.ngZone.runOutsideAngular(function(){t.renderer.listen(e,"animationstart",function(e){"autoFillStart"===e.animationName?t.autoFillStart.emit():"autoFillEnd"===e.animationName&&t.autoFillEnd.emit()})})},xt.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()})};var It=xt;function xt(e,t,n){this.renderer=e,this.inputElement=t,this.ngZone=n,this.hostClasses=!0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.onValueChange=new l.EventEmitter,this.autoFillStart=new l.EventEmitter,this.autoFillEnd=new l.EventEmitter,this.listeners=[]}It.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:It,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),It.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:It,selector:"input[kendoTextBox]",inputs:{value:"value"},host:{properties:{"class.k-textbox":"this.hostClasses","class.k-input":"this.hostClasses","class.k-input-md":"this.hostClasses","class.k-rounded-md":"this.hostClasses","class.k-input-solid":"this.hostClasses"}},providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return It})}],ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:It,decorators:[{type:l.Directive,args:[{selector:"input[kendoTextBox]",providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return It})}]}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-textbox"]},{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-input-md"]},{type:l.HostBinding,args:["class.k-rounded-md"]},{type:l.HostBinding,args:["class.k-input-solid"]}],value:[{type:l.Input}]}});Object.defineProperty(Et.prototype,"id",{get:function(){return this.element.nativeElement.id},set:function(e){this.renderer.setAttribute(this.element.nativeElement,"id",e)},enumerable:!1,configurable:!0}),Et.prototype.writeValue=function(e){this.elementValue=e,this.resize()},Et.prototype.registerOnChange=function(e){this.ngChange=e},Et.prototype.registerOnTouched=function(e){this.ngTouched=e},Et.prototype.setDisabledState=function(e){this.setElementProperty("disabled",e)},Et.prototype.ngOnInit=function(){var t=this,e=this.element.nativeElement;this.zone.runOutsideAngular(function(){t.listeners=[t.renderer.listen(e,"focus",t.handleFocus.bind(t)),t.renderer.listen(e,"blur",t.handleBlur.bind(t)),t.renderer.listen(e,"animationstart",function(e){"autoFillStart"===e.animationName?t.autoFillStart.emit():"autoFillEnd"===e.animationName&&t.autoFillEnd.emit()})],c.isDocumentAvailable()&&t.autoSize&&(t.resizeSubscription=L.fromEvent(window,"resize").pipe(M.debounceTime(50)).subscribe(function(){return t.resize()})),t.inputSubscription=L.fromEvent(e,"input").subscribe(t.handleInput.bind(t))}),this.control=this.injector.get(o.NgControl,null)},Et.prototype.ngOnChanges=function(e){var t=this,n=this.element.nativeElement;e.value&&(this.elementValue=this.value),e.autoSize&&(this.autoSize?(this.initialHeight=n.offsetHeight,this.renderer.setStyle(n,"resize","none")):(this.renderer.setStyle(n,"overflow-y","auto"),this.renderer.setStyle(n,"resize","both"),n.style.height=this.initialHeight+"px")),this.zone.onStable.pipe(M.take(1)).subscribe(function(){return t.resize()})},Et.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.inputSubscription&&this.inputSubscription.unsubscribe(),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(Et.prototype,"elementValue",{get:function(){return this.element?this.element.nativeElement.value:""},set:function(e){this.setElementProperty("value",null==e?"":e)},enumerable:!1,configurable:!0}),Et.prototype.setElementProperty=function(e,t){this.element&&this.renderer.setProperty(this.element.nativeElement,e,t)},Et.prototype.resize=function(){var e,t;this.autoSize&&(e=this.element.nativeElement,this.renderer.setStyle(e,"overflow-y","hidden"),e.style.height=this.initialHeight+"px",(t=e.scrollHeight)>this.initialHeight)&&(e.style.height=t+"px")},Et.prototype.handleInput=function(){var e=this,t=this.elementValue;this.value=t,(this.control||c.hasObservers(this.onValueChange)||c.hasObservers(this.valueChange))&&this.zone.run(function(){e.ngChange(t),e.onValueChange.emit(t),e.valueChange.emit(t),e.changeDetector.markForCheck()}),this.resize()},Et.prototype.handleFocus=function(){var e=this;c.hasObservers(this.onFocus)&&this.zone.run(function(){e.onFocus.emit()})},Et.prototype.handleBlur=function(){var e=this;(c.hasObservers(this.onBlur)||te(this.control))&&this.zone.run(function(){e.ngTouched(),e.onBlur.emit(),e.changeDetector.markForCheck()})};var wt=Et;function Et(e,t,n,o,i,r){this.renderer=e,this.element=t,this.zone=n,this.changeDetector=o,this.injector=i,this.elementClasses=!0,this.autofillClass=!0,this.valueChange=new l.EventEmitter,this.autoSize=!1,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.onValueChange=new l.EventEmitter,this.autoFillStart=new l.EventEmitter,this.autoFillEnd=new l.EventEmitter,this.listeners=[],this.ngChange=function(e){},this.ngTouched=function(){},this.direction=r?"rtl":"ltr"}wt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wt,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Injector},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),wt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:wt,selector:"textarea[kendoTextArea]",inputs:{autoSize:"autoSize",value:"value"},outputs:{valueChange:"valueChange"},host:{properties:{"class.k-textarea":"this.elementClasses","class.k-input":"this.elementClasses","class.k-input-md":"this.elementClasses","class.k-rounded-md":"this.elementClasses","class.k-input-solid":"this.elementClasses","class.k-autofill":"this.autofillClass","attr.dir":"this.direction"}},providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wt})}],usesOnChanges:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wt,decorators:[{type:l.Directive,args:[{providers:[{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wt})}],selector:"textarea[kendoTextArea]"}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Injector},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]},propDecorators:{elementClasses:[{type:l.HostBinding,args:["class.k-textarea"]},{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-input-md"]},{type:l.HostBinding,args:["class.k-rounded-md"]},{type:l.HostBinding,args:["class.k-input-solid"]}],autofillClass:[{type:l.HostBinding,args:["class.k-autofill"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],valueChange:[{type:l.Output}],autoSize:[{type:l.Input}],value:[{type:l.Input}]}});function St(e){return 0<=e?Math.floor(e):Math.ceil(e)}function Tt(e){}function Dt(e){return!isNaN(e)&&null!==e}var Pt=/[eE][\-+]?([0-9]+)/;function Vt(e,t){var t=t-String(e).length,n=e;return 0<t&&(t=new Array(1+t).join("0"),n=parseFloat(e+t)),n}(b=Ot=Ot||{})[b.Down=-1]="Down",b[b.None=0]="None",b[b.Up=1]="Up",d(zt,Bt=t.ComponentMessages);var Ot,Bt,b=zt;function zt(){return null!==Bt&&Bt.apply(this,arguments)||this}b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:null,target:i.ɵɵFactoryTarget.Directive}),b.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:b,selector:"kendo-numerictextbox-messages-base",inputs:{decrement:"decrement",increment:"increment"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:l.Directive,args:[{selector:"kendo-numerictextbox-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}]}});d(Lt,Rt=b);var Rt,Ft=Lt;function Lt(e){var t=Rt.call(this)||this;return t.service=e,t}Ft.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ft,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Ft.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ft,selector:"[kendoNumericTextBoxLocalizedMessages]",providers:[{provide:b,useExisting:l.forwardRef(function(){return Ft})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ft,decorators:[{type:l.Directive,args:[{providers:[{provide:b,useExisting:l.forwardRef(function(){return Ft})}],selector:"[kendoNumericTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var Mt=["min","max","step","decimals"],Ht={decimals:null,max:null,min:null,step:1},Nt="k-focus",y=(Object.defineProperty(k.prototype,"format",{get:function(){var e=this._format;return null!=e?e:"n2"},set:function(e){this._format=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"disableClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),k.prototype.ngOnInit=function(){var t=this;this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.subscriptions.add(this.intl.changes.subscribe(this.intlChange.bind(this))),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(o.NgControl,null),this.ngZone.runOutsideAngular(function(){t.domEvents.push(t.renderer.listen(t.hostElement.nativeElement,"mousewheel",t.handleWheel.bind(t))),t.domEvents.push(t.renderer.listen(t.hostElement.nativeElement,"DOMMouseScroll",t.handleWheel.bind(t)))})},k.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},k.prototype.ngOnChanges=function(t){var n,o;c.anyChanged(Mt,t,!1)&&this.parseOptions(Mt.filter(function(e){return t[e]})),this.verifySettings(),c.anyChanged(["min","max","rangeValidation"],t,!1)&&(this.minValidateFn=this.rangeValidation?(o=this.min,function(e){return!u(o)||!u(e.value)||e.value>=o?null:{minError:{minValue:o,value:e.value}}}):Tt,this.maxValidateFn=this.rangeValidation?(n=this.max,function(e){return!u(n)||!u(e.value)||e.value<=n?null:{maxError:{maxValue:n,value:e.value}}}):Tt,this.ngValidatorChange()),c.anyChanged(["autoCorrect","decimals","min"],t)&&delete this.numericRegex,c.anyChanged(["value","format"],t,!1)&&(this.verifyValue(this.value),this.value=this.restrictModelValue(this.value),this.focused&&this.intl.parseNumber(this.elementValue)===this.value||this.setInputValue())},k.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),clearTimeout(this.spinTimeout),this.domEvents.forEach(function(e){return e()})},k.prototype.validate=function(e){return this.minValidateFn(e)||this.maxValidateFn(e)},k.prototype.registerOnValidatorChange=function(e){this.ngValidatorChange=e},k.prototype.writeValue=function(e){this.verifyValue(e);e=this.restrictModelValue(e);this.value=e,this.setInputValue()},k.prototype.registerOnChange=function(e){this.ngChange=e},k.prototype.registerOnTouched=function(e){this.ngTouched=e},k.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},k.prototype.focus=function(){je(this.numericInput,"focus")},k.prototype.blur=function(){je(this.numericInput,"blur")},k.prototype.notifyValueChange=function(){this.setInputValue()},Object.defineProperty(k.prototype,"incrementTitle",{get:function(){return this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"decrementTitle",{get:function(){return this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"decimalSeparator",{get:function(){return this.intl.numberSymbols().decimal},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"elementValue",{get:function(){return this.numericInput.nativeElement.value},set:function(e){this.renderer.setProperty(this.numericInput.nativeElement,"value",e)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"focused",{get:function(){return this.isFocused},set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,Nt):this.renderer.removeClass(t,Nt),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"hasDecimals",{get:function(){return null!==this.decimals&&0<=this.decimals},enumerable:!1,configurable:!0}),Object.defineProperty(k.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),k.prototype.arrowPress=function(e,t){var n;t.preventDefault(),this.isDisabled||(n=(t=t).button&&2===t.button,t=t.which&&3===t.which,n)||t||(N.mobileOS||(this.focused=!0,this.focus()),this.arrowDirection!==e&&(this.arrowDirection=e,this.changeDetector.detectChanges()),this.step?this.spin(e,500):this.setInputValue())},k.prototype.updateValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},k.prototype.replaceNumpadDotValue=function(){var e,t,n,o,i,r=this.inputValue||"";return this.previousSelection&&(t=(e=this.numericInput.nativeElement).selectionStart,n=e.selectionEnd,o=(i=this.previousSelection).start,i=i.end,e.value=r=r.substring(0,o)+this.decimalSeparator+r.substring(i),this.setSelection(t,n)),r},k.prototype.isValid=function(e){var t,n,o,i;return this.numericRegex||(this.numericRegex=(t={autoCorrect:this.autoCorrect,decimals:this.decimals,min:this.min,separator:this.decimalSeparator},n=t.autoCorrect,o=t.decimals,i=t.min,"."===(t=t.separator)&&(t="\\"+t),n=n&&null!==i&&0<=i?"":"-?",i=0===o?"\\d*":"(?:(?:\\d+("+t+"\\d*)?)|(?:"+t+"\\d*))?",new RegExp("^"+n+i+"$"))),this.numericRegex.test(e)},k.prototype.spin=function(e,t){var n=this;clearTimeout(this.spinTimeout),this.spinTimeout=window.setTimeout(function(){n.spin(e,50)},t),this.addStep(e)},k.prototype.addStep=function(e){e=De(this.value||0,this.step*e),e=this.limitValue(e);e=this.restrictDecimals(e),this.setInputValue(e),this.updateValue(e)},k.prototype.setSelection=function(e,t){this.focused&&je(this.numericInput,"setSelectionRange",e,t)},k.prototype.limitValue=function(e){var t=e;return this.isInRange(e)||(Dt(this.max)&&e>this.max&&(t=this.max),Dt(this.min)&&e<this.min&&(t=this.min)),t},k.prototype.limitInputValue=function(e){var t=this.numericInput.nativeElement,n=t.selectionStart,o=t.selectionEnd,t=t.value,i=e,r=!1;if(!this.isInRange(e)){var a=t.length-String(this.inputValue).length,s=this.min,l=this.max,c=Dt(l),d=Dt(s),u=void 0,p=void 0,h=e;if(0===n&&this.inputValue.substr(1)===t)return{selectionEnd:o,selectionStart:n,value:null};c&&l<e?0<e?p=!0:u=l:d&&e<s&&(0<e?u=s:p=!0),u?(c=this.tryPadValue(e,u))&&St(e)!==St(u)&&(h=c,r=!0):p&&this.inputValue&&n!==t.length&&(h=parseFloat(t.substr(0,n)+t.substr(n+a))),i=this.limitValue(h),r=(r||i!==h)&&this.previousSelection&&0<this.previousSelection.end-this.previousSelection.start+a}return{selectionEnd:r?String(i).length:o,selectionStart:n,value:i}},k.prototype.tryPadValue=function(e,t){var n,t=String(Math.floor(t)).length,o=Vt(e,t),e=Vt(e,t+1);return this.isInRange(o)?n=o:this.isInRange(e)&&(n=e),n},k.prototype.isInRange=function(e){return!Dt(e)||(!Dt(this.min)||this.min<=e)&&(!Dt(this.max)||e<=this.max)},k.prototype.restrictModelValue=function(e){e=this.restrictDecimals(e,!0);return e=this.autoCorrect&&this.limitValue(e)!==e?null:e},k.prototype.restrictDecimals=function(e,t){var n,o,i=e;return e&&this.hasDecimals&&(n=this.decimals,o=String(e),t||Pt.test(o)?i=Te(e,n):(e=(t=o.split("."))[1])&&e.length>n&&(e=e.substr(0,n),i=parseFloat(t[0]+"."+e))),i},k.prototype.formatInputValue=function(e){var t=Object.is(e,-0)?"-0":String(e),n=Pt.exec(t);return(t=n?e.toFixed(we(parseInt(n[1],10))):t).replace(".",this.decimalSeparator)},k.prototype.formatValue=function(e,t){t=null==e||""===e?"":t&&!this.readonly?this.formatInputValue(e):this.intl.formatNumber(e,this.format);return t},k.prototype.setInputValue=function(e,t){void 0===e&&(e=this.value),void 0===t&&(t=this.focused);e=this.formatValue(e,t);this.elementValue=e,this.inputValue=e},k.prototype.verifySettings=function(){if(l.isDevMode()&&null!==this.min&&null!==this.max&&this.min>this.max)throw new Error("The max value should be bigger than the min. See http://www.telerik.com/kendo-angular-ui/components/inputs/api/NumericTextBoxComponent/#toc-min and http://www.telerik.com/kendo-angular-ui/components/inputs/api/NumericTextBoxComponent/#toc-max.")},k.prototype.verifyValue=function(e){if(l.isDevMode()&&e&&"number"!=typeof e)throw new Error("The NumericTextBox component requires value of type Number and "+JSON.stringify(e)+" was set.")},k.prototype.parseOptions=function(e){for(var t=0;t<e.length;t++){var n=e[t],o=this[n];if("string"==typeof o){var i=parseFloat(o),r=!isNaN(i);if(l.isDevMode()&&!r&&""!==o)throw new Error("The NumericTextBox component requires value of type Number or a String representing a number for the "+n+" property and "+JSON.stringify(o)+" was set.");this[n]=r?i:Ht[n]}}},k.prototype.intlChange=function(){delete this.numericRegex,!this.numericInput||this.focused&&this.isValid(this.elementValue)||this.setInputValue()},k.prototype.hasTrailingZeros=function(e){if(this.hasDecimals&&this.focused)return(e=e.split(this.decimalSeparator)[1])&&e.length>this.decimals&&e.lastIndexOf("0")===e.length-1},k.prototype.selectAll=function(){this.setInputValue(),this.setSelection(0,this.inputValue.length)},k.prototype.selectCaret=function(){var e,n,t=this.numericInput.nativeElement.selectionStart,o=this.elementValue,t=o.substring(0,t);this.setInputValue(),t.length?(e=this.decimalSeparator,n=e+"0123456789-",e=t.split("").reduce(function(e,t){return n.includes(t)?++e:e},0),t=this.adjustSignificantChars(o,e),this.setSelection(t,t)):this.setSelection(0,0)},k.prototype.numberOfLeadingZeroes=function(e){var t,n=e.indexOf(this.decimalSeparator),e=e.match(/^[^1-9]*?(0+)/);return e?(t=e[0].length,e=e[1].length,t===n?e-1:e):0},k.prototype.adjustSignificantChars=function(e,t){e=this.numberOfLeadingZeroes(e);return 0<e?Math.max(0,t-e):t},k.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},k);function k(e,t,n,o,i,r,a){var s=this;this.intl=e,this.renderer=t,this.localizationService=n,this.injector=o,this.ngZone=i,this.changeDetector=r,this.hostElement=a,this.focusableId="k-"+c.guid(),this.disabled=!1,this.readonly=!1,this.title="",this.autoCorrect=!1,this.decimals=null,this.step=1,this.spinners=!0,this.rangeValidation=!0,this.tabindex=0,this.changeValueOnScroll=!0,this.selectOnFocus=!0,this.value=null,this.valueChange=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.ArrowDirection=Ot,this.arrowDirection=Ot.None,this.hostClasses=!0,this.inputValue="",this.minValidateFn=Tt,this.maxValidateFn=Tt,this._format="n2",this.isPasted=!1,this.mouseDown=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.ngChange=Tt,this.ngTouched=Tt,this.ngValidatorChange=Tt,this.domEvents=[],this.increasePress=function(e){s.arrowPress(Ot.Up,e)},this.decreasePress=function(e){s.arrowPress(Ot.Down,e)},this.releaseArrow=function(){clearTimeout(s.spinTimeout),s.arrowDirection!==Ot.None&&(s.arrowDirection=Ot.None,s.changeDetector.detectChanges())},this.handlePaste=function(){s.isPasted=!0},this.handleInput=function(){var e,t,n,o=s.numericInput.nativeElement,i=o.selectionStart,r=o.selectionEnd,a=o.value;s.pressedKey===c.Keys.NumpadDecimal&&(a=s.replaceNumpadDotValue()),s.isPasted&&(a=s.formatInputValue(s.intl.parseNumber(a))),s.isValid(a)?(e=s.intl.parseNumber(a),n=s.restrictDecimals(e),s.autoCorrect&&(n=(t=s.limitInputValue(n)).value,i=t.selectionStart,r=t.selectionEnd),e!==n||s.hasTrailingZeros(a)||!s.focused?(s.setInputValue(n),s.setSelection(i,r)):s.inputValue=a,s.isPasted&&(o.value=s.inputValue),s.updateValue(n),s.previousSelection=null,s.isPasted=!1):(o.value=s.inputValue,s.setSelection(i-1,r-1))},this.handleDragEnter=function(){s.focused||s.isDisabled||s.setInputValue(s.value,!0)},this.handleMouseDown=function(){s.mouseDown=!0},this.handleFocus=function(){var e;s.focused||(s.focused=!0,s.isDisabled)||(e=s.selectOnFocus||!s.mouseDown,s.ngZone.runOutsideAngular(function(){setTimeout(function(){e?s.selectAll():s.selectCaret()},0)})),s.mouseDown=!1,c.hasObservers(s.onFocus)&&s.ngZone.run(function(){s.onFocus.emit()})},this.handleBlur=function(){s.changeDetector.markForCheck(),s.focused=!1,s.inputValue!==s.elementValue&&s.handleInput(),s.setInputValue(),(c.hasObservers(s.onBlur)||te(s.control))&&s.ngZone.run(function(){s.ngTouched(),s.onBlur.emit()})},this.handleKeyDown=function(e){var t;s.isDisabled||(e.keyCode===c.Keys.ArrowDown?t=-1:e.keyCode===c.Keys.ArrowUp&&(t=1),t&&s.step&&(e.preventDefault(),s.addStep(t)),t=s.numericInput.nativeElement,s.previousSelection={end:t.selectionEnd,start:t.selectionStart},s.pressedKey=e.keyCode)},this.handleWheel=function(e){var t;s.focused&&!s.isDisabled&&s.changeValueOnScroll&&(e.preventDefault(),t=0,(e=e).wheelDelta?t=0<(t=e.wheelDelta/120)?Math.ceil(t):Math.floor(t):e.detail&&(t=Math.round(-e.detail/3)),e=t,s.addStep(e))},H.validatePackage(Ze),this.direction=n.rtl?"rtl":"ltr"}y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[{token:$.IntlService},{token:i.Renderer2},{token:r.LocalizationService},{token:i.Injector},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),y.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:y,selector:"kendo-numerictextbox",inputs:{focusableId:"focusableId",disabled:"disabled",readonly:"readonly",title:"title",autoCorrect:"autoCorrect",format:"format",max:"max",min:"min",decimals:"decimals",placeholder:"placeholder",step:"step",spinners:"spinners",rangeValidation:"rangeValidation",tabindex:"tabindex",tabIndex:"tabIndex",changeValueOnScroll:"changeValueOnScroll",selectOnFocus:"selectOnFocus",value:"value",maxlength:"maxlength",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",onFocus:"focus",onBlur:"blur"},host:{properties:{"attr.dir":"this.direction","class.k-disabled":"this.disableClass","class.k-input":"this.hostClasses","class.k-numerictextbox":"this.hostClasses"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return y})}],viewQueries:[{propertyName:"numericInput",first:!0,predicate:["numericInput"],descendants:!0,static:!0}],exportAs:["kendoNumericTextBox"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoNumericTextBoxLocalizedMessages\n i18n-increment="kendo.numerictextbox.increment|The title for the **Increment** button in the NumericTextBox"\n increment="Increase value"\n i18n-decrement="kendo.numerictextbox.decrement|The title for the **Decrement** button in the NumericTextBox"\n decrement="Decrease value"\n >\n </ng-container>\n <input\n role="spinbutton"\n class="k-input-inner"\n autocomplete="off"\n autocorrect="off"\n [id]="focusableId"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value"\n [attr.title]="title"\n [attr.placeholder]="placeholder"\n [attr.maxLength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [tabindex]="tabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n mousedown: handleMouseDown,\n dragenter: handleDragEnter,\n keydown: handleKeyDown,\n input: handleInput,\n focus: handleFocus,\n blur: handleBlur,\n paste: handlePaste\n }"\n #numericInput />\n <span\n class="k-input-spinner k-spin-button" *ngIf="spinners"\n [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"\n >\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: increasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="incrementTitle"\n [title]="incrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Up"\n class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-up"></span>\n </button>\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: decreasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="decrementTitle"\n [title]="decrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Down"\n class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n </span>\n ',isInline:!0,directives:[{type:Ft,selector:"[kendoNumericTextBoxLocalizedMessages]"},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,decorators:[{type:l.Component,args:[{exportAs:"kendoNumericTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return y}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return y})}],selector:"kendo-numerictextbox",template:'\n <ng-container kendoNumericTextBoxLocalizedMessages\n i18n-increment="kendo.numerictextbox.increment|The title for the **Increment** button in the NumericTextBox"\n increment="Increase value"\n i18n-decrement="kendo.numerictextbox.decrement|The title for the **Decrement** button in the NumericTextBox"\n decrement="Decrease value"\n >\n </ng-container>\n <input\n role="spinbutton"\n class="k-input-inner"\n autocomplete="off"\n autocorrect="off"\n [id]="focusableId"\n [attr.aria-valuemin]="min"\n [attr.aria-valuemax]="max"\n [attr.aria-valuenow]="value"\n [attr.title]="title"\n [attr.placeholder]="placeholder"\n [attr.maxLength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [tabindex]="tabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n mousedown: handleMouseDown,\n dragenter: handleDragEnter,\n keydown: handleKeyDown,\n input: handleInput,\n focus: handleFocus,\n blur: handleBlur,\n paste: handlePaste\n }"\n #numericInput />\n <span\n class="k-input-spinner k-spin-button" *ngIf="spinners"\n [kendoEventsOutsideAngular]="{ mouseup: releaseArrow, mouseleave: releaseArrow }"\n >\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: increasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="incrementTitle"\n [title]="incrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Up"\n class="k-spinner-increase k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-up"></span>\n </button>\n <button\n type="button"\n [kendoEventsOutsideAngular]="{ mousedown: decreasePress }"\n [attr.aria-hidden]="true"\n [attr.aria-label]="decrementTitle"\n [title]="decrementTitle"\n [class.k-active]="arrowDirection === ArrowDirection.Down"\n class="k-spinner-decrease k-button k-icon-button k-button-solid k-button-solid-base"\n tabindex="-1"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n </span>\n '}]}],ctorParameters:function(){return[{type:$.IntlService},{type:i.Renderer2},{type:r.LocalizationService},{type:i.Injector},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],title:[{type:l.Input}],autoCorrect:[{type:l.Input}],format:[{type:l.Input}],max:[{type:l.Input}],min:[{type:l.Input}],decimals:[{type:l.Input}],placeholder:[{type:l.Input}],step:[{type:l.Input}],spinners:[{type:l.Input}],rangeValidation:[{type:l.Input}],tabindex:[{type:l.Input}],tabIndex:[{type:l.Input}],changeValueOnScroll:[{type:l.Input}],selectOnFocus:[{type:l.Input}],value:[{type:l.Input}],maxlength:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],valueChange:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],numericInput:[{type:l.ViewChild,args:["numericInput",{static:!0}]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],disableClass:[{type:l.HostBinding,args:["class.k-disabled"]}],hostClasses:[{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-numerictextbox"]}]}});d(Gt,At=b),Object.defineProperty(Gt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var At,jt,_t=Gt;function Gt(e){var t=At.call(this)||this;return t.service=e,t}_t.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_t,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),_t.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_t,selector:"kendo-numerictextbox-messages",providers:[{provide:b,useExisting:l.forwardRef(function(){return _t})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_t,decorators:[{type:l.Component,args:[{providers:[{provide:b,useExisting:l.forwardRef(function(){return _t})}],selector:"kendo-numerictextbox-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}}),(b=jt=jt||{})[b.Literal=0]="Literal",b[b.Mask=1]="Mask",b[b.Undefined=2]="Undefined";Wt.prototype.map=function(e){return new Wt(e(this.value),this.rest)},Wt.prototype.chain=function(e){return e(this.value,this.rest)},Wt.prototype.fold=function(e,t){return e(this.value,this.rest)},Wt.prototype.concat=function(t){return this.map(function(n,e){return t.chain(function(e,t){return n.concat([e])})})},Wt.prototype.toString=function(){return"Result({ value: '"+this.value+"', rest: "+this.rest+" })"};var Zt=Wt;function Wt(e,t,n){void 0===n&&(n=jt.Undefined),this.value=e,this.rest=t,this.type=n}$t.prototype.eof=function(){return this.inputCursor>=this.input.length},$t.prototype.next=function(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}},$t.prototype.peek=function(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}},$t.prototype.eat_input=function(){this.inputCursor++},$t.prototype.eat_control=function(){this.controlCursor++},$t.prototype.eat=function(){this.inputCursor++,this.controlCursor++};var Kt=$t;function $t(e,t){void 0===t&&(t=[]),this.input=e=void 0===e?[]:e,this.control=t,this.inputCursor=0,this.controlCursor=0}function Ut(e){return(e||"").split("")}qt.prototype.run=function(e,t){return void 0===t&&(t=""),e instanceof Kt?this.parse(e):this.parse(new Kt(Ut(e),Ut(t)))},qt.prototype.map=function(t){var n=this;return new qt(function(e){return n.parse(e).map(t)})},qt.prototype.chain=function(n){var t=this;return new qt(function(e){return t.parse(e).chain(function(e,t){return n(e).run(t)})})},qt.prototype.isLiteral=function(e){return this.run(e).type===jt.Literal};var Xt=qt;function qt(e){this.parse=e}function Qt(o,i){return new Xt(function(e){var t=e.next().char,n=o[t];return"\\"===t?(t=e.next().char,new Zt(i.literal(t),e)):new Zt(n?i.mask(n):i.literal(t),e)})}function Yt(e){var n=e.prompt,o=e.promptPlaceholder;return new Xt(function(e){var t=e.next().char;return new Zt(t===n?o:t,e)})}function Jt(n){return new Xt(function(e){var t=e.next().char;return new Zt(n?t:"",e)})}function en(e){return e.reduce(function(e,t){return n=t,e.chain(function(t){return n.map(function(e){return t.concat([e])})});var n},(t=[],new Xt(function(e){return new Zt(t,e)})));var t}function tn(n){return new Xt(function(e){for(var t=new Zt([],e);!e.eof();)t=t.concat(n.run(e));return t})}on.prototype.update=function(e){var t=e.mask,n=e.prompt,n=void 0===n?"":n,o=e.promptPlaceholder,o=void 0===o?" ":o,i=e.rules,i=void 0===i?{}:i,e=e.includeLiterals,e=void 0!==e&&e;this.mask=void 0===t?"":t,this.prompt=n,this.promptPlaceholder=o,this.rules=i,this.includeLiterals=e,this.tokenize()},on.prototype.validationValue=function(e){var t=e=void 0===e?"":e;return en(this.validationTokens).run(e).fold(function(e){t=e.join("")}),t},on.prototype.rawValue=function(e){var t=e=void 0===e?"":e;return this.rawTokens.length&&en(this.rawTokens).run(e).fold(function(e){t=e.join("")}),t},on.prototype.maskRaw=function(e){var t=e=void 0===e?"":e;return this.maskTokens.length&&en(this.maskTokens).run(e).fold(function(e){t=e.join("")}),t},on.prototype.maskInput=function(e,t,n){return e.length<t.length?this.maskRemoved(e,t,n):this.maskInserted(e,t,n)},on.prototype.maskInRange=function(e,t,n,o){var i="",r=o,a=t.split("").slice(0,n),s=t.split("").slice(o);return en(this.maskTokens.slice(n,o)).run(e).fold(function(e){i=a.concat(e).concat(s).join("")}),{selection:r,value:i}},on.prototype.maskRemoved=function(e,t,n){var o=this,i="",r=n,a=e.split("").slice(n),s=e.split("").slice(0,n).join(""),e=this.maskTokens.length-(e.length-n);return en(this.maskTokens.slice(0,e)).run(s,t).fold(function(e){r=o.adjustPosition(e,r),i=e.concat(a).join("")}),{selection:r,value:i}},on.prototype.adjustPosition=function(e,t){e=e[t];return this.maskTokens[t].isLiteral(e)||e===this.prompt?t:t+1},on.prototype.maskInserted=function(e,n,t){var o=this,i="",r=t,e=e.slice(0,t);return en(this.unmaskTokens).run(e,n).chain(function(e){r=e.join("").length;var t=n.slice(r);return en(o.maskTokens).run(e.join("")+t,n)}).fold(function(e){i=e.join("")}),{selection:r,value:i}},Object.defineProperty(on.prototype,"maskTokenCreator",{get:function(){var n=this.prompt,a=this.promptPlaceholder;return{literal:function(e){return t=e,new Xt(function(e){return e.peek().char===t&&e.eat(),new Zt(t,e,jt.Literal)});var t},mask:function(e){o=(t={prompt:n,promptPlaceholder:a}).prompt,i=t.promptPlaceholder;var t,o,i,r=e;return new Xt(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===t&&t===o)return e.eat(),new Zt(o,e,jt.Mask);if(r.test(n))return e.eat(),new Zt(n,e,jt.Mask);if(n===i)return e.eat(),new Zt(o,e,jt.Mask);e.eat_input()}return e.eat(),new Zt(o,e,jt.Mask)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"unmaskTokenCreator",{get:function(){var t=this;return{literal:function(e){return t=e,new Xt(function(e){return e.eof()?new Zt("",e):(e.peek().char===t&&e.eat(),new Zt(t,e))});var t},mask:function(e){o=t.prompt;var o,i=e;return new Xt(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===o&&t===o)return e.eat(),new Zt(n,e);if(i.test(n))return e.eat(),new Zt(n,e);e.eat_input()}return e.eat(),new Zt("",e)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"rawTokenCreator",{get:function(){var t=this.prompt,n=this.promptPlaceholder,o=this.includeLiterals;return{literal:function(e){return Jt(o)},mask:function(e){return Yt({prompt:t,promptPlaceholder:n})}}},enumerable:!1,configurable:!0}),Object.defineProperty(on.prototype,"validationTokenCreator",{get:function(){var t=this.prompt;return{literal:function(e){return Jt(!1)},mask:function(e){return Yt({prompt:t,promptPlaceholder:""})}}},enumerable:!1,configurable:!0}),on.prototype.tokenize=function(){var n=this;tn(Qt(this.rules,this.maskTokenCreator)).run(this.mask).fold(function(e,t){n.maskTokens=e}),tn(Qt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(function(e,t){n.unmaskTokens=e}),tn(Qt(this.rules,this.rawTokenCreator)).run(this.mask).fold(function(e,t){n.rawTokens=e}),tn(Qt(this.rules,this.validationTokenCreator)).run(this.mask).fold(function(e,t){n.validationTokens=e})};var nn=on;function on(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}nn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nn,deps:[],target:i.ɵɵFactoryTarget.Injectable}),nn.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nn,decorators:[{type:l.Injectable}]});var rn=Promise.resolve(null),an="k-focus",sn=(Object.defineProperty(C.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"rules",{get:function(){return this._rules||this.defaultRules},set:function(e){this._rules=Object.assign({},this.defaultRules,e)},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(C.prototype,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),C.prototype.ngOnInit=function(){this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(o.NgControl,null)},C.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},C.prototype.isEmpty=function(){if(this.input)return!Boolean(this.input.nativeElement.value)},C.prototype.handleDragDrop=function(){return!1},C.prototype.focus=function(){this.input&&(this.input.nativeElement.focus(),this.setFocusSelection())},C.prototype.blur=function(){this.input&&this.input.nativeElement.blur()},C.prototype.pasteHandler=function(e){var e=e.target,t=e.selectionStart,e=e.selectionEnd;e!==t&&(this.isPasted=!0,this.selection=[t,e])},C.prototype.inputHandler=function(e){var t,n=e.target.value,o=J(this.selection,2),i=o[0],o=o[1];this.mask?(t=this.isPasted?(this.isPasted=!1,t=this.maskedValue.length-o,t=n.length-t,this.service.maskInRange(n.slice(i,t),this.maskedValue,i,o)):this.service.maskInput(n,this.maskedValue||"",e.target.selectionStart),this.updateInput(t.value,t.selection),this.updateValueWithEvents(t.value)):(this.updateValueWithEvents(n),this.isPasted=!1)},C.prototype.ngOnChanges=function(e){var t,n=this;e.value&&(this.value=this.normalizeValue()),this.mask?(t=this.extractChanges(e),this.updateService(t),t=this.service.maskRaw(this.value),this.updateInput(t,null,!0),(e.includeLiterals||c.isChanged("promptPlaceholder",e))&&rn.then(function(){n.updateValueWithEvents(n.maskedValue)})):this.updateInput(this.value)},C.prototype.writeValue=function(e){this.value=this.normalizeValue(e),this.updateInput(this.service.maskRaw(this.value)),this.includeLiterals&&this.updateValue(this.maskedValue)},C.prototype.registerOnChange=function(e){this.onChange=e},C.prototype.registerOnTouched=function(e){this.onTouched=e},C.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},C.prototype.validate=function(e){return!1!==this.maskValidation&&this.mask&&this.service.validationValue(this.maskedValue)&&-1!==this.maskedValue.indexOf(this.prompt)?{patternError:{mask:this.mask,maskedValue:this.maskedValue,value:this.value}}:null},Object.defineProperty(C.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),C.prototype.updateValueWithEvents=function(e){this.updateValue(e),c.hasObservers(this.valueChange)&&this.valueChange.emit(this.value)},C.prototype.updateValue=function(e){!this.mask||this.service.validationValue(e)||this.includeLiterals?this.value=this.service.rawValue(e):this.value="",this.onChange(this.value)},C.prototype.updateInput=function(e,t,n){void 0===e&&(e=""),n&&e===this.maskedValue||(this.maskedValue=e,n=this.maskOnFocus&&!this.focused&&this.emptyMask?"":e,this.renderer.setProperty(this.input.nativeElement,"value",n),void 0!==t&&this.setSelection(t,t))},C.prototype.extractChanges=function(n){return Object.keys(n).filter(function(e){return"rules"!==e}).reduce(function(e,t){return e[t]=n[t].currentValue,e},{})},C.prototype.updateService=function(e){e=Object.assign({includeLiterals:this.includeLiterals,mask:this.mask,prompt:this.prompt,promptPlaceholder:this.promptPlaceholder,rules:this.rules},e);this.service.update(e)},C.prototype.setSelection=function(e,t){void 0===e&&(e=this.selection[0]),void 0===t&&(t=this.selection[1]),this.focused&&je(this.input,"setSelectionRange",e,t)},Object.defineProperty(C.prototype,"emptyMask",{get:function(){return this.service.maskRaw()===this.maskedValue},enumerable:!1,configurable:!0}),C.prototype.setFocusSelection=function(){var e=this.input.nativeElement.selectionStart,t=this.maskedValue?this.maskedValue.indexOf(this.prompt):0;0<=t&&t<e&&(this.selection=[t,t],this.setSelection())},Object.defineProperty(C.prototype,"focused",{get:function(){return this.isFocused},set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,an):this.renderer.removeClass(t,an),this.isFocused=e)},enumerable:!1,configurable:!0}),C.prototype.normalizeValue=function(e){void 0===e&&(e=this.value);var t=u(e);if(t&&"string"!=typeof e){if(l.isDevMode())throw new Error("The MaskedTextBox component supports only string values.");return String(e)}return t?e:""},C.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},C);function C(e,t,n,o,i,r,a){var s=this;this.service=e,this.renderer=t,this.hostElement=n,this.ngZone=o,this.injector=i,this.changeDetector=r,this.focusableId="k-"+c.guid(),this.disabled=!1,this.readonly=!1,this.prompt="_",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskOnFocus=!1,this.maskValidation=!0,this.tabindex=0,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.hostClasses=!0,this.focusClick=!1,this.defaultRules={"#":/[\d\s\+\-]/,"&":/[\S]/,0:/[\d]/,9:/[\d\s]/,"?":/[a-zA-Z\s]/,A:/[a-zA-Z0-9]/,C:/./,L:/[a-zA-Z]/,a:/[a-zA-Z0-9\s]/},this.isPasted=!1,this.selection=[0,0],this._size="medium",this._rounded="medium",this._fillMode="solid",this.handleFocus=function(){s.focused=!0,s.maskOnFocus&&s.emptyMask&&(s.updateInput(s.service.maskRaw(s.value)),s.ngZone.runOutsideAngular(function(){setTimeout(function(){s.setSelection(0,0)},0)})),c.hasObservers(s.onFocus)&&s.ngZone.run(function(){s.onFocus.emit()})},this.handleClick=function(){var e;s.focused&&!s.focusClick&&(s.focusClick=!0,(e=s.input.nativeElement).selectionStart===e.selectionEnd)&&s.setFocusSelection()},this.handleBlur=function(){s.changeDetector.markForCheck(),s.focused=!1,s.focusClick=!1,s.maskOnFocus&&s.emptyMask&&s.updateInput(s.maskedValue),(c.hasObservers(s.onBlur)||te(s.control))&&s.ngZone.run(function(){s.onTouched(),s.onBlur.emit()})},this.onChange=function(e){},this.onTouched=function(){},H.validatePackage(Ze),this.direction=a?"rtl":"ltr",this.updateService()}sn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:sn,deps:[{token:nn},{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:i.Injector},{token:i.ChangeDetectorRef},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Component}),sn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:sn,selector:"kendo-maskedtextbox",inputs:{focusableId:"focusableId",disabled:"disabled",readonly:"readonly",title:"title",size:"size",rounded:"rounded",fillMode:"fillMode",mask:"mask",value:"value",rules:"rules",prompt:"prompt",promptPlaceholder:"promptPlaceholder",includeLiterals:"includeLiterals",maskOnFocus:"maskOnFocus",maskValidation:"maskValidation",tabindex:"tabindex",tabIndex:"tabIndex"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{listeners:{paste:"pasteHandler($event)",input:"inputHandler($event)"},properties:{"attr.dir":"this.direction","class.k-input":"this.hostClasses","class.k-maskedtextbox":"this.hostClasses","class.k-disabled":"this.hostDisabledClass"}},providers:[nn,{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return sn})},{multi:!0,provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return sn})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return sn})}],viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],exportAs:["kendoMaskedTextBox"],usesOnChanges:!0,ngImport:i,template:'\n <input type="text"\n #input\n autocomplete="off"\n autocorrect="off"\n autocapitalize="off"\n spellcheck="false"\n class="k-input-inner"\n [id]="focusableId"\n [tabindex]="tabIndex"\n [attr.title]="title"\n [attr.aria-placeholder]="mask"\n [attr.aria-invalid]="isControlInvalid"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n focus: handleFocus,\n blur: handleBlur,\n click: handleClick,\n dragstart: handleDragDrop,\n drop: handleDragDrop\n }"\n />\n ',isInline:!0,directives:[{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:sn,decorators:[{type:l.Component,args:[{exportAs:"kendoMaskedTextBox",providers:[nn,{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return sn})},{multi:!0,provide:o.NG_VALIDATORS,useExisting:l.forwardRef(function(){return sn})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return sn})}],selector:"kendo-maskedtextbox",template:'\n <input type="text"\n #input\n autocomplete="off"\n autocorrect="off"\n autocapitalize="off"\n spellcheck="false"\n class="k-input-inner"\n [id]="focusableId"\n [tabindex]="tabIndex"\n [attr.title]="title"\n [attr.aria-placeholder]="mask"\n [attr.aria-invalid]="isControlInvalid"\n [disabled]="disabled"\n [readonly]="readonly"\n [kendoEventsOutsideAngular]="{\n focus: handleFocus,\n blur: handleBlur,\n click: handleClick,\n dragstart: handleDragDrop,\n drop: handleDragDrop\n }"\n />\n '}]}],ctorParameters:function(){return[{type:nn},{type:i.Renderer2},{type:i.ElementRef},{type:i.NgZone},{type:i.Injector},{type:i.ChangeDetectorRef},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]},propDecorators:{focusableId:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],title:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],mask:[{type:l.Input}],value:[{type:l.Input}],rules:[{type:l.Input}],prompt:[{type:l.Input}],promptPlaceholder:[{type:l.Input}],includeLiterals:[{type:l.Input}],maskOnFocus:[{type:l.Input}],maskValidation:[{type:l.Input}],tabindex:[{type:l.Input}],tabIndex:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostClasses:[{type:l.HostBinding,args:["class.k-input"]},{type:l.HostBinding,args:["class.k-maskedtextbox"]}],hostDisabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],pasteHandler:[{type:l.HostListener,args:["paste",["$event"]]}],inputHandler:[{type:l.HostListener,args:["input",["$event"]]}]}});var ln,b=function(){},cn=(b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[],target:i.ɵɵFactoryTarget.NgModule}),b.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,declarations:[Ue,We],imports:[n.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],exports:[We,Ue,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),b.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,imports:[[n.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:l.NgModule,args:[{declarations:[Ue,We],exports:[We,Ue,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],imports:[n.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}]}]}),d(dn,ln=g),Object.defineProperty(dn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),dn);function dn(e){var t=ln.call(this)||this;return t.service=e,t}cn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:cn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),cn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:cn,selector:"kendo-slider-messages",providers:[{provide:g,useExisting:l.forwardRef(function(){return cn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:cn,decorators:[{type:l.Component,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return cn})}],selector:"kendo-slider-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var un,g=function(){},pn=(g.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,deps:[],target:i.ɵɵFactoryTarget.NgModule}),g.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,declarations:[ot,cn,Je],imports:[n.CommonModule,b],exports:[ot,cn,We,Je]}),g.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,imports:[[n.CommonModule,b]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:l.NgModule,args:[{declarations:[ot,cn,Je],exports:[ot,cn,We,Je],imports:[n.CommonModule,b]}]}]}),d(hn,un=p),Object.defineProperty(hn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),hn);function hn(e){var t=un.call(this)||this;return t.service=e,t}pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),pn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:pn,selector:"kendo-rangeslider-messages",providers:[{provide:p,useExisting:l.forwardRef(function(){return pn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,decorators:[{type:l.Component,args:[{providers:[{provide:p,useExisting:l.forwardRef(function(){return pn})}],selector:"kendo-rangeslider-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var gn,p=function(){},fn=(p.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,deps:[],target:i.ɵɵFactoryTarget.NgModule}),p.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,declarations:[gt,pn,dt],imports:[n.CommonModule,b],exports:[gt,pn,dt,We]}),p.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,imports:[[n.CommonModule,b]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:p,decorators:[{type:l.NgModule,args:[{declarations:[gt,pn,dt],exports:[gt,pn,dt,We],imports:[n.CommonModule,b]}]}]}),d(mn,gn=h),Object.defineProperty(mn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),mn);function mn(e){var t=gn.call(this)||this;return t.service=e,t}fn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:fn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),fn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:fn,selector:"kendo-switch-messages",providers:[{provide:h,useExisting:l.forwardRef(function(){return fn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:fn,decorators:[{type:l.Component,args:[{providers:[{provide:h,useExisting:l.forwardRef(function(){return fn})}],selector:"kendo-switch-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var vn,b=function(){},h=(b.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,deps:[],target:i.ɵɵFactoryTarget.NgModule}),b.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,declarations:[Ct,fn,bt],imports:[n.CommonModule,c.EventsModule,c.ResizeSensorModule],exports:[Ct,fn,bt]}),b.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,imports:[[n.CommonModule,c.EventsModule,c.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:b,decorators:[{type:l.NgModule,args:[{declarations:[Ct,fn,bt],exports:[Ct,fn,bt],imports:[n.CommonModule,c.EventsModule,c.ResizeSensorModule]}]}]}),function(){}),bn=(h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[],target:i.ɵɵFactoryTarget.NgModule}),h.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,declarations:[Ft,y,_t],imports:[n.CommonModule,c.EventsModule],exports:[y,_t]}),h.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,imports:[[n.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.NgModule,args:[{declarations:[Ft,y,_t],exports:[y,_t],imports:[n.CommonModule,c.EventsModule]}]}]}),function(){}),yn=(bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),bn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,declarations:[sn],imports:[n.CommonModule,c.EventsModule],exports:[sn]}),bn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,imports:[[n.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,decorators:[{type:l.NgModule,args:[{declarations:[sn],exports:[sn],imports:[n.CommonModule,c.EventsModule]}]}]}),function(e){this.templateRef=e}),kn=(yn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:yn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),yn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:yn,selector:"[kendoTextBoxSuffixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:yn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxSuffixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),function(e){this.templateRef=e}),I=(kn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:kn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),kn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:kn,selector:"[kendoTextBoxPrefixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:kn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxPrefixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),d(Cn,vn=t.ComponentMessages),Cn);function Cn(){return null!==vn&&vn.apply(this,arguments)||this}I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:null,target:i.ɵɵFactoryTarget.Directive}),I.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-textbox-messages-base",inputs:{clear:"clear"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:l.Directive,args:[{selector:"kendo-textbox-messages-base"}]}],propDecorators:{clear:[{type:l.Input}]}});d(wn,In=I);var In,xn=wn;function wn(e){var t=In.call(this)||this;return t.service=e,t}xn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),xn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:xn,selector:"[kendoTextBoxLocalizedMessages]",providers:[{provide:I,useExisting:l.forwardRef(function(){return xn})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,decorators:[{type:l.Directive,args:[{providers:[{provide:I,useExisting:l.forwardRef(function(){return xn})}],selector:"[kendoTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var En="k-focus",Sn=(Object.defineProperty(x.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),x.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(o.NgControl,null),this.checkClearButton(),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},x.prototype.ngAfterViewInit=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.onFocus.emit(),t.isFocused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(o?(Ge(e.relatedTarget,function(e){return e===t.hostElement.nativeElement})||t.handleBlur(),o=!1):n||t.clearButtonClicked||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){n=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){n=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){o=e.keyCode===c.Keys.Tab}))});["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},x.prototype.ngOnChanges=function(e){(e.disabled||e.readonly||e.value)&&this.checkClearButton()},x.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},x.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},x.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},x.prototype.clearTitle=function(){return this.localizationService.get("clear")},x.prototype.checkClearButton=function(){this.showClearButton=!this.disabled&&!this.readonly&&this.clearButton&&!!this.value},x.prototype.clearValue=function(e){e&&e.preventDefault(),this.clearButtonClicked=!0,this.input.nativeElement.value="",this.input.nativeElement.focus(),this.updateValue(""),this.checkClearButton(),this.clearButtonClicked=!1},x.prototype.writeValue=function(e){this.value=e,this.checkClearButton()},x.prototype.registerOnChange=function(e){this.ngChange=e},x.prototype.registerOnTouched=function(e){this.ngTouched=e},x.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},x.prototype.showErrorsInitial=function(){var e,t,n;return!!this.control&&(e=(n=this.control).invalid,t=n.dirty,n=n.touched,e)&&(t||n)},x.prototype.showSuccessInitial=function(){var e,t,n;return!!this.control&&(e=(n=this.control).valid,t=n.dirty,n=n.touched,e)&&(t||n)},Object.defineProperty(x.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"successIconClasses",{get:function(){return this.successIcon?""+this.successIcon:"k-input-validation-icon k-icon k-i-check"},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"errorIconClasses",{get:function(){return this.errorIcon?""+this.errorIcon:"k-input-validation-icon k-icon k-i-exclamation-circle"},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"clearButtonClasses",{get:function(){return this.clearButtonIcon||"k-icon k-i-x"},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"hasErrors",{get:function(){return"initial"===this.showErrorIcon?this.showErrorsInitial():this.showErrorIcon},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"isSuccessful",{get:function(){return"initial"===this.showSuccessIcon?this.showSuccessInitial():this.showSuccessIcon},enumerable:!1,configurable:!0}),x.prototype.setSelection=function(e,t){this.isFocused&&je(this.input,"setSelectionRange",e,t)},x.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},x.prototype.updateValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.checkClearButton(),t.changeDetector.markForCheck()})},Object.defineProperty(x.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){var t;this._isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e&&!this.disabled?this.renderer.addClass(t,En):this.renderer.removeClass(t,En),this._isFocused=e)},enumerable:!1,configurable:!0}),x.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},x.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},x);function x(e,t,n,o,i,r){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=i,this.hostElement=r,this.focusableId="k-"+c.guid(),this.title="",this.disabled=!1,this.readonly=!1,this.tabindex=0,this.value=null,this.selectOnFocus=!1,this.showSuccessIcon=!1,this.showErrorIcon=!1,this.clearButton=!1,this.valueChange=new l.EventEmitter,this.inputFocus=new l.EventEmitter,this.inputBlur=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.hostClasses=!0,this._isFocused=!1,this.focusChangedProgrammatically=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.handleInputFocus=function(){a.disabled||(a.selectOnFocus&&a.value&&a.ngZone.run(function(){setTimeout(function(){a.selectAll()})}),c.hasObservers(a.onFocus)&&!a.isFocused&&a.ngZone.run(function(){a.onFocus.emit()}),c.hasObservers(a.inputFocus)&&(!a.focusChangedProgrammatically||a.focusChangedProgrammatically&&a.clearButtonClicked)&&a.ngZone.run(function(){a.inputFocus.emit()}),a.ngZone.run(function(){a.isFocused=!0}))},this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.handleInput=function(e){var t=e.target,n=(o=navigator.userAgent,n=N.detectDesktopBrowser(o),o=N.detectMobileOS(o),n&&n.safari||o&&"mobilesafari"===o.browser),o=n&&(o=t.value,/[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g.test(o))?e.data:t.value,e=J([t.selectionStart,t.selectionEnd],2),i=e[0],e=e[1];a.updateValue(o),n&&t.setSelectionRange(i,e)},this.ngChange=function(e){},this.ngTouched=function(){},H.validatePackage(Ze),this.direction=e.rtl?"rtl":"ltr"}Sn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Sn,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Sn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Sn,selector:"kendo-textbox",inputs:{focusableId:"focusableId",title:"title",disabled:"disabled",readonly:"readonly",tabindex:"tabindex",value:"value",selectOnFocus:"selectOnFocus",showSuccessIcon:"showSuccessIcon",showErrorIcon:"showErrorIcon",clearButton:"clearButton",successIcon:"successIcon",errorIcon:"errorIcon",clearButtonIcon:"clearButtonIcon",size:"size",rounded:"rounded",fillMode:"fillMode",tabIndex:"tabIndex",placeholder:"placeholder",maxlength:"maxlength"},outputs:{valueChange:"valueChange",inputFocus:"inputFocus",inputBlur:"inputBlur",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-disabled":"this.disabledClass","class.k-textbox":"this.hostClasses","class.k-input":"this.hostClasses","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Sn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Sn})}],queries:[{propertyName:"suffixTemplate",first:!0,predicate:yn,descendants:!0},{propertyName:"prefixTemplate",first:!0,predicate:kn,descendants:!0}],viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],exportAs:["kendoTextBox"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoTextBoxLocalizedMessages\n i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."\n clear="Clear">\n </ng-container>\n <span class="k-input-prefix">\n <ng-template\n *ngIf="prefixTemplate"\n [ngTemplateOutlet]="prefixTemplate?.templateRef">\n </ng-template>\n </span>\n <input #input\n class="k-input-inner"\n [id]="focusableId"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [value]="value"\n [attr.placeholder]="placeholder"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}"\n />\n <span\n role="button"\n class="k-clear-value"\n *ngIf="showClearButton"\n (click)="clearValue()"\n (mousedown)="$event.preventDefault()"\n [tabindex]="tabIndex"\n [attr.aria-label]="clearTitle()"\n [title]="clearTitle()"\n (keydown.enter)="clearValue($event)"\n (keydown.space)="clearValue($event)">\n <span [ngClass]="clearButtonClasses"></span>\n </span>\n <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>\n <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>\n <span class="k-input-suffix">\n <ng-template\n *ngIf="suffixTemplate"\n [ngTemplateOutlet]="suffixTemplate?.templateRef">\n </ng-template>\n </span>\n ',isInline:!0,directives:[{type:xn,selector:"[kendoTextBoxLocalizedMessages]"},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Sn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Sn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Sn})}],selector:"kendo-textbox",template:'\n <ng-container kendoTextBoxLocalizedMessages\n i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."\n clear="Clear">\n </ng-container>\n <span class="k-input-prefix">\n <ng-template\n *ngIf="prefixTemplate"\n [ngTemplateOutlet]="prefixTemplate?.templateRef">\n </ng-template>\n </span>\n <input #input\n class="k-input-inner"\n [id]="focusableId"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.tabindex]="disabled ? undefined : tabindex"\n [value]="value"\n [attr.placeholder]="placeholder"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}"\n />\n <span\n role="button"\n class="k-clear-value"\n *ngIf="showClearButton"\n (click)="clearValue()"\n (mousedown)="$event.preventDefault()"\n [tabindex]="tabIndex"\n [attr.aria-label]="clearTitle()"\n [title]="clearTitle()"\n (keydown.enter)="clearValue($event)"\n (keydown.space)="clearValue($event)">\n <span [ngClass]="clearButtonClasses"></span>\n </span>\n <span *ngIf="hasErrors" [ngClass]="errorIconClasses"></span>\n <span *ngIf="isSuccessful" [ngClass]="successIconClasses"></span>\n <span class="k-input-suffix">\n <ng-template\n *ngIf="suffixTemplate"\n [ngTemplateOutlet]="suffixTemplate?.templateRef">\n </ng-template>\n </span>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.Injector},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],title:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tabindex:[{type:l.Input}],value:[{type:l.Input}],selectOnFocus:[{type:l.Input}],showSuccessIcon:[{type:l.Input}],showErrorIcon:[{type:l.Input}],clearButton:[{type:l.Input}],successIcon:[{type:l.Input}],errorIcon:[{type:l.Input}],clearButtonIcon:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],tabIndex:[{type:l.Input}],placeholder:[{type:l.Input}],maxlength:[{type:l.Input}],valueChange:[{type:l.Output}],inputFocus:[{type:l.Output}],inputBlur:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],suffixTemplate:[{type:l.ContentChild,args:[yn,{static:!1}]}],prefixTemplate:[{type:l.ContentChild,args:[kn,{static:!1}]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],hostClasses:[{type:l.HostBinding,args:["class.k-textbox"]},{type:l.HostBinding,args:["class.k-input"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}]}});d(Pn,Tn=I),Object.defineProperty(Pn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Tn,Dn=Pn;function Pn(e){var t=Tn.call(this)||this;return t.service=e,t}Dn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Dn,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Dn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Dn,selector:"kendo-textbox-messages",providers:[{provide:I,useExisting:l.forwardRef(function(){return Dn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Dn,decorators:[{type:l.Component,args:[{providers:[{provide:I,useExisting:l.forwardRef(function(){return Dn})}],selector:"kendo-textbox-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var I=function(){this.hostClass=!0},w=(I.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,deps:[],target:i.ɵɵFactoryTarget.Component}),I.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:I,selector:"kendo-input-separator, kendo-textbox-separator",host:{properties:{"class.k-input-separator":"this.hostClass"}},ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:I,decorators:[{type:l.Component,args:[{selector:"kendo-input-separator, kendo-textbox-separator",template:""}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-separator"]}]}}),[I,wt]),Vn=function(){},On=(Vn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Vn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn,declarations:[I,wt],exports:[I,wt]}),Vn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Vn,decorators:[{type:l.NgModule,args:[{declarations:[w],exports:[w]}]}]}),function(){}),Bn=(On.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,deps:[],target:i.ɵɵFactoryTarget.NgModule}),On.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,declarations:[It,Sn,yn,kn,Dn,xn],imports:[n.CommonModule,c.EventsModule,Vn],exports:[It,Sn,yn,kn,c.EventsModule,Dn,xn,I,wt]}),On.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,imports:[[n.CommonModule,c.EventsModule,Vn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:On,decorators:[{type:l.NgModule,args:[{declarations:[It,Sn,yn,kn,Dn,xn],exports:[It,Sn,yn,kn,c.EventsModule,Dn,xn,w],imports:[n.CommonModule,c.EventsModule,Vn]}]}]}),Object.defineProperty(zn.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),zn.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},zn.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},zn);function zn(e,t,n,o,i,r){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=i,this.hostElement=r,this.title="",this.disabled=!1,this.readonly=!1,this.value=null,this.selectOnFocus=!1,this.inputFocus=new l.EventEmitter,this.inputBlur=new l.EventEmitter,this.subscriptions=new L.Subscription,this._isFocused=!1,this.focusChangedProgrammatically=!1,this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||te(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.ngChange=function(e){},this.ngTouched=function(){}}Bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Bn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bn,selector:"kendo-textfield-base",inputs:{title:"title",disabled:"disabled",readonly:"readonly",value:"value",selectOnFocus:"selectOnFocus",placeholder:"placeholder"},outputs:{inputFocus:"inputFocus",inputBlur:"inputBlur"},host:{properties:{"class.k-disabled":"this.disabledClass","attr.dir":"this.direction"}},viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,decorators:[{type:l.Component,args:[{selector:"kendo-textfield-base",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.Injector},{type:i.ElementRef}]},propDecorators:{title:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],value:[{type:l.Input}],selectOnFocus:[{type:l.Input}],placeholder:[{type:l.Input}],inputFocus:[{type:l.Output}],inputBlur:[{type:l.Output}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}]}});var Rn,Fn={vertical:"k-resize-vertical",horizontal:"k-resize-horizontal",both:"k-resize-both",none:"k-resize-none",auto:"k-resize-none"},Ln="k-focus",Mn=(d(E,Rn=Bn),Object.defineProperty(E.prototype,"flowCol",{get:function(){return"vertical"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"flowRow",{get:function(){return"horizontal"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),E.prototype.ngAfterViewInit=function(){var t=this,e=this.hostElement.nativeElement,n=!1,o=!1;this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focusin",function(){t.isFocused||t.ngZone.run(function(){t.onFocus.emit(),t.isFocused=!0})})),t.subscriptions.add(t.renderer.listen(e,"focusout",function(e){t.isFocused&&(o?(Ge(e.relatedTarget,function(e){return e===t.hostElement.nativeElement})||t.handleBlur(),o=!1):n||t.handleBlur())})),t.subscriptions.add(t.renderer.listen(e,"mouseenter",function(){n=!0})),t.subscriptions.add(t.renderer.listen(e,"mouseleave",function(){n=!1})),t.subscriptions.add(t.renderer.listen(e,"keydown",function(e){o=e.keyCode===c.Keys.Tab})),t.handleFlow()});["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},E.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(o.NgControl,null),c.isDocumentAvailable()&&"auto"===this.resizable&&(this.resizeSubscription=L.fromEvent(window,"resize").pipe(M.debounceTime(50)).subscribe(function(){return t.resize()})),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},E.prototype.ngOnChanges=function(e){var t=this.hostElement.nativeElement,n=this.input.nativeElement;e.flow&&this.handleFlow(),e.resizable&&("auto"===this.resizable?(this.renderer.removeClass(n,"!k-overflow-y-auto"),this.initialHeight=n.offsetHeight):(this.renderer.addClass(n,"!k-overflow-y-auto"),n.style.height=this.initialHeight+"px")),e.cols&&(u(e.cols.currentValue)?this.renderer.setStyle(t,"width","auto"):this.renderer.removeStyle(t,"width")),e.value&&this.resize()},E.prototype.writeValue=function(e){this.value=e,this.resize()},E.prototype.registerOnChange=function(e){this.ngChange=e},E.prototype.registerOnTouched=function(e){this.ngTouched=e},E.prototype.updateValue=function(e){var t=this;ee(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},E.prototype.ngOnDestroy=function(){Rn.prototype.ngOnDestroy.call(this),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(E.prototype,"resizableClass",{get:function(){return Fn[this.resizable]},enumerable:!1,configurable:!0}),Object.defineProperty(E.prototype,"isControlInvalid",{get:function(){return this.control&&this.control.touched&&!this.control.valid},enumerable:!1,configurable:!0}),E.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},E.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},E.prototype.resize=function(){var o=this;"auto"===this.resizable&&this.ngZone.runOutsideAngular(function(){setTimeout(function(){var e=o.hostElement.nativeElement,t=o.input.nativeElement,n=(o.renderer.setStyle(t,"height",o.initialHeight+"px"),t.scrollHeight);o.renderer.setStyle(e,"min-height",n+"px"),n>o.initialHeight&&o.renderer.setStyle(t,"height",n+"px")},0)})},Object.defineProperty(E.prototype,"isFocused",{get:function(){return this._isFocused},set:function(e){var t;this._isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e&&!this.disabled?this.renderer.addClass(t,Ln):this.renderer.removeClass(t,Ln),this._isFocused=e)},enumerable:!1,configurable:!0}),E.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},E.prototype.setSelection=function(e,t){this.isFocused&&je(this.input,"setSelectionRange",e,t)},E.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},E.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},E.prototype.handleFlow=function(){var e="vertical"===this.flow,t=this.hostElement.nativeElement,n=this.input.nativeElement,t=t.children[1];this.renderer[e?"addClass":"removeClass"](n,"!k-flex-none"),t&&this.renderer[e?"removeClass":"addClass"](t,"!k-align-items-start")},E);function E(e,t,n,o,i,r){var a=Rn.call(this,e,t,n,o,i,r)||this;return a.localizationService=e,a.ngZone=t,a.changeDetector=n,a.renderer=o,a.injector=i,a.hostElement=r,a.focusableId="k-"+c.guid(),a.hostClasses=!0,a.flow="vertical",a.tabindex=0,a.resizable="vertical",a.onFocus=new l.EventEmitter,a.onBlur=new l.EventEmitter,a.valueChange=new l.EventEmitter,a._size="medium",a._rounded="medium",a._fillMode="solid",a.handleInput=function(e){e=e.target.value;a.updateValue(e),a.resize()},a.handleInputFocus=function(){a.disabled||(a.selectOnFocus&&a.value&&a.ngZone.run(function(){setTimeout(function(){a.selectAll()})}),c.hasObservers(a.onFocus)&&!a.isFocused&&a.ngZone.run(function(){a.onFocus.emit()}),c.hasObservers(a.inputFocus)&&!a.focusChangedProgrammatically&&a.ngZone.run(function(){a.inputFocus.emit()}),a.ngZone.run(function(){a.isFocused=!0}))},H.validatePackage(Ze),a.direction=e.rtl?"rtl":"ltr",a}Mn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mn,deps:[{token:r.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Mn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mn,selector:"kendo-textarea",inputs:{focusableId:"focusableId",flow:"flow",rows:"rows",cols:"cols",maxlength:"maxlength",tabindex:"tabindex",tabIndex:"tabIndex",resizable:"resizable",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{onFocus:"focus",onBlur:"blur",valueChange:"valueChange"},host:{properties:{"class.k-textarea":"this.hostClasses","class.k-input":"this.hostClasses","class.!k-flex-col":"this.flowCol","class.!k-flex-row":"this.flowRow"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Mn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Mn})}],exportAs:["kendoTextArea"],usesInheritance:!0,usesOnChanges:!0,ngImport:i,template:'\n <textarea\n #input\n [attr.aria-multiline]="true"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n class="k-input-inner"\n [ngClass]="resizableClass"\n [id]="focusableId"\n [value]="value"\n [attr.placeholder]="placeholder"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.rows]="rows"\n [attr.cols]="cols"\n [attr.tabindex]="tabIndex"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}">\n </textarea>\n <ng-content select="kendo-textarea-suffix"></ng-content>\n ',isInline:!0,directives:[{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:a.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextArea",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Mn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Mn})}],selector:"kendo-textarea",template:'\n <textarea\n #input\n [attr.aria-multiline]="true"\n [attr.aria-disabled]="disabled ? true : undefined"\n [attr.aria-readonly]="readonly ? true : undefined"\n class="k-input-inner"\n [ngClass]="resizableClass"\n [id]="focusableId"\n [value]="value"\n [attr.placeholder]="placeholder"\n [disabled]="disabled"\n [readonly]="readonly"\n [attr.rows]="rows"\n [attr.cols]="cols"\n [attr.tabindex]="tabIndex"\n [attr.title]="title"\n [attr.maxlength]="maxlength"\n [attr.aria-invalid]="isControlInvalid"\n [kendoEventsOutsideAngular]="{\n focus: handleInputFocus,\n blur: handleInputBlur,\n input: handleInput}">\n </textarea>\n <ng-content select="kendo-textarea-suffix"></ng-content>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.Injector},{type:i.ElementRef}]},propDecorators:{focusableId:[{type:l.Input}],hostClasses:[{type:l.HostBinding,args:["class.k-textarea"]},{type:l.HostBinding,args:["class.k-input"]}],flowCol:[{type:l.HostBinding,args:["class.!k-flex-col"]}],flowRow:[{type:l.HostBinding,args:["class.!k-flex-row"]}],flow:[{type:l.Input}],rows:[{type:l.Input}],cols:[{type:l.Input}],maxlength:[{type:l.Input}],tabindex:[{type:l.Input}],tabIndex:[{type:l.Input}],resizable:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],valueChange:[{type:l.Output}]}});var Hn,Bn=function(){this.hostClass=!0},Nn=(Bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,deps:[],target:i.ɵɵFactoryTarget.Component}),Bn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bn,selector:"kendo-textarea-suffix",host:{properties:{"class.k-input-suffix":"this.hostClass"}},exportAs:["kendoTextAreaSuffix"],ngImport:i,template:"<ng-content></ng-content>",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextAreaSuffix",selector:"kendo-textarea-suffix",template:"<ng-content></ng-content>"}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-suffix"]}]}}),function(){}),An=(Nn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Nn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,declarations:[Mn,Bn],imports:[n.CommonModule,c.EventsModule,Vn],exports:[Mn,c.EventsModule,Bn,I,wt]}),Nn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,imports:[[n.CommonModule,c.EventsModule,Vn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Nn,decorators:[{type:l.NgModule,args:[{declarations:[Mn,Bn],exports:[Mn,c.EventsModule,Bn,w],imports:[n.CommonModule,c.EventsModule,Vn]}]}]}),{basic:{colors:"000000,7f7f7f,880015,ed1c24,ff7f27,fff200,22b14c,00a2e8,3f48cc,a349a4,ffffff,c3c3c3,b97a57,ffaec9,ffc90e,efe4b0,b5e61d,99d9ea,7092be,c8bfe7",columns:10},office:{colors:"ffffff, 000000, e6e6e6, 435569, 4371c4, ed7e32, a5a4a5, febf04, 5a9bd5, 71ae48, f2f2f3, 7f7f7f, d1cece, d5dde3, dae1f4, fce5d4, deeded, fff2cc, deeaf6, e1efd9, d7d8d8, 585959, aeabab, adbaca, b4c5e7, f6caac, dbdbdb, ffe498, bcd6ee, c5e0b2, bfbfc0, 3f3f3f, 767070, 8595b1, 8fabdb, f5b183, c9c8c9, fed965, 9bc4e5, a8d08d, a5a5a6, 262625, 393939, 334050, 2e5496, c45a11, 7b7b7a, bf9000, 2f75b5, 548235, 7f7f7f, 0b0c0c, 161616, 222a34, 203764, 843d0b, 525252, 7f6000, 1d4d79, 375623",columns:10},apex:{colors:"ffffff, 000000, c9c2d1, 69676d, ceb966, 9cb084, 6bb1c9, 6585cf, 7e6bc9, a379bb, f2f2f2, 7f7f7f, f4f2f5, e0e0e2, f5f1e0, ebefe6, e1eff4, e0e6f5, e5e1f4, ece4f1, d8d8d8, 595959, e9e6ec, c2c1c5, ebe3c1, d7dfcd, c3dfe9, c1ceeb, cbc3e9, dac9e3, bfbfbf, 3f3f3f, dedae3, a4a3a8, e1d5a3, c3cfb5, a6d0de, a2b5e2, b1a6de, c7aed6, a5a5a5, 262626, 9688a5, 4e4d51, ae9638, 758c5a, 3d8da9, 365bb0, 533da9, 7d4d99, 7f7f7f, 0c0c0c, 635672, 343336, 746425, 4e5d3c, 295e70, 243c75, 372970, 533366",columns:10},austin:{colors:"ffffff, 000000, caf278, 3e3d2d, 94c600, 71685a, ff6700, 909465, 956b43, fea022, f2f2f2, 7f7f7f, f4fce4, dddcd0, efffc0, e3e1dc, ffe0cb, e8e9df, ece1d6, feecd2, d8d8d8, 595959, e9f9c9, bbb9a1, dfff82, c8c3ba, ffc299, d2d4c0, dac3ad, fed9a6, bfbfbf, 3f3f3f, dff7ae, ada598, cfff43, ada598, ffa365, bcbfa1, c8a585, fec67a, a5a5a5, 262626, a9ea25, 2e2d21, 6f9400, 544e43, bf4d00, 6c6f4b, 6f5032, d77b00, 7f7f7f, 0c0c0c, 74a50f, 1f1e16, 4a6300, 38342d, 7f3300, 484a32, 4a3521, 8f5200",columns:10},clarity:{colors:"ffffff, 292934, f3f2dc, d2533c, 93a299, ad8f67, 726056, 4c5a6a, 808da0, 79463d, f2f2f2, e7e7ec, e7e5b9, f6dcd8, e9ecea, eee8e0, e4dedb, d8dde3, e5e8ec, e9d6d3, d8d8d8, c4c4d1, d5d185, edbab1, d3d9d6, ded2c2, c9beb8, b2bcc8, ccd1d9, d3aea7, bfbfbf, 8a8aa3, aca73b, e4978a, bec7c1, cdbba3, af9e94, 8c9bac, b2bac6, bd857c, a5a5a5, 56566e, 56531d, a43925, 6b7c72, 866b48, 554840, 39434f, 5c697b, 5a342d, 7f7f7f, 3b3b4b, 22210b, 6d2619, 47534c, 594730, 39302b, 262d35, 3d4652, 3c231e",columns:10},slipstream:{colors:"ffffff, 000000, b4dcfa, 212745, 4e67c8, 5eccf3, a7ea52, 5dceaf, ff8021, f14124, f2f2f2, 7f7f7f, 8bc9f7, c7cce4, dbe0f4, def4fc, edfadc, def5ef, ffe5d2, fcd9d3, d8d8d8, 595959, 4facf3, 909aca, b8c2e9, beeafa, dbf6b9, beebdf, ffcca6, f9b3a7, bfbfbf, 3f3f3f, 0d78c9, 5967af, 94a3de, 9ee0f7, caf297, 9de1cf, ffb279, f68d7b, a5a5a5, 262626, 063c64, 181d33, 31479f, 11b2eb, 81d319, 34ac8b, d85c00, c3260c, 7f7f7f, 0c0c0c, 021828, 101322, 202f6a, 0b769c, 568c11, 22725c, 903d00, 821908",columns:10},metro:{colors:"ffffff, 000000, d6ecff, 4e5b6f, 7fd13b, ea157a, feb80a, 00addc, 738ac8, 1ab39f, f2f2f2, 7f7f7f, a7d6ff, d9dde4, e5f5d7, fad0e4, fef0cd, c5f2ff, e2e7f4, c9f7f1, d8d8d8, 595959, 60b5ff, b3bcca, cbecb0, f6a1c9, fee29c, 8be6ff, c7d0e9, 94efe3, bfbfbf, 3f3f3f, 007dea, 8d9baf, b2e389, f272af, fed46b, 51d9ff, aab8de, 5fe7d5, a5a5a5, 262626, 003e75, 3a4453, 5ea226, af0f5b, c58c00, 0081a5, 425ea9, 138677, 7f7f7f, 0c0c0c, 00192e, 272d37, 3f6c19, 750a3d, 835d00, 00566e, 2c3f71, 0c594f",columns:10},flow:{colors:"ffffff, 000000, dbf5f9, 04617b, 0f6fc6, 009dd9, 0bd0d9, 10cf9b, 7cca62, a5c249, f2f2f2, 7f7f7f, b2e9f2, b4ecfc, c7e2fa, c4eeff, c9fafc, c9faed, e4f4df, edf2da, d8d8d8, 595959, 76d9e8, 6adafa, 90c6f6, 89deff, 93f5f9, 94f6db, cae9c0, dbe6b6, bfbfbf, 3f3f3f, 21b2c8, 20c8f7, 59a9f2, 4fceff, 5df0f6, 5ff2ca, b0dfa0, c9da91, a5a5a5, 262626, 105964, 02485c, 0b5394, 0075a2, 089ca2, 0b9b74, 54a838, 7e9532, 7f7f7f, 0c0c0c, 062328, 01303d, 073763, 004e6c, 05686c, 07674d, 387025, 546321",columns:10},hardcover:{colors:"ffffff, 000000, ece9c6, 895d1d, 873624, d6862d, d0be40, 877f6c, 972109, aeb795, f2f2f2, 7f7f7f, e1dca5, f2e0c6, f0d0c9, f6e6d5, f5f2d8, e7e5e1, fbc7bc, eef0e9, d8d8d8, 595959, d0c974, e6c28d, e2a293, eeceaa, ece5b2, cfccc3, f78f7a, dee2d4, bfbfbf, 3f3f3f, a29a36, daa454, d4735e, e6b681, e2d88c, b7b2a5, f35838, ced3bf, a5a5a5, 262626, 514d1b, 664515, 65281a, a2641f, a39428, 655f50, 711806, 879464, 7f7f7f, 0c0c0c, 201e0a, 442e0e, 431b11, 6c4315, 6d621a, 433f35, 4b1004, 5a6243",columns:10},trek:{colors:"ffffff, 000000, fbeec9, 4e3b30, f0a22e, a5644e, b58b80, c3986d, a19574, c17529, f2f2f2, 7f7f7f, f7e09e, e1d6cf, fcecd5, eddfda, f0e7e5, f3eae1, ece9e3, f5e3d1, d8d8d8, 595959, f3cc5f, c4ad9f, f9d9ab, dcc0b6, e1d0cc, e7d5c4, d9d4c7, ebc7a3, bfbfbf, 3f3f3f, d29f0f, a78470, f6c781, cba092, d2b9b2, dbc1a7, c6bfab, e1ac76, a5a5a5, 262626, 694f07, 3a2c24, c87d0e, 7b4b3a, 926255, a17242, 7b7153, 90571e, 7f7f7f, 0c0c0c, 2a1f03, 271d18, 855309, 523226, 614138, 6b4c2c, 524b37, 603a14",columns:10},verve:{colors:"ffffff, 000000, d2d2d2, 666666, ff388c, e40059, 9c007f, 68007f, 005bd3, 00349e, f2f2f2, 7f7f7f, bdbdbd, e0e0e0, ffd7e8, ffc6dc, ffb8f1, f1b2ff, c3dcff, b8cfff, d8d8d8, 595959, 9d9d9d, c1c1c1, ffafd1, ff8eba, ff71e4, e365ff, 87baff, 72a0ff, bfbfbf, 3f3f3f, 696969, a3a3a3, ff87ba, ff5597, ff2ad7, d519ff, 4b98ff, 2b71ff, a5a5a5, 262626, 343434, 4c4c4c, e90062, ab0042, 75005f, 4e005f, 00449e, 002676, 7f7f7f, 0c0c0c, 151515, 333333, 9b0041, 72002c, 4e003f, 34003f, 002d69, 00194f",columns:10},monochrome:{colors:"000000, 1a1a1a, 333333, 4d4d4d, 666666, 808080, 999999, b3b3b3, cccccc, e6e6e6, f2f2f2, ffffff",columns:12},accessible:{colors:"black, grey, darkred, red, darkorange, gold, green, blue, darkblue, purple, white, darkgrey, saddlebrown, pink, orange, yellow, lightgreen, lightskyblue, lightblue, mediumpurple",columns:10}}),jn=(d(_n,Hn=c.PreventableEvent),_n);function _n(e){var t=Hn.call(this)||this;return t.originalEvent=e,t}d(Wn,Gn=c.PreventableEvent);var Gn,Zn=Wn;function Wn(){return null!==Gn&&Gn.apply(this,arguments)||this}d(Un,Kn=c.PreventableEvent);var Kn,$n=Un;function Un(){return null!==Kn&&Kn.apply(this,arguments)||this}qn.prototype.preventOpen=function(){this.openPrevented=!0},qn.prototype.isOpenPrevented=function(){return this.openPrevented};var Xn=qn;function qn(e){this.color=e,this.openPrevented=!1}function S(e,t,n,o){if(void 0===n&&(n=!1),void 0===o&&(o=!0),-1===["hex","rgba","name"].indexOf(t))throw new Error("Unsupported color output format '"+t+"'. The available options are 'hex', 'rgba' or 'name'.");if(u(e)){if("name"===t){var i=e,r=o;if(i=i.toLowerCase().trim(),u(_.namedColors[i]))return i;_.parseColor(i,r)&&(i=_.parseColor(i,r).toHex());var a=Object.keys(_.namedColors).find(function(e){return _.namedColors[e]===i});if(a||r)return a;throw new Error("The provided color "+i+" is not supported for 'format=\"name\"' property.To display "+i+" color, the component 'format' property should be set to 'hex' or 'rgba' ")}r=_.parseColor(e.trim(),o);if(u(r))return"hex"===t?Jn(r,n):r.toCssRgba()}}function Qn(e,t){return e=_.parseColor(e,t=void 0===t?!0:t),u(e)?e.toBytes():{}}function Yn(e,t,n){void 0===t&&(t="rgba"),void 0===n&&(n=!1);var o=Ce(e.h,0,359.9),i=Ce(e.s,0,1),r=Ce(e.v,0,1),e=Ce(e.a,0,1),o=_.Color.fromHSV(o,i,r,e);return"hex"===t?Jn(o,n):o.toCssRgba()}function Jn(e,t){return t&&e.a<1?e.toCss({alpha:!0}):e.toCss()}function eo(e){return Yn({h:e,s:1,v:1,a:1})}function to(e,t){var n=Ce(e.r,0,255),o=Ce(e.g,0,255),i=Ce(e.b,0,255),e=Ce(e.a,0,1),r=Ce(t.r,0,255),a=Ce(t.g,0,255),t=Ce(t.b,0,255);return{r:Math.round((1-e)*r+e*n),g:Math.round((1-e)*a+e*o),b:Math.round((1-e)*t+e*i)}}function no(e){return.2126*(e=[e.r,e.g,e.b].map(function(e){return(e/=255)<=.03928?e/12.92:Math.pow((e+.055)/1.055,2.4)}))[0]+.7152*e[1]+.0722*e[2]}function oo(e,t){return e=no(to(e,t)),t=no(to(t,{r:0,g:0,b:0,a:1})),(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function io(e,t){var n=t[0]-e[0],t=t[1]-e[1];return{length:Math.sqrt(Math.pow(n,2)+Math.pow(t,2)),angle:Math.atan2(t,n)}}function ro(e,i){return 0===e.length?"":e.reduce(function(e,t,n,o){return 0===n?"M "+t[0]+","+t[1]:e+" "+i(t,n,o)},"")}d(lo,ao=t.LocalizationService);var ao,so=lo;function lo(e,t,n){return ao.call(this,e,t,n)||this}so.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:so,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),so.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:so}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:so,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]}});var co,uo="accessible",po=(d(ho,co=t.LocalizationService),ho.prototype.get=function(e){return this.colorPickerLocalization?this.colorPickerLocalization.get(e):co.prototype.get.call(this,e)},ho);function ho(e,t,n,o){e=co.call(this,e,t,n)||this;return e.colorPickerLocalization=o,e}po.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:po,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:so,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),po.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:po}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:po,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:so,decorators:[{type:l.Optional},{type:l.Inject,args:[so]}]}]}});fo.prototype.getPaletteSettings=function(e,t){var n=e.palette,o="string"==typeof n&&An[n]?An[n].columns:void 0;return{palette:n||("name"!==t?"office":uo),tileSize:e.tileSize||24,columns:e.columns||o||10}},fo.prototype.paletteTileLayout=function(e){return"number"==typeof e?{width:e,height:e}:{width:e.width||e.height,height:e.height||e.width}};var go=fo;function fo(){}go.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:go,deps:[],target:i.ɵɵFactoryTarget.Injectable}),go.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:go}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:go,decorators:[{type:l.Injectable}]});mo.prototype.onViewButtonClick=function(e){this.activeView=e,this.viewChange.emit(e)},Object.defineProperty(mo.prototype,"viewButtons",{get:function(){return this.views&&0<=this.views.indexOf("gradient")&&0<=this.views.indexOf("palette")},enumerable:!1,configurable:!0}),mo.prototype.getViewButtonIcon=function(e){return"gradient"===e?"k-i-color-canvas":"k-i-palette"},mo.prototype.getText=function(e){return this.localizationService.get(e)},mo.prototype.onHeaderTabOut=function(e,t){0===t&&(e.preventDefault(),this.tabOut.emit())};w=mo;function mo(e){this.localizationService=e,this.hostClasses=!0,this.innerTabIndex=-1,this.viewChange=new l.EventEmitter,this.valuePaneClick=new l.EventEmitter,this.clearButtonClick=new l.EventEmitter,this.tabOut=new l.EventEmitter}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),w.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"[kendoFlatColorPickerHeader]",inputs:{clearButton:"clearButton",activeView:"activeView",views:"views",preview:"preview",innerTabIndex:"innerTabIndex",value:"value",selection:"selection"},outputs:{viewChange:"viewChange",valuePaneClick:"valuePaneClick",clearButtonClick:"clearButtonClick",tabOut:"tabOut"},host:{properties:{"class.k-coloreditor-header":"this.hostClasses","class.k-hstack":"this.hostClasses"}},viewQueries:[{propertyName:"clearButtonElement",first:!0,predicate:["clearButton"],descendants:!0,read:l.ElementRef},{propertyName:"viewButtonsCollection",predicate:["viewButtons"],descendants:!0,read:l.ElementRef}],ngImport:i,template:'\n <div class="k-coloreditor-header-actions k-hstack">\n <div \n *ngIf="viewButtons" \n class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views; let i = index;"\n #viewButtons\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (click)="onViewButtonClick(view)"\n (keydown.shift.tab)="onHeaderTabOut($event, i)"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.title]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-label]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-pressed]="activeView === view"\n [ngClass]="activeView === view ? \'k-selected\' : \'\'">\n <span\n class="k-button-icon k-icon"\n [ngClass]="getViewButtonIcon(view)">\n </span>\n </button>\n </div>\n </div>\n <div class="k-spacer"></div>\n <div class="k-coloreditor-header-actions k-hstack">\n <button\n [tabindex]="innerTabIndex.toString()"\n *ngIf="clearButton"\n #clearButton\n type="button"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset"\n [attr.aria-label]="getText(\'clearButton\')"\n [attr.title]="getText(\'clearButton\')"\n (click)="clearButtonClick.emit()">\n <span class="k-button-icon k-icon k-i-droplet-slash"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview" aria-hidden="true">\n <span\n class="k-coloreditor-preview-color k-color-preview"\n [attr.title]="getText(\'previewColor\')"\n [style.background-color]="selection">\n </span>\n <span class="k-coloreditor-current-color k-color-preview"\n [style.background-color]="value"\n [attr.title]="getText(\'revertSelection\')"\n (click)="valuePaneClick.emit($event)">\n </span>\n </div>\n </div>\n ',isInline:!0,directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:l.Component,args:[{selector:"[kendoFlatColorPickerHeader]",template:'\n <div class="k-coloreditor-header-actions k-hstack">\n <div \n *ngIf="viewButtons" \n class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views; let i = index;"\n #viewButtons\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (click)="onViewButtonClick(view)"\n (keydown.shift.tab)="onHeaderTabOut($event, i)"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.title]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-label]="getText(view === \'gradient\' ? \'gradientView\' : \'paletteView\')"\n [attr.aria-pressed]="activeView === view"\n [ngClass]="activeView === view ? \'k-selected\' : \'\'">\n <span\n class="k-button-icon k-icon"\n [ngClass]="getViewButtonIcon(view)">\n </span>\n </button>\n </div>\n </div>\n <div class="k-spacer"></div>\n <div class="k-coloreditor-header-actions k-hstack">\n <button\n [tabindex]="innerTabIndex.toString()"\n *ngIf="clearButton"\n #clearButton\n type="button"\n class="k-button k-button-md k-button-flat k-button-flat-base k-icon-button k-coloreditor-reset"\n [attr.aria-label]="getText(\'clearButton\')"\n [attr.title]="getText(\'clearButton\')"\n (click)="clearButtonClick.emit()">\n <span class="k-button-icon k-icon k-i-droplet-slash"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview" aria-hidden="true">\n <span\n class="k-coloreditor-preview-color k-color-preview"\n [attr.title]="getText(\'previewColor\')"\n [style.background-color]="selection">\n </span>\n <span class="k-coloreditor-current-color k-color-preview"\n [style.background-color]="value"\n [attr.title]="getText(\'revertSelection\')"\n (click)="valuePaneClick.emit($event)">\n </span>\n </div>\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-coloreditor-header"]},{type:l.HostBinding,args:["class.k-hstack"]}],clearButton:[{type:l.Input}],activeView:[{type:l.Input}],views:[{type:l.Input}],preview:[{type:l.Input}],innerTabIndex:[{type:l.Input}],value:[{type:l.Input}],selection:[{type:l.Input}],viewChange:[{type:l.Output}],valuePaneClick:[{type:l.Output}],clearButtonClick:[{type:l.Output}],tabOut:[{type:l.Output}],viewButtonsCollection:[{type:l.ViewChildren,args:["viewButtons",{read:l.ElementRef}]}],clearButtonElement:[{type:l.ViewChild,args:["clearButton",{read:l.ElementRef}]}]}});d(bo,vo=t.LocalizationService),bo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):vo.prototype.get.call(this,e)};var vo,T=bo;function bo(e,t,n,o){e=vo.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:po,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),T.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:po,decorators:[{type:l.Optional},{type:l.Inject,args:[po]}]}]}});yo.prototype.ngAfterViewInit=function(){var t=this;this.metrics=this.wrapper.getBoundingClientRect(),this.oldA=this.hsva.value.a,this.oldH=this.hsva.value.h,this.hsva.subscribe(function(e){e.h===t.oldH&&e.a===t.oldA||(t.oldH=e.h,t.oldA=e.a,t.setPaths())})},yo.prototype.ngOnChanges=function(e){u(e.backgroundColor)&&this.metrics&&this.setPaths()},yo.prototype.setPaths=function(){function e(e,t,n){var o=(i=J(r(n[t-1],n[t-2],e),2))[0],i=i[1],n=J(r(e,n[t-1],n[t+1],!0),2);return"C "+o+","+i+" "+n[0]+","+n[1]+" "+e[0]+","+e[1]}var r,i;i=io,r=function(e,t,n,o){t=i(t||e,n||e),n=t.angle+(o?Math.PI:0),o=.1*t.length;return[e[0]+Math.cos(n)*o,e[1]+Math.sin(n)*o]};this.paths=[ro(this.getPaths(4.5,16),e),ro(this.getPaths(4.5,16,!0),e),ro(this.getPaths(7,16),e),ro(this.getPaths(7,16,!0),e)]},yo.prototype.findValue=function(e,t,n,o,i){var r=(n+o)/2,a=Object.assign({},this.hsva.value,{s:t/this.metrics.width,v:1-r/this.metrics.height}),a=oo(Qn(Yn(a)),Qn(this.backgroundColor||""));return o<n+.5?a<e+1&&e-1<a?r:null:i(a,e)?this.findValue(e,t,n,o-(o-n)/2,i):this.findValue(e,t,n+(o-n)/2,o,i)},yo.prototype.getPaths=function(e,t,n){void 0===n&&(n=!1);for(var o=[],i=0;i<=this.metrics.width;i+=this.metrics.width/t){var r=this.findValue(e,i,0,this.metrics.height,n?function(e,t){return e<t}:function(e,t){return t<e});null!==r&&o.push([i,r])}return o};var D=yo;function yo(){this.hostClass=!0}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[],target:i.ɵɵFactoryTarget.Component}),D.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"[kendoColorContrastSvg]",inputs:{wrapper:"wrapper",hsva:"hsva",backgroundColor:"backgroundColor"},host:{properties:{"class.k-color-contrast-svg":"this.hostClass"}},usesOnChanges:!0,ngImport:i,template:'\n <svg:path *ngFor="let path of paths" [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>\n ',isInline:!0,directives:[{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:l.Component,args:[{selector:"[kendoColorContrastSvg]",template:'\n <svg:path *ngFor="let path of paths" [attr.d]="path" fill="none" stroke="white" stroke-width="1"></svg:path>\n '}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-color-contrast-svg"]}],wrapper:[{type:l.Input}],hsva:[{type:l.Input}],backgroundColor:[{type:l.Input}]}});Co.prototype.ngOnInit=function(){var e=this.kendoAdditionalNumericLabel+"ChannelLabel";this.host.numericInput.nativeElement.setAttribute("aria-label",this.localizationService.get(e))};var ko=Co;function Co(e){this.host=e}ko.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,deps:[{token:y}],target:i.ɵɵFactoryTarget.Directive}),ko.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ko,selector:"[kendoAdditionalNumericLabel]",inputs:{kendoAdditionalNumericLabel:"kendoAdditionalNumericLabel",localizationService:"localizationService"},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,decorators:[{type:l.Directive,args:[{selector:"[kendoAdditionalNumericLabel]"}]}],ctorParameters:function(){return[{type:y}]},propDecorators:{kendoAdditionalNumericLabel:[{type:l.Input}],localizationService:[{type:l.Input}]}});Object.defineProperty(xo.prototype,"isFocused",{get:function(){var e;return!(!c.isDocumentAvailable()||!u(this.host))&&(e=document.activeElement,this.host.nativeElement.contains(e))},enumerable:!1,configurable:!0}),Object.defineProperty(xo.prototype,"rgbaInputValid",{get:function(){var t=this;return Object.keys(this.rgba).every(function(e){return u(t.rgba[e])})},enumerable:!1,configurable:!0}),xo.prototype.ngAfterViewInit=function(){this.initDomEvents()},xo.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},xo.prototype.ngOnChanges=function(e){u(e.value)&&!this.isFocused&&(this.hex=S(this.value,"hex",this.opacity),this.rgba=Qn(this.value),this.rgba.a=S(this.value,"rgba",this.opacity)?this.rgba.a:1)},Object.defineProperty(xo.prototype,"formatButtonTitle",{get:function(){return this.localizationService.get("formatButton")},enumerable:!1,configurable:!0}),xo.prototype.handleRgbaValueChange=function(){e=this.rgba,o=Ce(e.r,0,255),t=Ce(e.g,0,255),n=Ce(e.b,0,255),e=Ce(e.a,0,1);var e,t,n,o=_.Color.fromBytes(o,t,n,e).toCssRgba();this.rgbaInputValid&&o!==this.value&&(this.value=o,this.rgba=Qn(this.value),this.hex=S(o,"hex",this.opacity),this.valueChange.emit(o))},xo.prototype.handleHexValueChange=function(e){this.hex=e;e=S(e,"rgba",this.opacity);u(e)&&e!==this.value&&(this.value=e,this.rgba=Qn(e),this.valueChange.emit(e))},xo.prototype.handleRgbaInputBlur=function(){this.rgbaInputValid||(this.rgba=Qn(this.value))},xo.prototype.handleHexInputBlur=function(){this.hex=S(this.value,"hex",this.opacity)},xo.prototype.focusLast=function(){this.lastInput().focus()},xo.prototype.onTab=function(){this.opacity},xo.prototype.toggleFormatView=function(){this.formatView="hex"===this.formatView?"rgba":"hex"},xo.prototype.initDomEvents=function(){var e=this;this.host&&this.subscriptions.add(this.renderer.listen(this.toggleFormatButton.nativeElement,"click",function(){return e.toggleFormatView()}))},xo.prototype.lastInput=function(){var e;return(null==(e=this.hexInput)?void 0:e.nativeElement)||this.opacityInput||this.blueInput};var Io=xo;function xo(e,t,n){this.host=e,this.renderer=t,this.localizationService=n,this.focusableId="k-"+c.guid(),this.tabindex=-1,this.opacity=!0,this.disabled=!1,this.readonly=!1,this.valueChange=new l.EventEmitter,this.tabOut=new l.EventEmitter,this.colorInputClass=!0,this.rgba={},this.subscriptions=new L.Subscription}Io.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Io.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Io,selector:"kendo-colorinput",inputs:{focusableId:"focusableId",formatView:"formatView",tabindex:"tabindex",value:"value",opacity:"opacity",disabled:"disabled",readonly:"readonly"},outputs:{valueChange:"valueChange",tabOut:"tabOut"},host:{properties:{"class.k-colorgradient-inputs":"this.colorInputClass","class.k-hstack":"this.colorInputClass"}},viewQueries:[{propertyName:"opacityInput",first:!0,predicate:["opacityInput"],descendants:!0},{propertyName:"hexInput",first:!0,predicate:["hexInput"],descendants:!0},{propertyName:"blueInput",first:!0,predicate:["blueInput"],descendants:!0},{propertyName:"toggleFormatButton",first:!0,predicate:["toggleFormatButton"],descendants:!0}],usesOnChanges:!0,ngImport:i,template:'\n <div class="k-vstack">\n <button #toggleFormatButton\n class="k-colorgradient-toggle-mode k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.aria-label]="formatButtonTitle"\n [attr.title]="formatButtonTitle"\n [disabled]="disabled"\n [tabindex]="tabindex.toString()"\n type="button"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>\n </button>\n </div>\n <div *ngIf="formatView === \'hex\'" class="k-vstack">\n <input\n #hexInput\n [id]="focusableId"\n class="k-input k-textbox k-input-solid k-input-md k-rounded-md k-hex-value"\n [disabled]="disabled"\n [readonly]="readonly"\n [value]="hex || \'\'"\n (blur)="handleHexInputBlur()"\n (input)="handleHexValueChange(hexInput.value)"\n [tabindex]="tabindex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n />\n <label [for]="focusableId" class="k-colorgradient-input-label">HEX</label>\n </div>\n <ng-container *ngIf="formatView === \'rgba\'">\n <div class="k-vstack">\n <kendo-numerictextbox\n #red\n kendoAdditionalNumericLabel="red"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.r"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="red.focusableId" class="k-colorgradient-input-label">R</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #green\n kendoAdditionalNumericLabel="green"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.g"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="green.focusableId" class="k-colorgradient-input-label">G</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #blue\n kendoAdditionalNumericLabel="blue"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.b"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="onTab()">\n </kendo-numerictextbox>\n <label [for]="blue.focusableId" class="k-colorgradient-input-label">B</label>\n </div>\n <div class="k-vstack" *ngIf="opacity">\n <kendo-numerictextbox #opacityInput\n #alpha\n kendoAdditionalNumericLabel="alpha"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="1"\n [(value)]="rgba.a"\n [autoCorrect]="true"\n [spinners]="false"\n [step]="0.01"\n [format]="\'n2\'"\n [decimals]="2"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();">\n </kendo-numerictextbox>\n <label [for]="alpha.focusableId" class="k-colorgradient-input-label">A</label>\n </div>\n </ng-container>\n ',isInline:!0,components:[{type:y,selector:"kendo-numerictextbox",inputs:["focusableId","disabled","readonly","title","autoCorrect","format","max","min","decimals","placeholder","step","spinners","rangeValidation","tabindex","tabIndex","changeValueOnScroll","selectOnFocus","value","maxlength","size","rounded","fillMode"],outputs:["valueChange","focus","blur"],exportAs:["kendoNumericTextBox"]}],directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:ko,selector:"[kendoAdditionalNumericLabel]",inputs:["kendoAdditionalNumericLabel","localizationService"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,decorators:[{type:l.Component,args:[{selector:"kendo-colorinput",template:'\n <div class="k-vstack">\n <button #toggleFormatButton\n class="k-colorgradient-toggle-mode k-button k-button-md k-button-flat k-button-flat-base k-icon-button"\n [attr.aria-label]="formatButtonTitle"\n [attr.title]="formatButtonTitle"\n [disabled]="disabled"\n [tabindex]="tabindex.toString()"\n type="button"\n >\n <span class="k-button-icon k-icon k-i-caret-alt-expand"></span>\n </button>\n </div>\n <div *ngIf="formatView === \'hex\'" class="k-vstack">\n <input\n #hexInput\n [id]="focusableId"\n class="k-input k-textbox k-input-solid k-input-md k-rounded-md k-hex-value"\n [disabled]="disabled"\n [readonly]="readonly"\n [value]="hex || \'\'"\n (blur)="handleHexInputBlur()"\n (input)="handleHexValueChange(hexInput.value)"\n [tabindex]="tabindex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n />\n <label [for]="focusableId" class="k-colorgradient-input-label">HEX</label>\n </div>\n <ng-container *ngIf="formatView === \'rgba\'">\n <div class="k-vstack">\n <kendo-numerictextbox\n #red\n kendoAdditionalNumericLabel="red"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.r"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="red.focusableId" class="k-colorgradient-input-label">R</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #green\n kendoAdditionalNumericLabel="green"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.g"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()">\n </kendo-numerictextbox>\n <label [for]="green.focusableId" class="k-colorgradient-input-label">G</label>\n </div>\n <div class="k-vstack">\n <kendo-numerictextbox\n #blue\n kendoAdditionalNumericLabel="blue"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="255"\n [(value)]="rgba.b"\n [autoCorrect]="true"\n [spinners]="false"\n [format]="\'n\'"\n [decimals]="0"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="onTab()">\n </kendo-numerictextbox>\n <label [for]="blue.focusableId" class="k-colorgradient-input-label">B</label>\n </div>\n <div class="k-vstack" *ngIf="opacity">\n <kendo-numerictextbox #opacityInput\n #alpha\n kendoAdditionalNumericLabel="alpha"\n [localizationService]="localizationService"\n [disabled]="disabled"\n [readonly]="readonly"\n [tabindex]="tabindex"\n [min]="0"\n [max]="1"\n [(value)]="rgba.a"\n [autoCorrect]="true"\n [spinners]="false"\n [step]="0.01"\n [format]="\'n2\'"\n [decimals]="2"\n (blur)="handleRgbaInputBlur()"\n (valueChange)="handleRgbaValueChange()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();">\n </kendo-numerictextbox>\n <label [for]="alpha.focusableId" class="k-colorgradient-input-label">A</label>\n </div>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:r.LocalizationService}]},propDecorators:{focusableId:[{type:l.Input}],formatView:[{type:l.Input}],tabindex:[{type:l.Input}],value:[{type:l.Input}],opacity:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],valueChange:[{type:l.Output}],tabOut:[{type:l.Output}],colorInputClass:[{type:l.HostBinding,args:["class.k-colorgradient-inputs"]},{type:l.HostBinding,args:["class.k-hstack"]}],opacityInput:[{type:l.ViewChild,args:["opacityInput"]}],hexInput:[{type:l.ViewChild,args:["hexInput"]}],blueInput:[{type:l.ViewChild,args:["blueInput"]}],toggleFormatButton:[{type:l.ViewChild,args:["toggleFormatButton",{static:!1}]}]}});Object.defineProperty(Eo.prototype,"passMessage",{get:function(){return this.localization.get("passContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(Eo.prototype,"failMessage",{get:function(){return this.localization.get("failContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(Eo.prototype,"contrastText",{get:function(){var e="AA"===this.type?4.5:7;return this.type+": "+e.toFixed(1)},enumerable:!1,configurable:!0});var wo=Eo;function Eo(e){this.localization=e}wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),wo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:wo,selector:"[kendoContrastValidation]",inputs:{type:"type",pass:"pass",value:"value"},ngImport:i,template:'\n <span>{{contrastText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="pass">\n {{passMessage}}\n <span class="k-icon k-i-check"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!pass">\n {{failMessage}}\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n ',isInline:!0,directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,decorators:[{type:l.Component,args:[{selector:"[kendoContrastValidation]",template:'\n <span>{{contrastText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="pass">\n {{passMessage}}\n <span class="k-icon k-i-check"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!pass">\n {{failMessage}}\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{type:[{type:l.Input}],pass:[{type:l.Input}],value:[{type:l.Input}]}});Object.defineProperty(To.prototype,"formatedRatio",{get:function(){return this.contrastRatio.toFixed(2)},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"contrastRatioText",{get:function(){return this.localization.get("contrastRatio")+": "+(this.value?this.formatedRatio:"n/a")},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"satisfiesAACondition",{get:function(){return 4.5<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"satisfiesAAACondition",{get:function(){return 7<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(To.prototype,"contrastRatio",{get:function(){return oo(Qn(this.value),Qn(this.ratio))},enumerable:!1,configurable:!0});var So=To;function To(e){this.localization=e}So.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),So.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:So,selector:"[kendoContrastTool]",inputs:{value:"value",ratio:"ratio"},ngImport:i,template:'\n <div class="k-contrast-ratio">\n <span class="k-contrast-ratio-text">{{contrastRatioText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="satisfiesAACondition">\n <span class="k-icon k-i-check"></span>\n <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n </div>\n <div kendoContrastValidation\n type="AA"\n [value]="value"\n [pass]="satisfiesAACondition">\n </div>\n <div kendoContrastValidation\n type="AAA"\n [value]="value"\n [pass]="satisfiesAAACondition">\n </div>\n ',isInline:!0,components:[{type:wo,selector:"[kendoContrastValidation]",inputs:["type","pass","value"]}],directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,decorators:[{type:l.Component,args:[{selector:"[kendoContrastTool]",template:'\n <div class="k-contrast-ratio">\n <span class="k-contrast-ratio-text">{{contrastRatioText}}</span>\n <ng-container *ngIf="value">\n <span class="k-contrast-validation k-text-success" *ngIf="satisfiesAACondition">\n <span class="k-icon k-i-check"></span>\n <span class="k-icon k-i-check" *ngIf="satisfiesAAACondition"></span>\n </span>\n <span class="k-contrast-validation k-text-error" *ngIf="!satisfiesAACondition">\n <span class="k-icon k-i-x"></span>\n </span>\n </ng-container>\n </div>\n <div kendoContrastValidation\n type="AA"\n [value]="value"\n [pass]="satisfiesAACondition">\n </div>\n <div kendoContrastValidation\n type="AAA"\n [value]="value"\n [pass]="satisfiesAAACondition">\n </div>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{value:[{type:l.Input}],ratio:[{type:l.Input}]}});d(Po,Do=t.ComponentMessages);var Do,P=Po;function Po(){return null!==Do&&Do.apply(this,arguments)||this}P.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,deps:null,target:i.ɵɵFactoryTarget.Directive}),P.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"kendo-colorpicker-messages-base",inputs:{colorPaletteNoColor:"colorPaletteNoColor",colorGradientNoColor:"colorGradientNoColor",flatColorPickerNoColor:"flatColorPickerNoColor",colorPickerNoColor:"colorPickerNoColor",colorGradientHandle:"colorGradientHandle",clearButton:"clearButton",hueSliderHandle:"hueSliderHandle",opacitySliderHandle:"opacitySliderHandle",hexInputPlaceholder:"hexInputPlaceholder",redInputPlaceholder:"redInputPlaceholder",greenInputPlaceholder:"greenInputPlaceholder",blueInputPlaceholder:"blueInputPlaceholder",alphaInputPlaceholder:"alphaInputPlaceholder",redChannelLabel:"redChannelLabel",greenChannelLabel:"greenChannelLabel",blueChannelLabel:"blueChannelLabel",alphaChannelLabel:"alphaChannelLabel",passContrast:"passContrast",failContrast:"failContrast",contrastRatio:"contrastRatio",previewColor:"previewColor",revertSelection:"revertSelection",gradientView:"gradientView",paletteView:"paletteView",formatButton:"formatButton",applyButton:"applyButton",cancelButton:"cancelButton"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,decorators:[{type:l.Directive,args:[{selector:"kendo-colorpicker-messages-base"}]}],propDecorators:{colorPaletteNoColor:[{type:l.Input}],colorGradientNoColor:[{type:l.Input}],flatColorPickerNoColor:[{type:l.Input}],colorPickerNoColor:[{type:l.Input}],colorGradientHandle:[{type:l.Input}],clearButton:[{type:l.Input}],hueSliderHandle:[{type:l.Input}],opacitySliderHandle:[{type:l.Input}],hexInputPlaceholder:[{type:l.Input}],redInputPlaceholder:[{type:l.Input}],greenInputPlaceholder:[{type:l.Input}],blueInputPlaceholder:[{type:l.Input}],alphaInputPlaceholder:[{type:l.Input}],redChannelLabel:[{type:l.Input}],greenChannelLabel:[{type:l.Input}],blueChannelLabel:[{type:l.Input}],alphaChannelLabel:[{type:l.Input}],passContrast:[{type:l.Input}],failContrast:[{type:l.Input}],contrastRatio:[{type:l.Input}],previewColor:[{type:l.Input}],revertSelection:[{type:l.Input}],gradientView:[{type:l.Input}],paletteView:[{type:l.Input}],formatButton:[{type:l.Input}],applyButton:[{type:l.Input}],cancelButton:[{type:l.Input}]}});d(Bo,Vo=P);var Vo,Oo=Bo;function Bo(e){var t=Vo.call(this)||this;return t.service=e,t}Oo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oo,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Oo.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]",providers:[{provide:P,useExisting:l.forwardRef(function(){return Oo})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Oo,decorators:[{type:l.Directive,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return Oo})}],selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});var zo=0,Ro=(Object.defineProperty(V.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"gradientId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"hostTabindex",{get:function(){var e;return(null==(e=this.tabindex)?void 0:e.toString())||"0"},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"isControlInvalid",{get:function(){var e;return null==(e=null==(e=this.control)?void 0:e.invalid)?void 0:e.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"isDisabled",{get:function(){var e;return(null==(e=this.disabled)?void 0:e.toString())||void 0},enumerable:!1,configurable:!0}),V.prototype.enterHandler=function(e){e.target===this.host.nativeElement&&(this.internalNavigation=!0,this.gradientDragHandle.nativeElement.focus())},V.prototype.escapeHandler=function(e){this.host.nativeElement.matches(":focus")||e.stopImmediatePropagation(),this.internalNavigation=!1,this.host.nativeElement.focus()},V.prototype.focusHandler=function(e){this.internalNavigation=e.target!==this.host.nativeElement},Object.defineProperty(V.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"contrastTool",{get:function(){return this._contrastTool},set:function(e){this._contrastTool=S(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;u(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"isFocused",{get:function(){return!(!c.isDocumentAvailable()||!u(this.host))&&(this.host.nativeElement===document.activeElement||this.host.nativeElement.contains(document.activeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"alphaSliderValue",{get:function(){if(u(this.hsva.value)&&u(this.hsva.value.a))return 100*this.hsva.value.a},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"gradientRect",{get:function(){return this.gradientWrapper.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"hsvSliderValueText",{get:function(){return"X: "+this.hsvHandleCoordinates.x+" Y: "+this.hsvHandleCoordinates.y},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"contrastToolVisible",{get:function(){return this.contrastTool&&0<this.contrastTool.length},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"innerTabIndex",{get:function(){return this.internalNavigation?0:-1},enumerable:!1,configurable:!0}),V.prototype.ngOnInit=function(){this.control=this.injector.get(o.NgControl,null)},V.prototype.ngAfterViewInit=function(){this.updateUI(),this.cdr.detectChanges(),this.addEventListeners(),this.subscribeChanges()},V.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&!this.isFocused&&this.updateUI(),c.isChanged("delay",e)&&(this.unsubscribeChanges(),this.subscribeChanges())},V.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.unsubscribeChanges()},V.prototype.focus=function(){this.disabled||this.gradientDragHandle.nativeElement.focus()},V.prototype.reset=function(){this.handleValueChange(void 0),this.updateUI(),this.host.nativeElement.focus()},V.prototype.handleDragPress=function(e){this.disabled||this.readonly||!u(e.originalEvent)||(this.focus(),e.originalEvent.preventDefault())},V.prototype.onHandleDrag=function(e){this.disabled||this.readonly||(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),this.changePosition(e))},V.prototype.onHandleRelease=function(){this.disabled||this.readonly||(this.renderer.removeClass(this.gradientWrapper.nativeElement,"k-dragging"),this.handleValueChange(Yn(this.hsva.value,this.format,this.opacity)))},V.prototype.onKeyboardAction=function(e){var t=this;if(!this.disabled&&!this.readonly&&e.key&&-1!==e.key.indexOf("Arrow")){e.preventDefault();var n=this.gradientDragHandle.nativeElement,o=(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),0),i=0,r=e.shiftKey;switch(e.key){case"ArrowRight":o=r?this.gradientSliderSmallStep:this.gradientSliderStep;break;case"ArrowLeft":o=r?-this.gradientSliderSmallStep:-this.gradientSliderStep;break;case"ArrowUp":i=r?-this.gradientSliderSmallStep:-this.gradientSliderStep;break;case"ArrowDown":i=r?this.gradientSliderSmallStep:this.gradientSliderStep}var a=parseInt(n.style.top,10)+i,s=parseInt(n.style.left,10)+o;this.renderer.setStyle(n,"top",a+"px"),this.renderer.setStyle(n,"left",s+"px"),this.ngZone.run(function(){return t.moveDragHandle(s,a)})}},V.prototype.changePosition=function(e){var t,n,o,i=this;this.disabled||this.readonly||(this.gradientDragHandle.nativeElement.focus(),t=this.gradientRect,n=e.clientX-t.left,o=e.clientY-t.top,this.ngZone.run(function(){return i.moveDragHandle(n,o)}))},V.prototype.handleHueSliderChange=function(e){var t=this.hsva.value;t.h=e,this.hsva.next(t),this.handleValueChange(Yn(this.hsva.value,this.format,this.opacity)),this.backgroundColor=eo(e),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.hueSliderTouched=!0},V.prototype.handleAlphaSliderChange=function(e){var t=this.hsva.value;t.a=e/100,this.hsva.next(t),this.handleValueChange(Yn(this.hsva.value,this.format,this.opacity)),this.alphaSliderTouched=!0},V.prototype.handleInputsValueChange=function(e){e=S(e,this.format,this.opacity);this.value!==e&&(this.handleValueChange(e),this.updateUI())},V.prototype.writeValue=function(e){this.value=e,u(this.gradientWrapper)&&this.updateUI()},V.prototype.registerOnChange=function(e){this.notifyNgChanged=e},V.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},V.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},Object.defineProperty(V.prototype,"colorGradientHandleTitle",{get:function(){return this.localizationService.get("colorGradientHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"colorGradientHandleAriaLabel",{get:function(){var e=S(this.value,this.format,this.opacity);return""+(this.value?e:this.localizationService.get("colorGradientNoColor"))},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"hueSliderTitle",{get:function(){return this.localizationService.get("hueSliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"opacitySliderTitle",{get:function(){return this.localizationService.get("opacitySliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(V.prototype,"clearButtonTitle",{get:function(){return this.localizationService.get("clearButton")},enumerable:!1,configurable:!0}),V.prototype.isEmpty=function(){return!1},V.prototype.moveDragHandle=function(e,t){var n=this.gradientRect,o=n.width,n=n.height,t=Ce(t,0,n),e=Ce(e,0,o),i=(this.setDragHandleElementPosition(t,e),this.hsva.value);i.s=e/o,i.v=1-t/n,this.hsva.next(i),this.updateValues.next(Yn(this.hsva.value,this.format,this.opacity)),this.setAlphaSliderBackground(Yn(Object.assign(Object.assign({},this.hsva.value),{a:1}),this.format,this.opacity))},V.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},V.prototype.setDragHandleElementPosition=function(e,t){var n=this.gradientDragHandle.nativeElement;this.hsvHandleCoordinates={x:t,y:e},this.renderer.setStyle(n,"top",e+"px"),this.renderer.setStyle(n,"left",t+"px")},V.prototype.setAlphaSliderBackground=function(e){var t;u(this.alphaSlider)&&(t=this.alphaSlider.track.nativeElement,this.renderer.setStyle(t,"background","linear-gradient(to top, transparent, "+e+")"))},V.prototype.setHostElementAriaLabel=function(){var e=S(this.value,this.format,this.opacity);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorGradientNoColor")))},V.prototype.setBackgroundColor=function(e){this.renderer.setStyle(this.hsvRectangle.nativeElement,"background",e)},V.prototype.updateUI=function(){var e,t;c.isDocumentAvailable()&&(this.hueSliderTouched||this.alphaSliderTouched?(this.hueSliderTouched=!1,this.alphaSliderTouched=!1):(this.hsva.next(this.value?function(e,t){e=_.parseColor(e,t=void 0===t?!0:t);return u(e)?e.toHSV():{}}(this.value):{h:0,s:0,v:1,a:1}),t=this.gradientRect,e=(1-this.hsva.value.v)*t.height,t=this.hsva.value.s*t.width,this.setDragHandleElementPosition(e,t),this.backgroundColor=eo(this.hsva.value.h),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.setHostElementAriaLabel()))},V.prototype.addEventListeners=function(){var r=this;this.ngZone.runOutsideAngular(function(){var e=r.renderer.listen(r.host.nativeElement,"focusout",function(e){var t;t=r.host.nativeElement,e=e.relatedTarget,t&&e&&(t===e||t.contains(e))||!_e(r.host)||r.ngZone.run(function(){return r.notifyNgTouched()})}),t=r.renderer.listen(r.gradientDragHandle.nativeElement,"keydown",function(e){r.onKeyboardAction(e)}),n=r.renderer.listen(r.gradientDragHandle.nativeElement,"keyup",function(){r.renderer.removeClass(r.gradientWrapper.nativeElement,"k-dragging"),r.readonly||r.disabled||r.ngZone.run(function(){return r.handleValueChange(Yn(r.hsva.value,r.format,r.opacity))})}),o=r.renderer.listen(r.gradientDragHandle.nativeElement,"focusin",function(){r.renderer.addClass(r.gradientDragHandle.nativeElement,"k-focus")}),i=r.renderer.listen(r.gradientDragHandle.nativeElement,"focusout",function(){r.renderer.removeClass(r.gradientDragHandle.nativeElement,"k-focus")});r.listeners.push(e,t,n,o,i)})},V.prototype.subscribeChanges=function(){var t=this;this.changeRequestsSubscription=this.updateValues.pipe(M.throttleTime(this.delay)).subscribe(function(e){t.handleValueChange(e)})},V.prototype.unsubscribeChanges=function(){this.changeRequestsSubscription&&this.changeRequestsSubscription.unsubscribe()},V);function V(e,t,n,o,i,r){var a=this;this.host=e,this.ngZone=t,this.renderer=n,this.cdr=o,this.localizationService=i,this.injector=r,this.hostClasses=!0,this.ariaRole="textbox",this.id="k-colorgradient-"+zo++,this.opacity=!0,this.disabled=!1,this.readonly=!1,this.clearButton=!1,this.delay=0,this.format="rgba",this.valueChange=new l.EventEmitter,this.backgroundColor="rgba(255, 0, 0, 1)",this.hsva=new L.BehaviorSubject({}),this.gradientSliderStep=5,this.gradientSliderSmallStep=2,this.internalNavigation=!1,this._tabindex=0,this.listeners=[],this.hueSliderTouched=!1,this.alphaSliderTouched=!1,this.updateValues=new L.Subject,this.hsvHandleCoordinates={x:0,y:0},this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},H.validatePackage(Ze),this.dynamicRTLSubscription=i.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Ro.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ro,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:i.ChangeDetectorRef},{token:r.LocalizationService},{token:i.Injector}],target:i.ɵɵFactoryTarget.Component}),Ro.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ro,selector:"kendo-colorgradient",inputs:{id:"id",opacity:"opacity",disabled:"disabled",readonly:"readonly",clearButton:"clearButton",delay:"delay",value:"value",contrastTool:"contrastTool",tabindex:"tabindex",format:"format",gradientSliderStep:"gradientSliderStep",gradientSliderSmallStep:"gradientSliderSmallStep"},outputs:{valueChange:"valueChange"},host:{listeners:{"keydown.enter":"enterHandler($event)","keydown.escape":"escapeHandler($event)",focusin:"focusHandler($event)"},properties:{"class.k-colorgradient":"this.hostClasses","attr.aria-readonly":"this.readonlyAttribute","class.k-disabled":"this.disabledClass","attr.id":"this.gradientId","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex","attr.role":"this.ariaRole","attr.aria-invalid":"this.isControlInvalid","attr.aria-disabled":"this.isDisabled"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ro})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ro})},T,{provide:t.LocalizationService,useExisting:T},{provide:t.L10N_PREFIX,useValue:"kendo.colorgradient"}],viewQueries:[{propertyName:"gradientDragHandle",first:!0,predicate:["gradientDragHandle"],descendants:!0},{propertyName:"inputs",first:!0,predicate:["inputs"],descendants:!0},{propertyName:"alphaSlider",first:!0,predicate:["alphaSlider"],descendants:!0},{propertyName:"gradientWrapper",first:!0,predicate:["gradientWrapper"],descendants:!0},{propertyName:"hsvRectangle",first:!0,predicate:["hsvRectangle"],descendants:!0}],exportAs:["kendoColorGradient"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoColorGradientLocalizedMessages\n i18n-colorGradientNoColor="kendo.colorgradient.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorGradientHandle="kendo.colorgradient.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorgradient.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorgradient.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorgradient.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-passContrast="kendo.colorgradient.passContrast|The pass message for the contrast tool."\n passContrast="Pass"\n i18n-failContrast="kendo.colorgradient.failContrast|The fail message for the contrast tool."\n failContrast="Fail"\n i18n-contrastRatio="kendo.colorgradient.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-formatButton="kendo.colorgradient.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-redChannelLabel="kendo.colorgradient.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorgradient.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorgradient.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorgradient.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorgradient.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorgradient.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorgradient.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorgradient.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div class="k-colorgradient-canvas k-hstack">\n <div class="k-hsv-rectangle" #hsvRectangle>\n <div\n #gradientWrapper\n kendoDraggable\n class="k-hsv-gradient"\n (click)="changePosition($event)"\n (kendoPress)="handleDragPress($event)"\n (kendoDrag)="onHandleDrag($event)"\n (kendoRelease)="onHandleRelease()">\n <div\n #gradientDragHandle\n class="k-hsv-draghandle k-draghandle"\n [tabindex]="innerTabIndex.toString()"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleTitle + \' \' + colorGradientHandleAriaLabel"\n role="slider"\n [attr.aria-valuetext]="hsvSliderValueText"\n [attr.aria-readonly]="readonly ? readonly : undefined"\n [attr.aria-disabled]="disabled ? disabled : undefined"\n [attr.aria-orientation]="\'undefined\'"\n [attr.aria-valuenow]="\'0\'"\n (keydown.shift.tab)="$event.preventDefault(); inputs.focusLast();">\n </div>\n </div>\n <svg kendoColorContrastSvg\n *ngIf="contrastToolVisible && gradientWrapper"\n class="k-color-contrast-svg"\n xmlns="http://www.w3.org/2000/svg"\n [wrapper]="gradientWrapper ? gradientWrapper : undefined"\n [hsva]="hsva"\n [backgroundColor]="contrastTool">\n </svg>\n </div>\n <div class="k-hsv-controls k-hstack {{ clearButton ? \'k-sliders-wrap-clearable\' : \'\' }}">\n <span class="k-clear-color k-button k-button-md k-button-flat k-button-flat-base k-button-icon"\n *ngIf="clearButton"\n role="button"\n (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n [tabindex]="innerTabIndex.toString()">\n <span class="k-icon k-i-droplet-slash"></span>\n </span>\n <kendo-slider\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-hue-slider k-colorgradient-slider"\n [dragHandleTitle]="hueSliderTitle"\n [tabindex]="innerTabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="360"\n [value]="hsva.value.h"\n [smallStep]="5"\n [largeStep]="10"\n (valueChange)="handleHueSliderChange($event)"\n >\n </kendo-slider>\n <kendo-slider\n *ngIf="opacity"\n #alphaSlider\n [tabindex]="innerTabIndex"\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-alpha-slider k-colorgradient-slider"\n [dragHandleTitle]="opacitySliderTitle"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="100"\n [smallStep]="1"\n [largeStep]="10"\n [value]="alphaSliderValue"\n (valueChange)="handleAlphaSliderChange($event)"\n >\n </kendo-slider>\n </div>\n </div>\n <kendo-colorinput #inputs\n [tabindex]="innerTabIndex"\n [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\n (tabOut)="gradientDragHandle.focus()"\n >\n </kendo-colorinput>\n <div class="k-colorgradient-color-contrast k-vbox"\n *ngIf="contrastToolVisible"\n kendoContrastTool\n [value]="value"\n [ratio]="contrastTool">\n </div>\n ',isInline:!0,styles:["\n .k-clear-color {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n .k-colorgradient-slider.k-align-self-end {\n height: 140px;\n }\n\n .k-color-contrast-svg {\n position: absolute;\n overflow: visible;\n pointer-events: none;\n left: 0px;\n top: 0px;\n }\n "],components:[{type:D,selector:"[kendoColorContrastSvg]",inputs:["wrapper","hsva","backgroundColor"]},{type:ot,selector:"kendo-slider",inputs:["focusableId","dragHandleTitle","incrementTitle","animate","decrementTitle","showButtons","value","tabIndex"],exportAs:["kendoSlider"]},{type:Io,selector:"kendo-colorinput",inputs:["focusableId","formatView","tabindex","value","opacity","disabled","readonly"],outputs:["valueChange","tabOut"]},{type:So,selector:"[kendoContrastTool]",inputs:["value","ratio"]}],directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:a.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ro,decorators:[{type:l.Component,args:[{exportAs:"kendoColorGradient",selector:"kendo-colorgradient",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ro})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ro})},T,{provide:t.LocalizationService,useExisting:T},{provide:t.L10N_PREFIX,useValue:"kendo.colorgradient"}],template:'\n <ng-container kendoColorGradientLocalizedMessages\n i18n-colorGradientNoColor="kendo.colorgradient.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorGradientHandle="kendo.colorgradient.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorgradient.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorgradient.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorgradient.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-passContrast="kendo.colorgradient.passContrast|The pass message for the contrast tool."\n passContrast="Pass"\n i18n-failContrast="kendo.colorgradient.failContrast|The fail message for the contrast tool."\n failContrast="Fail"\n i18n-contrastRatio="kendo.colorgradient.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-formatButton="kendo.colorgradient.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-redChannelLabel="kendo.colorgradient.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorgradient.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorgradient.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorgradient.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorgradient.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorgradient.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorgradient.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorgradient.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div class="k-colorgradient-canvas k-hstack">\n <div class="k-hsv-rectangle" #hsvRectangle>\n <div\n #gradientWrapper\n kendoDraggable\n class="k-hsv-gradient"\n (click)="changePosition($event)"\n (kendoPress)="handleDragPress($event)"\n (kendoDrag)="onHandleDrag($event)"\n (kendoRelease)="onHandleRelease()">\n <div\n #gradientDragHandle\n class="k-hsv-draghandle k-draghandle"\n [tabindex]="innerTabIndex.toString()"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleTitle + \' \' + colorGradientHandleAriaLabel"\n role="slider"\n [attr.aria-valuetext]="hsvSliderValueText"\n [attr.aria-readonly]="readonly ? readonly : undefined"\n [attr.aria-disabled]="disabled ? disabled : undefined"\n [attr.aria-orientation]="\'undefined\'"\n [attr.aria-valuenow]="\'0\'"\n (keydown.shift.tab)="$event.preventDefault(); inputs.focusLast();">\n </div>\n </div>\n <svg kendoColorContrastSvg\n *ngIf="contrastToolVisible && gradientWrapper"\n class="k-color-contrast-svg"\n xmlns="http://www.w3.org/2000/svg"\n [wrapper]="gradientWrapper ? gradientWrapper : undefined"\n [hsva]="hsva"\n [backgroundColor]="contrastTool">\n </svg>\n </div>\n <div class="k-hsv-controls k-hstack {{ clearButton ? \'k-sliders-wrap-clearable\' : \'\' }}">\n <span class="k-clear-color k-button k-button-md k-button-flat k-button-flat-base k-button-icon"\n *ngIf="clearButton"\n role="button"\n (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n [tabindex]="innerTabIndex.toString()">\n <span class="k-icon k-i-droplet-slash"></span>\n </span>\n <kendo-slider\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-hue-slider k-colorgradient-slider"\n [dragHandleTitle]="hueSliderTitle"\n [tabindex]="innerTabIndex"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="360"\n [value]="hsva.value.h"\n [smallStep]="5"\n [largeStep]="10"\n (valueChange)="handleHueSliderChange($event)"\n >\n </kendo-slider>\n <kendo-slider\n *ngIf="opacity"\n #alphaSlider\n [tabindex]="innerTabIndex"\n [ngClass]="{\'k-align-self-end\': clearButton}"\n class="k-alpha-slider k-colorgradient-slider"\n [dragHandleTitle]="opacitySliderTitle"\n [disabled]="disabled"\n [readonly]="readonly"\n [showButtons]="false"\n tickPlacement="none"\n [vertical]="true"\n [min]="0"\n [max]="100"\n [smallStep]="1"\n [largeStep]="10"\n [value]="alphaSliderValue"\n (valueChange)="handleAlphaSliderChange($event)"\n >\n </kendo-slider>\n </div>\n </div>\n <kendo-colorinput #inputs\n [tabindex]="innerTabIndex"\n [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\n (tabOut)="gradientDragHandle.focus()"\n >\n </kendo-colorinput>\n <div class="k-colorgradient-color-contrast k-vbox"\n *ngIf="contrastToolVisible"\n kendoContrastTool\n [value]="value"\n [ratio]="contrastTool">\n </div>\n ',styles:["\n .k-clear-color {\n position: absolute;\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n }\n .k-colorgradient-slider.k-align-self-end {\n height: 140px;\n }\n\n .k-color-contrast-svg {\n position: absolute;\n overflow: visible;\n pointer-events: none;\n left: 0px;\n top: 0px;\n }\n "]}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone},{type:i.Renderer2},{type:i.ChangeDetectorRef},{type:r.LocalizationService},{type:i.Injector}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-colorgradient"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]}],gradientId:[{type:l.HostBinding,args:["attr.id"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],ariaRole:[{type:l.HostBinding,args:["attr.role"]}],isControlInvalid:[{type:l.HostBinding,args:["attr.aria-invalid"]}],isDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],enterHandler:[{type:l.HostListener,args:["keydown.enter",["$event"]]}],escapeHandler:[{type:l.HostListener,args:["keydown.escape",["$event"]]}],focusHandler:[{type:l.HostListener,args:["focusin",["$event"]]}],id:[{type:l.Input}],opacity:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],clearButton:[{type:l.Input}],delay:[{type:l.Input}],value:[{type:l.Input}],contrastTool:[{type:l.Input}],tabindex:[{type:l.Input}],format:[{type:l.Input}],valueChange:[{type:l.Output}],gradientSliderStep:[{type:l.Input}],gradientSliderSmallStep:[{type:l.Input}],gradientDragHandle:[{type:l.ViewChild,args:["gradientDragHandle"]}],inputs:[{type:l.ViewChild,args:["inputs"]}],alphaSlider:[{type:l.ViewChild,args:["alphaSlider"]}],gradientWrapper:[{type:l.ViewChild,args:["gradientWrapper"]}],hsvRectangle:[{type:l.ViewChild,args:["hsvRectangle"]}]}});d(Lo,Fo=t.LocalizationService),Lo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):Fo.prototype.get.call(this,e)};var Fo,a=Lo;function Lo(e,t,n,o){e=Fo.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}a.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,deps:[{token:t.L10N_PREFIX},{token:r.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:po,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),a.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:r.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:po,decorators:[{type:l.Optional},{type:l.Inject,args:[po]}]}]}});Ho.prototype.setColorMatrix=function(e,t){if(this.colorRows=[],u(e)&&e.length){t=t||e.length;for(var n=0;n<e.length;n+=t){var o=e.slice(n,t+n);this.colorRows.push(o)}}},Ho.prototype.getCellCoordsFor=function(e){if(u(e))for(var t=0;t<this.colorRows.length;t++)for(var n=0;n<this.colorRows[t].length;n++)if(this.colorRows[t][n]===e)return{row:t,col:n}},Ho.prototype.getColorAt=function(e){if(u(e)&&u(this.colorRows[e.row]))return this.colorRows[e.row][e.col]},Ho.prototype.getNextCell=function(e,t,n){return u(e)&&u(e.row)&&u(e.col)?{row:n=this.clampIndex(e.row+n,this.colorRows.length-1),col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}:{row:0,col:0}},Ho.prototype.clampIndex=function(e,t){return e<0?0:t<e?t:e};var Mo=Ho;function Ho(){this.colorRows=[]}Mo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,deps:[],target:i.ɵɵFactoryTarget.Injectable}),Mo.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,decorators:[{type:l.Injectable}]});var No=0,Ao=(Object.defineProperty(O.prototype,"activeDescendant",{get:function(){return this.activeCellId},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"paletteId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"columns",{get:function(){return this._columns},set:function(e){this._columns=1<e?e:1},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"palette",{get:function(){return this._palette},set:function(e){var t=this,e=("string"==typeof(e=u(e)?e:"office")&&u(An[e])&&(this.columns=this.columns||An[e].columns,e=An[e].colors),"string"==typeof e?e.split(","):e);this._palette=e.map(function(e){return S(e,t.format,!1,!1)})},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tileLayout",{get:function(){return"number"!=typeof this.tileSize?this.tileSize:{width:this.tileSize,height:this.tileSize}},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"colorRows",{get:function(){return this.service.colorRows},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),O.prototype.ngOnInit=function(){var e;0===this.colorRows.length&&(e="name"!==this.format?"office":"accessible",this.palette=this.palette||e,this.setRows())},O.prototype.ngAfterViewInit=function(){var e=this;this.setHostElementAriaLabel(),this.value&&this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){e.selectCell(e.value)})},O.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},O.prototype.ngOnChanges=function(e){(e.palette||e.columns)&&this.setRows(),(e.palette||e.value||e.columns)&&(this.selectCell(this.value),this.setHostElementAriaLabel())},O.prototype.handleKeydown=function(e){var t="rtl"===this.direction;switch(e.keyCode){case c.Keys.ArrowDown:this.handleCellNavigation(0,1);break;case c.Keys.ArrowUp:this.handleCellNavigation(0,-1);break;case c.Keys.ArrowRight:this.handleCellNavigation(t?-1:1,0);break;case c.Keys.ArrowLeft:this.handleCellNavigation(t?1:-1,0);break;case c.Keys.Enter:this.handleEnter();break;default:return}e.preventDefault()},O.prototype.handleFocus=function(){this.focusInComponent||this.focus()},O.prototype.handleHostBlur=function(){this.notifyNgTouched(),this.handleCellFocusOnBlur()},O.prototype.handleCellSelection=function(e,t){this.readonly||(this.selectedCell=t,this.focusedCell=this.selectedCell,this.focusInComponent=!0,e=S(e,this.format,!1,!1),this.cellSelection.emit(e),this.handleValueChange(e),this.selection!==e&&(this.selection=e,this.selectionChange.emit(e)),t&&(this.activeCellId="k-"+this.selectedCell.row+"-"+this.selectedCell.col+"-"+this.uniqueId))},O.prototype.writeValue=function(e){this.value=e,this.selectCell(e)},O.prototype.registerOnChange=function(e){this.notifyNgChanged=e},O.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},O.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},O.prototype.focus=function(){this.host.nativeElement.focus(),this.focusedCell||this.readonly||this.disabled||(this.focusedCell={row:0,col:0})},O.prototype.isEmpty=function(){return!1},O.prototype.reset=function(){this.focusedCell=null,u(this.value)&&this.handleValueChange(void 0),this.selectedCell=void 0},O.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},O.prototype.handleCellFocusOnBlur=function(){this.focusInComponent=!1,this.focusedCell=this.selectedCell},O.prototype.selectCell=function(e){this.selectedCell=this.service.getCellCoordsFor(e),this.focusedCell=this.selectedCell},O.prototype.setRows=function(){u(this.palette)&&(this.columns=this.columns||10,this.service.setColorMatrix(this.palette,this.columns))},O.prototype.handleCellNavigation=function(e,t){this.readonly||(this.focusedCell=this.service.getNextCell(this.focusedCell,e,t),this.focusInComponent=!0)},O.prototype.setHostElementAriaLabel=function(){var e=S(this.value,this.format);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorPaletteNoColor")))},O.prototype.handleEnter=function(){var e;u(this.focusedCell)&&(e=this.service.getColorAt(this.focusedCell),this.handleCellSelection(e,this.focusedCell))},O);function O(e,t,n,o,i,r){var a=this;this.host=e,this.service=t,this.cdr=n,this.renderer=o,this.localizationService=i,this.ngZone=r,this.role="grid",this.id="k-colorpalette-"+No++,this.format="hex",this.disabled=!1,this.readonly=!1,this.tileSize={width:24,height:24},this.selectionChange=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.cellSelection=new l.EventEmitter,this.hostClasses=!0,this.uniqueId=c.guid(),this._tabindex=0,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},H.validatePackage(Ze),this.dynamicRTLSubscription=i.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Ao.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,deps:[{token:i.ElementRef},{token:Mo},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:r.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),Ao.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ao,selector:"kendo-colorpalette",inputs:{id:"id",format:"format",value:"value",columns:"columns",palette:"palette",tabindex:"tabindex",disabled:"disabled",readonly:"readonly",tileSize:"tileSize"},outputs:{selectionChange:"selectionChange",valueChange:"valueChange",cellSelection:"cellSelection"},host:{listeners:{keydown:"handleKeydown($event)",focus:"handleFocus($event)",blur:"handleHostBlur()"},properties:{"attr.dir":"this.direction","attr.role":"this.role","attr.aria-activedescendant":"this.activeDescendant","attr.id":"this.paletteId","attr.tabindex":"this.hostTabindex","class.k-colorpalette":"this.hostClasses","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.aria-readonly":"this.readonlyAttribute"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ao})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ao})},Mo,a,{provide:t.LocalizationService,useExisting:a},{provide:t.L10N_PREFIX,useValue:"kendo.colorpalette"}],exportAs:["kendoColorPalette"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoColorPaletteLocalizedMessages\n i18n-colorPaletteNoColor="kendo.colorpalette.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen">\n </ng-container>\n <div class="k-colorpalette-table-wrap">\n <table role="presentation" class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index" role="row">\n <td *ngFor="let color of row; let colIndex = index"\n role="gridcell"\n [class.k-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-focus]="focusInComponent && focusedCell?.row === rowIndex && focusedCell?.col === colIndex"\n [attr.aria-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [attr.aria-label]="color"\n class="k-colorpalette-tile"\n [id]="\'k-\' + rowIndex + \'-\' + colIndex + \'-\' + uniqueId"\n [attr.value]="color"\n (click)="handleCellSelection(color, { row: rowIndex, col: colIndex })"\n [ngStyle]="{\n backgroundColor: color,\n width: tileLayout.width + \'px\',\n height: tileLayout.height + \'px\',\n minWidth: tileLayout.width + \'px\'\n }">\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n ',isInline:!0,directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:s.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPalette",selector:"kendo-colorpalette",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ao})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ao})},Mo,a,{provide:t.LocalizationService,useExisting:a},{provide:t.L10N_PREFIX,useValue:"kendo.colorpalette"}],template:'\n <ng-container kendoColorPaletteLocalizedMessages\n i18n-colorPaletteNoColor="kendo.colorpalette.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen">\n </ng-container>\n <div class="k-colorpalette-table-wrap">\n <table role="presentation" class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index" role="row">\n <td *ngFor="let color of row; let colIndex = index"\n role="gridcell"\n [class.k-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-focus]="focusInComponent && focusedCell?.row === rowIndex && focusedCell?.col === colIndex"\n [attr.aria-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [attr.aria-label]="color"\n class="k-colorpalette-tile"\n [id]="\'k-\' + rowIndex + \'-\' + colIndex + \'-\' + uniqueId"\n [attr.value]="color"\n (click)="handleCellSelection(color, { row: rowIndex, col: colIndex })"\n [ngStyle]="{\n backgroundColor: color,\n width: tileLayout.width + \'px\',\n height: tileLayout.height + \'px\',\n minWidth: tileLayout.width + \'px\'\n }">\n </td>\n </tr>\n </tbody>\n </table>\n </div>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:Mo},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:r.LocalizationService},{type:i.NgZone}]},propDecorators:{direction:[{type:l.HostBinding,args:["attr.dir"]}],role:[{type:l.HostBinding,args:["attr.role"]}],activeDescendant:[{type:l.HostBinding,args:["attr.aria-activedescendant"]}],paletteId:[{type:l.HostBinding,args:["attr.id"]}],id:[{type:l.Input}],format:[{type:l.Input}],value:[{type:l.Input}],columns:[{type:l.Input}],palette:[{type:l.Input}],tabindex:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],tileSize:[{type:l.Input}],selectionChange:[{type:l.Output}],valueChange:[{type:l.Output}],cellSelection:[{type:l.Output}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],hostClasses:[{type:l.HostBinding,args:["class.k-colorpalette"]}],disabledClass:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-disabled"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],handleKeydown:[{type:l.HostListener,args:["keydown",["$event"]]}],handleFocus:[{type:l.HostListener,args:["focus",["$event"]]}],handleHostBlur:[{type:l.HostListener,args:["blur"]}]}});jo.prototype.getText=function(e){return this.localizationService.get(e)},jo.prototype.onActionButtonClick=function(e,t){this.actionButtonClick.emit({target:e,originalEvent:t})};T=jo;function jo(e){this.localizationService=e,this.hostClasses=!0,this.innerTabIndex=-1,this.actionButtonClick=new l.EventEmitter,this.tabOut=new l.EventEmitter}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"[kendoFlatColorPickerActionButtons]",inputs:{innerTabIndex:"innerTabIndex"},outputs:{actionButtonClick:"actionButtonClick",tabOut:"tabOut"},host:{properties:{"class.k-coloreditor-footer":"this.hostClasses","class.k-actions":"this.hostClasses","class.k-hstack":"this.hostClasses"}},viewQueries:[{propertyName:"firstButton",first:!0,predicate:["first"],descendants:!0,read:l.ElementRef},{propertyName:"lastButton",first:!0,predicate:["last"],descendants:!0,read:l.ElementRef}],ngImport:i,template:'\n <button #first\n class="k-coloreditor-cancel k-button k-button-md k-button-solid k-button-solid-base"\n [attr.title]="getText(\'cancelButton\')"\n (click)="onActionButtonClick(\'cancel\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n >{{getText(\'cancelButton\')}}</button>\n <button #last\n class="k-coloreditor-apply k-button k-button-md k-button-solid k-button-solid-primary"\n [attr.title]="getText(\'applyButton\')"\n (click)="onActionButtonClick(\'apply\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n >{{getText(\'applyButton\')}}</button>\n ',isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:l.Component,args:[{selector:"[kendoFlatColorPickerActionButtons]",template:'\n <button #first\n class="k-coloreditor-cancel k-button k-button-md k-button-solid k-button-solid-base"\n [attr.title]="getText(\'cancelButton\')"\n (click)="onActionButtonClick(\'cancel\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n >{{getText(\'cancelButton\')}}</button>\n <button #last\n class="k-coloreditor-apply k-button k-button-md k-button-solid k-button-solid-primary"\n [attr.title]="getText(\'applyButton\')"\n (click)="onActionButtonClick(\'apply\', $event)"\n type="button"\n [tabindex]="innerTabIndex.toString()"\n (keydown.tab)="$event.preventDefault(); tabOut.emit();"\n >{{getText(\'applyButton\')}}</button>\n '}]}],ctorParameters:function(){return[{type:r.LocalizationService}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-coloreditor-footer"]},{type:l.HostBinding,args:["class.k-actions"]},{type:l.HostBinding,args:["class.k-hstack"]}],innerTabIndex:[{type:l.Input}],actionButtonClick:[{type:l.Output}],tabOut:[{type:l.Output}],firstButton:[{type:l.ViewChild,args:["first",{read:l.ElementRef}]}],lastButton:[{type:l.ViewChild,args:["last",{read:l.ElementRef}]}]}});Object.defineProperty(B.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"hostTabindex",{get:function(){var e;return(null==(e=this.tabindex)?void 0:e.toString())||"0"},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isControlInvalid",{get:function(){var e;return null==(e=null==(e=this.control)?void 0:e.invalid)?void 0:e.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"isDisabled",{get:function(){var e;return(null==(e=this.disabled)?void 0:e.toString())||void 0},enumerable:!1,configurable:!0}),B.prototype.enterHandler=function(e){var t=this;e.target===this.host.nativeElement&&(e.preventDefault(),this.internalNavigation=!0,this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){var e;return null==(e=t.firstFocusable)?void 0:e.focus()}))},B.prototype.escapeHandler=function(){this.internalNavigation=!1,this.host.nativeElement.focus()},B.prototype.focusHandler=function(e){this.internalNavigation=e.target!==this.host.nativeElement},Object.defineProperty(B.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;u(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"innerTabIndex",{get:function(){return this.internalNavigation?0:-1},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"firstFocusable",{get:function(){return this.headerHasContent?this.headerElement.nativeElement.querySelector(".k-button"):"gradient"===this.activeView?this.gradient:this.palette},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"lastFocusable",{get:function(){return this.preview?this.footer.lastButton.nativeElement:"gradient"===this.activeView?this.gradient:this.palette},enumerable:!1,configurable:!0}),B.prototype.ngOnInit=function(){this.selection=this.value,this.control=this.injector.get(o.NgControl,null),this._paletteSettings=this.service.getPaletteSettings(this._paletteSettings,this.format),this.setActiveView()},B.prototype.ngAfterViewInit=function(){this.setHostElementAriaLabel(),this.initDomEvents(),this.setSizingVariables(),this.removeGradientAttributes()},B.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&(this.selection=this.value,this.setHostElementAriaLabel()),c.isChanged("paletteSettings",e)&&this.setSizingVariables()},B.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},B.prototype.onTab=function(e){var t=e.shiftKey,n=this.preview?this.footer.firstButton.nativeElement:this.headerHasContent?c.findFocusableChild(this.headerElement.nativeElement):null,o=this.headerHasContent?c.findFocusableChild(this.headerElement.nativeElement):this.preview?this.footer.lastButton.nativeElement:null;(n||o)&&(e.preventDefault(),t?null!=o&&o.focus():null!=n&&n.focus())},Object.defineProperty(B.prototype,"headerHasContent",{get:function(){return this.preview||1<this.views.length||this.clearButton},enumerable:!1,configurable:!0}),B.prototype.isEmpty=function(){return!1},B.prototype.focus=function(){this.disabled||this.focused||(this.host.nativeElement.focus(),this.focused=!0)},B.prototype.blur=function(){this.focused&&(this.notifyNgTouched(),this.host.nativeElement.blur(),this.focused=!1)},B.prototype.reset=function(){u(this.value)&&(this.value=void 0,this.notifyNgChanged(void 0),this.setHostElementAriaLabel())},B.prototype.onViewChange=function(e){var t=this;this.activeView!==e&&(this.activeView=e,this.activeViewChange.emit(e),this.ngZone.runOutsideAngular(function(){setTimeout(function(){var e;null!=(e=t[t.activeView])&&e.focus()})}),"gradient"===this.activeView)&&this.removeGradientAttributes()},B.prototype.onClearButtonClick=function(){this.resetInnerComponentValue(),this.internalNavigation=!1,this.host.nativeElement.focus()},B.prototype.handleValueChange=function(e){this.preview?this.changeCurrentValue(e):this.setFlatColorPickerValue(e)},B.prototype.onAction=function(e){"apply"===e.target?this.setFlatColorPickerValue(this.selection):this.resetSelection(e.originalEvent),this.actionButtonClick.emit()},B.prototype.writeValue=function(e){this.value=e},B.prototype.registerOnChange=function(e){this.notifyNgChanged=e},B.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},B.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},B.prototype.resetSelection=function(e){e=new jn(e);this.cancel.emit(e),e.isDefaultPrevented()||(this.selection=this.value),this.notifyNgTouched()},B.prototype.setHostElementAriaLabel=function(){var e=S(this.value,this.format,this.gradientSettings.opacity),e=""+(this.value?e:this.localizationService.get("flatColorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},B.prototype.setSizingVariables=function(){var e=this.service.paletteTileLayout(this.paletteSettings.tileSize),e="--kendo-color-preview-columns: "+this.paletteSettings.columns+";\n --kendo-color-preview-width: "+e.width+"px;\n --kendo-color-preview-height: "+e.height+"px;";this.host.nativeElement.querySelector(".k-coloreditor-views.k-vstack").setAttribute("style",e)},B.prototype.changeCurrentValue=function(e){this.selection=e,this.notifyNgTouched()},B.prototype.resetInnerComponentValue=function(){this.selection=null,(this.gradient||this.palette).reset()},B.prototype.setFlatColorPickerValue=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},B.prototype.setActiveView=function(){if(u(this.activeView)){if(l.isDevMode()&&-1===this.views.indexOf(this.activeView))throw new Error("Invalid configuration: The current activeView is not present in the views collection")}else this.activeView=this.views[0]},B.prototype.initDomEvents=function(){var e,t=this;this.host&&(e=this.host.nativeElement,this.ngZone.runOutsideAngular(function(){t.subscriptions.add(t.renderer.listen(e,"focus",function(){t.focused=!0})),t.subscriptions.add(t.renderer.listen(e,"blur",function(){t.focused=!1,t.notifyNgTouched()}))}))},B.prototype.removeGradientAttributes=function(){this.gradientElement&&this.renderer.removeAttribute(this.gradientElement.nativeElement,"role"),this.gradientElement&&this.renderer.removeAttribute(this.gradientElement.nativeElement,"aria-label")};var _o=B;function B(e,t,n,o,i,r,a){var s=this;this.host=e,this.service=t,this.localizationService=n,this.cdr=o,this.renderer=i,this.ngZone=r,this.injector=a,this.hostClasses=!0,this.ariaRole="textbox",this.readonly=!1,this.disabled=!1,this.format="rgba",this.clearButton=!0,this.preview=!0,this.actionsLayout="end",this.views=["gradient","palette"],this.valueChange=new l.EventEmitter,this.cancel=new l.EventEmitter,this.activeViewChange=new l.EventEmitter,this.actionButtonClick=new l.EventEmitter,this._tabindex=0,this._gradientSettings={opacity:!0,delay:0,gradientSliderStep:5,gradientSliderSmallStep:2},this._paletteSettings={},this.subscriptions=new L.Subscription,this.internalNavigation=!1,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},H.validatePackage(Ze),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;s.direction=e?"rtl":"ltr"})}_o.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_o,deps:[{token:i.ElementRef},{token:go},{token:r.LocalizationService},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.NgZone},{token:i.Injector}],target:i.ɵɵFactoryTarget.Component}),_o.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_o,selector:"kendo-flatcolorpicker",inputs:{readonly:"readonly",disabled:"disabled",format:"format",value:"value",tabindex:"tabindex",clearButton:"clearButton",preview:"preview",actionsLayout:"actionsLayout",activeView:"activeView",views:"views",gradientSettings:"gradientSettings",paletteSettings:"paletteSettings"},outputs:{valueChange:"valueChange",cancel:"cancel",activeViewChange:"activeViewChange",actionButtonClick:"actionButtonClick"},host:{listeners:{"keydown.enter":"enterHandler($event)","keydown.escape":"escapeHandler()",focusin:"focusHandler($event)"},properties:{"class.k-flatcolorpicker":"this.hostClasses","class.k-coloreditor":"this.hostClasses","class.k-disabled":"this.disabledClass","attr.aria-disabled":"this.isDisabled","attr.aria-readonly":"this.ariaReadonly","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex","attr.role":"this.ariaRole","attr.aria-invalid":"this.isControlInvalid"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return _o})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return _o})},go,po,{provide:t.LocalizationService,useExisting:po},{provide:t.L10N_PREFIX,useValue:"kendo.flatcolorpicker"}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0},{propertyName:"headerElement",first:!0,predicate:["header"],descendants:!0,read:l.ElementRef},{propertyName:"gradient",first:!0,predicate:["gradient"],descendants:!0},{propertyName:"gradientElement",first:!0,predicate:["gradient"],descendants:!0,read:l.ElementRef},{propertyName:"palette",first:!0,predicate:["palette"],descendants:!0},{propertyName:"footer",first:!0,predicate:["footer"],descendants:!0}],exportAs:["kendoFlatColorPicker"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoFlatColorPickerLocalizedMessages\n i18n-flatColorPickerNoColor="kendo.flatcolorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.flatcolorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.flatcolorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.flatcolorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.flatcolorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.flatcolorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.flatcolorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.flatcolorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.flatcolorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.flatcolorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.flatcolorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.flatcolorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.flatcolorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.flatcolorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.flatcolorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.flatcolorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.flatcolorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.flatcolorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.flatcolorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.flatcolorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.flatcolorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.flatcolorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.flatcolorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div kendoFlatColorPickerHeader\n [innerTabIndex]="this.innerTabIndex"\n *ngIf="headerHasContent"\n #header\n [clearButton]="clearButton"\n [activeView]="activeView"\n [views]="views"\n [value]="value"\n [selection]="selection"\n [preview]="preview"\n (clearButtonClick)="onClearButtonClick()"\n (viewChange)="onViewChange($event)"\n (valuePaneClick)="resetSelection($event)"\n (tabOut)="lastFocusable.focus()"></div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'gradient\'"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [gradientSliderSmallStep]="gradientSettings.gradientSliderSmallStep"\n [gradientSliderStep]="gradientSettings.gradientSliderStep"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorgradient>\n <kendo-colorpalette #palette\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'palette\'"\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons \n [innerTabIndex]="innerTabIndex"\n *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)"\n (tabOut)="firstFocusable.focus()"></div>\n',isInline:!0,components:[{type:w,selector:"[kendoFlatColorPickerHeader]",inputs:["clearButton","activeView","views","preview","innerTabIndex","value","selection"],outputs:["viewChange","valuePaneClick","clearButtonClick","tabOut"]},{type:Ro,selector:"kendo-colorgradient",inputs:["id","opacity","disabled","readonly","clearButton","delay","value","contrastTool","tabindex","format","gradientSliderStep","gradientSliderSmallStep"],outputs:["valueChange"],exportAs:["kendoColorGradient"]},{type:Ao,selector:"kendo-colorpalette",inputs:["id","format","value","columns","palette","tabindex","disabled","readonly","tileSize"],outputs:["selectionChange","valueChange","cellSelection"],exportAs:["kendoColorPalette"]},{type:T,selector:"[kendoFlatColorPickerActionButtons]",inputs:["innerTabIndex"],outputs:["actionButtonClick","tabOut"]}],directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:_o,decorators:[{type:l.Component,args:[{exportAs:"kendoFlatColorPicker",selector:"kendo-flatcolorpicker",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return _o})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return _o})},go,po,{provide:t.LocalizationService,useExisting:po},{provide:t.L10N_PREFIX,useValue:"kendo.flatcolorpicker"}],template:'\n <ng-container kendoFlatColorPickerLocalizedMessages\n i18n-flatColorPickerNoColor="kendo.flatcolorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.flatcolorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.flatcolorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.flatcolorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.flatcolorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.flatcolorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.flatcolorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.flatcolorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.flatcolorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.flatcolorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.flatcolorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.flatcolorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.flatcolorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.flatcolorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.flatcolorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.flatcolorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.flatcolorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.flatcolorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.flatcolorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.flatcolorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.flatcolorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.flatcolorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.flatcolorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <div kendoFlatColorPickerHeader\n [innerTabIndex]="this.innerTabIndex"\n *ngIf="headerHasContent"\n #header\n [clearButton]="clearButton"\n [activeView]="activeView"\n [views]="views"\n [value]="value"\n [selection]="selection"\n [preview]="preview"\n (clearButtonClick)="onClearButtonClick()"\n (viewChange)="onViewChange($event)"\n (valuePaneClick)="resetSelection($event)"\n (tabOut)="lastFocusable.focus()"></div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'gradient\'"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [gradientSliderSmallStep]="gradientSettings.gradientSliderSmallStep"\n [gradientSliderStep]="gradientSettings.gradientSliderStep"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorgradient>\n <kendo-colorpalette #palette\n [tabindex]="innerTabIndex"\n *ngIf="activeView === \'palette\'"\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n ></kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons \n [innerTabIndex]="innerTabIndex"\n *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)"\n (tabOut)="firstFocusable.focus()"></div>\n'}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:go},{type:r.LocalizationService},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.NgZone},{type:i.Injector}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-flatcolorpicker"]},{type:l.HostBinding,args:["class.k-coloreditor"]}],disabledClass:[{type:l.HostBinding,args:["class.k-disabled"]},{type:l.HostBinding,args:["attr.aria-disabled"]}],ariaReadonly:[{type:l.HostBinding,args:["attr.aria-readonly"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],ariaRole:[{type:l.HostBinding,args:["attr.role"]}],isControlInvalid:[{type:l.HostBinding,args:["attr.aria-invalid"]}],isDisabled:[{type:l.HostBinding,args:["attr.aria-disabled"]}],enterHandler:[{type:l.HostListener,args:["keydown.enter",["$event"]]}],escapeHandler:[{type:l.HostListener,args:["keydown.escape"]}],focusHandler:[{type:l.HostListener,args:["focusin",["$event"]]}],readonly:[{type:l.Input}],disabled:[{type:l.Input}],format:[{type:l.Input}],value:[{type:l.Input}],tabindex:[{type:l.Input}],clearButton:[{type:l.Input}],preview:[{type:l.Input}],actionsLayout:[{type:l.Input}],activeView:[{type:l.Input}],views:[{type:l.Input}],gradientSettings:[{type:l.Input}],paletteSettings:[{type:l.Input}],valueChange:[{type:l.Output}],cancel:[{type:l.Output}],activeViewChange:[{type:l.Output}],actionButtonClick:[{type:l.Output}],header:[{type:l.ViewChild,args:["header"]}],headerElement:[{type:l.ViewChild,args:["header",{read:l.ElementRef}]}],gradient:[{type:l.ViewChild,args:["gradient"]}],gradientElement:[{type:l.ViewChild,args:["gradient",{read:l.ElementRef}]}],palette:[{type:l.ViewChild,args:["palette"]}],footer:[{type:l.ViewChild,args:["footer"]}]}});var Go=["focus","blur"],Zo=0,Wo=(Object.defineProperty(z.prototype,"focusedClass",{get:function(){return this.isFocused},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isControlInvalid",{get:function(){var e;return null==(e=null==(e=this.control)?void 0:e.invalid)?void 0:e.toString()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"view",{get:function(){return this.views&&0<this.views.length?this.views[0]:null},set:function(e){this.views=[e]},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"value",{get:function(){return this._value},set:function(e){this._value=S(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign(this._popupSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){this._paletteSettings=Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){this._gradientSettings=Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){e=e||"solid";this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"isOpen",{get:function(){return u(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"iconStyles",{get:function(){return this.iconClass||(this.icon?"k-icon k-i-"+this.icon:void 0)},enumerable:!1,configurable:!0}),z.prototype.ngOnInit=function(){var e="name"!==this.format?"office":uo,t=this._paletteSettings.palette,n="string"==typeof t&&An[t]?An[t].columns:void 0;this._paletteSettings={palette:t||e,tileSize:this._paletteSettings.tileSize||24,columns:this._paletteSettings.columns||n||10},this.handleHostId(),this.renderer.setAttribute(this.host.nativeElement,"aria-controls","k-colorpicker-popup-"+this.colorPickerId),this.control=this.injector.get(o.NgControl,null)},z.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.setHostElementAriaLabel(),this.initDomEvents()},z.prototype.ngOnChanges=function(e){e.format&&"name"===e.format.currentValue&&(this.activeView="palette"),"gradient"===this.activeView&&this.gradientSettings.opacity&&(this.format="rgba",this.value=S(this.value,this.format,this.gradientSettings.opacity)),c.isChanged("value",e)&&this.setHostElementAriaLabel()},z.prototype.ngOnDestroy=function(){this.closePopup(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe(),this.handleDomEvents("remove",Go)},z.prototype.handleCancelEvent=function(e){this.cancel.emit(e)},z.prototype.togglePopup=function(){this.focus(),this.toggleWithEvents(!this.isOpen)},z.prototype.handleWrapperClick=function(e){var t=this;this.disabled||(this.focus(),c.closest(e.target,function(e){return e===t.activeColor.nativeElement})&&(e=new Xn(this.value),this.activeColorClick.emit(e),e.isOpenPrevented())&&!this.isOpen)||this.toggleWithEvents(!this.isOpen)},z.prototype.focus=function(){this.isFocused=!0,this.host.nativeElement.focus()},z.prototype.handleWrapperFocus=function(){var e=this;this.isFocused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},z.prototype.blur=function(){this.isFocused=!1,this.host.nativeElement.blur(),this.notifyNgTouched()},z.prototype.handleWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.isFocused=!1})},z.prototype.reset=function(){u(this.value)&&(this._value=void 0,this.setHostElementAriaLabel(),this.notifyNgChanged(void 0))},z.prototype.toggle=function(e){!this.disabled&&!this.readonly&&(this.cdr.markForCheck(),this.closePopup(),e=u(e)?e:!this.isOpen)&&this.openPopup()},z.prototype.handleValueChange=function(e){e=S(e,this.format,this.gradientSettings.opacity);e!==this.value&&(this.value=e,this.valueChange.emit(e),this.setHostElementAriaLabel(),this.notifyNgChanged(e))},z.prototype.handlePopupBlur=function(e){this.popupBlurInvalid(e)||(this.isFocused=!1,this.onBlur.emit(),this.notifyNgTouched(),this.toggleWithEvents(!1))},z.prototype.writeValue=function(e){this.value=e},z.prototype.registerOnChange=function(e){this.notifyNgChanged=e},z.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},z.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},z.prototype.handleWrapperKeyDown=function(e){var t=this;e.keyCode!==c.Keys.ArrowDown&&e.keyCode!==c.Keys.Enter||(e.preventDefault(),this.ngZone.run(function(){t.toggleWithEvents(!0)}))},z.prototype.handlePopupKeyDown=function(e){var t,n;e.keyCode===c.Keys.Escape&&(this.toggleWithEvents(!1),this.host.nativeElement.focus()),e.keyCode===c.Keys.Tab&&(t=(e.shiftKey?this.firstFocusableElement:this.lastFocusableElement).nativeElement,n=(e.shiftKey?this.lastFocusableElement:this.firstFocusableElement).nativeElement,e.target===t)&&(e.preventDefault(),n.focus())},z.prototype.isEmpty=function(){return!1},z.prototype.setHostElementAriaLabel=function(){var e=""+(this.value||this.localizationService.get("colorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},z.prototype.handleClasses=function(e,t){var n=this.host.nativeElement,t=oe("picker",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},z.prototype.popupBlurInvalid=function(e){var t=this,n=this.popupRef.popupElement.contains(e.relatedTarget);return c.closest(e.relatedTarget,function(e){return e===t.host.nativeElement})||n},z.prototype.toggleWithEvents=function(e){var t,n=this.isOpen===e;this.disabled||this.readonly||n||((e?(t=new $n,this.open):(t=new Zn,this.close)).emit(t),t.isDefaultPrevented()||this.toggle(e),e&&this.focusFirstElement())},z.prototype.focusFirstElement=function(){var t=this;this.ngZone.onStable.pipe(M.take(1)).subscribe(function(){var e;t.flatColorPicker&&((e=t.flatColorPicker.gradient)?e.gradientDragHandle:t.flatColorPicker.palette.host).nativeElement.focus()})},z.prototype.openPopup=function(){var e=this,t="rtl"===this.direction?"right":"left";this.popupRef=this.popupService.open({anchor:this.activeColor,animate:this.popupSettings.animate,appendTo:this.popupSettings.appendTo,popupAlign:{horizontal:t,vertical:"top"},anchorAlign:{horizontal:t,vertical:"bottom"},popupClass:"k-colorpicker-popup",content:this.popupTemplate,positionMode:"absolute"}),this.renderer.setAttribute(this.popupRef.popupElement.querySelector(".k-colorpicker-popup"),"id","k-colorpicker-popup-"+this.colorPickerId),this.popupSubs.add(this.popupRef.popupAnchorViewportLeave.subscribe(function(){e.toggleWithEvents(!1),e.isOpen||e.host.nativeElement.focus({preventScroll:!0})}))},z.prototype.closePopup=function(){this.isOpen&&(this.popupSubs.unsubscribe(),this.popupRef.close(),this.popupRef=null)},Object.defineProperty(z.prototype,"firstFocusableElement",{get:function(){var e;return!this.flatColorPicker.header||this.views.length<=1&&!this.flatColorPicker.clearButton?(e=this.flatColorPicker.gradient)?e.gradientDragHandle:this.flatColorPicker.palette.host:1<this.views.length?this.flatColorPicker.header.viewButtonsCollection.toArray()[0]:this.flatColorPicker.header.clearButtonElement},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"lastFocusableElement",{get:function(){var e,t;return this.preview?this.flatColorPicker.footer.lastButton:this.flatColorPicker.palette?this.flatColorPicker.palette.host:(t=(e=this.flatColorPicker.gradient)&&e.inputs,e&&t&&"hex"===t.formatView?t.hexInput:(this.gradientSettings.opacity?t.opacityInput:t.blueInput).numericInput)},enumerable:!1,configurable:!0}),z.prototype.handleDomEvents=function(t,e){var n=this,o=this.host.nativeElement;e.forEach(function(e){return o[t+"EventListener"](e,n.domFocusListener,!0)})},z.prototype.initDomEvents=function(){var e,n=this;this.host&&(e=this.host.nativeElement,this.ngZone.runOutsideAngular(function(){n.subscriptions.add(n.renderer.listen(e,"focusin",function(){n.handleWrapperFocus()})),n.subscriptions.add(n.renderer.listen(e,"focusout",function(e){var t=!!n.popupRef&&c.closest(e.relatedTarget,function(e){return e===n.flatColorPicker.host.nativeElement}),e=c.closest(e.relatedTarget,function(e){return e===n.host.nativeElement});t||e||n.handleWrapperBlur()})),n.handleDomEvents("add",Go),n.subscriptions.add(n.renderer.listen(e,"keydown",function(e){n.handleWrapperKeyDown(e)})),n.subscriptions.add(n.renderer.listen(e,"click",function(e){n.ngZone.run(function(){n.handleWrapperClick(e)})}))}))},z.prototype.handleHostId=function(){var e=this.host.nativeElement,t=e.getAttribute("id");t?this.focusableId=t:(t="k-"+c.guid(),e.setAttribute("id",t),this.focusableId=t)},z);function z(e,t,n,o,i,r,a){var s=this;this.host=e,this.popupService=t,this.cdr=n,this.localizationService=o,this.ngZone=i,this.renderer=r,this.injector=a,this.hostClasses=!0,this.role="combobox",this.hasPopup="dialog",this.views=["gradient","palette"],this.readonly=!1,this.disabled=!1,this.format="rgba",this.clearButton=!0,this.preview=!1,this.actionsLayout="end",this.valueChange=new l.EventEmitter,this.open=new l.EventEmitter,this.close=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.cancel=new l.EventEmitter,this.activeColorClick=new l.EventEmitter,this.activeViewChange=new l.EventEmitter,this.isFocused=!1,this._tabindex=0,this._popupSettings={animate:!0},this._paletteSettings={},this._gradientSettings={opacity:!0,delay:0},this._size="medium",this._rounded="medium",this._fillMode="solid",this.subscriptions=new L.Subscription,this.popupSubs=new L.Subscription,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},this.domFocusListener=function(e){return e.stopImmediatePropagation()},H.validatePackage(Ze),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;s.direction=e?"rtl":"ltr"}),this.colorPickerId=Zo++}Wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Wo,deps:[{token:i.ElementRef},{token:U.PopupService},{token:i.ChangeDetectorRef},{token:r.LocalizationService},{token:i.NgZone},{token:i.Renderer2},{token:i.Injector}],target:i.ɵɵFactoryTarget.Component}),Wo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Wo,selector:"kendo-colorpicker",inputs:{views:"views",view:"view",activeView:"activeView",readonly:"readonly",disabled:"disabled",format:"format",value:"value",popupSettings:"popupSettings",paletteSettings:"paletteSettings",gradientSettings:"gradientSettings",icon:"icon",iconClass:"iconClass",clearButton:"clearButton",tabindex:"tabindex",preview:"preview",actionsLayout:"actionsLayout",size:"size",rounded:"rounded",fillMode:"fillMode"},outputs:{valueChange:"valueChange",open:"open",close:"close",onFocus:"focus",onBlur:"blur",cancel:"cancel",activeColorClick:"activeColorClick",activeViewChange:"activeViewChange"},host:{properties:{"class.k-colorpicker":"this.hostClasses","class.k-icon-picker":"this.hostClasses","class.k-picker":"this.hostClasses","class.k-focus":"this.focusedClass","attr.aria-disabled":"this.disabledClass","class.k-disabled":"this.disabledClass","attr.aria-readonly":"this.ariaReadonly","attr.aria-expanded":"this.ariaExpanded","attr.tabindex":"this.hostTabindex","attr.dir":"this.direction","attr.role":"this.role","attr.aria-haspopup":"this.hasPopup","attr.aria-invalid":"this.isControlInvalid"}},providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Wo})},so,{provide:t.LocalizationService,useExisting:so},{provide:t.L10N_PREFIX,useValue:"kendo.colorpicker"}],viewQueries:[{propertyName:"container",first:!0,predicate:["container"],descendants:!0,read:l.ViewContainerRef,static:!0},{propertyName:"activeColor",first:!0,predicate:["activeColor"],descendants:!0,static:!0},{propertyName:"popupTemplate",first:!0,predicate:["popupTemplate"],descendants:!0,static:!0},{propertyName:"flatColorPicker",first:!0,predicate:["flatColorPicker"],descendants:!0}],exportAs:["kendoColorPicker"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoColorPickerLocalizedMessages\n i18n-colorPickerNoColor="kendo.colorpicker.colorPickerNoColor|The aria-label applied to the ColorPicker component when the value is empty."\n colorPickerNoColor="Colorpicker no color chosen"\n i18n-flatColorPickerNoColor="kendo.colorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.colorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.colorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.colorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.colorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.colorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.colorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.colorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.colorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.colorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.colorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.colorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.colorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <span #activeColor class="k-input-inner">\n <span\n class="k-value-icon k-color-preview"\n [ngClass]="{\'k-icon-color-preview\': iconStyles, \'k-no-color\': !value}">\n <span *ngIf="iconClass || icon" class="k-color-preview-icon k-icon" [ngClass]="iconStyles"></span>\n <span class="k-color-preview-mask" [style.background-color]="value"></span>\n </span>\n </span>\n <button\n tabindex="-1"\n type="button"\n role="none"\n aria-hidden="true"\n class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n <ng-template #popupTemplate>\n <kendo-flatcolorpicker\n #flatColorPicker\n [value]="value"\n [format]="format"\n [views]="views"\n [activeView]="activeView"\n [actionsLayout]="actionsLayout"\n [preview]="preview"\n [gradientSettings]="gradientSettings"\n [paletteSettings]="paletteSettings"\n [clearButton]="clearButton"\n (cancel)="handleCancelEvent($event)"\n (focusout)="handlePopupBlur($event)"\n (valueChange)="handleValueChange($event)"\n (keydown)="handlePopupKeyDown($event)"\n (activeViewChange)="activeViewChange.emit($event)"\n (actionButtonClick)="togglePopup()">\n </kendo-flatcolorpicker>\n </ng-template>\n <ng-container #container></ng-container>\n ',isInline:!0,components:[{type:_o,selector:"kendo-flatcolorpicker",inputs:["readonly","disabled","format","value","tabindex","clearButton","preview","actionsLayout","activeView","views","gradientSettings","paletteSettings"],outputs:["valueChange","cancel","activeViewChange","actionButtonClick"],exportAs:["kendoFlatColorPicker"]}],directives:[{type:Oo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Wo,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPicker",selector:"kendo-colorpicker",providers:[{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Wo})},so,{provide:t.LocalizationService,useExisting:so},{provide:t.L10N_PREFIX,useValue:"kendo.colorpicker"}],template:'\n <ng-container kendoColorPickerLocalizedMessages\n i18n-colorPickerNoColor="kendo.colorpicker.colorPickerNoColor|The aria-label applied to the ColorPicker component when the value is empty."\n colorPickerNoColor="Colorpicker no color chosen"\n i18n-flatColorPickerNoColor="kendo.colorpicker.flatColorPickerNoColor|The aria-label applied to the FlatColorPicker component when the value is empty."\n flatColorPickerNoColor="Flatcolorpicker no color chosen"\n i18n-colorGradientNoColor="kendo.colorpicker.colorGradientNoColor|The aria-label applied to the ColorGradient component when the value is empty."\n colorGradientNoColor="Colorgradient no color chosen"\n i18n-colorPaletteNoColor="kendo.colorpicker.colorPaletteNoColor|The aria-label applied to the ColorPalette component when the value is empty."\n colorPaletteNoColor="Colorpalette no color chosen"\n i18n-colorGradientHandle="kendo.colorpicker.colorGradientHandle|The title for the gradient color drag handle chooser."\n colorGradientHandle="Choose color"\n i18n-clearButton="kendo.colorpicker.clearButton|The title for the clear button."\n clearButton="Clear value"\n i18n-hueSliderHandle="kendo.colorpicker.hueSliderHandle|The title for the hue slider handle."\n hueSliderHandle="Set hue"\n i18n-opacitySliderHandle="kendo.colorpicker.opacitySliderHandle|The title for the opacity slider handle."\n opacitySliderHandle="Set opacity"\n i18n-contrastRatio="kendo.colorpicker.contrastRatio|The contrast ratio message for the contrast tool."\n contrastRatio="Contrast ratio"\n i18n-previewColor="kendo.colorpicker.previewColor|The message for the color preview pane."\n previewColor="Color preview"\n i18n-revertSelection="kendo.colorpicker.revertSelection|The message for the selected color pane."\n revertSelection="Revert selection"\n i18n-gradientView="kendo.colorpicker.gradientView|The message for the gradient view button."\n gradientView="Gradient view"\n i18n-paletteView="kendo.colorpicker.paletteView|The message for the palette view button."\n paletteView="Palette view"\n i18n-formatButton="kendo.colorpicker.formatButton|The message for the input format toggle button."\n formatButton="Change color format"\n i18n-applyButton="kendo.colorpicker.applyButton|The message for the Apply action button."\n applyButton="Apply"\n i18n-cancelButton="kendo.colorpicker.cancelButton|The message for the Cancel action button."\n cancelButton="Cancel"\n i18n-redChannelLabel="kendo.colorpicker.redChannelLabel|The label of the NumericTextBox representing the red color channel."\n redChannelLabel="Red channel"\n i18n-greenChannelLabel="kendo.colorpicker.greenChannelLabel|The label of the NumericTextBox representing the green color channel."\n greenChannelLabel="Green channel"\n i18n-blueChannelLabel="kendo.colorpicker.blueChannelLabel|The label of the NumericTextBox representing the blue color channel."\n blueChannelLabel="Blue channel"\n i18n-alphaChannelLabel="kendo.colorpicker.alphaChannelLabel|The label of the NumericTextBox representing the alpha color channel."\n alphaChannelLabel="Alpha channel"\n i18n-redInputPlaceholder="kendo.colorpicker.redInputPlaceholder|The placeholder for the red color input."\n redChannelLabel="R"\n i18n-greenInputPlaceholder="kendo.colorpicker.greenInputPlaceholder|The placeholder for the green color input."\n greenInputPlaceholder="G"\n i18n-blueInputPlaceholder="kendo.colorpicker.blueInputPlaceholder|The placeholder for the blue color input."\n blueInputPlaceholder="B"\n i18n-hexInputPlaceholder="kendo.colorpicker.hexInputPlaceholder|The placeholder for the HEX color input."\n hexInputPlaceholder="HEX">\n </ng-container>\n <span #activeColor class="k-input-inner">\n <span\n class="k-value-icon k-color-preview"\n [ngClass]="{\'k-icon-color-preview\': iconStyles, \'k-no-color\': !value}">\n <span *ngIf="iconClass || icon" class="k-color-preview-icon k-icon" [ngClass]="iconStyles"></span>\n <span class="k-color-preview-mask" [style.background-color]="value"></span>\n </span>\n </span>\n <button\n tabindex="-1"\n type="button"\n role="none"\n aria-hidden="true"\n class="k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button">\n <span class="k-button-icon k-icon k-i-caret-alt-down"></span>\n </button>\n <ng-template #popupTemplate>\n <kendo-flatcolorpicker\n #flatColorPicker\n [value]="value"\n [format]="format"\n [views]="views"\n [activeView]="activeView"\n [actionsLayout]="actionsLayout"\n [preview]="preview"\n [gradientSettings]="gradientSettings"\n [paletteSettings]="paletteSettings"\n [clearButton]="clearButton"\n (cancel)="handleCancelEvent($event)"\n (focusout)="handlePopupBlur($event)"\n (valueChange)="handleValueChange($event)"\n (keydown)="handlePopupKeyDown($event)"\n (activeViewChange)="activeViewChange.emit($event)"\n (actionButtonClick)="togglePopup()">\n </kendo-flatcolorpicker>\n </ng-template>\n <ng-container #container></ng-container>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:U.PopupService},{type:i.ChangeDetectorRef},{type:r.LocalizationService},{type:i.NgZone},{type:i.Renderer2},{type:i.Injector}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-colorpicker"]},{type:l.HostBinding,args:["class.k-icon-picker"]},{type:l.HostBinding,args:["class.k-picker"]}],focusedClass:[{type:l.HostBinding,args:["class.k-focus"]}],disabledClass:[{type:l.HostBinding,args:["attr.aria-disabled"]},{type:l.HostBinding,args:["class.k-disabled"]}],ariaReadonly:[{type:l.HostBinding,args:["attr.aria-readonly"]}],ariaExpanded:[{type:l.HostBinding,args:["attr.aria-expanded"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],role:[{type:l.HostBinding,args:["attr.role"]}],hasPopup:[{type:l.HostBinding,args:["attr.aria-haspopup"]}],isControlInvalid:[{type:l.HostBinding,args:["attr.aria-invalid"]}],views:[{type:l.Input}],view:[{type:l.Input}],activeView:[{type:l.Input}],readonly:[{type:l.Input}],disabled:[{type:l.Input}],format:[{type:l.Input}],value:[{type:l.Input}],popupSettings:[{type:l.Input}],paletteSettings:[{type:l.Input}],gradientSettings:[{type:l.Input}],icon:[{type:l.Input}],iconClass:[{type:l.Input}],clearButton:[{type:l.Input}],tabindex:[{type:l.Input}],preview:[{type:l.Input}],actionsLayout:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],valueChange:[{type:l.Output}],open:[{type:l.Output}],close:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],cancel:[{type:l.Output}],activeColorClick:[{type:l.Output}],activeViewChange:[{type:l.Output}],container:[{type:l.ViewChild,args:["container",{read:l.ViewContainerRef,static:!0}]}],activeColor:[{type:l.ViewChild,args:["activeColor",{static:!0}]}],popupTemplate:[{type:l.ViewChild,args:["popupTemplate",{static:!0}]}],flatColorPicker:[{type:l.ViewChild,args:["flatColorPicker",{static:!1}]}]}});d(Uo,Ko=P),Object.defineProperty(Uo.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Ko,$o=Uo;function Uo(e){var t=Ko.call(this)||this;return t.service=e,t}$o.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:$o,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),$o.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:$o,selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",providers:[{provide:P,useExisting:l.forwardRef(function(){return $o})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:$o,decorators:[{type:l.Component,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return $o})}],selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});Xo.prototype.ngAfterContentInit=function(){this.focusOnNextTick()},Xo.prototype.focusOnNextTick=function(){var e=this;this.ngZone.runOutsideAngular(function(){return setTimeout(function(){return e.host.nativeElement.focus()})})};a=Xo;function Xo(e,t){this.host=e,this.ngZone=t}a.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),a.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:a,selector:"[kendoFocusOnDomReady]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,decorators:[{type:l.Directive,args:[{selector:"[kendoFocusOnDomReady]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]}});var P=[Wo,Ao,Ro,_o,Oo,$o],qo=[ko,Io,a,So,wo,w,T,D],Qo=function(){},Io=(Qo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Qo.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,declarations:[Wo,Ao,Ro,_o,Oo,$o,ko,Io,a,So,wo,w,T,D],imports:[g,h,n.CommonModule,j.PopupModule,c.DraggableModule],exports:[Wo,Ao,Ro,_o,Oo,$o]}),Qo.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,imports:[[g,h,n.CommonModule,j.PopupModule,c.DraggableModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Qo,decorators:[{type:l.NgModule,args:[{declarations:[P,qo],exports:[P],imports:[g,h,n.CommonModule,j.PopupModule,c.DraggableModule]}]}]}),Object.defineProperty(Yo.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(Yo.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Yo.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(t[e],e)})},Yo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("checkbox",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Yo);function Yo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",this._rounded="medium"}Io.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),Io.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Io,selector:"input[kendoCheckBox]",inputs:{size:"size",rounded:"rounded"},host:{properties:{"class.k-checkbox":"this.kendoClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Io,decorators:[{type:l.Directive,args:[{selector:"input[kendoCheckBox]"}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{kendoClass:[{type:l.HostBinding,args:["class.k-checkbox"]}],size:[{type:l.Input}],rounded:[{type:l.Input}]}});a=function(){},a.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,deps:[],target:i.ɵɵFactoryTarget.NgModule}),a.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,declarations:[Io],imports:[n.CommonModule],exports:[Io]}),a.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:a,decorators:[{type:l.NgModule,args:[{declarations:[Io],exports:[Io],imports:[n.CommonModule]}]}]}),Object.defineProperty(Jo.prototype,"size",{get:function(){return this._size},set:function(e){e=e||"medium";this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Jo.prototype.ngAfterViewInit=function(){var t=this;["size"].forEach(function(e){t.handleClasses(t[e],e)})},Jo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=oe("radio",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},So=Jo;function Jo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",H.validatePackage(Ze)}So.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),So.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:So,selector:"input[kendoRadioButton]",inputs:{size:"size"},host:{properties:{"class.k-radio":"this.kendoClass"}},ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,decorators:[{type:l.Directive,args:[{selector:"input[kendoRadioButton]"}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:i.ElementRef}]},propDecorators:{kendoClass:[{type:l.HostBinding,args:["class.k-radio"]}],size:[{type:l.Input}]}});var wo=function(){},ei=(wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,deps:[],target:i.ɵɵFactoryTarget.NgModule}),wo.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,declarations:[So],imports:[n.CommonModule],exports:[So]}),wo.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,decorators:[{type:l.NgModule,args:[{declarations:[So],exports:[So],imports:[n.CommonModule]}]}]}),0),w=(Object.defineProperty(ti.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(ti.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(ti.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),ti);function ti(){this.hostClass=!0,this.align="start",this.id="kendo-error-"+ei++,this.roleAttribute="alert"}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[],target:i.ɵɵFactoryTarget.Component}),w.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:w,selector:"kendo-formerror",inputs:{align:"align"},host:{properties:{"class.k-form-error":"this.hostClass","attr.role":"this.roleAttribute","class.k-text-start":"this.startClass","class.k-text-end":"this.endClass","attr.id":"this.idAttribute"}},ngImport:i,template:"\n <ng-content></ng-content>\n ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,decorators:[{type:l.Component,args:[{selector:"kendo-formerror",template:"\n <ng-content></ng-content>\n "}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-form-error"]}],align:[{type:l.Input}],roleAttribute:[{type:l.HostBinding,args:["attr.role"]}],startClass:[{type:l.HostBinding,args:["class.k-text-start"]}],endClass:[{type:l.HostBinding,args:["class.k-text-end"]}],idAttribute:[{type:l.HostBinding,args:["attr.id"]}]}});var ni=0,T=(Object.defineProperty(oi.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(oi.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(oi.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),oi);function oi(){this.align="start",this.id="kendo-hint-"+ni++,this.hostClass=!0}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,selector:"kendo-formhint",inputs:{align:"align"},host:{properties:{"class.k-form-hint":"this.hostClass","class.k-text-start":"this.startClass","class.k-text-end":"this.endClass","attr.id":"this.idAttribute"}},ngImport:i,template:"\n <ng-content></ng-content>\n ",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,decorators:[{type:l.Component,args:[{selector:"kendo-formhint",template:"\n <ng-content></ng-content>\n "}]}],propDecorators:{align:[{type:l.Input}],hostClass:[{type:l.HostBinding,args:["class.k-form-hint"]}],startClass:[{type:l.HostBinding,args:["class.k-text-start"]}],endClass:[{type:l.HostBinding,args:["class.k-text-end"]}],idAttribute:[{type:l.HostBinding,args:["attr.id"]}]}});Object.defineProperty(R.prototype,"errorClass",{get:function(){return!!this.control&&this.control.invalid&&(this.control.touched||this.control.dirty)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"disabledClass",{get:function(){return!!this.control&&!this.isRadioControl(this.control)&&(this.disabledControl()||this.disabledElement()||this.disabledKendoInput())},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"formControls",{set:function(e){this.validateFormControl(e),this.control=e.first},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hasHints",{get:function(){return"always"===this.showHints||this.showHintsInitial()},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hasErrors",{get:function(){return"always"===this.showErrors||this.showErrorsInitial()},enumerable:!1,configurable:!0}),R.prototype.ngAfterViewInit=function(){this.setDescription()},R.prototype.ngAfterViewChecked=function(){this.updateDescription()},R.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},R.prototype.disabledKendoInput=function(){return this.kendoInput&&this.kendoInput.disabled},R.prototype.disabledControl=function(){return this.control.disabled},R.prototype.disabledElement=function(){return this.controlElementRefs.toArray().every(function(e){return e.nativeElement.hasAttribute("disabled")})},R.prototype.validateFormControl=function(e){if(l.isDevMode()&&1!==e.length&&!this.isControlGroup(e))throw new Error("The `kendo-formfield` component should contain only one control of type NgControl with a formControlName(https://angular.io/api/forms/FormControlName)or an ngModel(https://angular.io/api/forms/NgModel) binding.")},R.prototype.isControlGroup=function(e){var t,n=this;return!!e.length&&(t=e.first.name,e.toArray().every(function(e){return e.name===t&&n.isRadioControl(e)}))},R.prototype.isRadioControl=function(e){return e.valueAccessor instanceof o.RadioControlValueAccessor},R.prototype.updateDescription=function(){var n=this,e=this.findControlElements();e&&e.forEach(function(e){var t;(0<n.errorChildren.length||0<n.hintChildren.length)&&(""!==(t=n.generateDescriptionIds(e))?n.renderer.setAttribute(e,"aria-describedby",t):n.renderer.removeAttribute(e,"aria-describedby"))})},R.prototype.findControlElements=function(){if(this.controlElementRefs)return this.kendoInput&&this.kendoInput.focusableId&&c.isDocumentAvailable()?[this.hostElement.nativeElement.querySelector("#"+this.kendoInput.focusableId)]:this.controlElementRefs.map(function(e){return e.nativeElement})},R.prototype.generateDescriptionIds=function(e){var t=new Set,n="";return e.hasAttribute("aria-describedby")&&(n=(e=e.getAttribute("aria-describedby").split(" ")).filter(function(e){return e.includes("kendo-error-")})[0],e.forEach(function(e){e.includes("kendo-hint-")||e.includes("kendo-error-")||t.add(e)})),this.hintChildren.forEach(function(e){t.add(e.id)}),this.hasErrors?this.errorChildren.forEach(function(e){t.add(e.id)}):t.delete(n),Array.from(t).join(" ")},R.prototype.showHintsInitial=function(){var e,t,n;return!this.control||(e=(n=this.control).valid,t=n.untouched,n=n.pristine,e)||t&&n},R.prototype.showErrorsInitial=function(){var e,t,n;return!!this.control&&(e=(n=this.control).invalid,t=n.dirty,n=n.touched,e)&&(t||n)},R.prototype.setDescription=function(){var e=this;this.updateDescription(),this.subscriptions.add(this.errorChildren.changes.subscribe(function(){return e.updateDescription()})),this.subscriptions.add(this.hintChildren.changes.subscribe(function(){return e.updateDescription()}))};D=R;function R(e,t,n){var o=this;this.renderer=e,this.localizationService=t,this.hostElement=n,this.hostClass=!0,this.showHints="initial",this.orientation="vertical",this.showErrors="initial",this.subscriptions=new L.Subscription,this.rtl=!1,H.validatePackage(Ze),this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"}))}D.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,deps:[{token:i.Renderer2},{token:r.LocalizationService},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),D.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:D,selector:"kendo-formfield",inputs:{showHints:"showHints",orientation:"orientation",showErrors:"showErrors"},host:{properties:{"class.k-form-field":"this.hostClass","attr.dir":"this.direction","class.k-form-field-error":"this.errorClass","class.k-form-field-disabled":"this.disabledClass"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.formfield"}],queries:[{propertyName:"kendoInput",first:!0,predicate:c.KendoInput,descendants:!0,static:!0},{propertyName:"formControls",predicate:o.NgControl,descendants:!0},{propertyName:"controlElementRefs",predicate:o.NgControl,descendants:!0,read:l.ElementRef},{propertyName:"errorChildren",predicate:w,descendants:!0},{propertyName:"hintChildren",predicate:T,descendants:!0}],ngImport:i,template:'\n <ng-content select="label, kendo-label"></ng-content>\n <div [class.k-form-field-wrap]="horizontal">\n <ng-content></ng-content>\n <ng-content select="kendo-formhint" *ngIf="hasHints"></ng-content>\n <ng-content select="kendo-formerror" *ngIf="hasErrors"></ng-content>\n </div>\n ',isInline:!0,directives:[{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:D,decorators:[{type:l.Component,args:[{selector:"kendo-formfield",template:'\n <ng-content select="label, kendo-label"></ng-content>\n <div [class.k-form-field-wrap]="horizontal">\n <ng-content></ng-content>\n <ng-content select="kendo-formhint" *ngIf="hasHints"></ng-content>\n <ng-content select="kendo-formerror" *ngIf="hasErrors"></ng-content>\n </div>\n ',providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.formfield"}]}]}],ctorParameters:function(){return[{type:i.Renderer2},{type:r.LocalizationService},{type:i.ElementRef}]},propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-form-field"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],errorClass:[{type:l.HostBinding,args:["class.k-form-field-error"]}],disabledClass:[{type:l.HostBinding,args:["class.k-form-field-disabled"]}],formControls:[{type:l.ContentChildren,args:[o.NgControl,{descendants:!0}]}],controlElementRefs:[{type:l.ContentChildren,args:[o.NgControl,{read:l.ElementRef,descendants:!0}]}],kendoInput:[{type:l.ContentChild,args:[c.KendoInput,{static:!0}]}],errorChildren:[{type:l.ContentChildren,args:[w,{descendants:!0}]}],hintChildren:[{type:l.ContentChildren,args:[T,{descendants:!0}]}],showHints:[{type:l.Input}],orientation:[{type:l.Input}],showErrors:[{type:l.Input}]}});var ii,qo=function(){},P=(qo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,deps:[],target:i.ɵɵFactoryTarget.NgModule}),qo.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,declarations:[T,w,D],imports:[n.CommonModule],exports:[T,w,D]}),qo.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,imports:[[n.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:qo,decorators:[{type:l.NgModule,args:[{declarations:[T,w,D],exports:[T,w,D],imports:[n.CommonModule]}]}]}),d(ri,ii=t.ComponentMessages),ri);function ri(){return null!==ii&&ii.apply(this,arguments)||this}P.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,deps:null,target:i.ɵɵFactoryTarget.Directive}),P.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:P,selector:"kendo-signature-messages-base",inputs:{clear:"clear",minimize:"minimize",maximize:"maximize",canvasLabel:"canvasLabel"},usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,decorators:[{type:l.Directive,args:[{selector:"kendo-signature-messages-base"}]}],propDecorators:{clear:[{type:l.Input}],minimize:[{type:l.Input}],maximize:[{type:l.Input}],canvasLabel:[{type:l.Input}]}});d(li,ai=P),Object.defineProperty(li.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var ai,si=li;function li(e){var t=ai.call(this)||this;return t.service=e,t}si.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:si,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),si.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:si,selector:"kendo-signature-messages",providers:[{provide:P,useExisting:l.forwardRef(function(){return si})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:si,decorators:[{type:l.Component,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return si})}],selector:"kendo-signature-messages",template:""}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});d(ui,ci=P);var ci,di=ui;function ui(e){var t=ci.call(this)||this;return t.service=e,t}di.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:di,deps:[{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),di.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:di,selector:"[kendoSignatureLocalizedMessages]",providers:[{provide:P,useExisting:l.forwardRef(function(){return di})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:di,decorators:[{type:l.Directive,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return di})}],selector:"[kendoSignatureLocalizedMessages]"}]}],ctorParameters:function(){return[{type:r.LocalizationService}]}});d(gi,pi=c.PreventableEvent);var pi,hi=gi;function gi(){return null!==pi&&pi.apply(this,arguments)||this}d(vi,fi=c.PreventableEvent);var fi,mi=vi;function vi(){return null!==fi&&fi.apply(this,arguments)||this}function bi(){}var yi="k-focus",ki=(Object.defineProperty(F.prototype,"value",{get:function(){return this._value},set:function(e){e!==this._value&&(this._value=e,this.instance)&&this.instance.loadImage(e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){e=Number(e);this._tabindex=isNaN(e)?0:e},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"isEmpty",{get:function(){return!this.value},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"canvasLabel",{get:function(){return this.getMessage("canvasLabel")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"clearTitle",{get:function(){return this.getMessage("clear")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"minimizeTitle",{get:function(){return this.getMessage("minimize")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"maximizeTitle",{get:function(){return this.getMessage("maximize")},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"baseWidth",{get:function(){return this.width||this.element.nativeElement.offsetWidth},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"baseHeight",{get:function(){return this.height||this.element.nativeElement.offsetHeight},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupWidth",{get:function(){return this.baseWidth*this.popupScale},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupHeight",{get:function(){return this.baseHeight*this.popupScale},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"showMaximize",{get:function(){return!(this.maximized||this.isDrawing||!this.maximizable||this.disabled)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"showMinimize",{get:function(){return this.maximized&&!this.isDrawing},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"showClear",{get:function(){return!(this.isEmpty||this.isDrawing||this.readonly||this.disabled)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"focused",{get:function(){return this.isFocused},set:function(e){var t;this.isFocused!==e&&this.element&&(t=this.element.nativeElement,e&&!this.maximized?this.renderer.addClass(t,yi):this.renderer.removeClass(t,yi),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"options",{get:function(){return{scale:this.maximized?this.popupScale:1,color:this.color,backgroundColor:this.backgroundColor,strokeWidth:this.strokeWidth,smooth:this.smooth,readonly:this.readonly}},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){var t=this;this.subscriptions=this.localization.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},F.prototype.ngAfterViewInit=function(){var t=this;this.applyHostClasses(),this.readThemeColors(),this.ngZone.runOutsideAngular(function(){var e=t.canvas.nativeElement;t.instance=new W.SignaturePad(e,Object.assign(Object.assign({},t.options),{onChange:function(){return t.onValueChange()},onDraw:function(){return t.onDraw()},onDrawEnd:function(){return t.onDrawEnd()}})),t.value&&t.instance.loadImage(t.value),t.addEventListeners()})},F.prototype.ngOnChanges=function(e){c.anyChanged(["readonly","color","backgroundColor","strokeWidth","smooth"],e,!0)&&this.instance.setOptions(this.options),this.applyHostClasses()},F.prototype.ngOnDestroy=function(){this.instance&&(this.instance.destroy(),this.instance=null),this.subscriptions&&(this.subscriptions.unsubscribe(),this.subscriptions=null),this.unsubscribe&&(this.unsubscribe(),this.unsubscribe=null)},F.prototype.onClear=function(){this.reset(),this.valueChange.emit(void 0)},F.prototype.onValueChange=function(){return Q(this,void 0,void 0,function(){var t,n=this;return Y(this,function(e){switch(e.label){case 0:return[4,this.instance.exportImage({width:this.baseWidth*this.exportScale,height:this.baseHeight*this.exportScale})];case 1:return t=e.sent(),this._value=t,this.cd.markForCheck(),this.ngZone.run(function(){n.valueChange.emit(t),n.notifyNgChanged(t)}),[2]}})})},F.prototype.onDialogValueChange=function(e){this.value=e,this.valueChange.emit(e),this.notifyNgTouched(),this.notifyNgChanged(e)},F.prototype.onDialogClick=function(e){e.target.classList.contains("k-overlay")&&(this.isOpen=!1,null!=(e=this.maximizeButton))&&e.nativeElement.focus()},F.prototype.onDialogKeydown=function(e){e.keyCode===c.Keys.Escape&&(this.isOpen=!1,this.cd.detectChanges(),null!=(e=this.maximizeButton))&&e.nativeElement.focus()},F.prototype.onDialogClose=function(){var e=new hi;this.close.next(e),e.isDefaultPrevented()||(this.isOpen=!1,null!=(e=this.maximizeButton)&&e.nativeElement.focus())},F.prototype.reset=function(){var e;u(this.value)&&(null!=(e=this.instance)&&e.clear(),this.value=this._value=void 0,this.notifyNgChanged(void 0))},F.prototype.toggle=function(e){this.disabled||this.readonly||(e=u(e)?e:!this.isOpen,this.isOpen=e)},F.prototype.onMaximize=function(){return Q(this,void 0,void 0,function(){var t,n;return Y(this,function(e){switch(e.label){case 0:return(t=new mi,this.open.next(t),t.isDefaultPrevented())?[3,2]:[4,(n=this).instance.exportImage({width:this.popupWidth*this.exportScale,height:this.popupHeight*this.exportScale})];case 1:n.popupValue=e.sent(),this.isOpen=!0,this.cd.detectChanges(),e.label=2;case 2:return[2]}})})},F.prototype.onMinimize=function(){this.minimize.next()},F.prototype.applyHostClasses=function(){var n=this.element.nativeElement.classList;this.hostClasses.forEach(function(e){e=J(e,1)[0];return n.remove(e)}),this.hostClasses=[["k-signature-"+Ie[this.size||"medium"],!ne(this.size)],["k-input-"+(this.fillMode||"solid"),!ne(this.fillMode)],["k-rounded-"+xe[this.rounded||"medium"],!ne(this.rounded)]],this.hostClasses.forEach(function(e){var e=J(e,2),t=e[0],e=e[1];return n.toggle(t,e)})},F.prototype.readThemeColors=function(){var e,t="#000000",n="#ffffff";c.isDocumentAvailable()&&(e=this.element.nativeElement,t=getComputedStyle(e).color,n=getComputedStyle(e).backgroundColor),this.color=this.color||t,this.backgroundColor=this.backgroundColor||n},F.prototype.focus=function(){this.focused=!0,this.element.nativeElement.focus()},F.prototype.onWrapperFocus=function(){var e=this;this.focused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},F.prototype.blur=function(){this.focused=!1,this.element.nativeElement.blur(),this.notifyNgTouched()},F.prototype.onWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.focused=!1,e.notifyNgTouched()})},F.prototype.onWrapperClick=function(e){this.disabled||this.focus()},F.prototype.writeValue=function(e){this.value=e},F.prototype.registerOnChange=function(e){this.notifyNgChanged=e},F.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},F.prototype.onDraw=function(){this.isDrawing=!0,this.cd.markForCheck()},F.prototype.onDrawEnd=function(){this.isDrawing=!1,this.cd.markForCheck()},F.prototype.addEventListeners=function(){var t=this,e=this.element.nativeElement,n=this.renderer.listen(e,"focusin",function(){return t.onWrapperFocus()}),o=this.renderer.listen(e,"focusout",function(e){c.closest(e.relatedTarget,function(e){return e===t.element.nativeElement})||t.onWrapperBlur()}),i=this.renderer.listen(e,"click",function(){t.ngZone.run(function(e){t.onWrapperClick(e)})});this.unsubscribe=function(){n(),o(),i()}},F.prototype.getMessage=function(e){return(this.maximized&&this.parentLocalization?this.parentLocalization:this.localization).get(e)},F);function F(e,t,n,o,i){this.element=e,this.renderer=t,this.ngZone=n,this.cd=o,this.localization=i,this.staticHostClasses=!0,this.readonly=!1,this.disabled=!1,this.size="medium",this.rounded="medium",this.fillMode="solid",this.strokeWidth=1,this.smooth=!1,this.maximizable=!0,this.maximized=!1,this.popupScale=3,this.exportScale=2,this.hideLine=!1,this.valueChange=new l.EventEmitter,this.open=new l.EventEmitter,this.close=new l.EventEmitter,this.onFocus=new l.EventEmitter,this.onBlur=new l.EventEmitter,this.minimize=new l.EventEmitter,this.isFocused=!1,this.isDrawing=!1,this.notifyNgTouched=bi,this.notifyNgChanged=bi,this._tabindex=0,this.hostClasses=[],H.validatePackage(Ze),this.direction=i.rtl?"rtl":"ltr"}ki.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ki,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:r.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),ki.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ki,selector:"kendo-signature",inputs:{readonly:"readonly",disabled:"disabled",width:"width",height:"height",value:"value",tabindex:"tabindex",size:"size",rounded:"rounded",fillMode:"fillMode",color:"color",backgroundColor:"backgroundColor",strokeWidth:"strokeWidth",smooth:"smooth",maximizable:"maximizable",maximized:"maximized",popupScale:"popupScale",exportScale:"exportScale",parentLocalization:"parentLocalization",hideLine:"hideLine"},outputs:{valueChange:"valueChange",open:"open",close:"close",onFocus:"focus",onBlur:"blur",minimize:"minimize"},host:{properties:{"class.k-signature":"this.staticHostClasses","class.k-input":"this.staticHostClasses","attr.dir":"this.direction","class.k-readonly":"this.readonly","class.k-disabled":"this.disabled","style.width.px":"this.width","style.height.px":"this.height"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.signature"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ki})}],viewQueries:[{propertyName:"maximizeButton",first:!0,predicate:["maximizeButton"],descendants:!0,read:l.ElementRef},{propertyName:"canvas",first:!0,predicate:["canvas"],descendants:!0}],exportAs:["kendoSignature"],usesOnChanges:!0,ngImport:i,template:'\n <ng-container kendoSignatureLocalizedMessages\n i18n-clear="kendo.signature.clear|The message for the Clear button."\n clear="Clear"\n i18n-maximize="kendo.signature.maximize|The message for the Maximize button."\n maximize="Maximize"\n i18n-minimize="kendo.signature.minimize|The message for the Minimize button."\n minimize="Minimize"\n i18n-canvasLabel="kendo.signature.canvasLabel|The message for the Canvas element aria-label."\n canvasLabel="Signature canvas">\n </ng-container>\n\n <div class="k-signature-actions k-signature-actions-top">\n <button\n *ngIf="showMaximize"\n #maximizeButton\n kendoButton\n class="k-signature-action k-signature-maximize"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMaximize()"\n [attr.aria-label]="maximizeTitle"\n [title]="maximizeTitle">\n </button>\n <button\n *ngIf="showMinimize"\n kendoButton\n class="k-signature-action k-signature-minimize k-rotate-180"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMinimize()"\n [attr.aria-label]="minimizeTitle"\n [title]="minimizeTitle">\n </button>\n </div>\n <div\n #canvas\n class="k-signature-canvas"\n [attr.tabindex]="tabindex"\n role="img"\n [attr.aria-label]="canvasLabel"\n ></div>\n <div\n *ngIf="!hideLine"\n class="k-signature-line"\n ></div>\n <div class="k-signature-actions k-signature-actions-bottom">\n <button\n *ngIf="showClear"\n kendoButton\n class="k-signature-action k-signature-clear"\n icon="close"\n fillMode="flat"\n [size]="size"\n [attr.aria-label]="clearTitle"\n [title]="clearTitle"\n (click)="onClear()" >\n </button>\n </div>\n\n <kendo-dialog\n *ngIf="isOpen"\n autoFocusedElement=".k-signature-action.k-signature-minimize"\n (click)="onDialogClick($event)"\n (keydown)="onDialogKeydown($event)">\n <kendo-signature\n [readonly]="readonly"\n [disabled]="disabled"\n [size]="size"\n [rounded]="rounded"\n [fillMode]="fillMode"\n [color]="color"\n [backgroundColor]="backgroundColor"\n [strokeWidth]="strokeWidth"\n [smooth]="smooth"\n [value]="popupValue"\n (valueChange)="onDialogValueChange($event)"\n [hideLine]="hideLine"\n [class.k-signature-maximized]="true"\n [maximized]="true"\n (minimize)="onDialogClose()"\n [width]="popupWidth"\n [height]="popupHeight"\n [popupScale]="popupScale"\n [parentLocalization]="localization">\n </kendo-signature>\n </kendo-dialog>\n ',isInline:!0,components:[{type:X.DialogComponent,selector:"kendo-dialog",inputs:["actions","actionsLayout","autoFocusedElement","title","width","minWidth","maxWidth","height","minHeight","maxHeight","animation"],outputs:["action","close"],exportAs:["kendoDialog"]},{type:ki,selector:"kendo-signature",inputs:["readonly","disabled","width","height","value","tabindex","size","rounded","fillMode","color","backgroundColor","strokeWidth","smooth","maximizable","maximized","popupScale","exportScale","parentLocalization","hideLine"],outputs:["valueChange","open","close","focus","blur","minimize"],exportAs:["kendoSignature"]}],directives:[{type:di,selector:"[kendoSignatureLocalizedMessages]"},{type:s.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:A.ButtonDirective,selector:"button[kendoButton], span[kendoButton]",inputs:["toggleable","togglable","selected","tabIndex","icon","iconClass","imageUrl","disabled","size","rounded","fillMode","themeColor","role","primary","look"],outputs:["selectedChange","click"],exportAs:["kendoButton"]}],changeDetection:i.ChangeDetectionStrategy.OnPush}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ki,decorators:[{type:l.Component,args:[{exportAs:"kendoSignature",selector:"kendo-signature",changeDetection:l.ChangeDetectionStrategy.OnPush,providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.signature"},{multi:!0,provide:o.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ki})}],template:'\n <ng-container kendoSignatureLocalizedMessages\n i18n-clear="kendo.signature.clear|The message for the Clear button."\n clear="Clear"\n i18n-maximize="kendo.signature.maximize|The message for the Maximize button."\n maximize="Maximize"\n i18n-minimize="kendo.signature.minimize|The message for the Minimize button."\n minimize="Minimize"\n i18n-canvasLabel="kendo.signature.canvasLabel|The message for the Canvas element aria-label."\n canvasLabel="Signature canvas">\n </ng-container>\n\n <div class="k-signature-actions k-signature-actions-top">\n <button\n *ngIf="showMaximize"\n #maximizeButton\n kendoButton\n class="k-signature-action k-signature-maximize"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMaximize()"\n [attr.aria-label]="maximizeTitle"\n [title]="maximizeTitle">\n </button>\n <button\n *ngIf="showMinimize"\n kendoButton\n class="k-signature-action k-signature-minimize k-rotate-180"\n icon="hyperlink-open"\n fillMode="flat"\n [size]="size"\n (click)="onMinimize()"\n [attr.aria-label]="minimizeTitle"\n [title]="minimizeTitle">\n </button>\n </div>\n <div\n #canvas\n class="k-signature-canvas"\n [attr.tabindex]="tabindex"\n role="img"\n [attr.aria-label]="canvasLabel"\n ></div>\n <div\n *ngIf="!hideLine"\n class="k-signature-line"\n ></div>\n <div class="k-signature-actions k-signature-actions-bottom">\n <button\n *ngIf="showClear"\n kendoButton\n class="k-signature-action k-signature-clear"\n icon="close"\n fillMode="flat"\n [size]="size"\n [attr.aria-label]="clearTitle"\n [title]="clearTitle"\n (click)="onClear()" >\n </button>\n </div>\n\n <kendo-dialog\n *ngIf="isOpen"\n autoFocusedElement=".k-signature-action.k-signature-minimize"\n (click)="onDialogClick($event)"\n (keydown)="onDialogKeydown($event)">\n <kendo-signature\n [readonly]="readonly"\n [disabled]="disabled"\n [size]="size"\n [rounded]="rounded"\n [fillMode]="fillMode"\n [color]="color"\n [backgroundColor]="backgroundColor"\n [strokeWidth]="strokeWidth"\n [smooth]="smooth"\n [value]="popupValue"\n (valueChange)="onDialogValueChange($event)"\n [hideLine]="hideLine"\n [class.k-signature-maximized]="true"\n [maximized]="true"\n (minimize)="onDialogClose()"\n [width]="popupWidth"\n [height]="popupHeight"\n [popupScale]="popupScale"\n [parentLocalization]="localization">\n </kendo-signature>\n </kendo-dialog>\n '}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.Renderer2},{type:i.NgZone},{type:i.ChangeDetectorRef},{type:r.LocalizationService}]},propDecorators:{staticHostClasses:[{type:l.HostBinding,args:["class.k-signature"]},{type:l.HostBinding,args:["class.k-input"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],maximizeButton:[{type:l.ViewChild,args:["maximizeButton",{read:l.ElementRef}]}],readonly:[{type:l.HostBinding,args:["class.k-readonly"]},{type:l.Input}],disabled:[{type:l.HostBinding,args:["class.k-disabled"]},{type:l.Input}],width:[{type:l.Input},{type:l.HostBinding,args:["style.width.px"]}],height:[{type:l.Input},{type:l.HostBinding,args:["style.height.px"]}],value:[{type:l.Input}],tabindex:[{type:l.Input}],size:[{type:l.Input}],rounded:[{type:l.Input}],fillMode:[{type:l.Input}],color:[{type:l.Input}],backgroundColor:[{type:l.Input}],strokeWidth:[{type:l.Input}],smooth:[{type:l.Input}],maximizable:[{type:l.Input}],maximized:[{type:l.Input}],popupScale:[{type:l.Input}],exportScale:[{type:l.Input}],parentLocalization:[{type:l.Input}],hideLine:[{type:l.Input}],valueChange:[{type:l.Output}],open:[{type:l.Output}],close:[{type:l.Output}],onFocus:[{type:l.Output,args:["focus"]}],onBlur:[{type:l.Output,args:["blur"]}],minimize:[{type:l.Output}],canvas:[{type:l.ViewChild,args:["canvas"]}]}});j=function(){},j.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,deps:[],target:i.ɵɵFactoryTarget.NgModule}),j.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,declarations:[ki,si,di],imports:[G.ButtonModule,n.CommonModule,Z.DialogsModule],exports:[ki,si]}),j.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,imports:[[G.ButtonModule,n.CommonModule,Z.DialogsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:j,decorators:[{type:l.NgModule,args:[{declarations:[ki,si,di],exports:[ki,si],imports:[G.ButtonModule,n.CommonModule,Z.DialogsModule]}]}]}),X=function(){};X.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,deps:[],target:i.ɵɵFactoryTarget.NgModule}),X.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,imports:[n.CommonModule],exports:[Nn,On,g,p,b,h,bn,Qo,a,wo,qo,j]}),X.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,imports:[[n.CommonModule],Nn,On,g,p,b,h,bn,Qo,a,wo,qo,j]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:X,decorators:[{type:l.NgModule,args:[{exports:[Nn,On,g,p,b,h,bn,Qo,a,wo,qo,j],imports:[n.CommonModule]}]}]}),e.ActiveColorClickEvent=Xn,e.CheckBoxDirective=Io,e.CheckBoxModule=a,e.ColorGradientComponent=Ro,e.ColorPaletteComponent=Ao,e.ColorPickerCancelEvent=jn,e.ColorPickerCloseEvent=Zn,e.ColorPickerComponent=Wo,e.ColorPickerCustomMessagesComponent=$o,e.ColorPickerModule=Qo,e.ColorPickerOpenEvent=$n,e.ErrorComponent=w,e.FlatColorPickerComponent=_o,e.FormFieldComponent=D,e.FormFieldModule=qo,e.HintComponent=T,e.InputSeparatorComponent=I,e.InputsModule=X,e.LabelTemplateDirective=We,e.LocalizedColorPickerMessagesDirective=Oo,e.LocalizedNumericTextBoxMessagesDirective=Ft,e.LocalizedRangeSliderMessagesDirective=dt,e.LocalizedSignatureMessagesDirective=di,e.LocalizedSliderMessagesDirective=Je,e.LocalizedSwitchMessagesDirective=bt,e.LocalizedTextBoxMessagesDirective=xn,e.MaskedTextBoxComponent=sn,e.MaskedTextBoxModule=bn,e.NumericLabelDirective=ko,e.NumericTextBoxComponent=y,e.NumericTextBoxCustomMessagesComponent=_t,e.NumericTextBoxModule=h,e.RadioButtonDirective=So,e.RadioButtonModule=wo,e.RangeSliderComponent=gt,e.RangeSliderCustomMessagesComponent=pn,e.RangeSliderModule=p,e.SharedModule=Vn,e.SignatureCloseEvent=hi,e.SignatureComponent=ki,e.SignatureCustomMessagesComponent=si,e.SignatureMessages=P,e.SignatureModule=j,e.SignatureOpenEvent=mi,e.SliderComponent=ot,e.SliderCustomMessagesComponent=cn,e.SliderModule=g,e.SliderTicksComponent=Ue,e.SwitchComponent=Ct,e.SwitchCustomMessagesComponent=fn,e.SwitchModule=b,e.TextAreaComponent=Mn,e.TextAreaDirective=wt,e.TextAreaModule=Nn,e.TextAreaSuffixComponent=Bn,e.TextBoxComponent=Sn,e.TextBoxCustomMessagesComponent=Dn,e.TextBoxDirective=It,e.TextBoxModule=On,e.TextBoxPrefixTemplateDirective=kn,e.TextBoxSuffixTemplateDirective=yn,Object.defineProperty(e,"__esModule",{value:!0})});