@progress/kendo-angular-inputs 9.0.3-dev.202206151239 → 9.0.3

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 (4) hide show
  1. package/bundles/kendo-angular-inputs.umd.js +1 -1
  2. package/esm2015/package-metadata.js +1 -1
  3. package/fesm2015/kendo-angular-inputs.js +1 -1
  4. package/package.json +1 -1
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")):"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"],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)}(this,function(e,l,n,M,H,t,c,A,o,N,r,L,j){"use strict";function _(n){if(n&&n.__esModule)return n;var o=Object.create(null);return 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=_(l),a=_(t),s=_(c),d=_(o),Z=_(r),G=_(L),K=function(e,t){return(K=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 u(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}K(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function W(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}Object.create;function $(e,t){return e===t||null===e&&void 0===t||void 0===e&&null===t}function U(e){return e&&(!e.touched||e.control&&"blur"===e.control.updateOn)}function X(e,t,n,o){switch(t){case"size":return{toRemove:"k-"+e+"-"+ge[n],toAdd:"none"!==o?"k-"+e+"-"+ge[o]:""};case"rounded":return{toRemove:"k-rounded-"+fe[n],toAdd:"none"!==o?"k-rounded-"+fe[o]:""};case"fillMode":return{toRemove:"k-"+e+"-"+n,toAdd:"none"!==o?"k-"+e+"-"+o:""}}}function q(e){return(e.max-e.min)/e.smallStep*e.fixedTickWidth}function Q(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(Ce(t,e)),e=Math.floor(we(t,n)),ke(e,1)}function Y(e,t){var n=t.max,o=t.min,r=t.smallStep,i=t.reverse,t=t.vertical,o=ke(o,Ie(e,r));return t||i?Math.abs(Ce(o,n)):o}function J(e){var t=e.trackWidth,n=e.min,o=e.max,r=e.reverse,e=e.value,o=t/Math.abs(o-n),o=p(e)?o*(e-n):n;return r&&(o=t-o),Math.floor(o)}function ee(e){return-1<e.id.indexOf("k-start-handle")}function te(e,t){var n=t.smallStep,o=t.min,r=t.max,r=De(e,o,r);return e!==r?r:(r=Ee(e,t),t=Se(e,t),(e-o)%n==0?e:t-e<=(t-r)/2?t:r)}function ne(e,t,n){return e<n?e:n<t?t:n}function oe(e,t,n){return n?[ne(e,t,n[0]),ne(e,t,n[1])]:[t,t]}function re(e){return e}function ie(e,t){return $(e[0],t[0])&&$(e[1],t[1])}function ae(e,t,n){var o=n.min,r=n.max,i=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=(i?e.pageY-s.top:e.pageX-s.left)*((r-o)/(i?t.clientHeight:t.clientWidth)),e=a||i?r-l:o+l,s=ve(n.smallStep),e=be(e,s+1);return te(e,n)}function se(e){return 0<=e.className.indexOf("k-button-increase")||0<=e.className.indexOf("k-button-decrease")}function le(e){return Se(e.value,e)}function ce(e){return Ee(e.value,e)}function de(e){return Se(e.value,e,!0)}function ue(e){return Ee(e.value,e,!0)}function pe(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 p=function(e){return null!=e},he=function(e,t,n){return!p(e)||isNaN(e)||e<=t?t:n<=e?n:e},ge={small:"sm",medium:"md",large:"lg"},fe={small:"sm",medium:"md",large:"lg",full:"full"},me=function(e){return Math.min(e,20)},ve=function(e){return(String(e).split(".")[1]||"").length},ye=function(e,t){return Math.max(ve(e),ve(t))},be=function(e,t){t=me(t);return parseFloat(e.toFixed(t))},ke=function(e,t){var n=ye(e,t);return be(e+t,n)},Ce=function(e,t){return ke(e,-t)},Ie=function(e,t){var n=ve(e)+ve(t);return be(e*t,n)},we=function(e,t){if(0===t)return NaN;var n=ye(e,t),n=Math.pow(10,n);return n*e/(n*t)},xe=function(e,t){return Math.abs(Ce(e,Ie(t,Math.floor(we(e,t)))))},Ee=function(e,t,n){var o=t.max,r=t.min,i=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ie(i,t):i,t=Ce(e,r),i=xe(t,n),e=Ce(t,0===i?n:i);return De(ke(e,r),r,o)},Se=function(e,t,n){var o=t.max,r=t.min,i=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ie(i,t):i,t=Ce(e,r),i=xe(t,n),e=ke(Ce(t,i),n);return De(ke(e,r),r,o)},De=function(e,t,n){return Math.max(Math.min(e,n),t)},r=(Ve.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]=""},Ve.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,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}([],W(t)).map(function(e,t){return e.style[o]=n.tickSizes[t]+"px"}),this.props.vertical&&this.adjustPadding(e)},Ve.prototype.resizeWrapper=function(){var e=this.props.vertical?"height":"width",t=q(this.props),n=this.wrapper.parentElement;t&&(n.style[e]="auto")},Ve.prototype.trackWidth=function(){return this.props.fixedTickWidth?q(this.props):this.elementSize(this.track.parentElement)},Ve.prototype.getTickSizes=function(){for(var e=this.props,t=e.min,n=e.max,o=e.smallStep,r=Q(t,n,o),e=this.trackWidth(),i=e/Ce(n,t),a=[],s=0,l=0,c=0;c<r;c++){var l=+(l+=0===c||c===r-1?o/2*i:o*i).toFixed(2)-.01,d=Math.round(l-s);a.push(d),s+=d}return e<=s&&--a[a.length-1],a},Ve.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")},Ve.prototype.elementOffset=function(e){var t=this.props.vertical,e=getComputedStyle(e);return parseInt(t?e.bottom:e.left,10)},Ve.prototype.elementSize=function(e){return this.props.vertical?e.clientHeight:e.clientWidth},Ve);function Ve(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()}u(Oe,Te=r),Oe.prototype.positionHandle=function(e){var t=this.props,n=t.max,o=t.min,r=t.reverse,t=t.vertical?"bottom":"left",i=this.trackWidth(),a=ne(n,o,this.props.value);this.handlePosition=J({min:o,max:n,reverse:r,value:a,trackWidth:i}),this.renderer.setStyle(e,t,this.handlePosition+"px")},Oe.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 Te,Pe=Oe;function Oe(){return null!==Te&&Te.apply(this,arguments)||this}var Be=function(e){return String(e).trim().split(" ")};function Re(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 Fe(e){return e&&e.nativeElement&&(e=e.nativeElement,t="ng-untouched",Boolean(Be(e.className).find(function(e){return e===t})));var t}function ze(e,t){for(;e&&!t(e);)e=e.parentNode;return e}var Me={name:"@progress/kendo-angular-inputs",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1655296736,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"},He=function(e){this.templateRef=e},h=(He.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:He,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),He.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:He,selector:"[kendoSliderLabelTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:He,decorators:[{type:l.Directive,args:[{selector:"[kendoSliderLabelTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),Object.defineProperty(Ae.prototype,"horizontalClass",{get:function(){return!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"verticalClass",{get:function(){return this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Ae.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Ae.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(n.NgControl,null)},Object.defineProperty(Ae.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),Ae.prototype.isEmpty=function(){return!1},Object.defineProperty(Ae.prototype,"reverse",{get:function(){return this.localizationService.rtl&&!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"keyBinding",{get:function(){var e=this.reverse,t={};return t[c.Keys.ArrowLeft]=e?le:ce,t[c.Keys.ArrowRight]=e?ce:le,t[c.Keys.ArrowDown]=ce,t[c.Keys.ArrowUp]=le,t[c.Keys.PageUp]=de,t[c.Keys.PageDown]=ue,t[c.Keys.Home]=function(e){return e.min},t[c.Keys.End]=function(e){return e.max},t},enumerable:!1,configurable:!0}),Ae.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"))})},Ae);function Ae(e,t,n,o,r,i){var a=this;this.localizationService=e,this.injector=t,this.renderer=n,this.ngZone=o,this.changeDetector=r,this.hostElement=i,this.title=re,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 M.Subscription,this.ifEnabled=function(e,t){a.isDisabled||e.call(a,t)},A.validatePackage(Me),this.direction=e.rtl?"rtl":"ltr"}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[{token:a.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-state-disabled":"this.disabledClass"}},queries:[{propertyName:"labelTemplate",first:!0,predicate:He,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:a.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-state-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:[He,{static:!1}]}]}});var Ne=function(e){this.value=e,this.classes={"k-tick":!0}},Le=(je.prototype.ngOnChanges=function(e){this.createTicks()},je.prototype.createTicks=function(){for(var e=Q(this.min,this.max,this.step),t=this.largeStep,n={max:this.max,min:this.min,smallStep:this.step},o=[],r=0;r<e;r++)o.push(new Ne(Y(r,n))),t&&r%t==0&&(o[r].large=!0,o[r].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},je.prototype.endTickClasses=function(e){return{"k-first":e&&!this.vertical||!e&&this.vertical,"k-last":!e&&!this.vertical||e&&this.vertical}},je);function je(){this.wrapperClasses="k-reset k-slider-items",this.ticks=[]}Le.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Le,deps:[],target:i.ɵɵFactoryTarget.Component}),Le.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Le,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:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:d.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Le,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"]}]}});u(Ze,_e=t.ComponentMessages);var _e,g=Ze;function Ze(){return null!==_e&&_e.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}]}});u(We,Ge=g);var Ge,Ke=We;function We(e){var t=Ge.call(this)||this;return t.service=e,t}Ke.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ke,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Ke.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ke,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:g,useExisting:l.forwardRef(function(){return Ke})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ke,decorators:[{type:l.Directive,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return Ke})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var $e,Ue="k-pressed",Xe=(u(f,$e=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 p(this.value)?this.value.toString():""},enumerable:!1,configurable:!0}),f.prototype.focus=function(){this.disabled||(this.focusChangedProgrammatically=!0,Re(this.draghandle,"focus"),this.focusChangedProgrammatically=!1)},f.prototype.blur=function(){this.focusChangedProgrammatically=!0,Re(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(H.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())},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(ae(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;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.sizeComponent(t.animate),t.changeDetector.markForCheck()})},f.prototype.sizeComponent=function(e){var t,n,o,r,i;c.isDocumentAvailable()&&(t=this.wrapper.nativeElement,n=this.track.nativeElement,o=this.sliderSelection.nativeElement,r=this.draghandle.nativeElement,i=this.ticks?this.ticksContainer.nativeElement:null,e||this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions"),this.resetStyles([n,o,r,i,this.hostElement.nativeElement]),i=this.getProps(),(i=new Pe(i,t,n,this.renderer)).resizeTrack(),this.ticks&&i.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),i.positionHandle(r),i.positionSelection(o),e||(this.hostElement.nativeElement.getBoundingClientRect(),this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")),this.fixedTickWidth&&i.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,Ue),this.renderer.addClass(n,Ue)):(this.renderer.removeClass(t,Ue),this.renderer.removeClass(n,Ue)),this.isDragged=e)},enumerable:!1,configurable:!0}),f.prototype.setValueChangeInterval=function(o,r){var i=this;this.ngZone.runOutsideAngular(function(){var e=M.fromEvent(o,"mousedown"),t=M.fromEvent(o,"mouseup"),n=M.fromEvent(o,"mouseout"),e=e.pipe(H.filter(function(e){return 0===e.button&&!i.isDisabled}),H.concatMap(function(){return M.interval(150).pipe(H.startWith(-1),H.takeUntil(M.merge(t,n)))})).subscribe(function(){i.isFocused||Re(i.draghandle,"focus"),r()});i.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:ne(this.max,this.min,this.value),vertical:this.vertical}},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,r,i){var a=$e.call(this,e,t,n,o,r,i)||this;return a.localization=e,a.injector=t,a.renderer=n,a.ngZone=o,a.changeDetector=r,a.hostElement=i,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||se(t)||se(t.parentNode)||(t=ae(e,a.track.nativeElement,a.getProps()),a.changeValue(t)),Re(a.draghandle,"focus")},a.onKeyDown=function(e){var t=a.getProps(),n=t.max,o=t.min,r=a.keyBinding[e.keyCode];!a.isDisabled&&r&&(r=r(t),a.changeValue(ne(n,o,r)),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.decreaseValue=function(){a.changeValue(Ee(a.value,a.getProps()))},a.increaseValue=function(){a.changeValue(Se(a.value,a.getProps()))},a.handleBlur=function(){a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}Xe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xe,deps:[{token:a.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Xe.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Xe,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Xe})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Xe})}],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-arrow-w]="!vertical"\n [class.k-i-arrow-s]="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 <a #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 ></a>\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-arrow-e]="!vertical"\n [class.k-i-arrow-n]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Le,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:s.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ke,selector:"[kendoSliderLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xe,decorators:[{type:l.Component,args:[{exportAs:"kendoSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Xe})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Xe})}],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-arrow-w]="!vertical"\n [class.k-i-arrow-s]="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 <a #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 ></a>\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-arrow-e]="!vertical"\n [class.k-i-arrow-n]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:a.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}]}]}});u(Ye,qe=r),Ye.prototype.positionHandle=function(e){var t,n,o,r,i,a;e.id&&(t=(r=this.props).max,n=r.min,o=r.reverse,r=r.vertical?"bottom":"left",i=this.trackWidth(),a=ee(e)?oe(t,n,this.props.value)[0]:oe(t,n,this.props.value)[1],ee(e)?(this.startHandlePosition=J({min:n,max:t,reverse:o,value:a,trackWidth:i}),this.renderer.setStyle(e,r,this.startHandlePosition+"px")):(this.endHandlePosition=J({min:n,max:t,reverse:o,value:a,trackWidth:i}),this.renderer.setStyle(e,r,this.endHandlePosition+"px")))},Ye.prototype.positionSelection=function(e,t){var n=this.props,o=n.reverse,n=n.vertical,r=n?"height":"width",i=n?"bottom":o?"right":"left",a=Math.abs(this.endHandlePosition-this.startHandlePosition),n=n?e.style.bottom:e.style.left;this.renderer.setStyle(t,r,a+"px"),this.renderer.setStyle(t,i,o?this.trackWidth()-parseFloat(n)+"px":parseFloat(n)+"px")};var qe,Qe=Ye;function Ye(){return null!==qe&&qe.apply(this,arguments)||this}u(et,Je=t.ComponentMessages);var Je,r=et;function et(){return null!==Je&&Je.apply(this,arguments)||this}r.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,deps:null,target:i.ɵɵFactoryTarget.Directive}),r.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:r,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:r,decorators:[{type:l.Directive,args:[{selector:"kendo-rangeslider-messages-base"}]}],propDecorators:{dragHandleStart:[{type:l.Input}],dragHandleEnd:[{type:l.Input}]}});u(ot,tt=r);var tt,nt=ot;function ot(e){var t=tt.call(this)||this;return t.service=e,t}nt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nt,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),nt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:nt,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:r,useExisting:l.forwardRef(function(){return nt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nt,decorators:[{type:l.Directive,args:[{providers:[{provide:r,useExisting:l.forwardRef(function(){return nt})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var rt,it="k-pressed",at=(u(m,rt=h),m.prototype.focus=function(){this.focusChangedProgrammatically=!0,Re(this.draghandleStart,"focus"),this.focusChangedProgrammatically=!1},m.prototype.blur=function(){this.focusChangedProgrammatically=!0,Re("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]),rt.prototype.ngOnInit.call(this)},m.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&(e.value&&e.value.currentValue&&pe(e.value.currentValue),this.ngZone.onStable.asObservable().pipe(H.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.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();e=e.originalEvent.target;this.draggedHandle=e,this.renderer.setStyle(e,"zIndex",++this.handleZIndex)},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 r(){t.changeValue([ae(e,t.track.nativeElement,t.getProps()),t.value[1]])}function i(){t.changeValue([t.value[0],ae(e,t.track.nativeElement,t.getProps())])}function a(){t.changeValue([ae(e,t.track.nativeElement,t.getProps()),ae(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=ee(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?r:a:l?a:i:l?r:i)()},m.prototype.onHandleRelease=function(e){this.dragging={value:!1,target:e.originalEvent.target},this.draggedHandle=void 0},m.prototype.writeValue=function(e){pe(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&&ie(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.value&&t.valueChange.emit(e),t.sizeComponent()})},m.prototype.sizeComponent=function(){var e,t,n,o,r,i;c.isDocumentAvailable()&&(e=this.wrapper.nativeElement,t=this.track.nativeElement,n=this.sliderSelection.nativeElement,o=this.draghandleStart.nativeElement,r=this.draghandleEnd.nativeElement,i=this.ticks?this.ticksContainer.nativeElement:null,this.resetStyles([t,n,o,r,i,this.hostElement.nativeElement]),i=this.getProps(),(i=new Qe(i,e,t,this.renderer)).resizeTrack(),this.ticks&&i.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),i.positionHandle(o),i.positionHandle(r),i.positionSelection(o,n),this.fixedTickWidth&&i.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,it),this.renderer.addClass(n,it)):(this.renderer.removeClass(t,it),this.renderer.removeClass(n,it)),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:oe(this.max,this.min,this.value),vertical:this.vertical,buttons:!1}},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,r,i){var a=rt.call(this,e,t,n,o,r,i)||this;return a.localization=e,a.injector=t,a.renderer=n,a.ngZone=o,a.changeDetector=r,a.hostElement=i,a.startHandleId="k-start-handle-"+c.guid(),a.endHandleId="k-end-handle-"+c.guid(),a.focusableId=a.startHandleId,a.handleZIndex=0,a.activeHandle="startHandle",a.focusChangedProgrammatically=!1,a.onWrapClick=function(e){var t,n,o;a.isDisabled||(a.value=a.value||[a.min,a.min],e=ae(e,a.track.nativeElement,a.getProps()),t=void 0,n=(o=W(t=a.value,2))[0],o=o[1],e<=n?(t=[e,o],a.activeHandle="startHandle"):n<e&&e<o?e<(n+o)/2?(t=[e,o],a.activeHandle="startHandle"):(t=[n,e],a.activeHandle="endHandle"):o<=e&&(t=[n,e],a.activeHandle="endHandle"),Re("startHandle"===a.activeHandle?a.draghandleStart:a.draghandleEnd,"focus"),a.changeValue(t))},a.onKeyDown=function(e){a.value=a.value||[a.min,a.min];var t,n=a.getProps(),o=n.max,r=n.min,i=a.keyBinding[e.keyCode];!a.isDisabled&&i&&(a.renderer.setStyle(e.target,"zIndex",++a.handleZIndex),t=ee(e.target),i=i(Object.assign(Object.assign({},n),{value:t?a.value[0]:a.value[1]})),t?i>a.value[1]&&(a.value[1]=i):i<a.value[0]&&(a.value[0]=i),n=ne(o,r,i),o=t?[n,a.value[1]]:[a.value[0],n],a.changeValue(o),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.handleBlur=function(){a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}at.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:at,deps:[{token:a.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),at.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:at,selector:"kendo-rangeslider",inputs:{value:"value"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return at})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return at})}],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 <a #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 ></a>\n <a #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 ></a>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Le,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:s.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:nt,selector:"[kendoSliderLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:at,decorators:[{type:l.Component,args:[{exportAs:"kendoRangeSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return at})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return at})}],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 <a #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 ></a>\n <a #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 ></a>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:a.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}]}]}});u(lt,st=t.ComponentMessages);var st,h=lt;function lt(){return null!==st&&st.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}]}});u(ut,ct=h);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:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:dt,selector:"[kendoSwitchLocalizedMessages]",providers:[{provide:h,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:h,useExisting:l.forwardRef(function(){return dt})}],selector:"[kendoSwitchLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var pt="k-focus",ht=(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(H.skip(1)).subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.control=this.injector.get(n.NgControl,null),this.ngZone.onStable.pipe(H.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()},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,pt):this.renderer.removeClass(t,pt),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=X("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=X("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=X("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,r,i){var a=this;this.renderer=e,this.hostElement=t,this.localizationService=n,this.injector=o,this.changeDetector=r,this.ngZone=i,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 M.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)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.onBlur.emit()}))},A.validatePackage(Me),this.direction=n.rtl?"rtl":"ltr",this.keyDownHandler=this.keyDownHandler.bind(this),this.clickHandler=this.clickHandler.bind(this)}ht.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ht,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:a.LocalizationService},{token:i.Injector},{token:i.ChangeDetectorRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),ht.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ht,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ht})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ht})}],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 [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:dt,selector:"[kendoSwitchLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ht,decorators:[{type:l.Component,args:[{exportAs:"kendoSwitch",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ht})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ht})}],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 [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:a.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(ft.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(ft.prototype,"id",{get:function(){return this.inputElement.nativeElement.id},set:function(e){this.renderer.setAttribute(this.inputElement.nativeElement,"id",e)},enumerable:!1,configurable:!0}),ft.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()})})},ft.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()})};var gt=ft;function ft(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=[]}gt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),gt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:gt,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 gt})}],ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,decorators:[{type:l.Directive,args:[{selector:"input[kendoTextBox]",providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return gt})}]}]}],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(vt.prototype,"id",{get:function(){return this.element.nativeElement.id},set:function(e){this.renderer.setAttribute(this.element.nativeElement,"id",e)},enumerable:!1,configurable:!0}),vt.prototype.writeValue=function(e){this.elementValue=e,this.resize()},vt.prototype.registerOnChange=function(e){this.ngChange=e},vt.prototype.registerOnTouched=function(e){this.ngTouched=e},vt.prototype.setDisabledState=function(e){this.setElementProperty("disabled",e)},vt.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=M.fromEvent(window,"resize").pipe(H.debounceTime(50)).subscribe(function(){return t.resize()})),t.inputSubscription=M.fromEvent(e,"input").subscribe(t.handleInput.bind(t))}),this.control=this.injector.get(n.NgControl,null)},vt.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(H.take(1)).subscribe(function(){return t.resize()})},vt.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.inputSubscription&&this.inputSubscription.unsubscribe(),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(vt.prototype,"elementValue",{get:function(){return this.element?this.element.nativeElement.value:""},set:function(e){this.setElementProperty("value",null==e?"":e)},enumerable:!1,configurable:!0}),vt.prototype.setElementProperty=function(e,t){this.element&&this.renderer.setProperty(this.element.nativeElement,e,t)},vt.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"))},vt.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()},vt.prototype.handleFocus=function(){var e=this;c.hasObservers(this.onFocus)&&this.zone.run(function(){e.onFocus.emit()})},vt.prototype.handleBlur=function(){var e=this;(c.hasObservers(this.onBlur)||U(this.control))&&this.zone.run(function(){e.ngTouched(),e.onBlur.emit(),e.changeDetector.markForCheck()})};var mt=vt;function vt(e,t,n,o,r,i){this.renderer=e,this.element=t,this.zone=n,this.changeDetector=o,this.injector=r,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=i?"rtl":"ltr"}mt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mt,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}),mt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:mt,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return mt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return mt})}],usesOnChanges:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mt,decorators:[{type:l.Directive,args:[{providers:[{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return mt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return mt})}],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 yt(e){return 0<=e?Math.floor(e):Math.ceil(e)}function bt(e){}function kt(e){return!isNaN(e)&&null!==e}var Ct=/[eE][\-+]?([0-9]+)/;function It(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}(y=wt=wt||{})[y.Down=-1]="Down",y[y.None=0]="None",y[y.Up=1]="Up",u(Et,xt=t.ComponentMessages);var wt,xt,y=Et;function Et(){return null!==xt&&xt.apply(this,arguments)||this}y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:null,target:i.ɵɵFactoryTarget.Directive}),y.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,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:y,decorators:[{type:l.Directive,args:[{selector:"kendo-numerictextbox-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}]}});u(Vt,St=y);var St,Dt=Vt;function Vt(e){var t=St.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:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Dt,selector:"[kendoNumericTextBoxLocalizedMessages]",providers:[{provide:y,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:y,useExisting:l.forwardRef(function(){return Dt})}],selector:"[kendoNumericTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var Tt=["min","max","step","decimals"],Pt={decimals:null,max:null,min:null,step:1},Ot="k-focus",Bt=(Object.defineProperty(b.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(b.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.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(b.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(b.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(b.prototype,"disableClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),b.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(n.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)))})},b.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},b.prototype.ngOnChanges=function(t){var n,o;c.anyChanged(Tt,t,!1)&&this.parseOptions(Tt.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!p(o)||!p(e.value)||e.value>=o?null:{minError:{minValue:o,value:e.value}}}):bt,this.maxValidateFn=this.rangeValidation?(n=this.max,function(e){return!p(n)||!p(e.value)||e.value<=n?null:{maxError:{maxValue:n,value:e.value}}}):bt,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())},b.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),clearTimeout(this.spinTimeout),this.domEvents.forEach(function(e){return e()})},b.prototype.validate=function(e){return this.minValidateFn(e)||this.maxValidateFn(e)},b.prototype.registerOnValidatorChange=function(e){this.ngValidatorChange=e},b.prototype.writeValue=function(e){this.verifyValue(e);e=this.restrictModelValue(e);this.value=e,this.setInputValue()},b.prototype.registerOnChange=function(e){this.ngChange=e},b.prototype.registerOnTouched=function(e){this.ngTouched=e},b.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},b.prototype.focus=function(){Re(this.numericInput,"focus")},b.prototype.blur=function(){Re(this.numericInput,"blur")},b.prototype.notifyValueChange=function(){this.setInputValue()},Object.defineProperty(b.prototype,"incrementTitle",{get:function(){return this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"decrementTitle",{get:function(){return this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"decimalSeparator",{get:function(){return this.intl.numberSymbols().decimal},enumerable:!1,configurable:!0}),Object.defineProperty(b.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(b.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,Ot):this.renderer.removeClass(t,Ot),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"hasDecimals",{get:function(){return null!==this.decimals&&0<=this.decimals},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),b.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())},b.prototype.updateValue=function(e){var t=this;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},b.prototype.replaceNumpadDotValue=function(){var e,t,n,o,r,i=this.inputValue||"";return this.previousSelection&&(t=(e=this.numericInput.nativeElement).selectionStart,n=e.selectionEnd,o=(r=this.previousSelection).start,r=r.end,e.value=i=i.substring(0,o)+this.decimalSeparator+i.substring(r),this.setSelection(t,n)),i},b.prototype.isValid=function(e){var t,n,o,r;return this.numericRegex||(this.numericRegex=(t={autoCorrect:this.autoCorrect,decimals:this.decimals,min:this.min,separator:this.decimalSeparator},n=t.autoCorrect,o=t.decimals,r=t.min,"."===(t=t.separator)&&(t="\\"+t),n=n&&null!==r&&0<=r?"":"-?",r=0===o?"\\d*":"(?:(?:\\d+("+t+"\\d*)?)|(?:"+t+"\\d*))?",new RegExp("^"+n+r+"$"))),this.numericRegex.test(e)},b.prototype.spin=function(e,t){var n=this;clearTimeout(this.spinTimeout),this.spinTimeout=window.setTimeout(function(){n.spin(e,50)},t),this.addStep(e)},b.prototype.addStep=function(e){e=ke(this.value||0,this.step*e),e=this.limitValue(e);e=this.restrictDecimals(e),this.setInputValue(e),this.updateValue(e)},b.prototype.setSelection=function(e,t){this.focused&&Re(this.numericInput,"setSelectionRange",e,t)},b.prototype.limitValue=function(e){var t=e;return this.isInRange(e)||(kt(this.max)&&e>this.max&&(t=this.max),kt(this.min)&&e<this.min&&(t=this.min)),t},b.prototype.limitInputValue=function(e){var t=this.numericInput.nativeElement,n=t.selectionStart,o=t.selectionEnd,t=t.value,r=e,i=!1;if(!this.isInRange(e)){var a=t.length-String(this.inputValue).length,s=this.min,l=this.max,c=kt(l),d=kt(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))&&yt(e)!==yt(u)&&(h=c,i=!0):p&&this.inputValue&&n!==t.length&&(h=parseFloat(t.substr(0,n)+t.substr(n+a))),r=this.limitValue(h),i=(i||r!==h)&&this.previousSelection&&0<this.previousSelection.end-this.previousSelection.start+a}return{selectionEnd:i?String(r).length:o,selectionStart:n,value:r}},b.prototype.tryPadValue=function(e,t){var n,t=String(Math.floor(t)).length,o=It(e,t),e=It(e,t+1);return this.isInRange(o)?n=o:this.isInRange(e)&&(n=e),n},b.prototype.isInRange=function(e){return!kt(e)||(!kt(this.min)||this.min<=e)&&(!kt(this.max)||e<=this.max)},b.prototype.restrictModelValue=function(e){e=this.restrictDecimals(e,!0);return e=this.autoCorrect&&this.limitValue(e)!==e?null:e},b.prototype.restrictDecimals=function(e,t){var n,o,r=e;return e&&this.hasDecimals&&(n=this.decimals,o=String(e),t||Ct.test(o)?r=be(e,n):(e=(t=o.split("."))[1])&&e.length>n&&(e=e.substr(0,n),r=parseFloat(t[0]+"."+e))),r},b.prototype.formatInputValue=function(e){var t=Object.is(e,-0)?"-0":String(e),n=Ct.exec(t);return(t=n?e.toFixed(me(parseInt(n[1],10))):t).replace(".",this.decimalSeparator)},b.prototype.formatValue=function(e,t){t=null==e||""===e?"":t&&!this.readonly?this.formatInputValue(e):this.intl.formatNumber(e,this.format);return t},b.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},b.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.")},b.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.")},b.prototype.parseOptions=function(e){for(var t=0;t<e.length;t++){var n=e[t],o=this[n];if("string"==typeof o){var r=parseFloat(o),i=!isNaN(r);if(l.isDevMode()&&!i&&""!==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]=i?r:Pt[n]}}},b.prototype.intlChange=function(){delete this.numericRegex,!this.numericInput||this.focused&&this.isValid(this.elementValue)||this.setInputValue()},b.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},b.prototype.selectAll=function(){this.setInputValue(),this.setSelection(0,this.inputValue.length)},b.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)},b.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},b.prototype.adjustSignificantChars=function(e,t){e=this.numberOfLeadingZeroes(e);return 0<e?Math.max(0,t-e):t},b.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},b);function b(e,t,n,o,r,i,a){var s=this;this.intl=e,this.renderer=t,this.localizationService=n,this.injector=o,this.ngZone=r,this.changeDetector=i,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=wt,this.arrowDirection=wt.None,this.hostClasses=!0,this.inputValue="",this.minValidateFn=bt,this.maxValidateFn=bt,this._format="n2",this.isPasted=!1,this.mouseDown=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.ngChange=bt,this.ngTouched=bt,this.ngValidatorChange=bt,this.domEvents=[],this.increasePress=function(e){s.arrowPress(wt.Up,e)},this.decreasePress=function(e){s.arrowPress(wt.Down,e)},this.releaseArrow=function(){clearTimeout(s.spinTimeout),s.arrowDirection!==wt.None&&(s.arrowDirection=wt.None,s.changeDetector.detectChanges())},this.handlePaste=function(){s.isPasted=!0},this.handleInput=function(){var e=s.numericInput.nativeElement,t=e.selectionStart,n=e.selectionEnd,o=e.value;if(s.pressedKey===c.Keys.NumpadDecimal&&(o=s.replaceNumpadDotValue()),s.isPasted&&(o=s.formatInputValue(s.intl.parseNumber(o))),!s.isValid(o))return e.value=s.inputValue,void s.setSelection(t-1,n-1);var r,i=s.intl.parseNumber(o),a=s.restrictDecimals(i);s.autoCorrect&&(a=(r=s.limitInputValue(a)).value,t=r.selectionStart,n=r.selectionEnd),i!==a||s.hasTrailingZeros(o)||!s.focused?(s.setInputValue(a),s.setSelection(t,n)):s.inputValue=o,s.isPasted&&(e.value=s.inputValue),s.updateValue(a),s.previousSelection=null,s.isPasted=!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)||U(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))},A.validatePackage(Me),this.direction=n.rtl?"rtl":"ltr"}Bt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bt,deps:[{token:Z.IntlService},{token:i.Renderer2},{token:a.LocalizationService},{token:i.Injector},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Bt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bt,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bt})}],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 [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-arrow-n"></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-arrow-s"></span>\n </button>\n </span>\n ',isInline:!0,directives:[{type:Dt,selector:"[kendoNumericTextBoxLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bt,decorators:[{type:l.Component,args:[{exportAs:"kendoNumericTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bt})}],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 [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-arrow-n"></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-arrow-s"></span>\n </button>\n </span>\n '}]}],ctorParameters:function(){return[{type:Z.IntlService},{type:i.Renderer2},{type:a.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"]}]}});u(Mt,Rt=y),Object.defineProperty(Mt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Rt,Ft,zt=Mt;function Mt(e){var t=Rt.call(this)||this;return t.service=e,t}zt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:zt,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),zt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:zt,selector:"kendo-numerictextbox-messages",providers:[{provide:y,useExisting:l.forwardRef(function(){return zt})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:zt,decorators:[{type:l.Component,args:[{providers:[{provide:y,useExisting:l.forwardRef(function(){return zt})}],selector:"kendo-numerictextbox-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}}),(y=Ft=Ft||{})[y.Literal=0]="Literal",y[y.Mask=1]="Mask",y[y.Undefined=2]="Undefined";At.prototype.map=function(e){return new At(e(this.value),this.rest)},At.prototype.chain=function(e){return e(this.value,this.rest)},At.prototype.fold=function(e,t){return e(this.value,this.rest)},At.prototype.concat=function(t){return this.map(function(n,e){return t.chain(function(e,t){return n.concat([e])})})},At.prototype.toString=function(){return"Result({ value: '"+this.value+"', rest: "+this.rest+" })"};var Ht=At;function At(e,t,n){void 0===n&&(n=Ft.Undefined),this.value=e,this.rest=t,this.type=n}Lt.prototype.eof=function(){return this.inputCursor>=this.input.length},Lt.prototype.next=function(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}},Lt.prototype.peek=function(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}},Lt.prototype.eat_input=function(){this.inputCursor++},Lt.prototype.eat_control=function(){this.controlCursor++},Lt.prototype.eat=function(){this.inputCursor++,this.controlCursor++};var Nt=Lt;function Lt(e,t){void 0===t&&(t=[]),this.input=e=void 0===e?[]:e,this.control=t,this.inputCursor=0,this.controlCursor=0}function jt(e){return(e||"").split("")}Zt.prototype.run=function(e,t){return void 0===t&&(t=""),e instanceof Nt?this.parse(e):this.parse(new Nt(jt(e),jt(t)))},Zt.prototype.map=function(t){var n=this;return new Zt(function(e){return n.parse(e).map(t)})},Zt.prototype.chain=function(n){var t=this;return new Zt(function(e){return t.parse(e).chain(function(e,t){return n(e).run(t)})})},Zt.prototype.isLiteral=function(e){return this.run(e).type===Ft.Literal};var _t=Zt;function Zt(e){this.parse=e}function Gt(o,r){return new _t(function(e){var t=e.next().char,n=o[t];return"\\"===t?(t=e.next().char,new Ht(r.literal(t),e)):new Ht(n?r.mask(n):r.literal(t),e)})}function Kt(e){var n=e.prompt,o=e.promptPlaceholder;return new _t(function(e){var t=e.next().char;return new Ht(t===n?o:t,e)})}function Wt(n){return new _t(function(e){var t=e.next().char;return new Ht(n?t:"",e)})}function $t(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 _t(function(e){return new Ht(t,e)})));var t}function Ut(n){return new _t(function(e){for(var t=new Ht([],e);!e.eof();)t=t.concat(n.run(e));return t})}qt.prototype.update=function(e){var t=e.mask,n=e.prompt,n=void 0===n?"":n,o=e.promptPlaceholder,o=void 0===o?" ":o,r=e.rules,r=void 0===r?{}:r,e=e.includeLiterals,e=void 0!==e&&e;this.mask=void 0===t?"":t,this.prompt=n,this.promptPlaceholder=o,this.rules=r,this.includeLiterals=e,this.tokenize()},qt.prototype.validationValue=function(e){var t=e=void 0===e?"":e;return $t(this.validationTokens).run(e).fold(function(e){t=e.join("")}),t},qt.prototype.rawValue=function(e){var t=e=void 0===e?"":e;return this.rawTokens.length&&$t(this.rawTokens).run(e).fold(function(e){t=e.join("")}),t},qt.prototype.maskRaw=function(e){var t=e=void 0===e?"":e;return this.maskTokens.length&&$t(this.maskTokens).run(e).fold(function(e){t=e.join("")}),t},qt.prototype.maskInput=function(e,t,n){return e.length<t.length?this.maskRemoved(e,t,n):this.maskInserted(e,t,n)},qt.prototype.maskInRange=function(e,t,n,o){var r="",i=o,a=t.split("").slice(0,n),s=t.split("").slice(o);return $t(this.maskTokens.slice(n,o)).run(e).fold(function(e){r=a.concat(e).concat(s).join("")}),{selection:i,value:r}},qt.prototype.maskRemoved=function(e,t,n){var o=this,r="",i=n,a=e.split("").slice(n),s=e.split("").slice(0,n).join(""),e=this.maskTokens.length-(e.length-n);return $t(this.maskTokens.slice(0,e)).run(s,t).fold(function(e){i=o.adjustPosition(e,i),r=e.concat(a).join("")}),{selection:i,value:r}},qt.prototype.adjustPosition=function(e,t){e=e[t];return this.maskTokens[t].isLiteral(e)||e===this.prompt?t:t+1},qt.prototype.maskInserted=function(e,n,t){var o=this,r="",i=t,e=e.slice(0,t);return $t(this.unmaskTokens).run(e,n).chain(function(e){i=e.join("").length;var t=n.slice(i);return $t(o.maskTokens).run(e.join("")+t,n)}).fold(function(e){r=e.join("")}),{selection:i,value:r}},Object.defineProperty(qt.prototype,"maskTokenCreator",{get:function(){var n=this.prompt,a=this.promptPlaceholder;return{literal:function(e){return t=e,new _t(function(e){return e.peek().char===t&&e.eat(),new Ht(t,e,Ft.Literal)});var t},mask:function(e){o=(t={prompt:n,promptPlaceholder:a}).prompt,r=t.promptPlaceholder;var t,o,r,i=e;return new _t(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===t&&t===o)return e.eat(),new Ht(o,e,Ft.Mask);if(i.test(n))return e.eat(),new Ht(n,e,Ft.Mask);if(n===r)return e.eat(),new Ht(o,e,Ft.Mask);e.eat_input()}return e.eat(),new Ht(o,e,Ft.Mask)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(qt.prototype,"unmaskTokenCreator",{get:function(){var t=this;return{literal:function(e){return t=e,new _t(function(e){return e.eof()?new Ht("",e):(e.peek().char===t&&e.eat(),new Ht(t,e))});var t},mask:function(e){o=t.prompt;var o,r=e;return new _t(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===o&&t===o)return e.eat(),new Ht(n,e);if(r.test(n))return e.eat(),new Ht(n,e);e.eat_input()}return e.eat(),new Ht("",e)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(qt.prototype,"rawTokenCreator",{get:function(){var t=this.prompt,n=this.promptPlaceholder,o=this.includeLiterals;return{literal:function(e){return Wt(o)},mask:function(e){return Kt({prompt:t,promptPlaceholder:n})}}},enumerable:!1,configurable:!0}),Object.defineProperty(qt.prototype,"validationTokenCreator",{get:function(){var t=this.prompt;return{literal:function(e){return Wt(!1)},mask:function(e){return Kt({prompt:t,promptPlaceholder:""})}}},enumerable:!1,configurable:!0}),qt.prototype.tokenize=function(){var n=this;Ut(Gt(this.rules,this.maskTokenCreator)).run(this.mask).fold(function(e,t){n.maskTokens=e}),Ut(Gt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(function(e,t){n.unmaskTokens=e}),Ut(Gt(this.rules,this.rawTokenCreator)).run(this.mask).fold(function(e,t){n.rawTokens=e}),Ut(Gt(this.rules,this.validationTokenCreator)).run(this.mask).fold(function(e,t){n.validationTokens=e})};var Xt=qt;function qt(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}Xt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xt,deps:[],target:i.ɵɵFactoryTarget.Injectable}),Xt.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xt}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xt,decorators:[{type:l.Injectable}]});var Qt=Promise.resolve(null),Yt="k-focus",Jt=(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,"rules",{get:function(){return this._rules||this.defaultRules},set:function(e){this._rules=Object.assign({},this.defaultRules,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,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),k.prototype.ngOnInit=function(){this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(n.NgControl,null)},k.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},k.prototype.isEmpty=function(){if(this.input)return!Boolean(this.input.nativeElement.value)},k.prototype.handleDragDrop=function(){return!1},k.prototype.focus=function(){this.input&&(this.input.nativeElement.focus(),this.setFocusSelection())},k.prototype.blur=function(){this.input&&this.input.nativeElement.blur()},k.prototype.pasteHandler=function(e){var e=e.target,t=e.selectionStart,e=e.selectionEnd;e!==t&&(this.isPasted=!0,this.selection=[t,e])},k.prototype.inputHandler=function(e){var t,n=e.target.value,o=W(this.selection,2),r=o[0],o=o[1];if(!this.mask)return this.updateValueWithEvents(n),void(this.isPasted=!1);t=this.isPasted?(this.isPasted=!1,t=this.maskedValue.length-o,t=n.length-t,this.service.maskInRange(n.slice(r,t),this.maskedValue,r,o)):this.service.maskInput(n,this.maskedValue||"",e.target.selectionStart),this.updateInput(t.value,t.selection),this.updateValueWithEvents(t.value)},k.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))&&Qt.then(function(){n.updateValueWithEvents(n.maskedValue)})):this.updateInput(this.value)},k.prototype.writeValue=function(e){this.value=this.normalizeValue(e),this.updateInput(this.service.maskRaw(this.value)),this.includeLiterals&&this.updateValue(this.maskedValue)},k.prototype.registerOnChange=function(e){this.onChange=e},k.prototype.registerOnTouched=function(e){this.onTouched=e},k.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},k.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},k.prototype.updateValueWithEvents=function(e){this.updateValue(e),c.hasObservers(this.valueChange)&&this.valueChange.emit(this.value)},k.prototype.updateValue=function(e){!this.mask||this.service.validationValue(e)||this.includeLiterals?this.value=this.service.rawValue(e):this.value="",this.onChange(this.value)},k.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))},k.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},{})},k.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)},k.prototype.setSelection=function(e,t){void 0===e&&(e=this.selection[0]),void 0===t&&(t=this.selection[1]),this.focused&&Re(this.input,"setSelectionRange",e,t)},Object.defineProperty(k.prototype,"emptyMask",{get:function(){return this.service.maskRaw()===this.maskedValue},enumerable:!1,configurable:!0}),k.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(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,Yt):this.renderer.removeClass(t,Yt),this.isFocused=e)},enumerable:!1,configurable:!0}),k.prototype.normalizeValue=function(e){void 0===e&&(e=this.value);var t=p(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:""},k.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("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,r,i,a){var s=this;this.service=e,this.renderer=t,this.hostElement=n,this.ngZone=o,this.injector=r,this.changeDetector=i,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)||U(s.control))&&s.ngZone.run(function(){s.onTouched(),s.onBlur.emit()})},this.onChange=function(e){},this.onTouched=function(){},A.validatePackage(Me),this.direction=a?"rtl":"ltr",this.updateService()}Jt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Jt,deps:[{token:Xt},{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:i.Injector},{token:i.ChangeDetectorRef},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Component}),Jt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Jt,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:[Xt,{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Jt})},{multi:!0,provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Jt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Jt})}],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 [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:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Jt,decorators:[{type:l.Component,args:[{exportAs:"kendoMaskedTextBox",providers:[Xt,{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Jt})},{multi:!0,provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Jt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Jt})}],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 [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:Xt},{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 en,y=function(){},tn=(y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[],target:i.ɵɵFactoryTarget.NgModule}),y.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,declarations:[Le,He],imports:[o.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],exports:[He,Le,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),y.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,imports:[[o.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:y,decorators:[{type:l.NgModule,args:[{declarations:[Le,He],exports:[He,Le,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],imports:[o.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}]}]}),u(nn,en=g),Object.defineProperty(nn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),nn);function nn(e){var t=en.call(this)||this;return t.service=e,t}tn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:tn,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),tn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:tn,selector:"kendo-slider-messages",providers:[{provide:g,useExisting:l.forwardRef(function(){return tn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:tn,decorators:[{type:l.Component,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return tn})}],selector:"kendo-slider-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var on,g=function(){},rn=(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:[Xe,tn,Ke],imports:[o.CommonModule,y],exports:[Xe,tn,He,Ke]}),g.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,imports:[[o.CommonModule,y]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:l.NgModule,args:[{declarations:[Xe,tn,Ke],exports:[Xe,tn,He,Ke],imports:[o.CommonModule,y]}]}]}),u(an,on=r),Object.defineProperty(an.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),an);function an(e){var t=on.call(this)||this;return t.service=e,t}rn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:rn,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),rn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:rn,selector:"kendo-rangeslider-messages",providers:[{provide:r,useExisting:l.forwardRef(function(){return rn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:rn,decorators:[{type:l.Component,args:[{providers:[{provide:r,useExisting:l.forwardRef(function(){return rn})}],selector:"kendo-rangeslider-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var sn,r=function(){},ln=(r.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,deps:[],target:i.ɵɵFactoryTarget.NgModule}),r.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,declarations:[at,rn,nt],imports:[o.CommonModule,y],exports:[at,rn,nt,He]}),r.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,imports:[[o.CommonModule,y]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,decorators:[{type:l.NgModule,args:[{declarations:[at,rn,nt],exports:[at,rn,nt,He],imports:[o.CommonModule,y]}]}]}),u(cn,sn=h),Object.defineProperty(cn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),cn);function cn(e){var t=sn.call(this)||this;return t.service=e,t}ln.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ln,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),ln.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ln,selector:"kendo-switch-messages",providers:[{provide:h,useExisting:l.forwardRef(function(){return ln})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ln,decorators:[{type:l.Component,args:[{providers:[{provide:h,useExisting:l.forwardRef(function(){return ln})}],selector:"kendo-switch-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var dn,y=function(){},h=(y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[],target:i.ɵɵFactoryTarget.NgModule}),y.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,declarations:[ht,ln,dt],imports:[o.CommonModule,c.EventsModule,c.ResizeSensorModule],exports:[ht,ln,dt]}),y.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,imports:[[o.CommonModule,c.EventsModule,c.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,decorators:[{type:l.NgModule,args:[{declarations:[ht,ln,dt],exports:[ht,ln,dt],imports:[o.CommonModule,c.EventsModule,c.ResizeSensorModule]}]}]}),function(){}),un=(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:[Dt,Bt,zt],imports:[o.CommonModule,c.EventsModule],exports:[Bt,zt]}),h.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,imports:[[o.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.NgModule,args:[{declarations:[Dt,Bt,zt],exports:[Bt,zt],imports:[o.CommonModule,c.EventsModule]}]}]}),function(){}),pn=(un.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,deps:[],target:i.ɵɵFactoryTarget.NgModule}),un.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,declarations:[Jt],imports:[o.CommonModule,c.EventsModule],exports:[Jt]}),un.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,imports:[[o.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,decorators:[{type:l.NgModule,args:[{declarations:[Jt],exports:[Jt],imports:[o.CommonModule,c.EventsModule]}]}]}),function(e){this.templateRef=e}),hn=(pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),pn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:pn,selector:"[kendoTextBoxSuffixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxSuffixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),function(e){this.templateRef=e}),C=(hn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:hn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),hn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:hn,selector:"[kendoTextBoxPrefixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:hn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxPrefixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),u(gn,dn=t.ComponentMessages),gn);function gn(){return null!==dn&&dn.apply(this,arguments)||this}C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:null,target:i.ɵɵFactoryTarget.Directive}),C.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:C,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:C,decorators:[{type:l.Directive,args:[{selector:"kendo-textbox-messages-base"}]}],propDecorators:{clear:[{type:l.Input}]}});u(vn,fn=C);var fn,mn=vn;function vn(e){var t=fn.call(this)||this;return t.service=e,t}mn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mn,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),mn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:mn,selector:"[kendoTextBoxLocalizedMessages]",providers:[{provide:C,useExisting:l.forwardRef(function(){return mn})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mn,decorators:[{type:l.Directive,args:[{providers:[{provide:C,useExisting:l.forwardRef(function(){return mn})}],selector:"[kendoTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var yn="k-focus",bn=(Object.defineProperty(I.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(I.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(I.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(I.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),I.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(n.NgControl,null),this.checkClearButton(),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},I.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?(ze(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)})},I.prototype.ngOnChanges=function(e){(e.disabled||e.readonly||e.value)&&this.checkClearButton()},I.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},I.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},I.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},I.prototype.clearTitle=function(){return this.localizationService.get("clear")},I.prototype.checkClearButton=function(){this.showClearButton=!this.disabled&&!this.readonly&&this.clearButton&&!!this.value},I.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},I.prototype.writeValue=function(e){this.value=e,this.checkClearButton()},I.prototype.registerOnChange=function(e){this.ngChange=e},I.prototype.registerOnTouched=function(e){this.ngTouched=e},I.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},I.prototype.showErrorsInitial=function(){if(!this.control)return!1;var e=this.control,t=e.invalid,n=e.dirty,e=e.touched;return t&&(n||e)},I.prototype.showSuccessInitial=function(){if(!this.control)return!1;var e=this.control,t=e.valid,n=e.dirty,e=e.touched;return t&&(n||e)},Object.defineProperty(I.prototype,"successIconClasses",{get:function(){return this.successIcon?""+this.successIcon:"k-input-validation-icon k-icon k-i-check"},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"errorIconClasses",{get:function(){return this.errorIcon?""+this.errorIcon:"k-input-validation-icon k-icon k-i-warning"},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"clearButtonClasses",{get:function(){return this.clearButtonIcon||"k-icon k-i-x"},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"hasErrors",{get:function(){return"initial"===this.showErrorIcon?this.showErrorsInitial():this.showErrorIcon},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"isSuccessful",{get:function(){return"initial"===this.showSuccessIcon?this.showSuccessInitial():this.showSuccessIcon},enumerable:!1,configurable:!0}),I.prototype.setSelection=function(e,t){this.isFocused&&Re(this.input,"setSelectionRange",e,t)},I.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},I.prototype.updateValue=function(e){var t=this;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.checkClearButton(),t.changeDetector.markForCheck()})},Object.defineProperty(I.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,yn):this.renderer.removeClass(t,yn),this._isFocused=e)},enumerable:!1,configurable:!0}),I.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},I.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},I);function I(e,t,n,o,r,i){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=r,this.hostElement=i,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)||U(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=W([t.selectionStart,t.selectionEnd],2),r=e[0],e=e[1];a.updateValue(o),n&&t.setSelectionRange(r,e)},this.ngChange=function(e){},this.ngTouched=function(){},A.validatePackage(Me),this.direction=e.rtl?"rtl":"ltr"}bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,deps:[{token:a.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-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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return bn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return bn})}],queries:[{propertyName:"suffixTemplate",first:!0,predicate:pn,descendants:!0},{propertyName:"prefixTemplate",first:!0,predicate:hn,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 [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:mn,selector:"[kendoTextBoxLocalizedMessages]"},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return bn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return bn})}],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 [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:a.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:[pn,{static:!1}]}],prefixTemplate:[{type:l.ContentChild,args:[hn,{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"]}]}});u(In,kn=C),Object.defineProperty(In.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var kn,Cn=In;function In(e){var t=kn.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:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Cn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Cn,selector:"kendo-textbox-messages",providers:[{provide:C,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:C,useExisting:l.forwardRef(function(){return Cn})}],selector:"kendo-textbox-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var C=function(){this.hostClass=!0},w=(C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[],target:i.ɵɵFactoryTarget.Component}),C.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,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:C,decorators:[{type:l.Component,args:[{selector:"kendo-input-separator, kendo-textbox-separator",template:""}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-separator"]}]}}),[C,mt]),wn=function(){},xn=(wn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),wn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn,declarations:[C,mt],exports:[C,mt]}),wn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn,decorators:[{type:l.NgModule,args:[{declarations:[w],exports:[w]}]}]}),function(){}),En=(xn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),xn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,declarations:[gt,bn,pn,hn,Cn,mn],imports:[o.CommonModule,c.EventsModule,wn],exports:[gt,bn,pn,hn,c.EventsModule,Cn,mn,C,mt]}),xn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,imports:[[o.CommonModule,c.EventsModule,wn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,decorators:[{type:l.NgModule,args:[{declarations:[gt,bn,pn,hn,Cn,mn],exports:[gt,bn,pn,hn,c.EventsModule,Cn,mn,w],imports:[o.CommonModule,c.EventsModule,wn]}]}]}),Object.defineProperty(Sn.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Sn.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Sn.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Sn);function Sn(e,t,n,o,r,i){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=r,this.hostElement=i,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 M.Subscription,this._isFocused=!1,this.focusChangedProgrammatically=!1,this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.ngChange=function(e){},this.ngTouched=function(){}}En.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:En,deps:[{token:a.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),En.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:En,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:En,decorators:[{type:l.Component,args:[{selector:"kendo-textfield-base",template:""}]}],ctorParameters:function(){return[{type:a.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 Dn,Vn={vertical:"k-resize-vertical",horizontal:"k-resize-horizontal",both:"k-resize-both",none:"k-resize-none",auto:"k-resize-none"},Tn="k-focus",Pn=(u(x,Dn=En),Object.defineProperty(x.prototype,"flowCol",{get:function(){return"vertical"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"flowRow",{get:function(){return"horizontal"===this.flow},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,"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}),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?(ze(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)})},x.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(n.NgControl,null),c.isDocumentAvailable()&&"auto"===this.resizable&&(this.resizeSubscription=M.fromEvent(window,"resize").pipe(H.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"})},x.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&&(p(e.cols.currentValue)?this.renderer.setStyle(t,"width","auto"):this.renderer.removeStyle(t,"width")),e.value&&this.resize()},x.prototype.writeValue=function(e){this.value=e,this.resize()},x.prototype.registerOnChange=function(e){this.ngChange=e},x.prototype.registerOnTouched=function(e){this.ngTouched=e},x.prototype.updateValue=function(e){var t=this;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},x.prototype.ngOnDestroy=function(){Dn.prototype.ngOnDestroy.call(this),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(x.prototype,"resizableClass",{get:function(){return Vn[this.resizable]},enumerable:!1,configurable:!0}),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.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(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,Tn):this.renderer.removeClass(t,Tn),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.setSelection=function(e,t){this.isFocused&&Re(this.input,"setSelectionRange",e,t)},x.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},x.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},x.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")},x);function x(e,t,n,o,r,i){var a=Dn.call(this,e,t,n,o,r,i)||this;return a.localizationService=e,a.ngZone=t,a.changeDetector=n,a.renderer=o,a.injector=r,a.hostElement=i,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}))},A.validatePackage(Me),a.direction=e.rtl?"rtl":"ltr",a}Pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Pn,deps:[{token:a.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Pn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pn,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Pn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Pn})}],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 [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:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Pn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextArea",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Pn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Pn})}],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 [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:a.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 On,En=function(){this.hostClass=!0},Bn=(En.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:En,deps:[],target:i.ɵɵFactoryTarget.Component}),En.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:En,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:En,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(){}),Rn=(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:[Pn,En],imports:[o.CommonModule,c.EventsModule,wn],exports:[Pn,c.EventsModule,En,C,mt]}),Bn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,imports:[[o.CommonModule,c.EventsModule,wn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,decorators:[{type:l.NgModule,args:[{declarations:[Pn,En],exports:[Pn,c.EventsModule,En,w],imports:[o.CommonModule,c.EventsModule,wn]}]}]}),{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}}),Fn=(u(zn,On=c.PreventableEvent),zn);function zn(e){var t=On.call(this)||this;return t.originalEvent=e,t}u(An,Mn=c.PreventableEvent);var Mn,Hn=An;function An(){return null!==Mn&&Mn.apply(this,arguments)||this}u(jn,Nn=c.PreventableEvent);var Nn,Ln=jn;function jn(){return null!==Nn&&Nn.apply(this,arguments)||this}Zn.prototype.preventOpen=function(){this.openPrevented=!0},Zn.prototype.isOpenPrevented=function(){return this.openPrevented};var _n=Zn;function Zn(e){this.color=e,this.openPrevented=!1}function E(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(p(e)){if("name"===t){var r=e,i=o;if(r=r.toLowerCase().trim(),p(j.namedColors[r]))return r;j.parseColor(r,i)&&(r=j.parseColor(r,i).toHex());var a=Object.keys(j.namedColors).find(function(e){return j.namedColors[e]===r});if(a||i)return a;throw new Error("The provided color "+r+" is not supported for 'format=\"name\"' property.To display "+r+" color, the component 'format' property should be set to 'hex' or 'rgba' ")}i=j.parseColor(e.trim(),o);if(p(i))return"hex"===t?Wn(i,n):i.toCssRgba()}}function Gn(e,t){return e=j.parseColor(e,t=void 0===t?!0:t),p(e)?e.toBytes():{}}function Kn(e,t,n){void 0===t&&(t="rgba"),void 0===n&&(n=!1);var o=he(e.h,0,359.9),r=he(e.s,0,1),i=he(e.v,0,1),e=he(e.a,0,1),o=j.Color.fromHSV(o,r,i,e);return"hex"===t?Wn(o,n):o.toCssRgba()}function Wn(e,t){return t&&e.a<1?e.toCss({alpha:!0}):e.toCss()}function $n(e){return Kn({h:e,s:1,v:1,a:1})}function Un(e,t){var n=he(e.r,0,255),o=he(e.g,0,255),r=he(e.b,0,255),e=he(e.a,0,1),i=he(t.r,0,255),a=he(t.g,0,255),t=he(t.b,0,255);return{r:Math.round((1-e)*i+e*n),g:Math.round((1-e)*a+e*o),b:Math.round((1-e)*t+e*r)}}function Xn(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 qn(e,t){return e=Xn(Un(e,t)),t=Xn(Un(t,{r:0,g:0,b:0,a:1})),(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function Qn(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 Yn(e,r){return 0===e.length?"":e.reduce(function(e,t,n,o){return 0===n?"M "+t[0]+","+t[1]:e+" "+r(t,n,o)},"")}u(to,Jn=t.LocalizationService);var Jn,eo=to;function to(e,t,n){return Jn.call(this,e,t,n)||this}eo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:eo,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),eo.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:eo}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:eo,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]}});var no,oo="accessible",ro=(u(io,no=t.LocalizationService),io.prototype.get=function(e){return this.colorPickerLocalization?this.colorPickerLocalization.get(e):no.prototype.get.call(this,e)},io);function io(e,t,n,o){e=no.call(this,e,t,n)||this;return e.colorPickerLocalization=o,e}ro.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ro,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:eo,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),ro.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ro}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ro,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:eo,decorators:[{type:l.Optional},{type:l.Inject,args:[eo]}]}]}});so.prototype.getPaletteSettings=function(e,t){var n=e.palette,o="string"==typeof n&&Rn[n]?Rn[n].columns:void 0;return{palette:n||("name"!==t?"office":oo),tileSize:e.tileSize||24,columns:e.columns||o||10}},so.prototype.paletteTileLayout=function(e){return"number"==typeof e?{width:e,height:e}:{width:e.width||e.height,height:e.height||e.width}};var ao=so;function so(){}ao.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ao,deps:[],target:i.ɵɵFactoryTarget.Injectable}),ao.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ao}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ao,decorators:[{type:l.Injectable}]});lo.prototype.onViewButtonClick=function(e){this.activeView=e,this.viewChange.emit(e)},Object.defineProperty(lo.prototype,"viewButtons",{get:function(){return this.views&&0<=this.views.indexOf("gradient")&&0<=this.views.indexOf("palette")},enumerable:!1,configurable:!0}),lo.prototype.getViewButtonIcon=function(e){return"gradient"===e?"k-i-color-canvas":"k-i-palette"},lo.prototype.getText=function(e){return this.localizationService.get(e)};w=lo;function lo(e){this.localizationService=e,this.hostClasses=!0,this.viewChange=new l.EventEmitter,this.valuePaneClick=new l.EventEmitter,this.clearButtonClick=new l.EventEmitter}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:a.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",value:"value",selection:"selection"},outputs:{viewChange:"viewChange",valuePaneClick:"valuePaneClick",clearButtonClick:"clearButtonClick"},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 *ngIf="viewButtons" class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views"\n #viewButtons\n type="button"\n (click)="onViewButtonClick(view)"\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-state-selected\' : \'\'"\n >\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 *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-reset-color"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview">\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:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.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 *ngIf="viewButtons" class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views"\n #viewButtons\n type="button"\n (click)="onViewButtonClick(view)"\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-state-selected\' : \'\'"\n >\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 *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-reset-color"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview">\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:a.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}],value:[{type:l.Input}],selection:[{type:l.Input}],viewChange:[{type:l.Output}],valuePaneClick:[{type:l.Output}],clearButtonClick:[{type:l.Output}],viewButtonsCollection:[{type:l.ViewChildren,args:["viewButtons",{read:l.ElementRef}]}],clearButtonElement:[{type:l.ViewChild,args:["clearButton",{read:l.ElementRef,static:!1}]}]}});u(uo,co=t.LocalizationService),uo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):co.prototype.get.call(this,e)};var co,S=uo;function uo(e,t,n,o){e=co.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:ro,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),S.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:ro,decorators:[{type:l.Optional},{type:l.Inject,args:[ro]}]}]}});po.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())})},po.prototype.ngOnChanges=function(e){p(e.backgroundColor)&&this.metrics&&this.setPaths()},po.prototype.setPaths=function(){function e(e,t,n){var o=(r=W(i(n[t-1],n[t-2],e),2))[0],r=r[1],n=W(i(e,n[t-1],n[t+1],!0),2);return"C "+o+","+r+" "+n[0]+","+n[1]+" "+e[0]+","+e[1]}var i,r;r=Qn,i=function(e,t,n,o){t=r(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=[Yn(this.getPaths(4.5,16),e),Yn(this.getPaths(4.5,16,!0),e),Yn(this.getPaths(7,16),e),Yn(this.getPaths(7,16,!0),e)]},po.prototype.findValue=function(e,t,n,o,r){var i=(n+o)/2,a=Object.assign({},this.hsva.value,{s:t/this.metrics.width,v:1-i/this.metrics.height}),a=qn(Gn(Kn(a)),Gn(this.backgroundColor||""));return o<n+.5?a<e+1&&e-1<a?i:null:r(a,e)?this.findValue(e,t,n,o-(o-n)/2,r):this.findValue(e,t,n+(o-n)/2,o,r)},po.prototype.getPaths=function(e,t,n){void 0===n&&(n=!1);for(var o=[],r=0;r<=this.metrics.width;r+=this.metrics.width/t){var i=this.findValue(e,r,0,this.metrics.height,n?function(e,t){return e<t}:function(e,t){return t<e});null!==i&&o.push([r,i])}return o};var D=po;function po(){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:d.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}]}});Object.defineProperty(go.prototype,"isFocused",{get:function(){if(!c.isDocumentAvailable()||!p(this.host))return!1;var e=document.activeElement;return this.host.nativeElement.contains(e)},enumerable:!1,configurable:!0}),Object.defineProperty(go.prototype,"rgbaInputValid",{get:function(){var t=this;return Object.keys(this.rgba).every(function(e){return p(t.rgba[e])})},enumerable:!1,configurable:!0}),go.prototype.ngAfterViewInit=function(){this.initDomEvents()},go.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},go.prototype.ngOnChanges=function(e){p(e.value)&&!this.isFocused&&(this.hex=E(this.value,"hex",this.opacity),this.rgba=Gn(this.value),this.rgba.a=E(this.value,"rgba",this.opacity)?this.rgba.a:1)},Object.defineProperty(go.prototype,"formatButtonTitle",{get:function(){return this.localizationService.get("formatButton")},enumerable:!1,configurable:!0}),go.prototype.handleRgbaValueChange=function(){e=this.rgba,o=he(e.r,0,255),t=he(e.g,0,255),n=he(e.b,0,255),e=he(e.a,0,1);var e,t,n,o=j.Color.fromBytes(o,t,n,e).toCssRgba();this.rgbaInputValid&&o!==this.value&&(this.value=o,this.rgba=Gn(this.value),this.hex=E(o,"hex",this.opacity),this.valueChange.emit(o))},go.prototype.handleHexValueChange=function(e){this.hex=e;e=E(e,"rgba",this.opacity);p(e)&&e!==this.value&&(this.value=e,this.rgba=Gn(e),this.valueChange.emit(e))},go.prototype.handleRgbaInputBlur=function(){this.rgbaInputValid||(this.rgba=Gn(this.value))},go.prototype.handleHexInputBlur=function(){this.hex=E(this.value,"hex",this.opacity)},go.prototype.toggleFormatView=function(){this.formatView="hex"===this.formatView?"rgba":"hex"},go.prototype.initDomEvents=function(){var e=this;this.host&&this.subscriptions.add(this.renderer.listen(this.toggleFormatButton.nativeElement,"click",function(){return e.toggleFormatView()}))};var ho=go;function go(e,t,n){this.host=e,this.renderer=t,this.localizationService=n,this.focusableId="k-"+c.guid(),this.opacity=!0,this.disabled=!1,this.readonly=!1,this.valueChange=new l.EventEmitter,this.colorInputClass=!0,this.rgba={},this.subscriptions=new M.Subscription}ho.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ho,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),ho.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ho,selector:"kendo-colorinput",inputs:{focusableId:"focusableId",formatView:"formatView",value:"value",opacity:"opacity",disabled:"disabled",readonly:"readonly"},outputs:{valueChange:"valueChange"},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,read:l.ElementRef},{propertyName:"blueInput",first:!0,predicate:["blueInput"],descendants:!0,read:l.ElementRef},{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 type="button"\n >\n <span class="k-button-icon k-icon k-i-arrows-kpi"></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 />\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 </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 [disabled]="disabled"\n [readonly]="readonly"\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 </kendo-numerictextbox>\n <label [for]="alpha.focusableId" class="k-colorgradient-input-label">A</label>\n </div>\n </ng-container>\n ',isInline:!0,components:[{type:Bt,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:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ho,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 type="button"\n >\n <span class="k-button-icon k-icon k-i-arrows-kpi"></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 />\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 </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 [disabled]="disabled"\n [readonly]="readonly"\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 </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:a.LocalizationService}]},propDecorators:{focusableId:[{type:l.Input}],formatView:[{type:l.Input}],value:[{type:l.Input}],opacity:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],valueChange:[{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",{static:!1}]}],hexInput:[{type:l.ViewChild,args:["hexInput",{read:l.ElementRef,static:!1}]}],blueInput:[{type:l.ViewChild,args:["blueInput",{read:l.ElementRef,static:!1}]}],toggleFormatButton:[{type:l.ViewChild,args:["toggleFormatButton",{static:!1}]}]}});Object.defineProperty(fo.prototype,"passMessage",{get:function(){return this.localization.get("passContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(fo.prototype,"failMessage",{get:function(){return this.localization.get("failContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(fo.prototype,"contrastText",{get:function(){var e="AA"===this.type?4.5:7;return this.type+": "+e.toFixed(1)},enumerable:!1,configurable:!0});var V=fo;function fo(e){this.localization=e}V.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),V.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:V,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-close"></span>\n </span>\n </ng-container>\n ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,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-close"></span>\n </span>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:a.LocalizationService}]},propDecorators:{type:[{type:l.Input}],pass:[{type:l.Input}],value:[{type:l.Input}]}});Object.defineProperty(mo.prototype,"formatedRatio",{get:function(){return this.contrastRatio.toFixed(2)},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"contrastRatioText",{get:function(){return this.localization.get("contrastRatio")+": "+(this.value?this.formatedRatio:"n/a")},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"satisfiesAACondition",{get:function(){return 4.5<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"satisfiesAAACondition",{get:function(){return 7<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"contrastRatio",{get:function(){return qn(Gn(this.value),Gn(this.ratio))},enumerable:!1,configurable:!0});var T=mo;function mo(e){this.localization=e}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,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-close"></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:V,selector:"[kendoContrastValidation]",inputs:["type","pass","value"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,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-close"></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:a.LocalizationService}]},propDecorators:{value:[{type:l.Input}],ratio:[{type:l.Input}]}});u(yo,vo=t.ComponentMessages);var vo,P=yo;function yo(){return null!==vo&&vo.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",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}],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}]}});u(Co,bo=P);var bo,ko=Co;function Co(e){var t=bo.call(this)||this;return t.service=e,t}ko.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),ko.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]",providers:[{provide:P,useExisting:l.forwardRef(function(){return ko})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,decorators:[{type:l.Directive,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return ko})}],selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var Io=0,wo=(Object.defineProperty(O.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"gradientId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"contrastTool",{get:function(){return this._contrastTool},set:function(e){this._contrastTool=E(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;p(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isFocused",{get:function(){return!(!c.isDocumentAvailable()||!p(this.host))&&(this.host.nativeElement===document.activeElement||this.host.nativeElement.contains(document.activeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"alphaSliderValue",{get:function(){if(p(this.hsva.value)&&p(this.hsva.value.a))return 100*this.hsva.value.a},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"gradientRect",{get:function(){return this.gradientWrapper.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"contrastToolVisible",{get:function(){return this.contrastTool&&0<this.contrastTool.length},enumerable:!1,configurable:!0}),O.prototype.ngAfterViewInit=function(){this.updateUI(),this.cdr.detectChanges(),this.addEventListeners(),this.subscribeChanges()},O.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&!this.isFocused&&this.updateUI(),c.isChanged("delay",e)&&(this.unsubscribeChanges(),this.subscribeChanges())},O.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.unsubscribeChanges()},O.prototype.focus=function(){this.disabled||this.gradientDragHandle.nativeElement.focus()},O.prototype.reset=function(){this.handleValueChange(void 0),this.updateUI(),this.host.nativeElement.focus()},O.prototype.handleDragPress=function(e){this.disabled||this.readonly||!p(e.originalEvent)||(this.focus(),e.originalEvent.preventDefault())},O.prototype.onHandleDrag=function(e){this.disabled||this.readonly||(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),this.changePosition(e))},O.prototype.onHandleRelease=function(){this.disabled||this.readonly||(this.renderer.removeClass(this.gradientWrapper.nativeElement,"k-dragging"),this.handleValueChange(Kn(this.hsva.value,this.format,this.opacity)))},O.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),r=0;switch(e.key){case"ArrowRight":o=5;break;case"ArrowLeft":o=-5;break;case"ArrowUp":r=-5;break;case"ArrowDown":r=5}var i=parseInt(n.style.top,10)+r,a=parseInt(n.style.left,10)+o;this.renderer.setStyle(n,"top",i+"px"),this.renderer.setStyle(n,"left",a+"px"),this.ngZone.run(function(){return t.moveDragHandle(a,i)})}},O.prototype.changePosition=function(e){var t,n,o,r=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 r.moveDragHandle(n,o)}))},O.prototype.handleHueSliderChange=function(e){var t=this.hsva.value;t.h=e,this.hsva.next(t),this.handleValueChange(Kn(this.hsva.value,this.format,this.opacity)),this.backgroundColor=$n(e),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.hueSliderTouched=!0},O.prototype.handleAlphaSliderChange=function(e){var t=this.hsva.value;t.a=e/100,this.hsva.next(t),this.handleValueChange(Kn(this.hsva.value,this.format,this.opacity)),this.alphaSliderTouched=!0},O.prototype.handleInputsValueChange=function(e){e=E(e,this.format,this.opacity);this.value!==e&&(this.handleValueChange(e),this.updateUI())},O.prototype.writeValue=function(e){this.value=e,p(this.gradientWrapper)&&this.updateUI()},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},Object.defineProperty(O.prototype,"colorGradientHandleTitle",{get:function(){return this.localizationService.get("colorGradientHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"colorGradientHandleAriaLabel",{get:function(){var e=E(this.value,this.format,this.opacity);return""+(this.value?e:this.localizationService.get("colorGradientHandle"))},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hueSliderTitle",{get:function(){return this.localizationService.get("hueSliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"opacitySliderTitle",{get:function(){return this.localizationService.get("opacitySliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"clearButtonTitle",{get:function(){return this.localizationService.get("clearButton")},enumerable:!1,configurable:!0}),O.prototype.isEmpty=function(){return!1},O.prototype.moveDragHandle=function(e,t){var n=this.gradientRect,o=n.width,n=n.height,t=he(t,0,n),e=he(e,0,o),r=(this.setDragHandleElementPosition(t,e),this.hsva.value);r.s=e/o,r.v=1-t/n,this.hsva.next(r),this.updateValues.next(Kn(this.hsva.value,this.format,this.opacity)),this.setAlphaSliderBackground(Kn(Object.assign(Object.assign({},this.hsva.value),{a:1}),this.format,this.opacity))},O.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},O.prototype.setDragHandleElementPosition=function(e,t){var n=this.gradientDragHandle.nativeElement;this.renderer.setStyle(n,"top",e+"px"),this.renderer.setStyle(n,"left",t+"px")},O.prototype.setAlphaSliderBackground=function(e){var t;p(this.alphaSlider)&&(t=this.alphaSlider.track.nativeElement,this.renderer.setStyle(t,"background","linear-gradient(to top, transparent, "+e+")"))},O.prototype.setHostElementAriaLabel=function(){var e=E(this.value,this.format,this.opacity);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorGradientNoColor")))},O.prototype.setBackgroundColor=function(e){this.renderer.setStyle(this.hsvRectangle.nativeElement,"background",e)},O.prototype.updateUI=function(){if(c.isDocumentAvailable()){if(this.hueSliderTouched||this.alphaSliderTouched)return this.hueSliderTouched=!1,void(this.alphaSliderTouched=!1);this.hsva.next(this.value?function(e,t){e=j.parseColor(e,t=void 0===t?!0:t);return p(e)?e.toHSV():{}}(this.value):{h:0,s:0,v:1,a:1});var e=this.gradientRect,t=(1-this.hsva.value.v)*e.height,e=this.hsva.value.s*e.width;this.setDragHandleElementPosition(t,e),this.backgroundColor=$n(this.hsva.value.h),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.setHostElementAriaLabel()}},O.prototype.addEventListeners=function(){var i=this;this.ngZone.runOutsideAngular(function(){var e=i.renderer.listen(i.host.nativeElement,"focusout",function(e){var t;t=i.host.nativeElement,e=e.relatedTarget,t&&e&&(t===e||t.contains(e))||!Fe(i.host)||i.ngZone.run(function(){return i.notifyNgTouched()})}),t=i.renderer.listen(i.gradientDragHandle.nativeElement,"keydown",function(e){i.onKeyboardAction(e)}),n=i.renderer.listen(i.gradientDragHandle.nativeElement,"keyup",function(){i.renderer.removeClass(i.gradientWrapper.nativeElement,"k-dragging"),i.readonly||i.disabled||i.ngZone.run(function(){return i.handleValueChange(Kn(i.hsva.value,i.format,i.opacity))})}),o=i.renderer.listen(i.gradientDragHandle.nativeElement,"focusin",function(){i.renderer.addClass(i.gradientDragHandle.nativeElement,"k-state-focus")}),r=i.renderer.listen(i.gradientDragHandle.nativeElement,"focusout",function(){i.renderer.removeClass(i.gradientDragHandle.nativeElement,"k-state-focus")});i.listeners.push(e,t,n,o,r)})},O.prototype.subscribeChanges=function(){var t=this;this.changeRequestsSubscription=this.updateValues.pipe(H.throttleTime(this.delay)).subscribe(function(e){t.handleValueChange(e)})},O.prototype.unsubscribeChanges=function(){this.changeRequestsSubscription&&this.changeRequestsSubscription.unsubscribe()},O);function O(e,t,n,o,r){var i=this;this.host=e,this.ngZone=t,this.renderer=n,this.cdr=o,this.localizationService=r,this.hostClasses=!0,this.id="k-colorgradient-"+Io++,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 M.BehaviorSubject({}),this._tabindex=0,this.listeners=[],this.hueSliderTouched=!1,this.alphaSliderTouched=!1,this.updateValues=new M.Subject,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},A.validatePackage(Me),this.dynamicRTLSubscription=r.changes.subscribe(function(e){e=e.rtl;i.direction=e?"rtl":"ltr"})}wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:i.ChangeDetectorRef},{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),wo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:wo,selector:"kendo-colorgradient",inputs:{id:"id",opacity:"opacity",disabled:"disabled",readonly:"readonly",clearButton:"clearButton",delay:"delay",value:"value",contrastTool:"contrastTool",tabindex:"tabindex",format:"format"},outputs:{valueChange:"valueChange"},host:{properties:{"class.k-colorgradient":"this.hostClasses","attr.aria-readonly":"this.readonlyAttribute","class.k-state-disabled":"this.disabledClass","attr.id":"this.gradientId","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wo})},S,{provide:t.LocalizationService,useExisting:S},{provide:t.L10N_PREFIX,useValue:"kendo.colorgradient"}],viewQueries:[{propertyName:"gradientDragHandle",first:!0,predicate:["gradientDragHandle"],descendants:!0,read:l.ElementRef},{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 </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="0"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleAriaLabel"\n >\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 (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n tabindex="0">\n <span class="k-icon k-i-reset-color"></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 [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 [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 [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\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:Xe,selector:"kendo-slider",inputs:["focusableId","dragHandleTitle","incrementTitle","animate","decrementTitle","showButtons","value","tabIndex"],exportAs:["kendoSlider"]},{type:ho,selector:"kendo-colorinput",inputs:["focusableId","formatView","value","opacity","disabled","readonly"],outputs:["valueChange"]},{type:T,selector:"[kendoContrastTool]",inputs:["value","ratio"]}],directives:[{type:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,decorators:[{type:l.Component,args:[{exportAs:"kendoColorGradient",selector:"kendo-colorgradient",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wo})},S,{provide:t.LocalizationService,useExisting:S},{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 </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="0"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleAriaLabel"\n >\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 (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n tabindex="0">\n <span class="k-icon k-i-reset-color"></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 [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 [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 [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\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:a.LocalizationService}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-colorgradient"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],disabledClass:[{type:l.HostBinding,args:["class.k-state-disabled"]}],gradientId:[{type:l.HostBinding,args:["attr.id"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],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}],gradientDragHandle:[{type:l.ViewChild,args:["gradientDragHandle",{read:l.ElementRef,static:!1}]}],inputs:[{type:l.ViewChild,args:["inputs",{static:!1}]}],alphaSlider:[{type:l.ViewChild,args:["alphaSlider",{static:!1}]}],gradientWrapper:[{type:l.ViewChild,args:["gradientWrapper",{static:!1}]}],hsvRectangle:[{type:l.ViewChild,args:["hsvRectangle",{static:!1}]}]}});u(Eo,xo=t.LocalizationService),Eo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):xo.prototype.get.call(this,e)};var xo,s=Eo;function Eo(e,t,n,o){e=xo.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:ro,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),s.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:ro,decorators:[{type:l.Optional},{type:l.Inject,args:[ro]}]}]}});Do.prototype.setColorMatrix=function(e,t){if(this.colorRows=[],p(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)}}},Do.prototype.getCellCoordsFor=function(e){if(p(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}},Do.prototype.getColorAt=function(e){if(p(e)&&p(this.colorRows[e.row]))return this.colorRows[e.row][e.col]},Do.prototype.getNextCell=function(e,t,n){if(!(p(e)&&p(e.row)&&p(e.col)))return{row:0,col:0};n=this.clampIndex(e.row+n,this.colorRows.length-1);return{row:n,col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}},Do.prototype.clampIndex=function(e,t){return e<0?0:t<e?t:e};var So=Do;function Do(){this.colorRows=[]}So.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,deps:[],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}]});var Vo=0,To=(Object.defineProperty(B.prototype,"paletteId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"columns",{get:function(){return this._columns},set:function(e){this._columns=1<e?e:1},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"palette",{get:function(){return this._palette},set:function(e){var t=this,e=("string"==typeof(e=p(e)?e:"office")&&p(Rn[e])&&(this.columns=this.columns||Rn[e].columns,e=Rn[e].colors),"string"==typeof e?e.split(","):e);this._palette=e.map(function(e){return E(e,t.format,!1,!1)})},enumerable:!1,configurable:!0}),Object.defineProperty(B.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(B.prototype,"tileLayout",{get:function(){return"number"!=typeof this.tileSize?this.tileSize:{width:this.tileSize,height:this.tileSize}},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"colorRows",{get:function(){return this.service.colorRows},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),B.prototype.ngOnInit=function(){var e;0===this.colorRows.length&&(e="name"!==this.format?"office":"accessible",this.palette=this.palette||e,this.setRows())},B.prototype.ngAfterViewInit=function(){var e=this;this.setHostElementAriaLabel(),this.value&&this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){e.selectCell(e.value)})},B.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},B.prototype.ngOnChanges=function(e){(e.palette||e.columns)&&this.setRows(),(e.palette||e.value||e.columns)&&(this.selectCell(this.value),this.setHostElementAriaLabel())},B.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()},B.prototype.handleHostBlur=function(){this.notifyNgTouched(),this.handleCellFocusOnBlur()},B.prototype.handleCellSelection=function(e,t){this.readonly||(this.selectedCell=t,this.focusedCell=this.selectedCell,this.focusInComponent=!0,e=E(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))},B.prototype.writeValue=function(e){this.value=e,this.selectCell(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.isEmpty=function(){return!1},B.prototype.reset=function(){this.focusedCell=null,p(this.value)&&this.handleValueChange(void 0),this.selectedCell=void 0},B.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},B.prototype.handleCellFocusOnBlur=function(){this.focusInComponent=!1,this.focusedCell=this.selectedCell},B.prototype.selectCell=function(e){this.selectedCell=this.service.getCellCoordsFor(e),this.focusedCell=this.selectedCell},B.prototype.setRows=function(){p(this.palette)&&(this.columns=this.columns||10,this.service.setColorMatrix(this.palette,this.columns))},B.prototype.handleCellNavigation=function(e,t){this.readonly||(this.focusedCell=this.service.getNextCell(this.focusedCell,e,t),this.focusInComponent=!0)},B.prototype.setHostElementAriaLabel=function(){var e=E(this.value,this.format);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorPaletteNoColor")))},B.prototype.handleEnter=function(){var e;p(this.focusedCell)&&(e=this.service.getColorAt(this.focusedCell),this.handleCellSelection(e,this.focusedCell))},B);function B(e,t,n,o,r,i){var a=this;this.host=e,this.service=t,this.cdr=n,this.renderer=o,this.localizationService=r,this.ngZone=i,this.id="k-colorpalette-"+Vo++,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(){},A.validatePackage(Me),this.dynamicRTLSubscription=r.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}To.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:To,deps:[{token:i.ElementRef},{token:So},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:a.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),To.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:To,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)",blur:"handleHostBlur()"},properties:{"attr.dir":"this.direction","attr.id":"this.paletteId","attr.tabindex":"this.hostTabindex","class.k-colorpalette":"this.hostClasses","attr.aria-disabled":"this.disabledClass","class.k-state-disabled":"this.disabledClass","attr.aria-readonly":"this.readonlyAttribute"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return To})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return To})},So,s,{provide:t.LocalizationService,useExisting:s},{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 role="listbox" class="k-colorpalette-table-wrap"\n [attr.aria-activedescendant]="activeCellId">\n <table class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index">\n <td *ngFor="let color of row; let colIndex = index"\n role="option"\n [class.k-state-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-state-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:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:To,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPalette",selector:"kendo-colorpalette",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return To})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return To})},So,s,{provide:t.LocalizationService,useExisting:s},{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 role="listbox" class="k-colorpalette-table-wrap"\n [attr.aria-activedescendant]="activeCellId">\n <table class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index">\n <td *ngFor="let color of row; let colIndex = index"\n role="option"\n [class.k-state-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-state-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:So},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:a.LocalizationService},{type:i.NgZone}]},propDecorators:{direction:[{type:l.HostBinding,args:["attr.dir"]}],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-state-disabled"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],handleKeydown:[{type:l.HostListener,args:["keydown",["$event"]]}],handleHostBlur:[{type:l.HostListener,args:["blur"]}]}});Po.prototype.getText=function(e){return this.localizationService.get(e)},Po.prototype.onActionButtonClick=function(e,t){this.actionButtonClick.emit({target:e,originalEvent:t})};S=Po;function Po(e){this.localizationService=e,this.hostClasses=!0,this.actionButtonClick=new l.EventEmitter}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),S.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoFlatColorPickerActionButtons]",outputs:{actionButtonClick:"actionButtonClick"},host:{properties:{"class.k-coloreditor-footer":"this.hostClasses","class.k-actions":"this.hostClasses","class.k-hstack":"this.hostClasses"}},viewQueries:[{propertyName:"lastButton",first:!0,predicate:["last"],descendants:!0,read:l.ElementRef}],ngImport:i,template:'\n <button\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 >{{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 >{{getText(\'applyButton\')}}</button>\n ',isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:l.Component,args:[{selector:"[kendoFlatColorPickerActionButtons]",template:'\n <button\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 >{{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 >{{getText(\'applyButton\')}}</button>\n '}]}],ctorParameters:function(){return[{type:a.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"]}],actionButtonClick:[{type:l.Output}],lastButton:[{type:l.ViewChild,args:["last",{read:l.ElementRef,static:!1}]}]}});Oo.prototype.ngAfterContentInit=function(){this.focusOnNextTick()},Oo.prototype.focusOnNextTick=function(){var e=this;this.ngZone.runOutsideAngular(function(){return setTimeout(function(){return e.host.nativeElement.focus()})})};s=Oo;function Oo(e,t){this.host=e,this.ngZone=t}s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),s.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:s,selector:"[kendoFocusOnDomReady]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,decorators:[{type:l.Directive,args:[{selector:"[kendoFocusOnDomReady]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]}});Object.defineProperty(R.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(R.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(R.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),R.prototype.ngOnInit=function(){this.selection=this.value,this._paletteSettings=this.service.getPaletteSettings(this._paletteSettings,this.format),this.setActiveView()},R.prototype.ngAfterViewInit=function(){this.setHostElementAriaLabel(),this.initDomEvents(),this.setSizingVariables()},R.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&(this.selection=this.value,this.setHostElementAriaLabel()),c.isChanged("paletteSettings",e)&&this.setSizingVariables()},R.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},Object.defineProperty(R.prototype,"headerHasContent",{get:function(){return this.preview||1<this.views.length||this.clearButton},enumerable:!1,configurable:!0}),R.prototype.isEmpty=function(){return!1},R.prototype.focus=function(){this.disabled&&this.focused||(this.host.nativeElement.focus(),this.focused=!0)},R.prototype.blur=function(){this.focused&&(this.notifyNgTouched(),this.host.nativeElement.blur(),this.focused=!1)},R.prototype.reset=function(){p(this.value)&&(this.value=void 0,this.notifyNgChanged(void 0),this.setHostElementAriaLabel())},R.prototype.onViewChange=function(e){var t=this;this.activeView!==e&&(this.activeView=e,this.activeViewChange.emit(e),"gradient"===this.activeView&&this.ngZone.runOutsideAngular(function(){setTimeout(function(){t.gradient.gradientDragHandle.nativeElement.focus()})}))},R.prototype.onClearButtonClick=function(){this.resetInnerComponentValue(),this.host.nativeElement.focus()},R.prototype.handleValueChange=function(e){this.preview?this.changeCurrentValue(e):this.setFlatColorPickerValue(e)},R.prototype.onAction=function(e){"apply"===e.target?this.setFlatColorPickerValue(this.selection):this.resetSelection(e.originalEvent),this.actionButtonClick.emit()},R.prototype.writeValue=function(e){this.value=e},R.prototype.registerOnChange=function(e){this.notifyNgChanged=e},R.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},R.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},R.prototype.resetSelection=function(e){e=new Fn(e);this.cancel.emit(e),e.isDefaultPrevented()||(this.selection=this.value),this.notifyNgTouched()},R.prototype.setHostElementAriaLabel=function(){var e=E(this.value,this.format,this.gradientSettings.opacity),e=""+(this.value?e:this.localizationService.get("flatColorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},R.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)},R.prototype.changeCurrentValue=function(e){this.selection=e,this.notifyNgTouched()},R.prototype.resetInnerComponentValue=function(){this.selection=null,(this.gradient||this.palette).reset()},R.prototype.setFlatColorPickerValue=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},R.prototype.setActiveView=function(){if(p(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]},R.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()}))}))};var Bo=R;function R(e,t,n,o,r,i){var a=this;this.host=e,this.service=t,this.localizationService=n,this.cdr=o,this.renderer=r,this.ngZone=i,this.hostClasses=!0,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},this._paletteSettings={},this.subscriptions=new M.Subscription,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},A.validatePackage(Me),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Bo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bo,deps:[{token:i.ElementRef},{token:ao},{token:a.LocalizationService},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),Bo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bo,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:{properties:{"class.k-flatcolorpicker":"this.hostClasses","class.k-coloreditor":"this.hostClasses","class.k-state-disabled":"this.disabledClass","attr.aria-disabled":"this.disabledClass","attr.aria-readonly":"this.ariaReadonly","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bo})},ao,ro,{provide:t.LocalizationService,useExisting:ro},{provide:t.L10N_PREFIX,useValue:"kendo.flatcolorpicker"}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0},{propertyName:"gradient",first:!0,predicate:["gradient"],descendants:!0},{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 </ng-container>\n <div kendoFlatColorPickerHeader\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 </div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n *ngIf="activeView === \'gradient\'"\n [tabindex]="null"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorgradient>\n <kendo-colorpalette #palette\n *ngIf="activeView === \'palette\'"\n kendoFocusOnDomReady\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)">\n </div>\n',isInline:!0,components:[{type:w,selector:"[kendoFlatColorPickerHeader]",inputs:["clearButton","activeView","views","preview","value","selection"],outputs:["viewChange","valuePaneClick","clearButtonClick"]},{type:wo,selector:"kendo-colorgradient",inputs:["id","opacity","disabled","readonly","clearButton","delay","value","contrastTool","tabindex","format"],outputs:["valueChange"],exportAs:["kendoColorGradient"]},{type:To,selector:"kendo-colorpalette",inputs:["id","format","value","columns","palette","tabindex","disabled","readonly","tileSize"],outputs:["selectionChange","valueChange","cellSelection"],exportAs:["kendoColorPalette"]},{type:S,selector:"[kendoFlatColorPickerActionButtons]",outputs:["actionButtonClick"]}],directives:[{type:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s,selector:"[kendoFocusOnDomReady]"},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bo,decorators:[{type:l.Component,args:[{exportAs:"kendoFlatColorPicker",selector:"kendo-flatcolorpicker",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bo})},ao,ro,{provide:t.LocalizationService,useExisting:ro},{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 </ng-container>\n <div kendoFlatColorPickerHeader\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 </div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n *ngIf="activeView === \'gradient\'"\n [tabindex]="null"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorgradient>\n <kendo-colorpalette #palette\n *ngIf="activeView === \'palette\'"\n kendoFocusOnDomReady\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)">\n </div>\n'}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:ao},{type:a.LocalizationService},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.NgZone}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-flatcolorpicker"]},{type:l.HostBinding,args:["class.k-coloreditor"]}],disabledClass:[{type:l.HostBinding,args:["class.k-state-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"]}],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",{static:!1}]}],gradient:[{type:l.ViewChild,args:["gradient",{static:!1}]}],palette:[{type:l.ViewChild,args:["palette",{static:!1}]}],footer:[{type:l.ViewChild,args:["footer",{static:!1}]}]}});var Ro=["focus","blur"],Fo=(Object.defineProperty(F.prototype,"focusedClass",{get:function(){return this.isFocused},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(F.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(F.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign(this._popupSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){this._paletteSettings=Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){this._gradientSettings=Object.assign(this._gradientSettings,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,"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(F.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(F.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(F.prototype,"isOpen",{get:function(){return p(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"iconStyles",{get:function(){return this.iconClass||(this.icon?"k-icon k-i-"+this.icon:void 0)},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){var e="name"!==this.format?"office":oo,t=this._paletteSettings.palette,n="string"==typeof t&&Rn[t]?Rn[t].columns:void 0;this._paletteSettings={palette:t||e,tileSize:this._paletteSettings.tileSize||24,columns:this._paletteSettings.columns||n||10}},F.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.setHostElementAriaLabel(),this.handleHostId(),this.initDomEvents()},F.prototype.ngOnChanges=function(e){e.format&&"name"===e.format.currentValue&&(this.activeView="palette"),"gradient"===this.activeView&&this.gradientSettings.opacity&&(this.format="rgba",this.value=E(this.value,this.format,this.gradientSettings.opacity)),c.isChanged("value",e)&&this.setHostElementAriaLabel()},F.prototype.ngOnDestroy=function(){this.closePopup(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe(),this.handleDomEvents("remove",Ro)},F.prototype.handleCancelEvent=function(e){this.cancel.emit(e)},F.prototype.togglePopup=function(){this.focus(),this.toggleWithEvents(!this.isOpen)},F.prototype.handleWrapperClick=function(e){var t=this;if(!this.disabled){if(this.focus(),c.closest(e.target,function(e){return e===t.activeColor.nativeElement}))return e=new _n(this.value),this.activeColorClick.emit(e),void(e.isOpenPrevented()&&!this.isOpen||this.toggleWithEvents(!this.isOpen));this.toggleWithEvents(!this.isOpen)}},F.prototype.focus=function(){this.isFocused=!0,this.host.nativeElement.focus()},F.prototype.handleWrapperFocus=function(){var e=this;this.isFocused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},F.prototype.blur=function(){this.isFocused=!1,this.host.nativeElement.blur(),this.notifyNgTouched()},F.prototype.handleWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.isFocused=!1})},F.prototype.reset=function(){p(this.value)&&(this._value=void 0,this.setHostElementAriaLabel(),this.notifyNgChanged(void 0))},F.prototype.toggle=function(e){this.disabled||this.readonly||(this.cdr.markForCheck(),this.closePopup(),(e=p(e)?e:!this.isOpen)&&this.openPopup())},F.prototype.handleValueChange=function(e){e=E(e,this.format,this.gradientSettings.opacity);e!==this.value&&(this.value=e,this.valueChange.emit(e),this.setHostElementAriaLabel(),this.notifyNgChanged(e))},F.prototype.handlePopupBlur=function(e){this.popupBlurInvalid(e)||(this.isFocused=!1,this.onBlur.emit(),this.notifyNgTouched(),this.toggleWithEvents(!1))},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.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},F.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)}))},F.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()))},F.prototype.isEmpty=function(){return!1},F.prototype.setHostElementAriaLabel=function(){var e=""+(this.value||this.localizationService.get("colorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},F.prototype.handleClasses=function(e,t){var n=this.host.nativeElement,t=X("picker",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},F.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},F.prototype.toggleWithEvents=function(e){var t,n=this.isOpen===e;this.disabled||this.readonly||n||(e?(t=new Ln,this.open.emit(t)):(t=new Hn,this.close.emit(t)),t.isDefaultPrevented()||this.toggle(e),e&&this.focusFirstElement())},F.prototype.focusFirstElement=function(){var t=this;this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){var e;t.flatColorPicker&&((e=t.flatColorPicker.gradient)?e.gradientDragHandle:t.flatColorPicker.palette.host).nativeElement.focus()})},F.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.popupRef.popupAnchorViewportLeave.subscribe(function(){e.toggleWithEvents(!1),e.isOpen||e.host.nativeElement.focus({preventScroll:!0})})},F.prototype.closePopup=function(){this.isOpen&&(this.popupRef.close(),this.popupRef=null)},Object.defineProperty(F.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(F.prototype,"lastFocusableElement",{get:function(){if(this.preview)return this.flatColorPicker.footer.lastButton;if(this.flatColorPicker.palette)return this.flatColorPicker.palette.host;var e=this.flatColorPicker.gradient,t=e&&e.inputs;return e&&t&&"hex"===t.formatView?t.hexInput:this.gradientSettings.opacity?t.opacityInput.numericInput:t.blueInput},enumerable:!1,configurable:!0}),F.prototype.handleDomEvents=function(t,e){var n=this,o=this.host.nativeElement;e.forEach(function(e){return o[t+"EventListener"](e,n.domFocusListener,!0)})},F.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",Ro),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)})}))}))},F.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)},F);function F(e,t,n,o,r,i){var a=this;this.host=e,this.popupService=t,this.cdr=n,this.localizationService=o,this.ngZone=r,this.renderer=i,this.hostClasses=!0,this.role="listbox",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 M.Subscription,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},this.domFocusListener=function(e){return e.stopImmediatePropagation()},A.validatePackage(Me),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Fo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Fo,deps:[{token:i.ElementRef},{token:G.PopupService},{token:i.ChangeDetectorRef},{token:a.LocalizationService},{token:i.NgZone},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),Fo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Fo,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"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Fo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Fo})},eo,{provide:t.LocalizationService,useExisting:eo},{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 </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 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-arrow-s"></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:Bo,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:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Fo,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPicker",selector:"kendo-colorpicker",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Fo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Fo})},eo,{provide:t.LocalizationService,useExisting:eo},{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 </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 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-arrow-s"></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:G.PopupService},{type:i.ChangeDetectorRef},{type:a.LocalizationService},{type:i.NgZone},{type:i.Renderer2}]},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"]}],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}]}]}});u(Ho,zo=P),Object.defineProperty(Ho.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var zo,Mo=Ho;function Ho(e){var t=zo.call(this)||this;return t.service=e,t}Mo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Mo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mo,selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",providers:[{provide:P,useExisting:l.forwardRef(function(){return Mo})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,decorators:[{type:l.Component,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return Mo})}],selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var P=[Fo,To,wo,Bo,ko,Mo],Ao=[ho,s,T,V,w,S,D],No=function(){},ho=(No.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,deps:[],target:i.ɵɵFactoryTarget.NgModule}),No.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,declarations:[Fo,To,wo,Bo,ko,Mo,ho,s,T,V,w,S,D],imports:[g,h,o.CommonModule,L.PopupModule,c.DraggableModule],exports:[Fo,To,wo,Bo,ko,Mo]}),No.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,imports:[[g,h,o.CommonModule,L.PopupModule,c.DraggableModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,decorators:[{type:l.NgModule,args:[{declarations:[P,Ao],exports:[P],imports:[g,h,o.CommonModule,L.PopupModule,c.DraggableModule]}]}]}),Object.defineProperty(Lo.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(Lo.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Lo.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(t[e],e)})},Lo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("checkbox",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Lo);function Lo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",this._rounded="medium"}ho.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ho,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),ho.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ho,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:ho,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}]}});s=function(){},s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,deps:[],target:i.ɵɵFactoryTarget.NgModule}),s.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,declarations:[ho],imports:[o.CommonModule],exports:[ho]}),s.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,imports:[[o.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,decorators:[{type:l.NgModule,args:[{declarations:[ho],exports:[ho],imports:[o.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=X("radio",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},T=jo;function jo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",A.validatePackage(Me)}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),T.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:T,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:T,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 V=function(){},_o=(V.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,deps:[],target:i.ɵɵFactoryTarget.NgModule}),V.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,declarations:[T],imports:[o.CommonModule],exports:[T]}),V.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,imports:[[o.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,decorators:[{type:l.NgModule,args:[{declarations:[T],exports:[T],imports:[o.CommonModule]}]}]}),0),w=(Object.defineProperty(Zo.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Zo.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Zo.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),Zo);function Zo(){this.hostClass=!0,this.align="start",this.id="kendo-error-"+_o++,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 Go=0,S=(Object.defineProperty(Ko.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),Ko);function Ko(){this.align="start",this.id="kendo-hint-"+Go++,this.hostClass=!0}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[],target:i.ɵɵFactoryTarget.Component}),S.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,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:S,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(z.prototype,"errorClass",{get:function(){return!!this.control&&(this.control.invalid&&(this.control.touched||this.control.dirty))},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"disabledClass",{get:function(){return!!this.control&&(!this.isRadioControl(this.control)&&(this.disabledControl()||this.disabledElement()||this.disabledKendoInput()))},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"formControls",{set:function(e){this.validateFormControl(e),this.control=e.first},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hasHints",{get:function(){return"always"===this.showHints||this.showHintsInitial()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hasErrors",{get:function(){return"always"===this.showErrors||this.showErrorsInitial()},enumerable:!1,configurable:!0}),z.prototype.ngAfterViewInit=function(){this.setDescription()},z.prototype.ngAfterViewChecked=function(){this.updateDescription()},z.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},z.prototype.disabledKendoInput=function(){return this.kendoInput&&this.kendoInput.disabled},z.prototype.disabledControl=function(){return this.control.disabled},z.prototype.disabledElement=function(){return this.controlElementRefs.toArray().every(function(e){return e.nativeElement.hasAttribute("disabled")})},z.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.")},z.prototype.isControlGroup=function(e){var t=this;if(!e.length)return!1;var n=e.first.name;return e.toArray().every(function(e){return e.name===n&&t.isRadioControl(e)})},z.prototype.isRadioControl=function(e){return e.valueAccessor instanceof n.RadioControlValueAccessor},z.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"))})},z.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})},z.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(" ")},z.prototype.showHintsInitial=function(){if(!this.control)return!0;var e=this.control,t=e.valid,n=e.untouched,e=e.pristine;return t||n&&e},z.prototype.showErrorsInitial=function(){if(!this.control)return!1;var e=this.control,t=e.invalid,n=e.dirty,e=e.touched;return t&&(n||e)},z.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=z;function z(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 M.Subscription,this.rtl=!1,A.validatePackage(Me),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:a.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:n.NgControl,descendants:!0},{propertyName:"controlElementRefs",predicate:n.NgControl,descendants:!0,read:l.ElementRef},{propertyName:"errorChildren",predicate:w,descendants:!0},{propertyName:"hintChildren",predicate:S,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:d.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:a.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:[n.NgControl,{descendants:!0}]}],controlElementRefs:[{type:l.ContentChildren,args:[n.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:[S,{descendants:!0}]}],showHints:[{type:l.Input}],orientation:[{type:l.Input}],showErrors:[{type:l.Input}]}});Ao=function(){},Ao.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Ao.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,declarations:[S,w,D],imports:[o.CommonModule],exports:[S,w,D]}),Ao.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,imports:[[o.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,decorators:[{type:l.NgModule,args:[{declarations:[S,w,D],exports:[S,w,D],imports:[o.CommonModule]}]}]}),P=function(){};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,imports:[o.CommonModule],exports:[Bn,xn,g,r,y,h,un,No,s,V,Ao]}),P.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,imports:[[o.CommonModule],Bn,xn,g,r,y,h,un,No,s,V,Ao]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,decorators:[{type:l.NgModule,args:[{exports:[Bn,xn,g,r,y,h,un,No,s,V,Ao],imports:[o.CommonModule]}]}]}),e.ActiveColorClickEvent=_n,e.CheckBoxDirective=ho,e.CheckBoxModule=s,e.ColorGradientComponent=wo,e.ColorPaletteComponent=To,e.ColorPickerCancelEvent=Fn,e.ColorPickerCloseEvent=Hn,e.ColorPickerComponent=Fo,e.ColorPickerCustomMessagesComponent=Mo,e.ColorPickerModule=No,e.ColorPickerOpenEvent=Ln,e.ErrorComponent=w,e.FlatColorPickerComponent=Bo,e.FormFieldComponent=D,e.FormFieldModule=Ao,e.HintComponent=S,e.InputSeparatorComponent=C,e.InputsModule=P,e.LabelTemplateDirective=He,e.LocalizedColorPickerMessagesDirective=ko,e.LocalizedNumericTextBoxMessagesDirective=Dt,e.LocalizedRangeSliderMessagesDirective=nt,e.LocalizedSliderMessagesDirective=Ke,e.LocalizedSwitchMessagesDirective=dt,e.LocalizedTextBoxMessagesDirective=mn,e.MaskedTextBoxComponent=Jt,e.MaskedTextBoxModule=un,e.NumericTextBoxComponent=Bt,e.NumericTextBoxCustomMessagesComponent=zt,e.NumericTextBoxModule=h,e.RadioButtonDirective=T,e.RadioButtonModule=V,e.RangeSliderComponent=at,e.RangeSliderCustomMessagesComponent=rn,e.RangeSliderModule=r,e.SharedModule=wn,e.SliderComponent=Xe,e.SliderCustomMessagesComponent=tn,e.SliderModule=g,e.SliderTicksComponent=Le,e.SwitchComponent=ht,e.SwitchCustomMessagesComponent=ln,e.SwitchModule=y,e.TextAreaComponent=Pn,e.TextAreaDirective=mt,e.TextAreaModule=Bn,e.TextAreaSuffixComponent=En,e.TextBoxComponent=bn,e.TextBoxCustomMessagesComponent=Cn,e.TextBoxDirective=gt,e.TextBoxModule=xn,e.TextBoxPrefixTemplateDirective=hn,e.TextBoxSuffixTemplateDirective=pn,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")):"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"],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)}(this,function(e,l,n,M,H,t,c,A,o,N,r,L,j){"use strict";function _(n){if(n&&n.__esModule)return n;var o=Object.create(null);return 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=_(l),a=_(t),s=_(c),d=_(o),Z=_(r),G=_(L),K=function(e,t){return(K=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 u(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}K(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function W(e,t){var n="function"==typeof Symbol&&e[Symbol.iterator];if(!n)return e;var o,r,i=n.call(e),a=[];try{for(;(void 0===t||0<t--)&&!(o=i.next()).done;)a.push(o.value)}catch(e){r={error:e}}finally{try{o&&!o.done&&(n=i.return)&&n.call(i)}finally{if(r)throw r.error}}return a}Object.create;function $(e,t){return e===t||null===e&&void 0===t||void 0===e&&null===t}function U(e){return e&&(!e.touched||e.control&&"blur"===e.control.updateOn)}function X(e,t,n,o){switch(t){case"size":return{toRemove:"k-"+e+"-"+ge[n],toAdd:"none"!==o?"k-"+e+"-"+ge[o]:""};case"rounded":return{toRemove:"k-rounded-"+fe[n],toAdd:"none"!==o?"k-rounded-"+fe[o]:""};case"fillMode":return{toRemove:"k-"+e+"-"+n,toAdd:"none"!==o?"k-"+e+"-"+o:""}}}function q(e){return(e.max-e.min)/e.smallStep*e.fixedTickWidth}function Q(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(Ce(t,e)),e=Math.floor(we(t,n)),ke(e,1)}function Y(e,t){var n=t.max,o=t.min,r=t.smallStep,i=t.reverse,t=t.vertical,o=ke(o,Ie(e,r));return t||i?Math.abs(Ce(o,n)):o}function J(e){var t=e.trackWidth,n=e.min,o=e.max,r=e.reverse,e=e.value,o=t/Math.abs(o-n),o=p(e)?o*(e-n):n;return r&&(o=t-o),Math.floor(o)}function ee(e){return-1<e.id.indexOf("k-start-handle")}function te(e,t){var n=t.smallStep,o=t.min,r=t.max,r=De(e,o,r);return e!==r?r:(r=Ee(e,t),t=Se(e,t),(e-o)%n==0?e:t-e<=(t-r)/2?t:r)}function ne(e,t,n){return e<n?e:n<t?t:n}function oe(e,t,n){return n?[ne(e,t,n[0]),ne(e,t,n[1])]:[t,t]}function re(e){return e}function ie(e,t){return $(e[0],t[0])&&$(e[1],t[1])}function ae(e,t,n){var o=n.min,r=n.max,i=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=(i?e.pageY-s.top:e.pageX-s.left)*((r-o)/(i?t.clientHeight:t.clientWidth)),e=a||i?r-l:o+l,s=ve(n.smallStep),e=be(e,s+1);return te(e,n)}function se(e){return 0<=e.className.indexOf("k-button-increase")||0<=e.className.indexOf("k-button-decrease")}function le(e){return Se(e.value,e)}function ce(e){return Ee(e.value,e)}function de(e){return Se(e.value,e,!0)}function ue(e){return Ee(e.value,e,!0)}function pe(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 p=function(e){return null!=e},he=function(e,t,n){return!p(e)||isNaN(e)||e<=t?t:n<=e?n:e},ge={small:"sm",medium:"md",large:"lg"},fe={small:"sm",medium:"md",large:"lg",full:"full"},me=function(e){return Math.min(e,20)},ve=function(e){return(String(e).split(".")[1]||"").length},ye=function(e,t){return Math.max(ve(e),ve(t))},be=function(e,t){t=me(t);return parseFloat(e.toFixed(t))},ke=function(e,t){var n=ye(e,t);return be(e+t,n)},Ce=function(e,t){return ke(e,-t)},Ie=function(e,t){var n=ve(e)+ve(t);return be(e*t,n)},we=function(e,t){if(0===t)return NaN;var n=ye(e,t),n=Math.pow(10,n);return n*e/(n*t)},xe=function(e,t){return Math.abs(Ce(e,Ie(t,Math.floor(we(e,t)))))},Ee=function(e,t,n){var o=t.max,r=t.min,i=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ie(i,t):i,t=Ce(e,r),i=xe(t,n),e=Ce(t,0===i?n:i);return De(ke(e,r),r,o)},Se=function(e,t,n){var o=t.max,r=t.min,i=t.smallStep,t=t.largeStep,n=(n=void 0===n?!1:n)&&t?Ie(i,t):i,t=Ce(e,r),i=xe(t,n),e=ke(Ce(t,i),n);return De(ke(e,r),r,o)},De=function(e,t,n){return Math.max(Math.min(e,n),t)},r=(Ve.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]=""},Ve.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,r=0,i=t.length;r<i;r++)!o&&r in t||((o=o||Array.prototype.slice.call(t,0,r))[r]=t[r]);return e.concat(o||Array.prototype.slice.call(t))}([],W(t)).map(function(e,t){return e.style[o]=n.tickSizes[t]+"px"}),this.props.vertical&&this.adjustPadding(e)},Ve.prototype.resizeWrapper=function(){var e=this.props.vertical?"height":"width",t=q(this.props),n=this.wrapper.parentElement;t&&(n.style[e]="auto")},Ve.prototype.trackWidth=function(){return this.props.fixedTickWidth?q(this.props):this.elementSize(this.track.parentElement)},Ve.prototype.getTickSizes=function(){for(var e=this.props,t=e.min,n=e.max,o=e.smallStep,r=Q(t,n,o),e=this.trackWidth(),i=e/Ce(n,t),a=[],s=0,l=0,c=0;c<r;c++){var l=+(l+=0===c||c===r-1?o/2*i:o*i).toFixed(2)-.01,d=Math.round(l-s);a.push(d),s+=d}return e<=s&&--a[a.length-1],a},Ve.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")},Ve.prototype.elementOffset=function(e){var t=this.props.vertical,e=getComputedStyle(e);return parseInt(t?e.bottom:e.left,10)},Ve.prototype.elementSize=function(e){return this.props.vertical?e.clientHeight:e.clientWidth},Ve);function Ve(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()}u(Oe,Te=r),Oe.prototype.positionHandle=function(e){var t=this.props,n=t.max,o=t.min,r=t.reverse,t=t.vertical?"bottom":"left",i=this.trackWidth(),a=ne(n,o,this.props.value);this.handlePosition=J({min:o,max:n,reverse:r,value:a,trackWidth:i}),this.renderer.setStyle(e,t,this.handlePosition+"px")},Oe.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 Te,Pe=Oe;function Oe(){return null!==Te&&Te.apply(this,arguments)||this}var Be=function(e){return String(e).trim().split(" ")};function Re(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 Fe(e){return e&&e.nativeElement&&(e=e.nativeElement,t="ng-untouched",Boolean(Be(e.className).find(function(e){return e===t})));var t}function ze(e,t){for(;e&&!t(e);)e=e.parentNode;return e}var Me={name:"@progress/kendo-angular-inputs",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1655306203,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"},He=function(e){this.templateRef=e},h=(He.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:He,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),He.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:He,selector:"[kendoSliderLabelTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:He,decorators:[{type:l.Directive,args:[{selector:"[kendoSliderLabelTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),Object.defineProperty(Ae.prototype,"horizontalClass",{get:function(){return!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"verticalClass",{get:function(){return this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Ae.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Ae.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(n.NgControl,null)},Object.defineProperty(Ae.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),Ae.prototype.isEmpty=function(){return!1},Object.defineProperty(Ae.prototype,"reverse",{get:function(){return this.localizationService.rtl&&!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(Ae.prototype,"keyBinding",{get:function(){var e=this.reverse,t={};return t[c.Keys.ArrowLeft]=e?le:ce,t[c.Keys.ArrowRight]=e?ce:le,t[c.Keys.ArrowDown]=ce,t[c.Keys.ArrowUp]=le,t[c.Keys.PageUp]=de,t[c.Keys.PageDown]=ue,t[c.Keys.Home]=function(e){return e.min},t[c.Keys.End]=function(e){return e.max},t},enumerable:!1,configurable:!0}),Ae.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"))})},Ae);function Ae(e,t,n,o,r,i){var a=this;this.localizationService=e,this.injector=t,this.renderer=n,this.ngZone=o,this.changeDetector=r,this.hostElement=i,this.title=re,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 M.Subscription,this.ifEnabled=function(e,t){a.isDisabled||e.call(a,t)},A.validatePackage(Me),this.direction=e.rtl?"rtl":"ltr"}h.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,deps:[{token:a.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-state-disabled":"this.disabledClass"}},queries:[{propertyName:"labelTemplate",first:!0,predicate:He,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:a.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-state-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:[He,{static:!1}]}]}});var Ne=function(e){this.value=e,this.classes={"k-tick":!0}},Le=(je.prototype.ngOnChanges=function(e){this.createTicks()},je.prototype.createTicks=function(){for(var e=Q(this.min,this.max,this.step),t=this.largeStep,n={max:this.max,min:this.min,smallStep:this.step},o=[],r=0;r<e;r++)o.push(new Ne(Y(r,n))),t&&r%t==0&&(o[r].large=!0,o[r].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},je.prototype.endTickClasses=function(e){return{"k-first":e&&!this.vertical||!e&&this.vertical,"k-last":!e&&!this.vertical||e&&this.vertical}},je);function je(){this.wrapperClasses="k-reset k-slider-items",this.ticks=[]}Le.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Le,deps:[],target:i.ɵɵFactoryTarget.Component}),Le.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Le,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:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:d.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Le,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"]}]}});u(Ze,_e=t.ComponentMessages);var _e,g=Ze;function Ze(){return null!==_e&&_e.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}]}});u(We,Ge=g);var Ge,Ke=We;function We(e){var t=Ge.call(this)||this;return t.service=e,t}Ke.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ke,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Ke.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ke,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:g,useExisting:l.forwardRef(function(){return Ke})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ke,decorators:[{type:l.Directive,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return Ke})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var $e,Ue="k-pressed",Xe=(u(f,$e=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 p(this.value)?this.value.toString():""},enumerable:!1,configurable:!0}),f.prototype.focus=function(){this.disabled||(this.focusChangedProgrammatically=!0,Re(this.draghandle,"focus"),this.focusChangedProgrammatically=!1)},f.prototype.blur=function(){this.focusChangedProgrammatically=!0,Re(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(H.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())},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(ae(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;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.sizeComponent(t.animate),t.changeDetector.markForCheck()})},f.prototype.sizeComponent=function(e){var t,n,o,r,i;c.isDocumentAvailable()&&(t=this.wrapper.nativeElement,n=this.track.nativeElement,o=this.sliderSelection.nativeElement,r=this.draghandle.nativeElement,i=this.ticks?this.ticksContainer.nativeElement:null,e||this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions"),this.resetStyles([n,o,r,i,this.hostElement.nativeElement]),i=this.getProps(),(i=new Pe(i,t,n,this.renderer)).resizeTrack(),this.ticks&&i.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),i.positionHandle(r),i.positionSelection(o),e||(this.hostElement.nativeElement.getBoundingClientRect(),this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")),this.fixedTickWidth&&i.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,Ue),this.renderer.addClass(n,Ue)):(this.renderer.removeClass(t,Ue),this.renderer.removeClass(n,Ue)),this.isDragged=e)},enumerable:!1,configurable:!0}),f.prototype.setValueChangeInterval=function(o,r){var i=this;this.ngZone.runOutsideAngular(function(){var e=M.fromEvent(o,"mousedown"),t=M.fromEvent(o,"mouseup"),n=M.fromEvent(o,"mouseout"),e=e.pipe(H.filter(function(e){return 0===e.button&&!i.isDisabled}),H.concatMap(function(){return M.interval(150).pipe(H.startWith(-1),H.takeUntil(M.merge(t,n)))})).subscribe(function(){i.isFocused||Re(i.draghandle,"focus"),r()});i.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:ne(this.max,this.min,this.value),vertical:this.vertical}},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,r,i){var a=$e.call(this,e,t,n,o,r,i)||this;return a.localization=e,a.injector=t,a.renderer=n,a.ngZone=o,a.changeDetector=r,a.hostElement=i,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||se(t)||se(t.parentNode)||(t=ae(e,a.track.nativeElement,a.getProps()),a.changeValue(t)),Re(a.draghandle,"focus")},a.onKeyDown=function(e){var t=a.getProps(),n=t.max,o=t.min,r=a.keyBinding[e.keyCode];!a.isDisabled&&r&&(r=r(t),a.changeValue(ne(n,o,r)),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.decreaseValue=function(){a.changeValue(Ee(a.value,a.getProps()))},a.increaseValue=function(){a.changeValue(Se(a.value,a.getProps()))},a.handleBlur=function(){a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}Xe.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xe,deps:[{token:a.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Xe.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Xe,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Xe})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Xe})}],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-arrow-w]="!vertical"\n [class.k-i-arrow-s]="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 <a #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 ></a>\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-arrow-e]="!vertical"\n [class.k-i-arrow-n]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Le,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:s.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ke,selector:"[kendoSliderLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xe,decorators:[{type:l.Component,args:[{exportAs:"kendoSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Xe})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Xe})}],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-arrow-w]="!vertical"\n [class.k-i-arrow-s]="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 <a #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 ></a>\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-arrow-e]="!vertical"\n [class.k-i-arrow-n]="vertical">\n </span>\n </button>\n <kendo-resize-sensor (resize)="sizeComponent(false)"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:a.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}]}]}});u(Ye,qe=r),Ye.prototype.positionHandle=function(e){var t,n,o,r,i,a;e.id&&(t=(r=this.props).max,n=r.min,o=r.reverse,r=r.vertical?"bottom":"left",i=this.trackWidth(),a=ee(e)?oe(t,n,this.props.value)[0]:oe(t,n,this.props.value)[1],ee(e)?(this.startHandlePosition=J({min:n,max:t,reverse:o,value:a,trackWidth:i}),this.renderer.setStyle(e,r,this.startHandlePosition+"px")):(this.endHandlePosition=J({min:n,max:t,reverse:o,value:a,trackWidth:i}),this.renderer.setStyle(e,r,this.endHandlePosition+"px")))},Ye.prototype.positionSelection=function(e,t){var n=this.props,o=n.reverse,n=n.vertical,r=n?"height":"width",i=n?"bottom":o?"right":"left",a=Math.abs(this.endHandlePosition-this.startHandlePosition),n=n?e.style.bottom:e.style.left;this.renderer.setStyle(t,r,a+"px"),this.renderer.setStyle(t,i,o?this.trackWidth()-parseFloat(n)+"px":parseFloat(n)+"px")};var qe,Qe=Ye;function Ye(){return null!==qe&&qe.apply(this,arguments)||this}u(et,Je=t.ComponentMessages);var Je,r=et;function et(){return null!==Je&&Je.apply(this,arguments)||this}r.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,deps:null,target:i.ɵɵFactoryTarget.Directive}),r.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:r,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:r,decorators:[{type:l.Directive,args:[{selector:"kendo-rangeslider-messages-base"}]}],propDecorators:{dragHandleStart:[{type:l.Input}],dragHandleEnd:[{type:l.Input}]}});u(ot,tt=r);var tt,nt=ot;function ot(e){var t=tt.call(this)||this;return t.service=e,t}nt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nt,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),nt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:nt,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:r,useExisting:l.forwardRef(function(){return nt})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:nt,decorators:[{type:l.Directive,args:[{providers:[{provide:r,useExisting:l.forwardRef(function(){return nt})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var rt,it="k-pressed",at=(u(m,rt=h),m.prototype.focus=function(){this.focusChangedProgrammatically=!0,Re(this.draghandleStart,"focus"),this.focusChangedProgrammatically=!1},m.prototype.blur=function(){this.focusChangedProgrammatically=!0,Re("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]),rt.prototype.ngOnInit.call(this)},m.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&(e.value&&e.value.currentValue&&pe(e.value.currentValue),this.ngZone.onStable.asObservable().pipe(H.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.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();e=e.originalEvent.target;this.draggedHandle=e,this.renderer.setStyle(e,"zIndex",++this.handleZIndex)},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 r(){t.changeValue([ae(e,t.track.nativeElement,t.getProps()),t.value[1]])}function i(){t.changeValue([t.value[0],ae(e,t.track.nativeElement,t.getProps())])}function a(){t.changeValue([ae(e,t.track.nativeElement,t.getProps()),ae(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=ee(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?r:a:l?a:i:l?r:i)()},m.prototype.onHandleRelease=function(e){this.dragging={value:!1,target:e.originalEvent.target},this.draggedHandle=void 0},m.prototype.writeValue=function(e){pe(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&&ie(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.value&&t.valueChange.emit(e),t.sizeComponent()})},m.prototype.sizeComponent=function(){var e,t,n,o,r,i;c.isDocumentAvailable()&&(e=this.wrapper.nativeElement,t=this.track.nativeElement,n=this.sliderSelection.nativeElement,o=this.draghandleStart.nativeElement,r=this.draghandleEnd.nativeElement,i=this.ticks?this.ticksContainer.nativeElement:null,this.resetStyles([t,n,o,r,i,this.hostElement.nativeElement]),i=this.getProps(),(i=new Qe(i,e,t,this.renderer)).resizeTrack(),this.ticks&&i.resizeTicks(this.ticksContainer.nativeElement,this.ticks.tickElements.map(function(e){return e.nativeElement})),i.positionHandle(o),i.positionHandle(r),i.positionSelection(o,n),this.fixedTickWidth&&i.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,it),this.renderer.addClass(n,it)):(this.renderer.removeClass(t,it),this.renderer.removeClass(n,it)),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:oe(this.max,this.min,this.value),vertical:this.vertical,buttons:!1}},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,r,i){var a=rt.call(this,e,t,n,o,r,i)||this;return a.localization=e,a.injector=t,a.renderer=n,a.ngZone=o,a.changeDetector=r,a.hostElement=i,a.startHandleId="k-start-handle-"+c.guid(),a.endHandleId="k-end-handle-"+c.guid(),a.focusableId=a.startHandleId,a.handleZIndex=0,a.activeHandle="startHandle",a.focusChangedProgrammatically=!1,a.onWrapClick=function(e){var t,n,o;a.isDisabled||(a.value=a.value||[a.min,a.min],e=ae(e,a.track.nativeElement,a.getProps()),t=void 0,n=(o=W(t=a.value,2))[0],o=o[1],e<=n?(t=[e,o],a.activeHandle="startHandle"):n<e&&e<o?e<(n+o)/2?(t=[e,o],a.activeHandle="startHandle"):(t=[n,e],a.activeHandle="endHandle"):o<=e&&(t=[n,e],a.activeHandle="endHandle"),Re("startHandle"===a.activeHandle?a.draghandleStart:a.draghandleEnd,"focus"),a.changeValue(t))},a.onKeyDown=function(e){a.value=a.value||[a.min,a.min];var t,n=a.getProps(),o=n.max,r=n.min,i=a.keyBinding[e.keyCode];!a.isDisabled&&i&&(a.renderer.setStyle(e.target,"zIndex",++a.handleZIndex),t=ee(e.target),i=i(Object.assign(Object.assign({},n),{value:t?a.value[0]:a.value[1]})),t?i>a.value[1]&&(a.value[1]=i):i<a.value[0]&&(a.value[0]=i),n=ne(o,r,i),o=t?[n,a.value[1]]:[a.value[0],n],a.changeValue(o),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.handleBlur=function(){a.changeDetector.markForCheck(),a.focused=!1,(c.hasObservers(a.onBlur)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}at.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:at,deps:[{token:a.LocalizationService},{token:i.Injector},{token:i.Renderer2},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),at.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:at,selector:"kendo-rangeslider",inputs:{value:"value"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return at})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return at})}],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 <a #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 ></a>\n <a #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 ></a>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n ',isInline:!0,components:[{type:Le,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:s.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:nt,selector:"[kendoSliderLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:at,decorators:[{type:l.Component,args:[{exportAs:"kendoRangeSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return at})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return at})}],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 <a #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 ></a>\n <a #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 ></a>\n </div>\n </div>\n <kendo-resize-sensor (resize)="sizeComponent()"></kendo-resize-sensor>\n </div>\n '}]}],ctorParameters:function(){return[{type:a.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}]}]}});u(lt,st=t.ComponentMessages);var st,h=lt;function lt(){return null!==st&&st.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}]}});u(ut,ct=h);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:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:dt,selector:"[kendoSwitchLocalizedMessages]",providers:[{provide:h,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:h,useExisting:l.forwardRef(function(){return dt})}],selector:"[kendoSwitchLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var pt="k-focus",ht=(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(H.skip(1)).subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.control=this.injector.get(n.NgControl,null),this.ngZone.onStable.pipe(H.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()},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,pt):this.renderer.removeClass(t,pt),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=X("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=X("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=X("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,r,i){var a=this;this.renderer=e,this.hostElement=t,this.localizationService=n,this.injector=o,this.changeDetector=r,this.ngZone=i,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 M.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)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.onBlur.emit()}))},A.validatePackage(Me),this.direction=n.rtl?"rtl":"ltr",this.keyDownHandler=this.keyDownHandler.bind(this),this.clickHandler=this.clickHandler.bind(this)}ht.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ht,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:a.LocalizationService},{token:i.Injector},{token:i.ChangeDetectorRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),ht.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ht,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ht})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ht})}],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 [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:dt,selector:"[kendoSwitchLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ht,decorators:[{type:l.Component,args:[{exportAs:"kendoSwitch",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ht})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ht})}],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 [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:a.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(ft.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(ft.prototype,"id",{get:function(){return this.inputElement.nativeElement.id},set:function(e){this.renderer.setAttribute(this.inputElement.nativeElement,"id",e)},enumerable:!1,configurable:!0}),ft.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()})})},ft.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()})};var gt=ft;function ft(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=[]}gt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,deps:[{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),gt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:gt,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 gt})}],ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:gt,decorators:[{type:l.Directive,args:[{selector:"input[kendoTextBox]",providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return gt})}]}]}],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(vt.prototype,"id",{get:function(){return this.element.nativeElement.id},set:function(e){this.renderer.setAttribute(this.element.nativeElement,"id",e)},enumerable:!1,configurable:!0}),vt.prototype.writeValue=function(e){this.elementValue=e,this.resize()},vt.prototype.registerOnChange=function(e){this.ngChange=e},vt.prototype.registerOnTouched=function(e){this.ngTouched=e},vt.prototype.setDisabledState=function(e){this.setElementProperty("disabled",e)},vt.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=M.fromEvent(window,"resize").pipe(H.debounceTime(50)).subscribe(function(){return t.resize()})),t.inputSubscription=M.fromEvent(e,"input").subscribe(t.handleInput.bind(t))}),this.control=this.injector.get(n.NgControl,null)},vt.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(H.take(1)).subscribe(function(){return t.resize()})},vt.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.inputSubscription&&this.inputSubscription.unsubscribe(),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(vt.prototype,"elementValue",{get:function(){return this.element?this.element.nativeElement.value:""},set:function(e){this.setElementProperty("value",null==e?"":e)},enumerable:!1,configurable:!0}),vt.prototype.setElementProperty=function(e,t){this.element&&this.renderer.setProperty(this.element.nativeElement,e,t)},vt.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"))},vt.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()},vt.prototype.handleFocus=function(){var e=this;c.hasObservers(this.onFocus)&&this.zone.run(function(){e.onFocus.emit()})},vt.prototype.handleBlur=function(){var e=this;(c.hasObservers(this.onBlur)||U(this.control))&&this.zone.run(function(){e.ngTouched(),e.onBlur.emit(),e.changeDetector.markForCheck()})};var mt=vt;function vt(e,t,n,o,r,i){this.renderer=e,this.element=t,this.zone=n,this.changeDetector=o,this.injector=r,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=i?"rtl":"ltr"}mt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mt,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}),mt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:mt,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return mt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return mt})}],usesOnChanges:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mt,decorators:[{type:l.Directive,args:[{providers:[{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return mt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return mt})}],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 yt(e){return 0<=e?Math.floor(e):Math.ceil(e)}function bt(e){}function kt(e){return!isNaN(e)&&null!==e}var Ct=/[eE][\-+]?([0-9]+)/;function It(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}(y=wt=wt||{})[y.Down=-1]="Down",y[y.None=0]="None",y[y.Up=1]="Up",u(Et,xt=t.ComponentMessages);var wt,xt,y=Et;function Et(){return null!==xt&&xt.apply(this,arguments)||this}y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:null,target:i.ɵɵFactoryTarget.Directive}),y.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:y,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:y,decorators:[{type:l.Directive,args:[{selector:"kendo-numerictextbox-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}]}});u(Vt,St=y);var St,Dt=Vt;function Vt(e){var t=St.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:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),Dt.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Dt,selector:"[kendoNumericTextBoxLocalizedMessages]",providers:[{provide:y,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:y,useExisting:l.forwardRef(function(){return Dt})}],selector:"[kendoNumericTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var Tt=["min","max","step","decimals"],Pt={decimals:null,max:null,min:null,step:1},Ot="k-focus",Bt=(Object.defineProperty(b.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(b.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(b.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(b.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(b.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(b.prototype,"disableClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),b.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(n.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)))})},b.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},b.prototype.ngOnChanges=function(t){var n,o;c.anyChanged(Tt,t,!1)&&this.parseOptions(Tt.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!p(o)||!p(e.value)||e.value>=o?null:{minError:{minValue:o,value:e.value}}}):bt,this.maxValidateFn=this.rangeValidation?(n=this.max,function(e){return!p(n)||!p(e.value)||e.value<=n?null:{maxError:{maxValue:n,value:e.value}}}):bt,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())},b.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),clearTimeout(this.spinTimeout),this.domEvents.forEach(function(e){return e()})},b.prototype.validate=function(e){return this.minValidateFn(e)||this.maxValidateFn(e)},b.prototype.registerOnValidatorChange=function(e){this.ngValidatorChange=e},b.prototype.writeValue=function(e){this.verifyValue(e);e=this.restrictModelValue(e);this.value=e,this.setInputValue()},b.prototype.registerOnChange=function(e){this.ngChange=e},b.prototype.registerOnTouched=function(e){this.ngTouched=e},b.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},b.prototype.focus=function(){Re(this.numericInput,"focus")},b.prototype.blur=function(){Re(this.numericInput,"blur")},b.prototype.notifyValueChange=function(){this.setInputValue()},Object.defineProperty(b.prototype,"incrementTitle",{get:function(){return this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"decrementTitle",{get:function(){return this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"decimalSeparator",{get:function(){return this.intl.numberSymbols().decimal},enumerable:!1,configurable:!0}),Object.defineProperty(b.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(b.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,Ot):this.renderer.removeClass(t,Ot),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"hasDecimals",{get:function(){return null!==this.decimals&&0<=this.decimals},enumerable:!1,configurable:!0}),Object.defineProperty(b.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),b.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())},b.prototype.updateValue=function(e){var t=this;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},b.prototype.replaceNumpadDotValue=function(){var e,t,n,o,r,i=this.inputValue||"";return this.previousSelection&&(t=(e=this.numericInput.nativeElement).selectionStart,n=e.selectionEnd,o=(r=this.previousSelection).start,r=r.end,e.value=i=i.substring(0,o)+this.decimalSeparator+i.substring(r),this.setSelection(t,n)),i},b.prototype.isValid=function(e){var t,n,o,r;return this.numericRegex||(this.numericRegex=(t={autoCorrect:this.autoCorrect,decimals:this.decimals,min:this.min,separator:this.decimalSeparator},n=t.autoCorrect,o=t.decimals,r=t.min,"."===(t=t.separator)&&(t="\\"+t),n=n&&null!==r&&0<=r?"":"-?",r=0===o?"\\d*":"(?:(?:\\d+("+t+"\\d*)?)|(?:"+t+"\\d*))?",new RegExp("^"+n+r+"$"))),this.numericRegex.test(e)},b.prototype.spin=function(e,t){var n=this;clearTimeout(this.spinTimeout),this.spinTimeout=window.setTimeout(function(){n.spin(e,50)},t),this.addStep(e)},b.prototype.addStep=function(e){e=ke(this.value||0,this.step*e),e=this.limitValue(e);e=this.restrictDecimals(e),this.setInputValue(e),this.updateValue(e)},b.prototype.setSelection=function(e,t){this.focused&&Re(this.numericInput,"setSelectionRange",e,t)},b.prototype.limitValue=function(e){var t=e;return this.isInRange(e)||(kt(this.max)&&e>this.max&&(t=this.max),kt(this.min)&&e<this.min&&(t=this.min)),t},b.prototype.limitInputValue=function(e){var t=this.numericInput.nativeElement,n=t.selectionStart,o=t.selectionEnd,t=t.value,r=e,i=!1;if(!this.isInRange(e)){var a=t.length-String(this.inputValue).length,s=this.min,l=this.max,c=kt(l),d=kt(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))&&yt(e)!==yt(u)&&(h=c,i=!0):p&&this.inputValue&&n!==t.length&&(h=parseFloat(t.substr(0,n)+t.substr(n+a))),r=this.limitValue(h),i=(i||r!==h)&&this.previousSelection&&0<this.previousSelection.end-this.previousSelection.start+a}return{selectionEnd:i?String(r).length:o,selectionStart:n,value:r}},b.prototype.tryPadValue=function(e,t){var n,t=String(Math.floor(t)).length,o=It(e,t),e=It(e,t+1);return this.isInRange(o)?n=o:this.isInRange(e)&&(n=e),n},b.prototype.isInRange=function(e){return!kt(e)||(!kt(this.min)||this.min<=e)&&(!kt(this.max)||e<=this.max)},b.prototype.restrictModelValue=function(e){e=this.restrictDecimals(e,!0);return e=this.autoCorrect&&this.limitValue(e)!==e?null:e},b.prototype.restrictDecimals=function(e,t){var n,o,r=e;return e&&this.hasDecimals&&(n=this.decimals,o=String(e),t||Ct.test(o)?r=be(e,n):(e=(t=o.split("."))[1])&&e.length>n&&(e=e.substr(0,n),r=parseFloat(t[0]+"."+e))),r},b.prototype.formatInputValue=function(e){var t=Object.is(e,-0)?"-0":String(e),n=Ct.exec(t);return(t=n?e.toFixed(me(parseInt(n[1],10))):t).replace(".",this.decimalSeparator)},b.prototype.formatValue=function(e,t){t=null==e||""===e?"":t&&!this.readonly?this.formatInputValue(e):this.intl.formatNumber(e,this.format);return t},b.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},b.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.")},b.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.")},b.prototype.parseOptions=function(e){for(var t=0;t<e.length;t++){var n=e[t],o=this[n];if("string"==typeof o){var r=parseFloat(o),i=!isNaN(r);if(l.isDevMode()&&!i&&""!==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]=i?r:Pt[n]}}},b.prototype.intlChange=function(){delete this.numericRegex,!this.numericInput||this.focused&&this.isValid(this.elementValue)||this.setInputValue()},b.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},b.prototype.selectAll=function(){this.setInputValue(),this.setSelection(0,this.inputValue.length)},b.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)},b.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},b.prototype.adjustSignificantChars=function(e,t){e=this.numberOfLeadingZeroes(e);return 0<e?Math.max(0,t-e):t},b.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},b);function b(e,t,n,o,r,i,a){var s=this;this.intl=e,this.renderer=t,this.localizationService=n,this.injector=o,this.ngZone=r,this.changeDetector=i,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=wt,this.arrowDirection=wt.None,this.hostClasses=!0,this.inputValue="",this.minValidateFn=bt,this.maxValidateFn=bt,this._format="n2",this.isPasted=!1,this.mouseDown=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.ngChange=bt,this.ngTouched=bt,this.ngValidatorChange=bt,this.domEvents=[],this.increasePress=function(e){s.arrowPress(wt.Up,e)},this.decreasePress=function(e){s.arrowPress(wt.Down,e)},this.releaseArrow=function(){clearTimeout(s.spinTimeout),s.arrowDirection!==wt.None&&(s.arrowDirection=wt.None,s.changeDetector.detectChanges())},this.handlePaste=function(){s.isPasted=!0},this.handleInput=function(){var e=s.numericInput.nativeElement,t=e.selectionStart,n=e.selectionEnd,o=e.value;if(s.pressedKey===c.Keys.NumpadDecimal&&(o=s.replaceNumpadDotValue()),s.isPasted&&(o=s.formatInputValue(s.intl.parseNumber(o))),!s.isValid(o))return e.value=s.inputValue,void s.setSelection(t-1,n-1);var r,i=s.intl.parseNumber(o),a=s.restrictDecimals(i);s.autoCorrect&&(a=(r=s.limitInputValue(a)).value,t=r.selectionStart,n=r.selectionEnd),i!==a||s.hasTrailingZeros(o)||!s.focused?(s.setInputValue(a),s.setSelection(t,n)):s.inputValue=o,s.isPasted&&(e.value=s.inputValue),s.updateValue(a),s.previousSelection=null,s.isPasted=!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)||U(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))},A.validatePackage(Me),this.direction=n.rtl?"rtl":"ltr"}Bt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bt,deps:[{token:Z.IntlService},{token:i.Renderer2},{token:a.LocalizationService},{token:i.Injector},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Bt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bt,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bt})}],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 [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-arrow-n"></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-arrow-s"></span>\n </button>\n </span>\n ',isInline:!0,directives:[{type:Dt,selector:"[kendoNumericTextBoxLocalizedMessages]"},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bt,decorators:[{type:l.Component,args:[{exportAs:"kendoNumericTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Bt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bt})}],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 [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-arrow-n"></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-arrow-s"></span>\n </button>\n </span>\n '}]}],ctorParameters:function(){return[{type:Z.IntlService},{type:i.Renderer2},{type:a.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"]}]}});u(Mt,Rt=y),Object.defineProperty(Mt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Rt,Ft,zt=Mt;function Mt(e){var t=Rt.call(this)||this;return t.service=e,t}zt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:zt,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),zt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:zt,selector:"kendo-numerictextbox-messages",providers:[{provide:y,useExisting:l.forwardRef(function(){return zt})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:zt,decorators:[{type:l.Component,args:[{providers:[{provide:y,useExisting:l.forwardRef(function(){return zt})}],selector:"kendo-numerictextbox-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}}),(y=Ft=Ft||{})[y.Literal=0]="Literal",y[y.Mask=1]="Mask",y[y.Undefined=2]="Undefined";At.prototype.map=function(e){return new At(e(this.value),this.rest)},At.prototype.chain=function(e){return e(this.value,this.rest)},At.prototype.fold=function(e,t){return e(this.value,this.rest)},At.prototype.concat=function(t){return this.map(function(n,e){return t.chain(function(e,t){return n.concat([e])})})},At.prototype.toString=function(){return"Result({ value: '"+this.value+"', rest: "+this.rest+" })"};var Ht=At;function At(e,t,n){void 0===n&&(n=Ft.Undefined),this.value=e,this.rest=t,this.type=n}Lt.prototype.eof=function(){return this.inputCursor>=this.input.length},Lt.prototype.next=function(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}},Lt.prototype.peek=function(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}},Lt.prototype.eat_input=function(){this.inputCursor++},Lt.prototype.eat_control=function(){this.controlCursor++},Lt.prototype.eat=function(){this.inputCursor++,this.controlCursor++};var Nt=Lt;function Lt(e,t){void 0===t&&(t=[]),this.input=e=void 0===e?[]:e,this.control=t,this.inputCursor=0,this.controlCursor=0}function jt(e){return(e||"").split("")}Zt.prototype.run=function(e,t){return void 0===t&&(t=""),e instanceof Nt?this.parse(e):this.parse(new Nt(jt(e),jt(t)))},Zt.prototype.map=function(t){var n=this;return new Zt(function(e){return n.parse(e).map(t)})},Zt.prototype.chain=function(n){var t=this;return new Zt(function(e){return t.parse(e).chain(function(e,t){return n(e).run(t)})})},Zt.prototype.isLiteral=function(e){return this.run(e).type===Ft.Literal};var _t=Zt;function Zt(e){this.parse=e}function Gt(o,r){return new _t(function(e){var t=e.next().char,n=o[t];return"\\"===t?(t=e.next().char,new Ht(r.literal(t),e)):new Ht(n?r.mask(n):r.literal(t),e)})}function Kt(e){var n=e.prompt,o=e.promptPlaceholder;return new _t(function(e){var t=e.next().char;return new Ht(t===n?o:t,e)})}function Wt(n){return new _t(function(e){var t=e.next().char;return new Ht(n?t:"",e)})}function $t(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 _t(function(e){return new Ht(t,e)})));var t}function Ut(n){return new _t(function(e){for(var t=new Ht([],e);!e.eof();)t=t.concat(n.run(e));return t})}qt.prototype.update=function(e){var t=e.mask,n=e.prompt,n=void 0===n?"":n,o=e.promptPlaceholder,o=void 0===o?" ":o,r=e.rules,r=void 0===r?{}:r,e=e.includeLiterals,e=void 0!==e&&e;this.mask=void 0===t?"":t,this.prompt=n,this.promptPlaceholder=o,this.rules=r,this.includeLiterals=e,this.tokenize()},qt.prototype.validationValue=function(e){var t=e=void 0===e?"":e;return $t(this.validationTokens).run(e).fold(function(e){t=e.join("")}),t},qt.prototype.rawValue=function(e){var t=e=void 0===e?"":e;return this.rawTokens.length&&$t(this.rawTokens).run(e).fold(function(e){t=e.join("")}),t},qt.prototype.maskRaw=function(e){var t=e=void 0===e?"":e;return this.maskTokens.length&&$t(this.maskTokens).run(e).fold(function(e){t=e.join("")}),t},qt.prototype.maskInput=function(e,t,n){return e.length<t.length?this.maskRemoved(e,t,n):this.maskInserted(e,t,n)},qt.prototype.maskInRange=function(e,t,n,o){var r="",i=o,a=t.split("").slice(0,n),s=t.split("").slice(o);return $t(this.maskTokens.slice(n,o)).run(e).fold(function(e){r=a.concat(e).concat(s).join("")}),{selection:i,value:r}},qt.prototype.maskRemoved=function(e,t,n){var o=this,r="",i=n,a=e.split("").slice(n),s=e.split("").slice(0,n).join(""),e=this.maskTokens.length-(e.length-n);return $t(this.maskTokens.slice(0,e)).run(s,t).fold(function(e){i=o.adjustPosition(e,i),r=e.concat(a).join("")}),{selection:i,value:r}},qt.prototype.adjustPosition=function(e,t){e=e[t];return this.maskTokens[t].isLiteral(e)||e===this.prompt?t:t+1},qt.prototype.maskInserted=function(e,n,t){var o=this,r="",i=t,e=e.slice(0,t);return $t(this.unmaskTokens).run(e,n).chain(function(e){i=e.join("").length;var t=n.slice(i);return $t(o.maskTokens).run(e.join("")+t,n)}).fold(function(e){r=e.join("")}),{selection:i,value:r}},Object.defineProperty(qt.prototype,"maskTokenCreator",{get:function(){var n=this.prompt,a=this.promptPlaceholder;return{literal:function(e){return t=e,new _t(function(e){return e.peek().char===t&&e.eat(),new Ht(t,e,Ft.Literal)});var t},mask:function(e){o=(t={prompt:n,promptPlaceholder:a}).prompt,r=t.promptPlaceholder;var t,o,r,i=e;return new _t(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===t&&t===o)return e.eat(),new Ht(o,e,Ft.Mask);if(i.test(n))return e.eat(),new Ht(n,e,Ft.Mask);if(n===r)return e.eat(),new Ht(o,e,Ft.Mask);e.eat_input()}return e.eat(),new Ht(o,e,Ft.Mask)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(qt.prototype,"unmaskTokenCreator",{get:function(){var t=this;return{literal:function(e){return t=e,new _t(function(e){return e.eof()?new Ht("",e):(e.peek().char===t&&e.eat(),new Ht(t,e))});var t},mask:function(e){o=t.prompt;var o,r=e;return new _t(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===o&&t===o)return e.eat(),new Ht(n,e);if(r.test(n))return e.eat(),new Ht(n,e);e.eat_input()}return e.eat(),new Ht("",e)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(qt.prototype,"rawTokenCreator",{get:function(){var t=this.prompt,n=this.promptPlaceholder,o=this.includeLiterals;return{literal:function(e){return Wt(o)},mask:function(e){return Kt({prompt:t,promptPlaceholder:n})}}},enumerable:!1,configurable:!0}),Object.defineProperty(qt.prototype,"validationTokenCreator",{get:function(){var t=this.prompt;return{literal:function(e){return Wt(!1)},mask:function(e){return Kt({prompt:t,promptPlaceholder:""})}}},enumerable:!1,configurable:!0}),qt.prototype.tokenize=function(){var n=this;Ut(Gt(this.rules,this.maskTokenCreator)).run(this.mask).fold(function(e,t){n.maskTokens=e}),Ut(Gt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(function(e,t){n.unmaskTokens=e}),Ut(Gt(this.rules,this.rawTokenCreator)).run(this.mask).fold(function(e,t){n.rawTokens=e}),Ut(Gt(this.rules,this.validationTokenCreator)).run(this.mask).fold(function(e,t){n.validationTokens=e})};var Xt=qt;function qt(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}Xt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xt,deps:[],target:i.ɵɵFactoryTarget.Injectable}),Xt.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xt}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Xt,decorators:[{type:l.Injectable}]});var Qt=Promise.resolve(null),Yt="k-focus",Jt=(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,"rules",{get:function(){return this._rules||this.defaultRules},set:function(e){this._rules=Object.assign({},this.defaultRules,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,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),k.prototype.ngOnInit=function(){this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(n.NgControl,null)},k.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},k.prototype.isEmpty=function(){if(this.input)return!Boolean(this.input.nativeElement.value)},k.prototype.handleDragDrop=function(){return!1},k.prototype.focus=function(){this.input&&(this.input.nativeElement.focus(),this.setFocusSelection())},k.prototype.blur=function(){this.input&&this.input.nativeElement.blur()},k.prototype.pasteHandler=function(e){var e=e.target,t=e.selectionStart,e=e.selectionEnd;e!==t&&(this.isPasted=!0,this.selection=[t,e])},k.prototype.inputHandler=function(e){var t,n=e.target.value,o=W(this.selection,2),r=o[0],o=o[1];if(!this.mask)return this.updateValueWithEvents(n),void(this.isPasted=!1);t=this.isPasted?(this.isPasted=!1,t=this.maskedValue.length-o,t=n.length-t,this.service.maskInRange(n.slice(r,t),this.maskedValue,r,o)):this.service.maskInput(n,this.maskedValue||"",e.target.selectionStart),this.updateInput(t.value,t.selection),this.updateValueWithEvents(t.value)},k.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))&&Qt.then(function(){n.updateValueWithEvents(n.maskedValue)})):this.updateInput(this.value)},k.prototype.writeValue=function(e){this.value=this.normalizeValue(e),this.updateInput(this.service.maskRaw(this.value)),this.includeLiterals&&this.updateValue(this.maskedValue)},k.prototype.registerOnChange=function(e){this.onChange=e},k.prototype.registerOnTouched=function(e){this.onTouched=e},k.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},k.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},k.prototype.updateValueWithEvents=function(e){this.updateValue(e),c.hasObservers(this.valueChange)&&this.valueChange.emit(this.value)},k.prototype.updateValue=function(e){!this.mask||this.service.validationValue(e)||this.includeLiterals?this.value=this.service.rawValue(e):this.value="",this.onChange(this.value)},k.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))},k.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},{})},k.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)},k.prototype.setSelection=function(e,t){void 0===e&&(e=this.selection[0]),void 0===t&&(t=this.selection[1]),this.focused&&Re(this.input,"setSelectionRange",e,t)},Object.defineProperty(k.prototype,"emptyMask",{get:function(){return this.service.maskRaw()===this.maskedValue},enumerable:!1,configurable:!0}),k.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(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,Yt):this.renderer.removeClass(t,Yt),this.isFocused=e)},enumerable:!1,configurable:!0}),k.prototype.normalizeValue=function(e){void 0===e&&(e=this.value);var t=p(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:""},k.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("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,r,i,a){var s=this;this.service=e,this.renderer=t,this.hostElement=n,this.ngZone=o,this.injector=r,this.changeDetector=i,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)||U(s.control))&&s.ngZone.run(function(){s.onTouched(),s.onBlur.emit()})},this.onChange=function(e){},this.onTouched=function(){},A.validatePackage(Me),this.direction=a?"rtl":"ltr",this.updateService()}Jt.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Jt,deps:[{token:Xt},{token:i.Renderer2},{token:i.ElementRef},{token:i.NgZone},{token:i.Injector},{token:i.ChangeDetectorRef},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Component}),Jt.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Jt,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:[Xt,{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Jt})},{multi:!0,provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Jt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Jt})}],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 [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:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Jt,decorators:[{type:l.Component,args:[{exportAs:"kendoMaskedTextBox",providers:[Xt,{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Jt})},{multi:!0,provide:n.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Jt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Jt})}],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 [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:Xt},{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 en,y=function(){},tn=(y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[],target:i.ɵɵFactoryTarget.NgModule}),y.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,declarations:[Le,He],imports:[o.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],exports:[He,Le,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),y.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,imports:[[o.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:y,decorators:[{type:l.NgModule,args:[{declarations:[Le,He],exports:[He,Le,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],imports:[o.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}]}]}),u(nn,en=g),Object.defineProperty(nn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),nn);function nn(e){var t=en.call(this)||this;return t.service=e,t}tn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:tn,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),tn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:tn,selector:"kendo-slider-messages",providers:[{provide:g,useExisting:l.forwardRef(function(){return tn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:tn,decorators:[{type:l.Component,args:[{providers:[{provide:g,useExisting:l.forwardRef(function(){return tn})}],selector:"kendo-slider-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var on,g=function(){},rn=(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:[Xe,tn,Ke],imports:[o.CommonModule,y],exports:[Xe,tn,He,Ke]}),g.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,imports:[[o.CommonModule,y]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:g,decorators:[{type:l.NgModule,args:[{declarations:[Xe,tn,Ke],exports:[Xe,tn,He,Ke],imports:[o.CommonModule,y]}]}]}),u(an,on=r),Object.defineProperty(an.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),an);function an(e){var t=on.call(this)||this;return t.service=e,t}rn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:rn,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),rn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:rn,selector:"kendo-rangeslider-messages",providers:[{provide:r,useExisting:l.forwardRef(function(){return rn})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:rn,decorators:[{type:l.Component,args:[{providers:[{provide:r,useExisting:l.forwardRef(function(){return rn})}],selector:"kendo-rangeslider-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var sn,r=function(){},ln=(r.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,deps:[],target:i.ɵɵFactoryTarget.NgModule}),r.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,declarations:[at,rn,nt],imports:[o.CommonModule,y],exports:[at,rn,nt,He]}),r.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,imports:[[o.CommonModule,y]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:r,decorators:[{type:l.NgModule,args:[{declarations:[at,rn,nt],exports:[at,rn,nt,He],imports:[o.CommonModule,y]}]}]}),u(cn,sn=h),Object.defineProperty(cn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),cn);function cn(e){var t=sn.call(this)||this;return t.service=e,t}ln.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ln,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),ln.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ln,selector:"kendo-switch-messages",providers:[{provide:h,useExisting:l.forwardRef(function(){return ln})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ln,decorators:[{type:l.Component,args:[{providers:[{provide:h,useExisting:l.forwardRef(function(){return ln})}],selector:"kendo-switch-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var dn,y=function(){},h=(y.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,deps:[],target:i.ɵɵFactoryTarget.NgModule}),y.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,declarations:[ht,ln,dt],imports:[o.CommonModule,c.EventsModule,c.ResizeSensorModule],exports:[ht,ln,dt]}),y.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,imports:[[o.CommonModule,c.EventsModule,c.ResizeSensorModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:y,decorators:[{type:l.NgModule,args:[{declarations:[ht,ln,dt],exports:[ht,ln,dt],imports:[o.CommonModule,c.EventsModule,c.ResizeSensorModule]}]}]}),function(){}),un=(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:[Dt,Bt,zt],imports:[o.CommonModule,c.EventsModule],exports:[Bt,zt]}),h.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,imports:[[o.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:h,decorators:[{type:l.NgModule,args:[{declarations:[Dt,Bt,zt],exports:[Bt,zt],imports:[o.CommonModule,c.EventsModule]}]}]}),function(){}),pn=(un.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,deps:[],target:i.ɵɵFactoryTarget.NgModule}),un.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,declarations:[Jt],imports:[o.CommonModule,c.EventsModule],exports:[Jt]}),un.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,imports:[[o.CommonModule,c.EventsModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:un,decorators:[{type:l.NgModule,args:[{declarations:[Jt],exports:[Jt],imports:[o.CommonModule,c.EventsModule]}]}]}),function(e){this.templateRef=e}),hn=(pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),pn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:pn,selector:"[kendoTextBoxSuffixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:pn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxSuffixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),function(e){this.templateRef=e}),C=(hn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:hn,deps:[{token:i.TemplateRef,optional:!0}],target:i.ɵɵFactoryTarget.Directive}),hn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:hn,selector:"[kendoTextBoxPrefixTemplate]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:hn,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxPrefixTemplate]"}]}],ctorParameters:function(){return[{type:i.TemplateRef,decorators:[{type:l.Optional}]}]}}),u(gn,dn=t.ComponentMessages),gn);function gn(){return null!==dn&&dn.apply(this,arguments)||this}C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:null,target:i.ɵɵFactoryTarget.Directive}),C.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:C,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:C,decorators:[{type:l.Directive,args:[{selector:"kendo-textbox-messages-base"}]}],propDecorators:{clear:[{type:l.Input}]}});u(vn,fn=C);var fn,mn=vn;function vn(e){var t=fn.call(this)||this;return t.service=e,t}mn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mn,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),mn.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:mn,selector:"[kendoTextBoxLocalizedMessages]",providers:[{provide:C,useExisting:l.forwardRef(function(){return mn})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:mn,decorators:[{type:l.Directive,args:[{providers:[{provide:C,useExisting:l.forwardRef(function(){return mn})}],selector:"[kendoTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var yn="k-focus",bn=(Object.defineProperty(I.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(I.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(I.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(I.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),I.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(n.NgControl,null),this.checkClearButton(),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},I.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?(ze(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)})},I.prototype.ngOnChanges=function(e){(e.disabled||e.readonly||e.value)&&this.checkClearButton()},I.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},I.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},I.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},I.prototype.clearTitle=function(){return this.localizationService.get("clear")},I.prototype.checkClearButton=function(){this.showClearButton=!this.disabled&&!this.readonly&&this.clearButton&&!!this.value},I.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},I.prototype.writeValue=function(e){this.value=e,this.checkClearButton()},I.prototype.registerOnChange=function(e){this.ngChange=e},I.prototype.registerOnTouched=function(e){this.ngTouched=e},I.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},I.prototype.showErrorsInitial=function(){if(!this.control)return!1;var e=this.control,t=e.invalid,n=e.dirty,e=e.touched;return t&&(n||e)},I.prototype.showSuccessInitial=function(){if(!this.control)return!1;var e=this.control,t=e.valid,n=e.dirty,e=e.touched;return t&&(n||e)},Object.defineProperty(I.prototype,"successIconClasses",{get:function(){return this.successIcon?""+this.successIcon:"k-input-validation-icon k-icon k-i-check"},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"errorIconClasses",{get:function(){return this.errorIcon?""+this.errorIcon:"k-input-validation-icon k-icon k-i-warning"},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"clearButtonClasses",{get:function(){return this.clearButtonIcon||"k-icon k-i-x"},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"hasErrors",{get:function(){return"initial"===this.showErrorIcon?this.showErrorsInitial():this.showErrorIcon},enumerable:!1,configurable:!0}),Object.defineProperty(I.prototype,"isSuccessful",{get:function(){return"initial"===this.showSuccessIcon?this.showSuccessInitial():this.showSuccessIcon},enumerable:!1,configurable:!0}),I.prototype.setSelection=function(e,t){this.isFocused&&Re(this.input,"setSelectionRange",e,t)},I.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},I.prototype.updateValue=function(e){var t=this;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.checkClearButton(),t.changeDetector.markForCheck()})},Object.defineProperty(I.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,yn):this.renderer.removeClass(t,yn),this._isFocused=e)},enumerable:!1,configurable:!0}),I.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},I.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},I);function I(e,t,n,o,r,i){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=r,this.hostElement=i,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)||U(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=W([t.selectionStart,t.selectionEnd],2),r=e[0],e=e[1];a.updateValue(o),n&&t.setSelectionRange(r,e)},this.ngChange=function(e){},this.ngTouched=function(){},A.validatePackage(Me),this.direction=e.rtl?"rtl":"ltr"}bn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,deps:[{token:a.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-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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return bn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return bn})}],queries:[{propertyName:"suffixTemplate",first:!0,predicate:pn,descendants:!0},{propertyName:"prefixTemplate",first:!0,predicate:hn,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 [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:mn,selector:"[kendoTextBoxLocalizedMessages]"},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:bn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return bn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return bn})}],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 [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:a.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:[pn,{static:!1}]}],prefixTemplate:[{type:l.ContentChild,args:[hn,{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"]}]}});u(In,kn=C),Object.defineProperty(In.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var kn,Cn=In;function In(e){var t=kn.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:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Cn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Cn,selector:"kendo-textbox-messages",providers:[{provide:C,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:C,useExisting:l.forwardRef(function(){return Cn})}],selector:"kendo-textbox-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var C=function(){this.hostClass=!0},w=(C.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:C,deps:[],target:i.ɵɵFactoryTarget.Component}),C.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:C,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:C,decorators:[{type:l.Component,args:[{selector:"kendo-input-separator, kendo-textbox-separator",template:""}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-separator"]}]}}),[C,mt]),wn=function(){},xn=(wn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),wn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn,declarations:[C,mt],exports:[C,mt]}),wn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wn,decorators:[{type:l.NgModule,args:[{declarations:[w],exports:[w]}]}]}),function(){}),En=(xn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,deps:[],target:i.ɵɵFactoryTarget.NgModule}),xn.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,declarations:[gt,bn,pn,hn,Cn,mn],imports:[o.CommonModule,c.EventsModule,wn],exports:[gt,bn,pn,hn,c.EventsModule,Cn,mn,C,mt]}),xn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,imports:[[o.CommonModule,c.EventsModule,wn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:xn,decorators:[{type:l.NgModule,args:[{declarations:[gt,bn,pn,hn,Cn,mn],exports:[gt,bn,pn,hn,c.EventsModule,Cn,mn,w],imports:[o.CommonModule,c.EventsModule,wn]}]}]}),Object.defineProperty(Sn.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Sn.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Sn.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Sn);function Sn(e,t,n,o,r,i){var a=this;this.localizationService=e,this.ngZone=t,this.changeDetector=n,this.renderer=o,this.injector=r,this.hostElement=i,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 M.Subscription,this._isFocused=!1,this.focusChangedProgrammatically=!1,this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||U(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.ngChange=function(e){},this.ngTouched=function(){}}En.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:En,deps:[{token:a.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),En.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:En,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:En,decorators:[{type:l.Component,args:[{selector:"kendo-textfield-base",template:""}]}],ctorParameters:function(){return[{type:a.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 Dn,Vn={vertical:"k-resize-vertical",horizontal:"k-resize-horizontal",both:"k-resize-both",none:"k-resize-none",auto:"k-resize-none"},Tn="k-focus",Pn=(u(x,Dn=En),Object.defineProperty(x.prototype,"flowCol",{get:function(){return"vertical"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(x.prototype,"flowRow",{get:function(){return"horizontal"===this.flow},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,"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}),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?(ze(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)})},x.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(n.NgControl,null),c.isDocumentAvailable()&&"auto"===this.resizable&&(this.resizeSubscription=M.fromEvent(window,"resize").pipe(H.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"})},x.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&&(p(e.cols.currentValue)?this.renderer.setStyle(t,"width","auto"):this.renderer.removeStyle(t,"width")),e.value&&this.resize()},x.prototype.writeValue=function(e){this.value=e,this.resize()},x.prototype.registerOnChange=function(e){this.ngChange=e},x.prototype.registerOnTouched=function(e){this.ngTouched=e},x.prototype.updateValue=function(e){var t=this;$(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},x.prototype.ngOnDestroy=function(){Dn.prototype.ngOnDestroy.call(this),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(x.prototype,"resizableClass",{get:function(){return Vn[this.resizable]},enumerable:!1,configurable:!0}),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.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(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,Tn):this.renderer.removeClass(t,Tn),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.setSelection=function(e,t){this.isFocused&&Re(this.input,"setSelectionRange",e,t)},x.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},x.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},x.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")},x);function x(e,t,n,o,r,i){var a=Dn.call(this,e,t,n,o,r,i)||this;return a.localizationService=e,a.ngZone=t,a.changeDetector=n,a.renderer=o,a.injector=r,a.hostElement=i,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}))},A.validatePackage(Me),a.direction=e.rtl?"rtl":"ltr",a}Pn.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Pn,deps:[{token:a.LocalizationService},{token:i.NgZone},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.Injector},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Component}),Pn.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Pn,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:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Pn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Pn})}],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 [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:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:s.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Pn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextArea",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Pn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Pn})}],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 [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:a.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 On,En=function(){this.hostClass=!0},Bn=(En.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:En,deps:[],target:i.ɵɵFactoryTarget.Component}),En.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:En,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:En,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(){}),Rn=(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:[Pn,En],imports:[o.CommonModule,c.EventsModule,wn],exports:[Pn,c.EventsModule,En,C,mt]}),Bn.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,imports:[[o.CommonModule,c.EventsModule,wn],c.EventsModule]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bn,decorators:[{type:l.NgModule,args:[{declarations:[Pn,En],exports:[Pn,c.EventsModule,En,w],imports:[o.CommonModule,c.EventsModule,wn]}]}]}),{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}}),Fn=(u(zn,On=c.PreventableEvent),zn);function zn(e){var t=On.call(this)||this;return t.originalEvent=e,t}u(An,Mn=c.PreventableEvent);var Mn,Hn=An;function An(){return null!==Mn&&Mn.apply(this,arguments)||this}u(jn,Nn=c.PreventableEvent);var Nn,Ln=jn;function jn(){return null!==Nn&&Nn.apply(this,arguments)||this}Zn.prototype.preventOpen=function(){this.openPrevented=!0},Zn.prototype.isOpenPrevented=function(){return this.openPrevented};var _n=Zn;function Zn(e){this.color=e,this.openPrevented=!1}function E(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(p(e)){if("name"===t){var r=e,i=o;if(r=r.toLowerCase().trim(),p(j.namedColors[r]))return r;j.parseColor(r,i)&&(r=j.parseColor(r,i).toHex());var a=Object.keys(j.namedColors).find(function(e){return j.namedColors[e]===r});if(a||i)return a;throw new Error("The provided color "+r+" is not supported for 'format=\"name\"' property.To display "+r+" color, the component 'format' property should be set to 'hex' or 'rgba' ")}i=j.parseColor(e.trim(),o);if(p(i))return"hex"===t?Wn(i,n):i.toCssRgba()}}function Gn(e,t){return e=j.parseColor(e,t=void 0===t?!0:t),p(e)?e.toBytes():{}}function Kn(e,t,n){void 0===t&&(t="rgba"),void 0===n&&(n=!1);var o=he(e.h,0,359.9),r=he(e.s,0,1),i=he(e.v,0,1),e=he(e.a,0,1),o=j.Color.fromHSV(o,r,i,e);return"hex"===t?Wn(o,n):o.toCssRgba()}function Wn(e,t){return t&&e.a<1?e.toCss({alpha:!0}):e.toCss()}function $n(e){return Kn({h:e,s:1,v:1,a:1})}function Un(e,t){var n=he(e.r,0,255),o=he(e.g,0,255),r=he(e.b,0,255),e=he(e.a,0,1),i=he(t.r,0,255),a=he(t.g,0,255),t=he(t.b,0,255);return{r:Math.round((1-e)*i+e*n),g:Math.round((1-e)*a+e*o),b:Math.round((1-e)*t+e*r)}}function Xn(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 qn(e,t){return e=Xn(Un(e,t)),t=Xn(Un(t,{r:0,g:0,b:0,a:1})),(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function Qn(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 Yn(e,r){return 0===e.length?"":e.reduce(function(e,t,n,o){return 0===n?"M "+t[0]+","+t[1]:e+" "+r(t,n,o)},"")}u(to,Jn=t.LocalizationService);var Jn,eo=to;function to(e,t,n){return Jn.call(this,e,t,n)||this}eo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:eo,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),eo.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:eo}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:eo,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]}});var no,oo="accessible",ro=(u(io,no=t.LocalizationService),io.prototype.get=function(e){return this.colorPickerLocalization?this.colorPickerLocalization.get(e):no.prototype.get.call(this,e)},io);function io(e,t,n,o){e=no.call(this,e,t,n)||this;return e.colorPickerLocalization=o,e}ro.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ro,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:eo,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),ro.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ro}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ro,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:eo,decorators:[{type:l.Optional},{type:l.Inject,args:[eo]}]}]}});so.prototype.getPaletteSettings=function(e,t){var n=e.palette,o="string"==typeof n&&Rn[n]?Rn[n].columns:void 0;return{palette:n||("name"!==t?"office":oo),tileSize:e.tileSize||24,columns:e.columns||o||10}},so.prototype.paletteTileLayout=function(e){return"number"==typeof e?{width:e,height:e}:{width:e.width||e.height,height:e.height||e.width}};var ao=so;function so(){}ao.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ao,deps:[],target:i.ɵɵFactoryTarget.Injectable}),ao.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ao}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ao,decorators:[{type:l.Injectable}]});lo.prototype.onViewButtonClick=function(e){this.activeView=e,this.viewChange.emit(e)},Object.defineProperty(lo.prototype,"viewButtons",{get:function(){return this.views&&0<=this.views.indexOf("gradient")&&0<=this.views.indexOf("palette")},enumerable:!1,configurable:!0}),lo.prototype.getViewButtonIcon=function(e){return"gradient"===e?"k-i-color-canvas":"k-i-palette"},lo.prototype.getText=function(e){return this.localizationService.get(e)};w=lo;function lo(e){this.localizationService=e,this.hostClasses=!0,this.viewChange=new l.EventEmitter,this.valuePaneClick=new l.EventEmitter,this.clearButtonClick=new l.EventEmitter}w.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:w,deps:[{token:a.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",value:"value",selection:"selection"},outputs:{viewChange:"viewChange",valuePaneClick:"valuePaneClick",clearButtonClick:"clearButtonClick"},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 *ngIf="viewButtons" class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views"\n #viewButtons\n type="button"\n (click)="onViewButtonClick(view)"\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-state-selected\' : \'\'"\n >\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 *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-reset-color"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview">\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:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.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 *ngIf="viewButtons" class="k-button-group k-button-group-flat">\n <button *ngFor="let view of views"\n #viewButtons\n type="button"\n (click)="onViewButtonClick(view)"\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-state-selected\' : \'\'"\n >\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 *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-reset-color"></span>\n </button>\n <div class="k-coloreditor-preview k-vstack" *ngIf="preview">\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:a.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}],value:[{type:l.Input}],selection:[{type:l.Input}],viewChange:[{type:l.Output}],valuePaneClick:[{type:l.Output}],clearButtonClick:[{type:l.Output}],viewButtonsCollection:[{type:l.ViewChildren,args:["viewButtons",{read:l.ElementRef}]}],clearButtonElement:[{type:l.ViewChild,args:["clearButton",{read:l.ElementRef,static:!1}]}]}});u(uo,co=t.LocalizationService),uo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):co.prototype.get.call(this,e)};var co,S=uo;function uo(e,t,n,o){e=co.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:ro,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),S.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:ro,decorators:[{type:l.Optional},{type:l.Inject,args:[ro]}]}]}});po.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())})},po.prototype.ngOnChanges=function(e){p(e.backgroundColor)&&this.metrics&&this.setPaths()},po.prototype.setPaths=function(){function e(e,t,n){var o=(r=W(i(n[t-1],n[t-2],e),2))[0],r=r[1],n=W(i(e,n[t-1],n[t+1],!0),2);return"C "+o+","+r+" "+n[0]+","+n[1]+" "+e[0]+","+e[1]}var i,r;r=Qn,i=function(e,t,n,o){t=r(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=[Yn(this.getPaths(4.5,16),e),Yn(this.getPaths(4.5,16,!0),e),Yn(this.getPaths(7,16),e),Yn(this.getPaths(7,16,!0),e)]},po.prototype.findValue=function(e,t,n,o,r){var i=(n+o)/2,a=Object.assign({},this.hsva.value,{s:t/this.metrics.width,v:1-i/this.metrics.height}),a=qn(Gn(Kn(a)),Gn(this.backgroundColor||""));return o<n+.5?a<e+1&&e-1<a?i:null:r(a,e)?this.findValue(e,t,n,o-(o-n)/2,r):this.findValue(e,t,n+(o-n)/2,o,r)},po.prototype.getPaths=function(e,t,n){void 0===n&&(n=!1);for(var o=[],r=0;r<=this.metrics.width;r+=this.metrics.width/t){var i=this.findValue(e,r,0,this.metrics.height,n?function(e,t){return e<t}:function(e,t){return t<e});null!==i&&o.push([r,i])}return o};var D=po;function po(){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:d.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}]}});Object.defineProperty(go.prototype,"isFocused",{get:function(){if(!c.isDocumentAvailable()||!p(this.host))return!1;var e=document.activeElement;return this.host.nativeElement.contains(e)},enumerable:!1,configurable:!0}),Object.defineProperty(go.prototype,"rgbaInputValid",{get:function(){var t=this;return Object.keys(this.rgba).every(function(e){return p(t.rgba[e])})},enumerable:!1,configurable:!0}),go.prototype.ngAfterViewInit=function(){this.initDomEvents()},go.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},go.prototype.ngOnChanges=function(e){p(e.value)&&!this.isFocused&&(this.hex=E(this.value,"hex",this.opacity),this.rgba=Gn(this.value),this.rgba.a=E(this.value,"rgba",this.opacity)?this.rgba.a:1)},Object.defineProperty(go.prototype,"formatButtonTitle",{get:function(){return this.localizationService.get("formatButton")},enumerable:!1,configurable:!0}),go.prototype.handleRgbaValueChange=function(){e=this.rgba,o=he(e.r,0,255),t=he(e.g,0,255),n=he(e.b,0,255),e=he(e.a,0,1);var e,t,n,o=j.Color.fromBytes(o,t,n,e).toCssRgba();this.rgbaInputValid&&o!==this.value&&(this.value=o,this.rgba=Gn(this.value),this.hex=E(o,"hex",this.opacity),this.valueChange.emit(o))},go.prototype.handleHexValueChange=function(e){this.hex=e;e=E(e,"rgba",this.opacity);p(e)&&e!==this.value&&(this.value=e,this.rgba=Gn(e),this.valueChange.emit(e))},go.prototype.handleRgbaInputBlur=function(){this.rgbaInputValid||(this.rgba=Gn(this.value))},go.prototype.handleHexInputBlur=function(){this.hex=E(this.value,"hex",this.opacity)},go.prototype.toggleFormatView=function(){this.formatView="hex"===this.formatView?"rgba":"hex"},go.prototype.initDomEvents=function(){var e=this;this.host&&this.subscriptions.add(this.renderer.listen(this.toggleFormatButton.nativeElement,"click",function(){return e.toggleFormatView()}))};var ho=go;function go(e,t,n){this.host=e,this.renderer=t,this.localizationService=n,this.focusableId="k-"+c.guid(),this.opacity=!0,this.disabled=!1,this.readonly=!1,this.valueChange=new l.EventEmitter,this.colorInputClass=!0,this.rgba={},this.subscriptions=new M.Subscription}ho.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ho,deps:[{token:i.ElementRef},{token:i.Renderer2},{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),ho.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ho,selector:"kendo-colorinput",inputs:{focusableId:"focusableId",formatView:"formatView",value:"value",opacity:"opacity",disabled:"disabled",readonly:"readonly"},outputs:{valueChange:"valueChange"},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,read:l.ElementRef},{propertyName:"blueInput",first:!0,predicate:["blueInput"],descendants:!0,read:l.ElementRef},{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 type="button"\n >\n <span class="k-button-icon k-icon k-i-arrows-kpi"></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 />\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 </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 [disabled]="disabled"\n [readonly]="readonly"\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 </kendo-numerictextbox>\n <label [for]="alpha.focusableId" class="k-colorgradient-input-label">A</label>\n </div>\n </ng-container>\n ',isInline:!0,components:[{type:Bt,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:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ho,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 type="button"\n >\n <span class="k-button-icon k-icon k-i-arrows-kpi"></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 />\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 [disabled]="disabled"\n [readonly]="readonly"\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 </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 [disabled]="disabled"\n [readonly]="readonly"\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 </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:a.LocalizationService}]},propDecorators:{focusableId:[{type:l.Input}],formatView:[{type:l.Input}],value:[{type:l.Input}],opacity:[{type:l.Input}],disabled:[{type:l.Input}],readonly:[{type:l.Input}],valueChange:[{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",{static:!1}]}],hexInput:[{type:l.ViewChild,args:["hexInput",{read:l.ElementRef,static:!1}]}],blueInput:[{type:l.ViewChild,args:["blueInput",{read:l.ElementRef,static:!1}]}],toggleFormatButton:[{type:l.ViewChild,args:["toggleFormatButton",{static:!1}]}]}});Object.defineProperty(fo.prototype,"passMessage",{get:function(){return this.localization.get("passContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(fo.prototype,"failMessage",{get:function(){return this.localization.get("failContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(fo.prototype,"contrastText",{get:function(){var e="AA"===this.type?4.5:7;return this.type+": "+e.toFixed(1)},enumerable:!1,configurable:!0});var V=fo;function fo(e){this.localization=e}V.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),V.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:V,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-close"></span>\n </span>\n </ng-container>\n ',isInline:!0,directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,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-close"></span>\n </span>\n </ng-container>\n '}]}],ctorParameters:function(){return[{type:a.LocalizationService}]},propDecorators:{type:[{type:l.Input}],pass:[{type:l.Input}],value:[{type:l.Input}]}});Object.defineProperty(mo.prototype,"formatedRatio",{get:function(){return this.contrastRatio.toFixed(2)},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"contrastRatioText",{get:function(){return this.localization.get("contrastRatio")+": "+(this.value?this.formatedRatio:"n/a")},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"satisfiesAACondition",{get:function(){return 4.5<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"satisfiesAAACondition",{get:function(){return 7<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(mo.prototype,"contrastRatio",{get:function(){return qn(Gn(this.value),Gn(this.ratio))},enumerable:!1,configurable:!0});var T=mo;function mo(e){this.localization=e}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),T.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:T,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-close"></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:V,selector:"[kendoContrastValidation]",inputs:["type","pass","value"]}],directives:[{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,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-close"></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:a.LocalizationService}]},propDecorators:{value:[{type:l.Input}],ratio:[{type:l.Input}]}});u(yo,vo=t.ComponentMessages);var vo,P=yo;function yo(){return null!==vo&&vo.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",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}],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}]}});u(Co,bo=P);var bo,ko=Co;function Co(e){var t=bo.call(this)||this;return t.service=e,t}ko.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Directive}),ko.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]",providers:[{provide:P,useExisting:l.forwardRef(function(){return ko})}],usesInheritance:!0,ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ko,decorators:[{type:l.Directive,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return ko})}],selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var Io=0,wo=(Object.defineProperty(O.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"gradientId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"contrastTool",{get:function(){return this._contrastTool},set:function(e){this._contrastTool=E(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;p(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"isFocused",{get:function(){return!(!c.isDocumentAvailable()||!p(this.host))&&(this.host.nativeElement===document.activeElement||this.host.nativeElement.contains(document.activeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"alphaSliderValue",{get:function(){if(p(this.hsva.value)&&p(this.hsva.value.a))return 100*this.hsva.value.a},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"gradientRect",{get:function(){return this.gradientWrapper.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"contrastToolVisible",{get:function(){return this.contrastTool&&0<this.contrastTool.length},enumerable:!1,configurable:!0}),O.prototype.ngAfterViewInit=function(){this.updateUI(),this.cdr.detectChanges(),this.addEventListeners(),this.subscribeChanges()},O.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&!this.isFocused&&this.updateUI(),c.isChanged("delay",e)&&(this.unsubscribeChanges(),this.subscribeChanges())},O.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.unsubscribeChanges()},O.prototype.focus=function(){this.disabled||this.gradientDragHandle.nativeElement.focus()},O.prototype.reset=function(){this.handleValueChange(void 0),this.updateUI(),this.host.nativeElement.focus()},O.prototype.handleDragPress=function(e){this.disabled||this.readonly||!p(e.originalEvent)||(this.focus(),e.originalEvent.preventDefault())},O.prototype.onHandleDrag=function(e){this.disabled||this.readonly||(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),this.changePosition(e))},O.prototype.onHandleRelease=function(){this.disabled||this.readonly||(this.renderer.removeClass(this.gradientWrapper.nativeElement,"k-dragging"),this.handleValueChange(Kn(this.hsva.value,this.format,this.opacity)))},O.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),r=0;switch(e.key){case"ArrowRight":o=5;break;case"ArrowLeft":o=-5;break;case"ArrowUp":r=-5;break;case"ArrowDown":r=5}var i=parseInt(n.style.top,10)+r,a=parseInt(n.style.left,10)+o;this.renderer.setStyle(n,"top",i+"px"),this.renderer.setStyle(n,"left",a+"px"),this.ngZone.run(function(){return t.moveDragHandle(a,i)})}},O.prototype.changePosition=function(e){var t,n,o,r=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 r.moveDragHandle(n,o)}))},O.prototype.handleHueSliderChange=function(e){var t=this.hsva.value;t.h=e,this.hsva.next(t),this.handleValueChange(Kn(this.hsva.value,this.format,this.opacity)),this.backgroundColor=$n(e),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.hueSliderTouched=!0},O.prototype.handleAlphaSliderChange=function(e){var t=this.hsva.value;t.a=e/100,this.hsva.next(t),this.handleValueChange(Kn(this.hsva.value,this.format,this.opacity)),this.alphaSliderTouched=!0},O.prototype.handleInputsValueChange=function(e){e=E(e,this.format,this.opacity);this.value!==e&&(this.handleValueChange(e),this.updateUI())},O.prototype.writeValue=function(e){this.value=e,p(this.gradientWrapper)&&this.updateUI()},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},Object.defineProperty(O.prototype,"colorGradientHandleTitle",{get:function(){return this.localizationService.get("colorGradientHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"colorGradientHandleAriaLabel",{get:function(){var e=E(this.value,this.format,this.opacity);return""+(this.value?e:this.localizationService.get("colorGradientHandle"))},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"hueSliderTitle",{get:function(){return this.localizationService.get("hueSliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"opacitySliderTitle",{get:function(){return this.localizationService.get("opacitySliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(O.prototype,"clearButtonTitle",{get:function(){return this.localizationService.get("clearButton")},enumerable:!1,configurable:!0}),O.prototype.isEmpty=function(){return!1},O.prototype.moveDragHandle=function(e,t){var n=this.gradientRect,o=n.width,n=n.height,t=he(t,0,n),e=he(e,0,o),r=(this.setDragHandleElementPosition(t,e),this.hsva.value);r.s=e/o,r.v=1-t/n,this.hsva.next(r),this.updateValues.next(Kn(this.hsva.value,this.format,this.opacity)),this.setAlphaSliderBackground(Kn(Object.assign(Object.assign({},this.hsva.value),{a:1}),this.format,this.opacity))},O.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},O.prototype.setDragHandleElementPosition=function(e,t){var n=this.gradientDragHandle.nativeElement;this.renderer.setStyle(n,"top",e+"px"),this.renderer.setStyle(n,"left",t+"px")},O.prototype.setAlphaSliderBackground=function(e){var t;p(this.alphaSlider)&&(t=this.alphaSlider.track.nativeElement,this.renderer.setStyle(t,"background","linear-gradient(to top, transparent, "+e+")"))},O.prototype.setHostElementAriaLabel=function(){var e=E(this.value,this.format,this.opacity);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorGradientNoColor")))},O.prototype.setBackgroundColor=function(e){this.renderer.setStyle(this.hsvRectangle.nativeElement,"background",e)},O.prototype.updateUI=function(){if(c.isDocumentAvailable()){if(this.hueSliderTouched||this.alphaSliderTouched)return this.hueSliderTouched=!1,void(this.alphaSliderTouched=!1);this.hsva.next(this.value?function(e,t){e=j.parseColor(e,t=void 0===t?!0:t);return p(e)?e.toHSV():{}}(this.value):{h:0,s:0,v:1,a:1});var e=this.gradientRect,t=(1-this.hsva.value.v)*e.height,e=this.hsva.value.s*e.width;this.setDragHandleElementPosition(t,e),this.backgroundColor=$n(this.hsva.value.h),this.setBackgroundColor(this.backgroundColor),this.setAlphaSliderBackground(this.backgroundColor),this.setHostElementAriaLabel()}},O.prototype.addEventListeners=function(){var i=this;this.ngZone.runOutsideAngular(function(){var e=i.renderer.listen(i.host.nativeElement,"focusout",function(e){var t;t=i.host.nativeElement,e=e.relatedTarget,t&&e&&(t===e||t.contains(e))||!Fe(i.host)||i.ngZone.run(function(){return i.notifyNgTouched()})}),t=i.renderer.listen(i.gradientDragHandle.nativeElement,"keydown",function(e){i.onKeyboardAction(e)}),n=i.renderer.listen(i.gradientDragHandle.nativeElement,"keyup",function(){i.renderer.removeClass(i.gradientWrapper.nativeElement,"k-dragging"),i.readonly||i.disabled||i.ngZone.run(function(){return i.handleValueChange(Kn(i.hsva.value,i.format,i.opacity))})}),o=i.renderer.listen(i.gradientDragHandle.nativeElement,"focusin",function(){i.renderer.addClass(i.gradientDragHandle.nativeElement,"k-state-focus")}),r=i.renderer.listen(i.gradientDragHandle.nativeElement,"focusout",function(){i.renderer.removeClass(i.gradientDragHandle.nativeElement,"k-state-focus")});i.listeners.push(e,t,n,o,r)})},O.prototype.subscribeChanges=function(){var t=this;this.changeRequestsSubscription=this.updateValues.pipe(H.throttleTime(this.delay)).subscribe(function(e){t.handleValueChange(e)})},O.prototype.unsubscribeChanges=function(){this.changeRequestsSubscription&&this.changeRequestsSubscription.unsubscribe()},O);function O(e,t,n,o,r){var i=this;this.host=e,this.ngZone=t,this.renderer=n,this.cdr=o,this.localizationService=r,this.hostClasses=!0,this.id="k-colorgradient-"+Io++,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 M.BehaviorSubject({}),this._tabindex=0,this.listeners=[],this.hueSliderTouched=!1,this.alphaSliderTouched=!1,this.updateValues=new M.Subject,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},A.validatePackage(Me),this.dynamicRTLSubscription=r.changes.subscribe(function(e){e=e.rtl;i.direction=e?"rtl":"ltr"})}wo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,deps:[{token:i.ElementRef},{token:i.NgZone},{token:i.Renderer2},{token:i.ChangeDetectorRef},{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),wo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:wo,selector:"kendo-colorgradient",inputs:{id:"id",opacity:"opacity",disabled:"disabled",readonly:"readonly",clearButton:"clearButton",delay:"delay",value:"value",contrastTool:"contrastTool",tabindex:"tabindex",format:"format"},outputs:{valueChange:"valueChange"},host:{properties:{"class.k-colorgradient":"this.hostClasses","attr.aria-readonly":"this.readonlyAttribute","class.k-state-disabled":"this.disabledClass","attr.id":"this.gradientId","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wo})},S,{provide:t.LocalizationService,useExisting:S},{provide:t.L10N_PREFIX,useValue:"kendo.colorgradient"}],viewQueries:[{propertyName:"gradientDragHandle",first:!0,predicate:["gradientDragHandle"],descendants:!0,read:l.ElementRef},{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 </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="0"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleAriaLabel"\n >\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 (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n tabindex="0">\n <span class="k-icon k-i-reset-color"></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 [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 [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 [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\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:Xe,selector:"kendo-slider",inputs:["focusableId","dragHandleTitle","incrementTitle","animate","decrementTitle","showButtons","value","tabIndex"],exportAs:["kendoSlider"]},{type:ho,selector:"kendo-colorinput",inputs:["focusableId","formatView","value","opacity","disabled","readonly"],outputs:["valueChange"]},{type:T,selector:"[kendoContrastTool]",inputs:["value","ratio"]}],directives:[{type:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:s.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:wo,decorators:[{type:l.Component,args:[{exportAs:"kendoColorGradient",selector:"kendo-colorgradient",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return wo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return wo})},S,{provide:t.LocalizationService,useExisting:S},{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 </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="0"\n [attr.title]="colorGradientHandleTitle"\n [attr.aria-label]="colorGradientHandleAriaLabel"\n >\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 (click)="reset()"\n (keydown.enter)="reset()"\n (keydown.space)="reset()"\n [attr.aria-label]="clearButtonTitle"\n [attr.title]="clearButtonTitle"\n tabindex="0">\n <span class="k-icon k-i-reset-color"></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 [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 [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 [opacity]="opacity"\n [formatView]="format"\n [value]="value"\n [disabled]="disabled"\n [readonly]="readonly"\n (valueChange)="handleInputsValueChange($event)"\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:a.LocalizationService}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-colorgradient"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],disabledClass:[{type:l.HostBinding,args:["class.k-state-disabled"]}],gradientId:[{type:l.HostBinding,args:["attr.id"]}],direction:[{type:l.HostBinding,args:["attr.dir"]}],hostTabindex:[{type:l.HostBinding,args:["attr.tabindex"]}],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}],gradientDragHandle:[{type:l.ViewChild,args:["gradientDragHandle",{read:l.ElementRef,static:!1}]}],inputs:[{type:l.ViewChild,args:["inputs",{static:!1}]}],alphaSlider:[{type:l.ViewChild,args:["alphaSlider",{static:!1}]}],gradientWrapper:[{type:l.ViewChild,args:["gradientWrapper",{static:!1}]}],hsvRectangle:[{type:l.ViewChild,args:["hsvRectangle",{static:!1}]}]}});u(Eo,xo=t.LocalizationService),Eo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):xo.prototype.get.call(this,e)};var xo,s=Eo;function Eo(e,t,n,o){e=xo.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,deps:[{token:t.L10N_PREFIX},{token:a.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:ro,optional:!0}],target:i.ɵɵFactoryTarget.Injectable}),s.ɵprov=i.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:a.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:ro,decorators:[{type:l.Optional},{type:l.Inject,args:[ro]}]}]}});Do.prototype.setColorMatrix=function(e,t){if(this.colorRows=[],p(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)}}},Do.prototype.getCellCoordsFor=function(e){if(p(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}},Do.prototype.getColorAt=function(e){if(p(e)&&p(this.colorRows[e.row]))return this.colorRows[e.row][e.col]},Do.prototype.getNextCell=function(e,t,n){if(!(p(e)&&p(e.row)&&p(e.col)))return{row:0,col:0};n=this.clampIndex(e.row+n,this.colorRows.length-1);return{row:n,col:this.clampIndex(e.col+t,this.colorRows[n].length-1)}},Do.prototype.clampIndex=function(e,t){return e<0?0:t<e?t:e};var So=Do;function Do(){this.colorRows=[]}So.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:So,deps:[],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}]});var Vo=0,To=(Object.defineProperty(B.prototype,"paletteId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format)},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"columns",{get:function(){return this._columns},set:function(e){this._columns=1<e?e:1},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"palette",{get:function(){return this._palette},set:function(e){var t=this,e=("string"==typeof(e=p(e)?e:"office")&&p(Rn[e])&&(this.columns=this.columns||Rn[e].columns,e=Rn[e].colors),"string"==typeof e?e.split(","):e);this._palette=e.map(function(e){return E(e,t.format,!1,!1)})},enumerable:!1,configurable:!0}),Object.defineProperty(B.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(B.prototype,"tileLayout",{get:function(){return"number"!=typeof this.tileSize?this.tileSize:{width:this.tileSize,height:this.tileSize}},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"colorRows",{get:function(){return this.service.colorRows},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(B.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),B.prototype.ngOnInit=function(){var e;0===this.colorRows.length&&(e="name"!==this.format?"office":"accessible",this.palette=this.palette||e,this.setRows())},B.prototype.ngAfterViewInit=function(){var e=this;this.setHostElementAriaLabel(),this.value&&this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){e.selectCell(e.value)})},B.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},B.prototype.ngOnChanges=function(e){(e.palette||e.columns)&&this.setRows(),(e.palette||e.value||e.columns)&&(this.selectCell(this.value),this.setHostElementAriaLabel())},B.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()},B.prototype.handleHostBlur=function(){this.notifyNgTouched(),this.handleCellFocusOnBlur()},B.prototype.handleCellSelection=function(e,t){this.readonly||(this.selectedCell=t,this.focusedCell=this.selectedCell,this.focusInComponent=!0,e=E(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))},B.prototype.writeValue=function(e){this.value=e,this.selectCell(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.isEmpty=function(){return!1},B.prototype.reset=function(){this.focusedCell=null,p(this.value)&&this.handleValueChange(void 0),this.selectedCell=void 0},B.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},B.prototype.handleCellFocusOnBlur=function(){this.focusInComponent=!1,this.focusedCell=this.selectedCell},B.prototype.selectCell=function(e){this.selectedCell=this.service.getCellCoordsFor(e),this.focusedCell=this.selectedCell},B.prototype.setRows=function(){p(this.palette)&&(this.columns=this.columns||10,this.service.setColorMatrix(this.palette,this.columns))},B.prototype.handleCellNavigation=function(e,t){this.readonly||(this.focusedCell=this.service.getNextCell(this.focusedCell,e,t),this.focusInComponent=!0)},B.prototype.setHostElementAriaLabel=function(){var e=E(this.value,this.format);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorPaletteNoColor")))},B.prototype.handleEnter=function(){var e;p(this.focusedCell)&&(e=this.service.getColorAt(this.focusedCell),this.handleCellSelection(e,this.focusedCell))},B);function B(e,t,n,o,r,i){var a=this;this.host=e,this.service=t,this.cdr=n,this.renderer=o,this.localizationService=r,this.ngZone=i,this.id="k-colorpalette-"+Vo++,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(){},A.validatePackage(Me),this.dynamicRTLSubscription=r.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}To.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:To,deps:[{token:i.ElementRef},{token:So},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:a.LocalizationService},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),To.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:To,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)",blur:"handleHostBlur()"},properties:{"attr.dir":"this.direction","attr.id":"this.paletteId","attr.tabindex":"this.hostTabindex","class.k-colorpalette":"this.hostClasses","attr.aria-disabled":"this.disabledClass","class.k-state-disabled":"this.disabledClass","attr.aria-readonly":"this.readonlyAttribute"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return To})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return To})},So,s,{provide:t.LocalizationService,useExisting:s},{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 role="listbox" class="k-colorpalette-table-wrap"\n [attr.aria-activedescendant]="activeCellId">\n <table class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index">\n <td *ngFor="let color of row; let colIndex = index"\n role="option"\n [class.k-state-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-state-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:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:d.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:d.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:To,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPalette",selector:"kendo-colorpalette",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return To})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return To})},So,s,{provide:t.LocalizationService,useExisting:s},{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 role="listbox" class="k-colorpalette-table-wrap"\n [attr.aria-activedescendant]="activeCellId">\n <table class="k-colorpalette-table k-palette">\n <tbody>\n <tr *ngFor="let row of colorRows; let rowIndex = index">\n <td *ngFor="let color of row; let colIndex = index"\n role="option"\n [class.k-state-selected]="selectedCell?.row === rowIndex && selectedCell?.col === colIndex"\n [class.k-state-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:So},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:a.LocalizationService},{type:i.NgZone}]},propDecorators:{direction:[{type:l.HostBinding,args:["attr.dir"]}],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-state-disabled"]}],readonlyAttribute:[{type:l.HostBinding,args:["attr.aria-readonly"]}],handleKeydown:[{type:l.HostListener,args:["keydown",["$event"]]}],handleHostBlur:[{type:l.HostListener,args:["blur"]}]}});Po.prototype.getText=function(e){return this.localizationService.get(e)},Po.prototype.onActionButtonClick=function(e,t){this.actionButtonClick.emit({target:e,originalEvent:t})};S=Po;function Po(e){this.localizationService=e,this.hostClasses=!0,this.actionButtonClick=new l.EventEmitter}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),S.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,selector:"[kendoFlatColorPickerActionButtons]",outputs:{actionButtonClick:"actionButtonClick"},host:{properties:{"class.k-coloreditor-footer":"this.hostClasses","class.k-actions":"this.hostClasses","class.k-hstack":"this.hostClasses"}},viewQueries:[{propertyName:"lastButton",first:!0,predicate:["last"],descendants:!0,read:l.ElementRef}],ngImport:i,template:'\n <button\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 >{{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 >{{getText(\'applyButton\')}}</button>\n ',isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,decorators:[{type:l.Component,args:[{selector:"[kendoFlatColorPickerActionButtons]",template:'\n <button\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 >{{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 >{{getText(\'applyButton\')}}</button>\n '}]}],ctorParameters:function(){return[{type:a.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"]}],actionButtonClick:[{type:l.Output}],lastButton:[{type:l.ViewChild,args:["last",{read:l.ElementRef,static:!1}]}]}});Oo.prototype.ngAfterContentInit=function(){this.focusOnNextTick()},Oo.prototype.focusOnNextTick=function(){var e=this;this.ngZone.runOutsideAngular(function(){return setTimeout(function(){return e.host.nativeElement.focus()})})};s=Oo;function Oo(e,t){this.host=e,this.ngZone=t}s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,deps:[{token:i.ElementRef},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Directive}),s.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:s,selector:"[kendoFocusOnDomReady]",ngImport:i}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,decorators:[{type:l.Directive,args:[{selector:"[kendoFocusOnDomReady]"}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:i.NgZone}]}});Object.defineProperty(R.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(R.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(R.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(R.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),R.prototype.ngOnInit=function(){this.selection=this.value,this._paletteSettings=this.service.getPaletteSettings(this._paletteSettings,this.format),this.setActiveView()},R.prototype.ngAfterViewInit=function(){this.setHostElementAriaLabel(),this.initDomEvents(),this.setSizingVariables()},R.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&(this.selection=this.value,this.setHostElementAriaLabel()),c.isChanged("paletteSettings",e)&&this.setSizingVariables()},R.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},Object.defineProperty(R.prototype,"headerHasContent",{get:function(){return this.preview||1<this.views.length||this.clearButton},enumerable:!1,configurable:!0}),R.prototype.isEmpty=function(){return!1},R.prototype.focus=function(){this.disabled&&this.focused||(this.host.nativeElement.focus(),this.focused=!0)},R.prototype.blur=function(){this.focused&&(this.notifyNgTouched(),this.host.nativeElement.blur(),this.focused=!1)},R.prototype.reset=function(){p(this.value)&&(this.value=void 0,this.notifyNgChanged(void 0),this.setHostElementAriaLabel())},R.prototype.onViewChange=function(e){var t=this;this.activeView!==e&&(this.activeView=e,this.activeViewChange.emit(e),"gradient"===this.activeView&&this.ngZone.runOutsideAngular(function(){setTimeout(function(){t.gradient.gradientDragHandle.nativeElement.focus()})}))},R.prototype.onClearButtonClick=function(){this.resetInnerComponentValue(),this.host.nativeElement.focus()},R.prototype.handleValueChange=function(e){this.preview?this.changeCurrentValue(e):this.setFlatColorPickerValue(e)},R.prototype.onAction=function(e){"apply"===e.target?this.setFlatColorPickerValue(this.selection):this.resetSelection(e.originalEvent),this.actionButtonClick.emit()},R.prototype.writeValue=function(e){this.value=e},R.prototype.registerOnChange=function(e){this.notifyNgChanged=e},R.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},R.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},R.prototype.resetSelection=function(e){e=new Fn(e);this.cancel.emit(e),e.isDefaultPrevented()||(this.selection=this.value),this.notifyNgTouched()},R.prototype.setHostElementAriaLabel=function(){var e=E(this.value,this.format,this.gradientSettings.opacity),e=""+(this.value?e:this.localizationService.get("flatColorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},R.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)},R.prototype.changeCurrentValue=function(e){this.selection=e,this.notifyNgTouched()},R.prototype.resetInnerComponentValue=function(){this.selection=null,(this.gradient||this.palette).reset()},R.prototype.setFlatColorPickerValue=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},R.prototype.setActiveView=function(){if(p(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]},R.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()}))}))};var Bo=R;function R(e,t,n,o,r,i){var a=this;this.host=e,this.service=t,this.localizationService=n,this.cdr=o,this.renderer=r,this.ngZone=i,this.hostClasses=!0,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},this._paletteSettings={},this.subscriptions=new M.Subscription,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},A.validatePackage(Me),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Bo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bo,deps:[{token:i.ElementRef},{token:ao},{token:a.LocalizationService},{token:i.ChangeDetectorRef},{token:i.Renderer2},{token:i.NgZone}],target:i.ɵɵFactoryTarget.Component}),Bo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Bo,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:{properties:{"class.k-flatcolorpicker":"this.hostClasses","class.k-coloreditor":"this.hostClasses","class.k-state-disabled":"this.disabledClass","attr.aria-disabled":"this.disabledClass","attr.aria-readonly":"this.ariaReadonly","attr.dir":"this.direction","attr.tabindex":"this.hostTabindex"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bo})},ao,ro,{provide:t.LocalizationService,useExisting:ro},{provide:t.L10N_PREFIX,useValue:"kendo.flatcolorpicker"}],viewQueries:[{propertyName:"header",first:!0,predicate:["header"],descendants:!0},{propertyName:"gradient",first:!0,predicate:["gradient"],descendants:!0},{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 </ng-container>\n <div kendoFlatColorPickerHeader\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 </div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n *ngIf="activeView === \'gradient\'"\n [tabindex]="null"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorgradient>\n <kendo-colorpalette #palette\n *ngIf="activeView === \'palette\'"\n kendoFocusOnDomReady\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)">\n </div>\n',isInline:!0,components:[{type:w,selector:"[kendoFlatColorPickerHeader]",inputs:["clearButton","activeView","views","preview","value","selection"],outputs:["viewChange","valuePaneClick","clearButtonClick"]},{type:wo,selector:"kendo-colorgradient",inputs:["id","opacity","disabled","readonly","clearButton","delay","value","contrastTool","tabindex","format"],outputs:["valueChange"],exportAs:["kendoColorGradient"]},{type:To,selector:"kendo-colorpalette",inputs:["id","format","value","columns","palette","tabindex","disabled","readonly","tileSize"],outputs:["selectionChange","valueChange","cellSelection"],exportAs:["kendoColorPalette"]},{type:S,selector:"[kendoFlatColorPickerActionButtons]",outputs:["actionButtonClick"]}],directives:[{type:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:s,selector:"[kendoFocusOnDomReady]"},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Bo,decorators:[{type:l.Component,args:[{exportAs:"kendoFlatColorPicker",selector:"kendo-flatcolorpicker",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Bo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Bo})},ao,ro,{provide:t.LocalizationService,useExisting:ro},{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 </ng-container>\n <div kendoFlatColorPickerHeader\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 </div>\n <div class="k-coloreditor-views k-vstack">\n <kendo-colorgradient #gradient\n *ngIf="activeView === \'gradient\'"\n [tabindex]="null"\n [value]="selection"\n [format]="format"\n [opacity]="gradientSettings.opacity"\n [delay]="gradientSettings.delay"\n [contrastTool]="gradientSettings.contrastTool"\n [readonly]="readonly"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorgradient>\n <kendo-colorpalette #palette\n *ngIf="activeView === \'palette\'"\n kendoFocusOnDomReady\n [palette]="paletteSettings.palette"\n [columns]="paletteSettings.columns"\n [tileSize]="paletteSettings.tileSize"\n [format]="format"\n [value]="selection"\n (valueChange)="handleValueChange($event)"\n >\n </kendo-colorpalette>\n </div>\n <div kendoFlatColorPickerActionButtons *ngIf="preview"\n #footer\n [ngClass]="\'k-justify-content-\' + actionsLayout"\n (actionButtonClick)="onAction($event)">\n </div>\n'}]}],ctorParameters:function(){return[{type:i.ElementRef},{type:ao},{type:a.LocalizationService},{type:i.ChangeDetectorRef},{type:i.Renderer2},{type:i.NgZone}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-flatcolorpicker"]},{type:l.HostBinding,args:["class.k-coloreditor"]}],disabledClass:[{type:l.HostBinding,args:["class.k-state-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"]}],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",{static:!1}]}],gradient:[{type:l.ViewChild,args:["gradient",{static:!1}]}],palette:[{type:l.ViewChild,args:["palette",{static:!1}]}],footer:[{type:l.ViewChild,args:["footer",{static:!1}]}]}});var Ro=["focus","blur"],Fo=(Object.defineProperty(F.prototype,"focusedClass",{get:function(){return this.isFocused},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(F.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(F.prototype,"value",{get:function(){return this._value},set:function(e){this._value=E(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign(this._popupSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){this._paletteSettings=Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){this._gradientSettings=Object.assign(this._gradientSettings,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,"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(F.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(F.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(F.prototype,"isOpen",{get:function(){return p(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(F.prototype,"iconStyles",{get:function(){return this.iconClass||(this.icon?"k-icon k-i-"+this.icon:void 0)},enumerable:!1,configurable:!0}),F.prototype.ngOnInit=function(){var e="name"!==this.format?"office":oo,t=this._paletteSettings.palette,n="string"==typeof t&&Rn[t]?Rn[t].columns:void 0;this._paletteSettings={palette:t||e,tileSize:this._paletteSettings.tileSize||24,columns:this._paletteSettings.columns||n||10}},F.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.setHostElementAriaLabel(),this.handleHostId(),this.initDomEvents()},F.prototype.ngOnChanges=function(e){e.format&&"name"===e.format.currentValue&&(this.activeView="palette"),"gradient"===this.activeView&&this.gradientSettings.opacity&&(this.format="rgba",this.value=E(this.value,this.format,this.gradientSettings.opacity)),c.isChanged("value",e)&&this.setHostElementAriaLabel()},F.prototype.ngOnDestroy=function(){this.closePopup(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe(),this.handleDomEvents("remove",Ro)},F.prototype.handleCancelEvent=function(e){this.cancel.emit(e)},F.prototype.togglePopup=function(){this.focus(),this.toggleWithEvents(!this.isOpen)},F.prototype.handleWrapperClick=function(e){var t=this;if(!this.disabled){if(this.focus(),c.closest(e.target,function(e){return e===t.activeColor.nativeElement}))return e=new _n(this.value),this.activeColorClick.emit(e),void(e.isOpenPrevented()&&!this.isOpen||this.toggleWithEvents(!this.isOpen));this.toggleWithEvents(!this.isOpen)}},F.prototype.focus=function(){this.isFocused=!0,this.host.nativeElement.focus()},F.prototype.handleWrapperFocus=function(){var e=this;this.isFocused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},F.prototype.blur=function(){this.isFocused=!1,this.host.nativeElement.blur(),this.notifyNgTouched()},F.prototype.handleWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.isFocused=!1})},F.prototype.reset=function(){p(this.value)&&(this._value=void 0,this.setHostElementAriaLabel(),this.notifyNgChanged(void 0))},F.prototype.toggle=function(e){this.disabled||this.readonly||(this.cdr.markForCheck(),this.closePopup(),(e=p(e)?e:!this.isOpen)&&this.openPopup())},F.prototype.handleValueChange=function(e){e=E(e,this.format,this.gradientSettings.opacity);e!==this.value&&(this.value=e,this.valueChange.emit(e),this.setHostElementAriaLabel(),this.notifyNgChanged(e))},F.prototype.handlePopupBlur=function(e){this.popupBlurInvalid(e)||(this.isFocused=!1,this.onBlur.emit(),this.notifyNgTouched(),this.toggleWithEvents(!1))},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.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},F.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)}))},F.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()))},F.prototype.isEmpty=function(){return!1},F.prototype.setHostElementAriaLabel=function(){var e=""+(this.value||this.localizationService.get("colorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},F.prototype.handleClasses=function(e,t){var n=this.host.nativeElement,t=X("picker",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},F.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},F.prototype.toggleWithEvents=function(e){var t,n=this.isOpen===e;this.disabled||this.readonly||n||(e?(t=new Ln,this.open.emit(t)):(t=new Hn,this.close.emit(t)),t.isDefaultPrevented()||this.toggle(e),e&&this.focusFirstElement())},F.prototype.focusFirstElement=function(){var t=this;this.ngZone.onStable.pipe(H.take(1)).subscribe(function(){var e;t.flatColorPicker&&((e=t.flatColorPicker.gradient)?e.gradientDragHandle:t.flatColorPicker.palette.host).nativeElement.focus()})},F.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.popupRef.popupAnchorViewportLeave.subscribe(function(){e.toggleWithEvents(!1),e.isOpen||e.host.nativeElement.focus({preventScroll:!0})})},F.prototype.closePopup=function(){this.isOpen&&(this.popupRef.close(),this.popupRef=null)},Object.defineProperty(F.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(F.prototype,"lastFocusableElement",{get:function(){if(this.preview)return this.flatColorPicker.footer.lastButton;if(this.flatColorPicker.palette)return this.flatColorPicker.palette.host;var e=this.flatColorPicker.gradient,t=e&&e.inputs;return e&&t&&"hex"===t.formatView?t.hexInput:this.gradientSettings.opacity?t.opacityInput.numericInput:t.blueInput},enumerable:!1,configurable:!0}),F.prototype.handleDomEvents=function(t,e){var n=this,o=this.host.nativeElement;e.forEach(function(e){return o[t+"EventListener"](e,n.domFocusListener,!0)})},F.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",Ro),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)})}))}))},F.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)},F);function F(e,t,n,o,r,i){var a=this;this.host=e,this.popupService=t,this.cdr=n,this.localizationService=o,this.ngZone=r,this.renderer=i,this.hostClasses=!0,this.role="listbox",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 M.Subscription,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},this.domFocusListener=function(e){return e.stopImmediatePropagation()},A.validatePackage(Me),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Fo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Fo,deps:[{token:i.ElementRef},{token:G.PopupService},{token:i.ChangeDetectorRef},{token:a.LocalizationService},{token:i.NgZone},{token:i.Renderer2}],target:i.ɵɵFactoryTarget.Component}),Fo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Fo,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"}},providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Fo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Fo})},eo,{provide:t.LocalizationService,useExisting:eo},{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 </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 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-arrow-s"></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:Bo,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:ko,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:d.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:d.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Fo,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPicker",selector:"kendo-colorpicker",providers:[{multi:!0,provide:n.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Fo})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Fo})},eo,{provide:t.LocalizationService,useExisting:eo},{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 </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 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-arrow-s"></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:G.PopupService},{type:i.ChangeDetectorRef},{type:a.LocalizationService},{type:i.NgZone},{type:i.Renderer2}]},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"]}],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}]}]}});u(Ho,zo=P),Object.defineProperty(Ho.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var zo,Mo=Ho;function Ho(e){var t=zo.call(this)||this;return t.service=e,t}Mo.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,deps:[{token:a.LocalizationService}],target:i.ɵɵFactoryTarget.Component}),Mo.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Mo,selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",providers:[{provide:P,useExisting:l.forwardRef(function(){return Mo})}],usesInheritance:!0,ngImport:i,template:"",isInline:!0}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Mo,decorators:[{type:l.Component,args:[{providers:[{provide:P,useExisting:l.forwardRef(function(){return Mo})}],selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",template:""}]}],ctorParameters:function(){return[{type:a.LocalizationService}]}});var P=[Fo,To,wo,Bo,ko,Mo],Ao=[ho,s,T,V,w,S,D],No=function(){},ho=(No.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,deps:[],target:i.ɵɵFactoryTarget.NgModule}),No.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,declarations:[Fo,To,wo,Bo,ko,Mo,ho,s,T,V,w,S,D],imports:[g,h,o.CommonModule,L.PopupModule,c.DraggableModule],exports:[Fo,To,wo,Bo,ko,Mo]}),No.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,imports:[[g,h,o.CommonModule,L.PopupModule,c.DraggableModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:No,decorators:[{type:l.NgModule,args:[{declarations:[P,Ao],exports:[P],imports:[g,h,o.CommonModule,L.PopupModule,c.DraggableModule]}]}]}),Object.defineProperty(Lo.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(Lo.prototype,"rounded",{get:function(){return this._rounded},set:function(e){e=e||"medium";this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Lo.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(t[e],e)})},Lo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=X("checkbox",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Lo);function Lo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",this._rounded="medium"}ho.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:ho,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),ho.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ho,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:ho,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}]}});s=function(){},s.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,deps:[],target:i.ɵɵFactoryTarget.NgModule}),s.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,declarations:[ho],imports:[o.CommonModule],exports:[ho]}),s.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,imports:[[o.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:s,decorators:[{type:l.NgModule,args:[{declarations:[ho],exports:[ho],imports:[o.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=X("radio",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},T=jo;function jo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",A.validatePackage(Me)}T.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:T,deps:[{token:i.Renderer2},{token:i.ElementRef}],target:i.ɵɵFactoryTarget.Directive}),T.ɵdir=i.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:T,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:T,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 V=function(){},_o=(V.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,deps:[],target:i.ɵɵFactoryTarget.NgModule}),V.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,declarations:[T],imports:[o.CommonModule],exports:[T]}),V.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,imports:[[o.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:V,decorators:[{type:l.NgModule,args:[{declarations:[T],exports:[T],imports:[o.CommonModule]}]}]}),0),w=(Object.defineProperty(Zo.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Zo.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Zo.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),Zo);function Zo(){this.hostClass=!0,this.align="start",this.id="kendo-error-"+_o++,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 Go=0,S=(Object.defineProperty(Ko.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),Ko);function Ko(){this.align="start",this.id="kendo-hint-"+Go++,this.hostClass=!0}S.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:S,deps:[],target:i.ɵɵFactoryTarget.Component}),S.ɵcmp=i.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:S,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:S,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(z.prototype,"errorClass",{get:function(){return!!this.control&&(this.control.invalid&&(this.control.touched||this.control.dirty))},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"disabledClass",{get:function(){return!!this.control&&(!this.isRadioControl(this.control)&&(this.disabledControl()||this.disabledElement()||this.disabledKendoInput()))},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"formControls",{set:function(e){this.validateFormControl(e),this.control=e.first},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hasHints",{get:function(){return"always"===this.showHints||this.showHintsInitial()},enumerable:!1,configurable:!0}),Object.defineProperty(z.prototype,"hasErrors",{get:function(){return"always"===this.showErrors||this.showErrorsInitial()},enumerable:!1,configurable:!0}),z.prototype.ngAfterViewInit=function(){this.setDescription()},z.prototype.ngAfterViewChecked=function(){this.updateDescription()},z.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},z.prototype.disabledKendoInput=function(){return this.kendoInput&&this.kendoInput.disabled},z.prototype.disabledControl=function(){return this.control.disabled},z.prototype.disabledElement=function(){return this.controlElementRefs.toArray().every(function(e){return e.nativeElement.hasAttribute("disabled")})},z.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.")},z.prototype.isControlGroup=function(e){var t=this;if(!e.length)return!1;var n=e.first.name;return e.toArray().every(function(e){return e.name===n&&t.isRadioControl(e)})},z.prototype.isRadioControl=function(e){return e.valueAccessor instanceof n.RadioControlValueAccessor},z.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"))})},z.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})},z.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(" ")},z.prototype.showHintsInitial=function(){if(!this.control)return!0;var e=this.control,t=e.valid,n=e.untouched,e=e.pristine;return t||n&&e},z.prototype.showErrorsInitial=function(){if(!this.control)return!1;var e=this.control,t=e.invalid,n=e.dirty,e=e.touched;return t&&(n||e)},z.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=z;function z(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 M.Subscription,this.rtl=!1,A.validatePackage(Me),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:a.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:n.NgControl,descendants:!0},{propertyName:"controlElementRefs",predicate:n.NgControl,descendants:!0,read:l.ElementRef},{propertyName:"errorChildren",predicate:w,descendants:!0},{propertyName:"hintChildren",predicate:S,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:d.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:a.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:[n.NgControl,{descendants:!0}]}],controlElementRefs:[{type:l.ContentChildren,args:[n.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:[S,{descendants:!0}]}],showHints:[{type:l.Input}],orientation:[{type:l.Input}],showErrors:[{type:l.Input}]}});Ao=function(){},Ao.ɵfac=i.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,deps:[],target:i.ɵɵFactoryTarget.NgModule}),Ao.ɵmod=i.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,declarations:[S,w,D],imports:[o.CommonModule],exports:[S,w,D]}),Ao.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,imports:[[o.CommonModule]]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:Ao,decorators:[{type:l.NgModule,args:[{declarations:[S,w,D],exports:[S,w,D],imports:[o.CommonModule]}]}]}),P=function(){};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,imports:[o.CommonModule],exports:[Bn,xn,g,r,y,h,un,No,s,V,Ao]}),P.ɵinj=i.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,imports:[[o.CommonModule],Bn,xn,g,r,y,h,un,No,s,V,Ao]}),i.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:i,type:P,decorators:[{type:l.NgModule,args:[{exports:[Bn,xn,g,r,y,h,un,No,s,V,Ao],imports:[o.CommonModule]}]}]}),e.ActiveColorClickEvent=_n,e.CheckBoxDirective=ho,e.CheckBoxModule=s,e.ColorGradientComponent=wo,e.ColorPaletteComponent=To,e.ColorPickerCancelEvent=Fn,e.ColorPickerCloseEvent=Hn,e.ColorPickerComponent=Fo,e.ColorPickerCustomMessagesComponent=Mo,e.ColorPickerModule=No,e.ColorPickerOpenEvent=Ln,e.ErrorComponent=w,e.FlatColorPickerComponent=Bo,e.FormFieldComponent=D,e.FormFieldModule=Ao,e.HintComponent=S,e.InputSeparatorComponent=C,e.InputsModule=P,e.LabelTemplateDirective=He,e.LocalizedColorPickerMessagesDirective=ko,e.LocalizedNumericTextBoxMessagesDirective=Dt,e.LocalizedRangeSliderMessagesDirective=nt,e.LocalizedSliderMessagesDirective=Ke,e.LocalizedSwitchMessagesDirective=dt,e.LocalizedTextBoxMessagesDirective=mn,e.MaskedTextBoxComponent=Jt,e.MaskedTextBoxModule=un,e.NumericTextBoxComponent=Bt,e.NumericTextBoxCustomMessagesComponent=zt,e.NumericTextBoxModule=h,e.RadioButtonDirective=T,e.RadioButtonModule=V,e.RangeSliderComponent=at,e.RangeSliderCustomMessagesComponent=rn,e.RangeSliderModule=r,e.SharedModule=wn,e.SliderComponent=Xe,e.SliderCustomMessagesComponent=tn,e.SliderModule=g,e.SliderTicksComponent=Le,e.SwitchComponent=ht,e.SwitchCustomMessagesComponent=ln,e.SwitchModule=y,e.TextAreaComponent=Pn,e.TextAreaDirective=mt,e.TextAreaModule=Bn,e.TextAreaSuffixComponent=En,e.TextBoxComponent=bn,e.TextBoxCustomMessagesComponent=Cn,e.TextBoxDirective=gt,e.TextBoxModule=xn,e.TextBoxPrefixTemplateDirective=hn,e.TextBoxSuffixTemplateDirective=pn,Object.defineProperty(e,"__esModule",{value:!0})});