@progress/kendo-angular-inputs 8.0.4 → 9.0.0-next.202202161022

package/bundles/kendo-angular-inputs.umd.js

@@ -0,0 +1,5 @@
+/**-----------------------------------------------------------------------------------------
+* Copyright © 2021 Progress Software Corporation. All rights reserved.
+* Licensed under commercial license. See LICENSE.md in the project root for more information
+*-------------------------------------------------------------------------------------------*/
+!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,u,d,p,t,c,h,g,f,m,v,y){"use strict";function b(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 n=b(l),o=b(t),k=b(c),C=b(g),I=b(m),w=b(v),x=function(e,t){return(x=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 E(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}x(e,t),e.prototype=null===t?Object.create(t):(n.prototype=t.prototype,new n)}Object.create;function S(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 D(e,t){return e===t||null===e&&void 0===t||void 0===e&&null===t}function V(e){return e&&(!e.touched||e.control&&"blur"===e.control.updateOn)}function T(e,t,n,o){switch(t){case"size":return{toRemove:"k-"+e+"-"+X[n],toAdd:o?"k-"+e+"-"+X[o]:null};case"rounded":return{toRemove:"k-rounded-"+q[n],toAdd:o?"k-rounded-"+q[o]:null};case"fillMode":return{toRemove:"k-"+e+"-"+n,toAdd:o?"k-"+e+"-"+o:null}}}function P(e){return(e.max-e.min)/e.smallStep*e.fixedTickWidth}function O(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(ne(t,e)),e=Math.floor(re(t,n)),te(e,1)}function B(e,t){var n=t.max,o=t.min,r=t.smallStep,i=t.reverse,t=t.vertical,o=te(o,oe(e,r));return t||i?Math.abs(ne(o,n)):o}function R(e){var t=e.trackWidth,n=e.min,o=e.max,r=e.reverse,e=e.value,o=t/Math.abs(o-n),o=$(e)?o*(e-n):n;return r&&(o=t-o),Math.floor(o)}function F(e){return-1<e.id.indexOf("k-start-handle")}function z(e,t){var n=t.smallStep,o=t.min,r=t.max,r=le(e,o,r);return e!==r?r:(r=ae(e,t),t=se(e,t),(e-o)%n==0?e:t-e<=(t-r)/2?t:r)}function M(e,t,n){return e<n?e:n<t?t:n}function A(e,t,n){return n?[M(e,t,n[0]),M(e,t,n[1])]:[t,t]}function H(e){return e}function N(e,t){return D(e[0],t[0])&&D(e[1],t[1])}function L(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=Y(n.smallStep),e=ee(e,s+1);return z(e,n)}function j(e){return 0<=e.className.indexOf("k-button-increase")||0<=e.className.indexOf("k-button-decrease")}function _(e){return se(e.value,e)}function Z(e){return ae(e.value,e)}function G(e){return se(e.value,e,!0)}function K(e){return ae(e.value,e,!0)}function W(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 $=function(e){return null!=e},U=function(e,t,n){return!$(e)||isNaN(e)||e<=t?t:n<=e?n:e},X={small:"sm",medium:"md",large:"lg"},q={small:"sm",medium:"md",large:"lg",full:"full"},Q=function(e){return Math.min(e,20)},Y=function(e){return(String(e).split(".")[1]||"").length},J=function(e,t){return Math.max(Y(e),Y(t))},ee=function(e,t){t=Q(t);return parseFloat(e.toFixed(t))},te=function(e,t){var n=J(e,t);return ee(e+t,n)},ne=function(e,t){return te(e,-t)},oe=function(e,t){var n=Y(e)+Y(t);return ee(e*t,n)},re=function(e,t){if(0===t)return NaN;var n=J(e,t),n=Math.pow(10,n);return n*e/(n*t)},ie=function(e,t){return Math.abs(ne(e,oe(t,Math.floor(re(e,t)))))},ae=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?oe(i,t):i,t=ne(e,r),i=ie(t,n),e=ne(t,0===i?n:i);return le(te(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?oe(i,t):i,t=ne(e,r),i=ie(t,n),e=te(ne(t,i),n);return le(te(e,r),r,o)},le=function(e,t,n){return Math.max(Math.min(e,n),t)},m=(ce.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]=""},ce.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))}([],S(t)).map(function(e,t){return e.style[o]=n.tickSizes[t]+"px"}),this.props.vertical&&this.adjustPadding(e)},ce.prototype.resizeWrapper=function(){var e=this.props.vertical?"height":"width",t=P(this.props),n=this.wrapper.parentElement;t&&(n.style[e]="auto")},ce.prototype.trackWidth=function(){return this.props.fixedTickWidth?P(this.props):this.elementSize(this.track.parentElement)},ce.prototype.getTickSizes=function(){for(var e=this.props,t=e.min,n=e.max,o=e.smallStep,r=O(t,n,o),e=this.trackWidth(),i=e/ne(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,u=Math.round(l-s);a.push(u),s+=u}return e<=s&&--a[a.length-1],a},ce.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")},ce.prototype.elementOffset=function(e){var t=this.props.vertical,e=getComputedStyle(e);return parseInt(t?e.bottom:e.left,10)},ce.prototype.elementSize=function(e){return this.props.vertical?e.clientHeight:e.clientWidth},ce);function ce(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()}E(pe,ue=m),pe.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=M(n,o,this.props.value);this.handlePosition=R({min:o,max:n,reverse:r,value:a,trackWidth:i}),this.renderer.setStyle(e,t,this.handlePosition+"px")},pe.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 ue,de=pe;function pe(){return null!==ue&&ue.apply(this,arguments)||this}var he=function(e){return String(e).trim().split(" ")};function ge(e,t){for(var n=[],o=2;o<arguments.length;o++)n[o-2]=arguments[o];return e&&e.nativeElement&&e.nativeElement[t].apply(e.nativeElement,n)}function fe(e){return e&&e.nativeElement&&(e=e.nativeElement,t="ng-untouched",Boolean(he(e.className).find(function(e){return e===t})));var t}function me(e,t){for(;e&&!t(e);)e=e.parentNode;return e}var ve={name:"@progress/kendo-angular-inputs",productName:"Kendo UI for Angular",productCodes:["KENDOUIANGULAR","KENDOUICOMPLETE"],publishDate:1645006768,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"},ye=function(e){this.templateRef=e},be=(ye.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ye,deps:[{token:n.TemplateRef,optional:!0}],target:n.ɵɵFactoryTarget.Directive}),ye.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ye,selector:"[kendoSliderLabelTemplate]",ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ye,decorators:[{type:l.Directive,args:[{selector:"[kendoSliderLabelTemplate]"}]}],ctorParameters:function(){return[{type:n.TemplateRef,decorators:[{type:l.Optional}]}]}}),Object.defineProperty(ke.prototype,"horizontalClass",{get:function(){return!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"verticalClass",{get:function(){return this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),ke.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},ke.prototype.ngOnInit=function(){var t=this;this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr",t.sizeComponent()})),this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(u.NgControl,null)},Object.defineProperty(ke.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),ke.prototype.isEmpty=function(){return!1},Object.defineProperty(ke.prototype,"reverse",{get:function(){return this.localizationService.rtl&&!this.vertical},enumerable:!1,configurable:!0}),Object.defineProperty(ke.prototype,"keyBinding",{get:function(){var e=this.reverse,t={};return t[c.Keys.ArrowLeft]=e?_:Z,t[c.Keys.ArrowRight]=e?Z:_,t[c.Keys.ArrowDown]=Z,t[c.Keys.ArrowUp]=_,t[c.Keys.PageUp]=G,t[c.Keys.PageDown]=K,t[c.Keys.Home]=function(e){return e.min},t[c.Keys.End]=function(e){return e.max},t},enumerable:!1,configurable:!0}),ke.prototype.resetStyles=function(e){var t=this;e.forEach(function(e){e&&(t.vertical?(t.renderer.removeStyle(e,"width"),t.renderer.removeStyle(e,"left"),t.renderer.removeStyle(e,"right")):(t.renderer.removeStyle(e,"height"),t.renderer.removeStyle(e,"bottom")),t.renderer.removeStyle(e,"padding-top"))})},ke);function ke(e,t,n,o,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=H,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 d.Subscription,this.ifEnabled=function(e,t){a.isDisabled||e.call(a,t)},h.validatePackage(ve),this.direction=e.rtl?"rtl":"ltr"}be.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,deps:[{token:o.LocalizationService},{token:n.Injector},{token:n.Renderer2},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),be.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:be,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:ye,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:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,decorators:[{type:l.Component,args:[{selector:"kendo-slider-base",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.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:[ye,{static:!1}]}]}});var Ce=function(e){this.value=e,this.classes={"k-tick":!0}},Ie=(we.prototype.ngOnChanges=function(e){this.createTicks()},we.prototype.createTicks=function(){for(var e=O(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 Ce(B(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},we.prototype.endTickClasses=function(e){return{"k-first":e&&!this.vertical||!e&&this.vertical,"k-last":!e&&!this.vertical||e&&this.vertical}},we);function we(){this.wrapperClasses="k-reset k-slider-items",this.ticks=[]}Ie.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ie,deps:[],target:n.ɵɵFactoryTarget.Component}),Ie.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ie,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:n,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:C.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:C.NgSwitch,selector:"[ngSwitch]",inputs:["ngSwitch"]},{type:C.NgSwitchCase,selector:"[ngSwitchCase]",inputs:["ngSwitchCase"]},{type:C.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ie,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"]}]}});E(Se,xe=t.ComponentMessages);var xe,Ee=Se;function Se(){return null!==xe&&xe.apply(this,arguments)||this}Ee.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ee,deps:null,target:n.ɵɵFactoryTarget.Directive}),Ee.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ee,selector:"kendo-slider-messages-base",inputs:{decrement:"decrement",increment:"increment",dragHandle:"dragHandle"},usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ee,decorators:[{type:l.Directive,args:[{selector:"kendo-slider-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}],dragHandle:[{type:l.Input}]}});E(Te,De=Ee);var De,Ve=Te;function Te(e){var t=De.call(this)||this;return t.service=e,t}Ve.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ve,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Directive}),Ve.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Ve,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:Ee,useExisting:l.forwardRef(function(){return Ve})}],usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ve,decorators:[{type:l.Directive,args:[{providers:[{provide:Ee,useExisting:l.forwardRef(function(){return Ve})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var Pe,Oe="k-pressed",Be=(E(Re,Pe=be),Object.defineProperty(Re.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"currentValue",{get:function(){return $(this.value)?this.value.toString():""},enumerable:!1,configurable:!0}),Re.prototype.focus=function(){this.disabled||(this.focusChangedProgrammatically=!0,ge(this.draghandle,"focus"),this.focusChangedProgrammatically=!1)},Re.prototype.blur=function(){this.focusChangedProgrammatically=!0,ge(this.draghandle,"blur"),this.handleBlur(),this.focusChangedProgrammatically=!1},Re.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&this.ngZone.onStable.asObservable().pipe(p.take(1)).subscribe(function(){t.sizeComponent(!1)})},Re.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())},Re.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},Object.defineProperty(Re.prototype,"incrementMessage",{get:function(){return this.incrementTitle||this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"decrementMessage",{get:function(){return this.decrementTitle||this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(Re.prototype,"dragHandleMessage",{get:function(){return this.dragHandleTitle||this.localizationService.get("dragHandle")},enumerable:!1,configurable:!0}),Re.prototype.handleDragPress=function(e){e.originalEvent&&e.originalEvent.preventDefault(),this.renderer.removeClass(this.hostElement.nativeElement,"k-slider-transitions")},Re.prototype.onHandleDrag=function(e){this.dragging=!0,this.changeValue(L(e,this.track.nativeElement,this.getProps()))},Re.prototype.onHandleRelease=function(){this.dragging=!1,this.renderer.addClass(this.hostElement.nativeElement,"k-slider-transitions")},Re.prototype.writeValue=function(e){this.changeDetector.markForCheck(),this.value=e,this.sizeComponent(this.animate)},Re.prototype.registerOnChange=function(e){this.ngChange=e},Re.prototype.registerOnTouched=function(e){this.ngTouched=e},Re.prototype.changeValue=function(e){var t=this;D(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.sizeComponent(t.animate),t.changeDetector.markForCheck()})},Re.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 de(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(Re.prototype,"focused",{set:function(e){this.isFocused!==e&&this.hostElement&&(this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(Re.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,Oe),this.renderer.addClass(n,Oe)):(this.renderer.removeClass(t,Oe),this.renderer.removeClass(n,Oe)),this.isDragged=e)},enumerable:!1,configurable:!0}),Re.prototype.setValueChangeInterval=function(o,r){var i=this;this.ngZone.runOutsideAngular(function(){var e=d.fromEvent(o,"mousedown"),t=d.fromEvent(o,"mouseup"),n=d.fromEvent(o,"mouseout"),e=e.pipe(p.filter(function(e){return 0===e.button&&!i.isDisabled}),p.concatMap(function(){return d.interval(150).pipe(p.startWith(-1),p.takeUntil(d.merge(t,n)))})).subscribe(function(){i.isFocused||ge(i.draghandle,"focus"),r()});i.subscriptions.add(e)})},Re.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:M(this.max,this.min,this.value),vertical:this.vertical}},Re.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}))})},Re);function Re(e,t,n,o,r,i){var a=Pe.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||j(t)||j(t.parentNode)||(t=L(e,a.track.nativeElement,a.getProps()),a.changeValue(t)),ge(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(M(n,o,r)),e.preventDefault())},a.ngChange=function(e){},a.ngTouched=function(){},a.decreaseValue=function(){a.changeValue(ae(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)||V(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}Be.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Be,deps:[{token:o.LocalizationService},{token:n.Injector},{token:n.Renderer2},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),Be.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Be,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Be})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Be})}],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:n,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-track-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:Ie,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:k.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Ve,selector:"[kendoSliderLocalizedMessages]"},{type:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Be,decorators:[{type:l.Component,args:[{exportAs:"kendoSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.slider"},{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Be})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Be})}],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-track-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:o.LocalizationService},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.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}]}]}});E(Me,Fe=m),Me.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=F(e)?A(t,n,this.props.value)[0]:A(t,n,this.props.value)[1],F(e)?(this.startHandlePosition=R({min:n,max:t,reverse:o,value:a,trackWidth:i}),this.renderer.setStyle(e,r,this.startHandlePosition+"px")):(this.endHandlePosition=R({min:n,max:t,reverse:o,value:a,trackWidth:i}),this.renderer.setStyle(e,r,this.endHandlePosition+"px")))},Me.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 Fe,ze=Me;function Me(){return null!==Fe&&Fe.apply(this,arguments)||this}E(He,Ae=t.ComponentMessages);var Ae,m=He;function He(){return null!==Ae&&Ae.apply(this,arguments)||this}m.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:m,deps:null,target:n.ɵɵFactoryTarget.Directive}),m.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:m,selector:"kendo-rangeslider-messages-base",inputs:{dragHandleStart:"dragHandleStart",dragHandleEnd:"dragHandleEnd"},usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:m,decorators:[{type:l.Directive,args:[{selector:"kendo-rangeslider-messages-base"}]}],propDecorators:{dragHandleStart:[{type:l.Input}],dragHandleEnd:[{type:l.Input}]}});E(je,Ne=m);var Ne,Le=je;function je(e){var t=Ne.call(this)||this;return t.service=e,t}Le.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Le,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Directive}),Le.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Le,selector:"[kendoSliderLocalizedMessages]",providers:[{provide:m,useExisting:l.forwardRef(function(){return Le})}],usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Le,decorators:[{type:l.Directive,args:[{providers:[{provide:m,useExisting:l.forwardRef(function(){return Le})}],selector:"[kendoSliderLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var _e,Ze="k-pressed",Ge=(E(Ke,_e=be),Ke.prototype.focus=function(){this.focusChangedProgrammatically=!0,ge(this.draghandleStart,"focus"),this.focusChangedProgrammatically=!1},Ke.prototype.blur=function(){this.focusChangedProgrammatically=!0,ge("startHandle"===this.activeHandle?this.draghandleStart:this.draghandleEnd,"blur"),this.handleBlur(),this.focusChangedProgrammatically=!1},Ke.prototype.ngOnInit=function(){this.value||(this.value=[this.min,this.max]),_e.prototype.ngOnInit.call(this)},Ke.prototype.ngOnChanges=function(e){var t=this;c.anyChanged(["value","fixedTickWidth","tickPlacement"],e,!0)&&(e.value&&e.value.currentValue&&W(e.value.currentValue),this.ngZone.onStable.asObservable().pipe(p.take(1)).subscribe(function(){t.sizeComponent()}))},Ke.prototype.ngAfterViewInit=function(){var e=this;c.isDocumentAvailable()&&(this.sizeComponent(),this.ticks&&this.ticks.tickElements.changes.subscribe(function(){return e.sizeComponent()}),this.attachElementEventHandlers())},Ke.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},Ke.prototype.textFor=function(e){return this.localization.get(e)},Object.defineProperty(Ke.prototype,"valueText",{get:function(){return this.value?this.value[0]+" - "+this.value[1]:""},enumerable:!1,configurable:!0}),Ke.prototype.handleDragPress=function(e){e.originalEvent&&e.originalEvent.preventDefault();e=e.originalEvent.target;this.draggedHandle=e,this.renderer.setStyle(e,"zIndex",++this.handleZIndex)},Ke.prototype.onHandleDrag=function(e){function t(){return r.changeValue([L(e,r.track.nativeElement,r.getProps()),r.value[1]])}function n(){return r.changeValue([r.value[0],L(e,r.track.nativeElement,r.getProps())])}function o(){return r.changeValue([L(e,r.track.nativeElement,r.getProps()),L(e,r.track.nativeElement,r.getProps())])}var r=this,i=(this.value=this.value||[this.min,this.min],e.originalEvent.target),a=this.draggedHandle.getBoundingClientRect(),a=(this.lastHandlePosition={x:a.left,y:a.top},this.dragging={value:!0,target:i},e.pageX<this.lastHandlePosition.x),i=e.pageX>this.lastHandlePosition.x,u=e.pageY>this.lastHandlePosition.y,s=F(this.draggedHandle),l=this.vertical,c=!l,l=l&&u||(this.reverse?c&&i:c&&a);(this.value[0]===this.value[1]?l?s?t:o:s?o:n:s?t:n)()},Ke.prototype.onHandleRelease=function(e){this.dragging={value:!1,target:e.originalEvent.target},this.draggedHandle=void 0},Ke.prototype.writeValue=function(e){W(e),this.value=e,this.sizeComponent()},Ke.prototype.registerOnChange=function(e){this.ngChange=e},Ke.prototype.registerOnTouched=function(e){this.ngTouched=e},Ke.prototype.changeValue=function(e){var t=this;this.value&&N(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.value&&t.valueChange.emit(e),t.sizeComponent()})},Ke.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 ze(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(Ke.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),Ke.prototype.isEmpty=function(){return!1},Object.defineProperty(Ke.prototype,"focused",{set:function(e){this.isFocused!==e&&this.hostElement&&(this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(Ke.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,Ze),this.renderer.addClass(n,Ze)):(this.renderer.removeClass(t,Ze),this.renderer.removeClass(n,Ze)),this.isDragged=e.value)},enumerable:!1,configurable:!0}),Ke.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:A(this.max,this.min,this.value),vertical:this.vertical,buttons:!1}},Ke.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}))})},Ke);function Ke(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.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=L(e,a.track.nativeElement,a.getProps()),t=void 0,n=(o=S(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"),ge("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=F(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=M(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)||V(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.focusChangedProgrammatically||a.onBlur.emit()})},a}Ge.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ge,deps:[{token:o.LocalizationService},{token:n.Injector},{token:n.Renderer2},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),Ge.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ge,selector:"kendo-rangeslider",inputs:{value:"value"},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ge})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ge})}],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:n,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:Ie,selector:"[kendoSliderTicks]",inputs:["tickTitle","vertical","step","largeStep","min","max","labelTemplate"]},{type:k.ResizeSensorComponent,selector:"kendo-resize-sensor",inputs:["rateLimit"],outputs:["resize"]}],directives:[{type:Le,selector:"[kendoSliderLocalizedMessages]"},{type:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ge,decorators:[{type:l.Component,args:[{exportAs:"kendoRangeSlider",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.rangeslider"},{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ge})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ge})}],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:o.LocalizationService},{type:n.Injector},{type:n.Renderer2},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.ElementRef}]},propDecorators:{value:[{type:l.Input}],draghandleStart:[{type:l.ViewChild,args:["draghandleStart",{static:!0}]}],draghandleEnd:[{type:l.ViewChild,args:["draghandleEnd",{static:!0}]}]}});E($e,We=t.ComponentMessages);var We,be=$e;function $e(){return null!==We&&We.apply(this,arguments)||this}be.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,deps:null,target:n.ɵɵFactoryTarget.Directive}),be.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:be,selector:"kendo-switch-messages-base",inputs:{on:"on",off:"off"},usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,decorators:[{type:l.Directive,args:[{selector:"kendo-switch-messages-base"}]}],propDecorators:{on:[{type:l.Input}],off:[{type:l.Input}]}});E(qe,Ue=be);var Ue,Xe=qe;function qe(e){var t=Ue.call(this)||this;return t.service=e,t}Xe.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Xe,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Directive}),Xe.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Xe,selector:"[kendoSwitchLocalizedMessages]",providers:[{provide:be,useExisting:l.forwardRef(function(){return Xe})}],usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Xe,decorators:[{type:l.Directive,args:[{providers:[{provide:be,useExisting:l.forwardRef(function(){return Xe})}],selector:"[kendoSwitchLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var Qe="k-focus",Ye=(Object.defineProperty(Je.prototype,"checked",{get:function(){return this._checked},set:function(e){this.setHostClasses(e),this._checked=e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"thumbRounded",{get:function(){return this._thumbRounded},set:function(e){this.handleThumbClasses(e),this._thumbRounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"trackRounded",{get:function(){return this._trackRounded},set:function(e){this.handleTrackClasses(e),this._trackRounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"ieClass",{get:function(){return f.browser&&f.browser.msie},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"ariaDisabled",{get:function(){return!!this.disabled||void 0},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"onLabelMessage",{get:function(){return this.onLabel||this.localizationService.get("on")},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"offLabelMessage",{get:function(){return this.offLabel||this.localizationService.get("off")},enumerable:!1,configurable:!0}),Object.defineProperty(Je.prototype,"isEnabled",{get:function(){return!this.disabled&&!this.readonly},enumerable:!1,configurable:!0}),Je.prototype.ngOnInit=function(){var e,t=this;this.hostElement&&(e=this.hostElement.nativeElement,this.renderer.removeAttribute(e,"tabindex")),this.localizationChangeSubscription=this.localizationService.changes.pipe(p.skip(1)).subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"}),this.control=this.injector.get(u.NgControl,null),this.ngZone.onStable.pipe(p.take(1)).subscribe(function(){return t.initialized=!0})},Je.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)},Je.prototype.ngOnDestroy=function(){this.localizationChangeSubscription&&this.localizationChangeSubscription.unsubscribe(),this.hostClickSubscription&&this.hostClickSubscription.unsubscribe()},Je.prototype.focus=function(){this.track&&this.track.nativeElement.focus()},Je.prototype.blur=function(){this.track&&this.track.nativeElement.blur()},Je.prototype.setDisabledState=function(e){this.disabled=e,this.changeDetector.markForCheck()},Je.prototype.writeValue=function(e){this.checked=null!==e&&e,this.changeDetector.markForCheck()},Je.prototype.registerOnChange=function(e){this.ngChange=e},Je.prototype.registerOnTouched=function(e){this.ngTouched=e},Je.prototype.keyDownHandler=function(e){var t=e.keyCode;!this.isEnabled||t!==c.Keys.Space&&t!==c.Keys.Enter||(this.changeValue(!this.checked),e.preventDefault())},Je.prototype.clickHandler=function(){this.isEnabled&&this.changeValue(!this.checked)},Je.prototype.isEmpty=function(){return!1},Je.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(Je.prototype,"focused",{set:function(e){var t;this.isFocused!==e&&this.hostElement&&(t=this.hostElement.nativeElement,e?this.renderer.addClass(t,Qe):this.renderer.removeClass(t,Qe),this.isFocused=e)},enumerable:!1,configurable:!0}),Je.prototype.attachHostClickHandler=function(){var e=this;this.ngZone.runOutsideAngular(function(){e.hostClickSubscription.add(e.renderer.listen(e.hostElement.nativeElement,"click",e.clickHandler))})},Je.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"))},Je.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("switch",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Je.prototype.handleTrackClasses=function(e){var t=null===(t=this.hostElement)||void 0===t?void 0:t.nativeElement,n=null===(n=this.track)||void 0===n?void 0:n.nativeElement;t&&n&&((e=T("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)))},Je.prototype.handleThumbClasses=function(e){var t=null===(t=this.thumb)||void 0===t?void 0:t.nativeElement;t&&((e=T("switch","rounded",this.thumbRounded,e)).toRemove&&this.renderer.removeClass(t,e.toRemove),e.toAdd&&this.renderer.addClass(t,e.toAdd))},Je);function Je(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 d.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)||V(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.onBlur.emit()}))},h.validatePackage(ve),this.direction=n.rtl?"rtl":"ltr",this.keyDownHandler=this.keyDownHandler.bind(this),this.clickHandler=this.clickHandler.bind(this)}Ye.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ye,deps:[{token:n.Renderer2},{token:n.ElementRef},{token:o.LocalizationService},{token:n.Injector},{token:n.ChangeDetectorRef},{token:n.NgZone}],target:n.ɵɵFactoryTarget.Component}),Ye.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ye,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ye})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ye})}],viewQueries:[{propertyName:"track",first:!0,predicate:["track"],descendants:!0,static:!0},{propertyName:"thumb",first:!0,predicate:["thumb"],descendants:!0,static:!0}],exportAs:["kendoSwitch"],ngImport:n,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:Xe,selector:"[kendoSwitchLocalizedMessages]"},{type:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ye,decorators:[{type:l.Component,args:[{exportAs:"kendoSwitch",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.switch"},{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ye})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ye})}],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:n.Renderer2},{type:n.ElementRef},{type:o.LocalizationService},{type:n.Injector},{type:n.ChangeDetectorRef},{type:n.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(tt.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(tt.prototype,"id",{get:function(){return this.inputElement.nativeElement.id},set:function(e){this.renderer.setAttribute(this.inputElement.nativeElement,"id",e)},enumerable:!1,configurable:!0}),tt.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()})})},tt.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()})};var et=tt;function tt(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=[]}et.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:et,deps:[{token:n.Renderer2},{token:n.ElementRef},{token:n.NgZone}],target:n.ɵɵFactoryTarget.Directive}),et.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:et,selector:"input[kendoTextBox]",inputs:{value:"value"},host:{properties:{"class.k-textbox":"this.hostClasses","class.k-input":"this.hostClasses"}},providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return et})}],ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:et,decorators:[{type:l.Directive,args:[{selector:"input[kendoTextBox]",providers:[{provide:c.KendoInput,useExisting:l.forwardRef(function(){return et})}]}]}],ctorParameters:function(){return[{type:n.Renderer2},{type:n.ElementRef},{type:n.NgZone}]},propDecorators:{hostClasses:[{type:l.HostBinding,args:["class.k-textbox"]},{type:l.HostBinding,args:["class.k-input"]}],value:[{type:l.Input}]}});Object.defineProperty(ot.prototype,"id",{get:function(){return this.element.nativeElement.id},set:function(e){this.renderer.setAttribute(this.element.nativeElement,"id",e)},enumerable:!1,configurable:!0}),ot.prototype.writeValue=function(e){this.elementValue=e,this.resize()},ot.prototype.registerOnChange=function(e){this.ngChange=e},ot.prototype.registerOnTouched=function(e){this.ngTouched=e},ot.prototype.setDisabledState=function(e){this.setElementProperty("disabled",e)},ot.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=d.fromEvent(window,"resize").pipe(p.debounceTime(50)).subscribe(function(){return t.resize()})),t.inputSubscription=d.fromEvent(e,"input").subscribe(t.handleInput.bind(t))}),this.control=this.injector.get(u.NgControl,null)},ot.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(p.take(1)).subscribe(function(){return t.resize()})},ot.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.inputSubscription&&this.inputSubscription.unsubscribe(),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(ot.prototype,"elementValue",{get:function(){return this.element?this.element.nativeElement.value:""},set:function(e){this.setElementProperty("value",null==e?"":e)},enumerable:!1,configurable:!0}),ot.prototype.setElementProperty=function(e,t){this.element&&this.renderer.setProperty(this.element.nativeElement,e,t)},ot.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"))},ot.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()},ot.prototype.handleFocus=function(){var e=this;c.hasObservers(this.onFocus)&&this.zone.run(function(){e.onFocus.emit()})},ot.prototype.handleBlur=function(){var e=this;(c.hasObservers(this.onBlur)||V(this.control))&&this.zone.run(function(){e.ngTouched(),e.onBlur.emit(),e.changeDetector.markForCheck()})};var nt=ot;function ot(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"}nt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:nt,deps:[{token:n.Renderer2},{token:n.ElementRef},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.Injector},{token:t.RTL,optional:!0}],target:n.ɵɵFactoryTarget.Directive}),nt.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:nt,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-autofill":"this.autofillClass","attr.dir":"this.direction"}},providers:[{provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return nt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return nt})}],usesOnChanges:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:nt,decorators:[{type:l.Directive,args:[{providers:[{provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return nt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return nt})}],selector:"textarea[kendoTextArea]"}]}],ctorParameters:function(){return[{type:n.Renderer2},{type:n.ElementRef},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.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"]}],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 rt(e){return 0<=e?Math.floor(e):Math.ceil(e)}function it(e){}function at(e){return!isNaN(e)&&null!==e}var st=/[eE][\-+]?([0-9]+)/;function lt(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}(r=ct=ct||{})[r.Down=-1]="Down",r[r.None=0]="None",r[r.Up=1]="Up",E(dt,ut=t.ComponentMessages);var ct,ut,r=dt;function dt(){return null!==ut&&ut.apply(this,arguments)||this}r.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,deps:null,target:n.ɵɵFactoryTarget.Directive}),r.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:r,selector:"kendo-numerictextbox-messages-base",inputs:{decrement:"decrement",increment:"increment"},usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,decorators:[{type:l.Directive,args:[{selector:"kendo-numerictextbox-messages-base"}]}],propDecorators:{decrement:[{type:l.Input}],increment:[{type:l.Input}]}});E(gt,pt=r);var pt,ht=gt;function gt(e){var t=pt.call(this)||this;return t.service=e,t}ht.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ht,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Directive}),ht.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ht,selector:"[kendoNumericTextBoxLocalizedMessages]",providers:[{provide:r,useExisting:l.forwardRef(function(){return ht})}],usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ht,decorators:[{type:l.Directive,args:[{providers:[{provide:r,useExisting:l.forwardRef(function(){return ht})}],selector:"[kendoNumericTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var ft=["min","max","step","decimals"],mt={decimals:null,max:null,min:null,step:1},vt="k-focus",yt=(Object.defineProperty(i.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(i.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"disableClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),i.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(u.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)))})},i.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},i.prototype.ngOnChanges=function(t){var n,o;c.anyChanged(ft,t,!1)&&this.parseOptions(ft.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!$(o)||!$(e.value)||e.value>=o?null:{minError:{minValue:o,value:e.value}}}):it,this.maxValidateFn=this.rangeValidation?(n=this.max,function(e){return!$(n)||!$(e.value)||e.value<=n?null:{maxError:{maxValue:n,value:e.value}}}):it,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())},i.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe(),clearTimeout(this.spinTimeout),this.domEvents.forEach(function(e){return e()})},i.prototype.validate=function(e){return this.minValidateFn(e)||this.maxValidateFn(e)},i.prototype.registerOnValidatorChange=function(e){this.ngValidatorChange=e},i.prototype.writeValue=function(e){this.verifyValue(e);e=this.restrictModelValue(e);this.value=e,this.setInputValue()},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.focus=function(){ge(this.numericInput,"focus")},i.prototype.blur=function(){ge(this.numericInput,"blur")},i.prototype.notifyValueChange=function(){this.setInputValue()},Object.defineProperty(i.prototype,"incrementTitle",{get:function(){return this.localizationService.get("increment")},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"decrementTitle",{get:function(){return this.localizationService.get("decrement")},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"decimalSeparator",{get:function(){return this.intl.numberSymbols().decimal},enumerable:!1,configurable:!0}),Object.defineProperty(i.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(i.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,vt):this.renderer.removeClass(t,vt),this.isFocused=e)},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"hasDecimals",{get:function(){return null!==this.decimals&&0<=this.decimals},enumerable:!1,configurable:!0}),Object.defineProperty(i.prototype,"isDisabled",{get:function(){return this.disabled||this.readonly},enumerable:!1,configurable:!0}),i.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)||(f.mobileOS||(this.focused=!0,this.focus()),this.arrowDirection!==e&&(this.arrowDirection=e,this.changeDetector.detectChanges()),this.step?this.spin(e,500):this.setInputValue())},i.prototype.updateValue=function(e){var t=this;D(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},i.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},i.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)},i.prototype.spin=function(e,t){var n=this;clearTimeout(this.spinTimeout),this.spinTimeout=window.setTimeout(function(){n.spin(e,50)},t),this.addStep(e)},i.prototype.addStep=function(e){e=te(this.value||0,this.step*e),e=this.limitValue(e);e=this.restrictDecimals(e),this.setInputValue(e),this.updateValue(e)},i.prototype.setSelection=function(e,t){this.focused&&ge(this.numericInput,"setSelectionRange",e,t)},i.prototype.limitValue=function(e){var t=e;return this.isInRange(e)||(at(this.max)&&e>this.max&&(t=this.max),at(this.min)&&e<this.min&&(t=this.min)),t},i.prototype.limitInputValue=function(e){var t=this.numericInput.nativeElement,n=t.selectionStart,u=t.selectionEnd,t=t.value,o=e,r=!1;if(!this.isInRange(e)){var d=t.length-String(this.inputValue).length,i=this.min,a=this.max,s=at(a),p=at(i),l=void 0,h=void 0,c=e;if(0===n&&this.inputValue.substr(1)===t)return{selectionEnd:u,selectionStart:n,value:null};s&&a<e?0<e?h=!0:l=a:p&&e<i&&(0<e?l=i:h=!0),l?(s=this.tryPadValue(e,l))&&rt(e)!==rt(l)&&(c=s,r=!0):h&&this.inputValue&&n!==t.length&&(c=parseFloat(t.substr(0,n)+t.substr(n+d))),o=this.limitValue(c),r=(r||o!==c)&&this.previousSelection&&0<this.previousSelection.end-this.previousSelection.start+d}return{selectionEnd:r?String(o).length:u,selectionStart:n,value:o}},i.prototype.tryPadValue=function(e,t){var n,t=String(Math.floor(t)).length,o=lt(e,t),e=lt(e,t+1);return this.isInRange(o)?n=o:this.isInRange(e)&&(n=e),n},i.prototype.isInRange=function(e){return!at(e)||(!at(this.min)||this.min<=e)&&(!at(this.max)||e<=this.max)},i.prototype.restrictModelValue=function(e){e=this.restrictDecimals(e,!0);return e=this.autoCorrect&&this.limitValue(e)!==e?null:e},i.prototype.restrictDecimals=function(e,t){var n,o,r=e;return e&&this.hasDecimals&&(n=this.decimals,o=String(e),t||st.test(o)?r=ee(e,n):(e=(t=o.split("."))[1])&&e.length>n&&(e=e.substr(0,n),r=parseFloat(t[0]+"."+e))),r},i.prototype.formatInputValue=function(e){var t=String(e),n=st.exec(t);return(t=n?e.toFixed(Q(parseInt(n[1],10))):t).replace(".",this.decimalSeparator)},i.prototype.formatValue=function(e,t){t=null==e||""===e?"":t&&!this.readonly?this.formatInputValue(e):this.intl.formatNumber(e,this.format);return t},i.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},i.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.")},i.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.")},i.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:mt[n]}}},i.prototype.intlChange=function(){delete this.numericRegex,!this.numericInput||this.focused&&this.isValid(this.elementValue)||this.setInputValue()},i.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},i.prototype.selectAll=function(){this.setInputValue(),this.setSelection(0,this.inputValue.length)},i.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)},i.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},i.prototype.adjustSignificantChars=function(e,t){e=this.numberOfLeadingZeroes(e);return 0<e?Math.max(0,t-e):t},i.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("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,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=ct,this.arrowDirection=ct.None,this.hostClasses=!0,this.inputValue="",this.minValidateFn=it,this.maxValidateFn=it,this._format="n2",this.isPasted=!1,this.mouseDown=!1,this._size="medium",this._rounded="medium",this._fillMode="solid",this.ngChange=it,this.ngTouched=it,this.ngValidatorChange=it,this.domEvents=[],this.increasePress=function(e){s.arrowPress(ct.Up,e)},this.decreasePress=function(e){s.arrowPress(ct.Down,e)},this.releaseArrow=function(){clearTimeout(s.spinTimeout),s.arrowDirection!==ct.None&&(s.arrowDirection=ct.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)||V(s.control))&&s.ngZone.run(function(){s.ngTouched(),s.onBlur.emit()})},this.handleKeyDown=function(e){var t;s.isDisabled||(e.keyCode===c.Keys.ArrowDown?t=-1:e.keyCode===c.Keys.ArrowUp&&(t=1),t&&s.step&&(e.preventDefault(),s.addStep(t)),t=s.numericInput.nativeElement,s.previousSelection={end:t.selectionEnd,start:t.selectionStart},s.pressedKey=e.keyCode)},this.handleWheel=function(e){var t;s.focused&&!s.isDisabled&&s.changeValueOnScroll&&(e.preventDefault(),t=0,(e=e).wheelDelta?t=0<(t=e.wheelDelta/120)?Math.ceil(t):Math.floor(t):e.detail&&(t=Math.round(-e.detail/3)),e=t,s.addStep(e))},h.validatePackage(ve),this.direction=n.rtl?"rtl":"ltr"}yt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:yt,deps:[{token:I.IntlService},{token:n.Renderer2},{token:o.LocalizationService},{token:n.Injector},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),yt.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:yt,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return yt}),multi:!0},{provide:u.NG_VALIDATORS,useExisting:l.forwardRef(function(){return yt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return yt})}],viewQueries:[{propertyName:"numericInput",first:!0,predicate:["numericInput"],descendants:!0,static:!0}],exportAs:["kendoNumericTextBox"],usesOnChanges:!0,ngImport:n,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:ht,selector:"[kendoNumericTextBoxLocalizedMessages]"},{type:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:yt,decorators:[{type:l.Component,args:[{exportAs:"kendoNumericTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.numerictextbox"},{provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return yt}),multi:!0},{provide:u.NG_VALIDATORS,useExisting:l.forwardRef(function(){return yt}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return yt})}],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:I.IntlService},{type:n.Renderer2},{type:o.LocalizationService},{type:n.Injector},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.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"]}]}});E(It,bt=r),Object.defineProperty(It.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var bt,kt,Ct=It;function It(e){var t=bt.call(this)||this;return t.service=e,t}Ct.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ct,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),Ct.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ct,selector:"kendo-numerictextbox-messages",providers:[{provide:r,useExisting:l.forwardRef(function(){return Ct})}],usesInheritance:!0,ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ct,decorators:[{type:l.Component,args:[{providers:[{provide:r,useExisting:l.forwardRef(function(){return Ct})}],selector:"kendo-numerictextbox-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}}),(r=kt=kt||{})[r.Literal=0]="Literal",r[r.Mask=1]="Mask",r[r.Undefined=2]="Undefined";xt.prototype.map=function(e){return new xt(e(this.value),this.rest)},xt.prototype.chain=function(e){return e(this.value,this.rest)},xt.prototype.fold=function(e,t){return e(this.value,this.rest)},xt.prototype.concat=function(t){return this.map(function(n,e){return t.chain(function(e,t){return n.concat([e])})})},xt.prototype.toString=function(){return"Result({ value: '"+this.value+"', rest: "+this.rest+" })"};var wt=xt;function xt(e,t,n){void 0===n&&(n=kt.Undefined),this.value=e,this.rest=t,this.type=n}St.prototype.eof=function(){return this.inputCursor>=this.input.length},St.prototype.next=function(){return{char:this.input[this.inputCursor++],control:this.control[this.controlCursor++]}},St.prototype.peek=function(){return{char:this.input[this.inputCursor],control:this.control[this.controlCursor]}},St.prototype.eat_input=function(){this.inputCursor++},St.prototype.eat_control=function(){this.controlCursor++},St.prototype.eat=function(){this.inputCursor++,this.controlCursor++};var Et=St;function St(e,t){void 0===t&&(t=[]),this.input=e=void 0===e?[]:e,this.control=t,this.inputCursor=0,this.controlCursor=0}function Dt(e){return(e||"").split("")}Tt.prototype.run=function(e,t){return void 0===t&&(t=""),e instanceof Et?this.parse(e):this.parse(new Et(Dt(e),Dt(t)))},Tt.prototype.map=function(t){var n=this;return new Tt(function(e){return n.parse(e).map(t)})},Tt.prototype.chain=function(n){var t=this;return new Tt(function(e){return t.parse(e).chain(function(e,t){return n(e).run(t)})})},Tt.prototype.isLiteral=function(e){return this.run(e).type===kt.Literal};var Vt=Tt;function Tt(e){this.parse=e}function Pt(o,r){return new Vt(function(e){var t=e.next().char,n=o[t];return"\\"===t?(t=e.next().char,new wt(r.literal(t),e)):new wt(n?r.mask(n):r.literal(t),e)})}function Ot(e){var n=e.prompt,o=e.promptPlaceholder;return new Vt(function(e){var t=e.next().char;return new wt(t===n?o:t,e)})}function Bt(n){return new Vt(function(e){var t=e.next().char;return new wt(n?t:"",e)})}function Rt(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 Vt(function(e){return new wt(t,e)})));var t}function Ft(n){return new Vt(function(e){for(var t=new wt([],e);!e.eof();)t=t.concat(n.run(e));return t})}Mt.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()},Mt.prototype.validationValue=function(e){var t=e=void 0===e?"":e;return Rt(this.validationTokens).run(e).fold(function(e){t=e.join("")}),t},Mt.prototype.rawValue=function(e){var t=e=void 0===e?"":e;return this.rawTokens.length&&Rt(this.rawTokens).run(e).fold(function(e){t=e.join("")}),t},Mt.prototype.maskRaw=function(e){var t=e=void 0===e?"":e;return this.maskTokens.length&&Rt(this.maskTokens).run(e).fold(function(e){t=e.join("")}),t},Mt.prototype.maskInput=function(e,t,n){return e.length<t.length?this.maskRemoved(e,t,n):this.maskInserted(e,t,n)},Mt.prototype.maskInRange=function(e,t,n,o){var r="",i=o,a=t.split("").slice(0,n),s=t.split("").slice(o);return Rt(this.maskTokens.slice(n,o)).run(e).fold(function(e){r=a.concat(e).concat(s).join("")}),{selection:i,value:r}},Mt.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 Rt(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}},Mt.prototype.adjustPosition=function(e,t){e=e[t];return this.maskTokens[t].isLiteral(e)||e===this.prompt?t:t+1},Mt.prototype.maskInserted=function(e,n,t){var o=this,r="",i=t,e=e.slice(0,t);return Rt(this.unmaskTokens).run(e,n).chain(function(e){i=e.join("").length;var t=n.slice(i);return Rt(o.maskTokens).run(e.join("")+t,n)}).fold(function(e){r=e.join("")}),{selection:i,value:r}},Object.defineProperty(Mt.prototype,"maskTokenCreator",{get:function(){var n=this.prompt,a=this.promptPlaceholder;return{literal:function(e){return t=e,new Vt(function(e){return e.peek().char===t&&e.eat(),new wt(t,e,kt.Literal)});var t},mask:function(e){o=(t={prompt:n,promptPlaceholder:a}).prompt,r=t.promptPlaceholder;var t,o,r,i=e;return new Vt(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===t&&t===o)return e.eat(),new wt(o,e,kt.Mask);if(i.test(n))return e.eat(),new wt(n,e,kt.Mask);if(n===r)return e.eat(),new wt(o,e,kt.Mask);e.eat_input()}return e.eat(),new wt(o,e,kt.Mask)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(Mt.prototype,"unmaskTokenCreator",{get:function(){var t=this;return{literal:function(e){return t=e,new Vt(function(e){return e.eof()?new wt("",e):(e.peek().char===t&&e.eat(),new wt(t,e))});var t},mask:function(e){o=t.prompt;var o,r=e;return new Vt(function(e){for(;!e.eof();){var t=e.peek(),n=t.char,t=t.control;if(n===o&&t===o)return e.eat(),new wt(n,e);if(r.test(n))return e.eat(),new wt(n,e);e.eat_input()}return e.eat(),new wt("",e)})}}},enumerable:!1,configurable:!0}),Object.defineProperty(Mt.prototype,"rawTokenCreator",{get:function(){var t=this.prompt,n=this.promptPlaceholder,o=this.includeLiterals;return{literal:function(e){return Bt(o)},mask:function(e){return Ot({prompt:t,promptPlaceholder:n})}}},enumerable:!1,configurable:!0}),Object.defineProperty(Mt.prototype,"validationTokenCreator",{get:function(){var t=this.prompt;return{literal:function(e){return Bt(!1)},mask:function(e){return Ot({prompt:t,promptPlaceholder:""})}}},enumerable:!1,configurable:!0}),Mt.prototype.tokenize=function(){var n=this;Ft(Pt(this.rules,this.maskTokenCreator)).run(this.mask).fold(function(e,t){n.maskTokens=e}),Ft(Pt(this.rules,this.unmaskTokenCreator)).run(this.mask).fold(function(e,t){n.unmaskTokens=e}),Ft(Pt(this.rules,this.rawTokenCreator)).run(this.mask).fold(function(e,t){n.rawTokens=e}),Ft(Pt(this.rules,this.validationTokenCreator)).run(this.mask).fold(function(e,t){n.validationTokens=e})};var zt=Mt;function Mt(){this.rules={},this.prompt="_",this.mask="",this.promptPlaceholder=" ",this.includeLiterals=!1,this.maskTokens=[],this.unmaskTokens=[],this.rawTokens=[],this.validationTokens=[]}zt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:zt,deps:[],target:n.ɵɵFactoryTarget.Injectable}),zt.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:zt}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:zt,decorators:[{type:l.Injectable}]});var At=Promise.resolve(null),Ht="k-focus",Nt=(Object.defineProperty(Lt.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(Lt.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(Lt.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(Lt.prototype,"hostDisabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Lt.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(Lt.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Lt.prototype.ngOnInit=function(){this.hostElement&&this.renderer.removeAttribute(this.hostElement.nativeElement,"tabindex"),this.control=this.injector.get(u.NgControl,null)},Lt.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)})},Lt.prototype.isEmpty=function(){if(this.input)return!Boolean(this.input.nativeElement.value)},Lt.prototype.handleDragDrop=function(){return!1},Lt.prototype.focus=function(){this.input&&(this.input.nativeElement.focus(),this.setFocusSelection())},Lt.prototype.blur=function(){this.input&&this.input.nativeElement.blur()},Lt.prototype.pasteHandler=function(e){var e=e.target,t=e.selectionStart,e=e.selectionEnd;e!==t&&(this.isPasted=!0,this.selection=[t,e])},Lt.prototype.inputHandler=function(e){var t,n=e.target.value,o=S(this.selection,2),r=o[0],o=o[1];if(!this.mask)return this.updateValue(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.updateValue(t.value)},Lt.prototype.ngOnChanges=function(e){var t,n=this;e.value&&(this.value=this.normalizeValue()),this.mask?(t=this.extractChanges(e),this.updateService(t),c.isChanged("value",e)?(t=this.service.maskRaw(this.value))!==this.maskedValue&&this.updateInput(t):c.anyChanged(["promptPlaceholder","includeLiterals"],e)?At.then(function(){n.updateValue(n.maskedValue)}):this.updateInput(this.service.maskRaw(this.value))):this.updateInput(this.value)},Lt.prototype.writeValue=function(e){this.value=this.normalizeValue(e),this.updateInput(this.service.maskRaw(this.value))},Lt.prototype.registerOnChange=function(e){this.onChange=e},Lt.prototype.registerOnTouched=function(e){this.onTouched=e},Lt.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},Lt.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},Lt.prototype.updateValue=function(e){this.mask&&!this.service.validationValue(e)?this.value="":this.value=this.service.rawValue(e),this.onChange(this.value),this.valueChange.emit(this.value)},Lt.prototype.updateInput=function(e,t){this.maskedValue=e=void 0===e?"":e;e=this.maskOnFocus&&!this.focused&&this.emptyMask?"":e;this.renderer.setProperty(this.input.nativeElement,"value",e),void 0!==t&&this.setSelection(t,t)},Lt.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},{})},Lt.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)},Lt.prototype.setSelection=function(e,t){void 0===e&&(e=this.selection[0]),void 0===t&&(t=this.selection[1]),this.focused&&ge(this.input,"setSelectionRange",e,t)},Object.defineProperty(Lt.prototype,"emptyMask",{get:function(){return this.service.maskRaw()===this.maskedValue},enumerable:!1,configurable:!0}),Lt.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(Lt.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,Ht):this.renderer.removeClass(t,Ht),this.isFocused=e)},enumerable:!1,configurable:!0}),Lt.prototype.normalizeValue=function(e){void 0===e&&(e=this.value);var t=$(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:""},Lt.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Lt);function Lt(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.hostClasses=!0,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.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)||V(s.control))&&s.ngZone.run(function(){s.onTouched(),s.onBlur.emit()})},this.onChange=function(e){},this.onTouched=function(){},h.validatePackage(ve),this.direction=a?"rtl":"ltr",this.updateService()}Nt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Nt,deps:[{token:zt},{token:n.Renderer2},{token:n.ElementRef},{token:n.NgZone},{token:n.Injector},{token:n.ChangeDetectorRef},{token:t.RTL,optional:!0}],target:n.ɵɵFactoryTarget.Component}),Nt.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Nt,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:[zt,{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Nt})},{multi:!0,provide:u.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Nt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Nt})}],viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],exportAs:["kendoMaskedTextBox"],usesOnChanges:!0,ngImport:n,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:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Nt,decorators:[{type:l.Component,args:[{exportAs:"kendoMaskedTextBox",providers:[zt,{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Nt})},{multi:!0,provide:u.NG_VALIDATORS,useExisting:l.forwardRef(function(){return Nt})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Nt})}],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:zt},{type:n.Renderer2},{type:n.ElementRef},{type:n.NgZone},{type:n.Injector},{type:n.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}],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"]}],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}],input:[{type:l.ViewChild,args:["input",{static:!0}]}],pasteHandler:[{type:l.HostListener,args:["paste",["$event"]]}],inputHandler:[{type:l.HostListener,args:["input",["$event"]]}]}});var jt,r=function(){},_t=(r.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,deps:[],target:n.ɵɵFactoryTarget.NgModule}),r.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,declarations:[Ie,ye],imports:[g.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],exports:[ye,Ie,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),r.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,imports:[[g.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,decorators:[{type:l.NgModule,args:[{declarations:[Ie,ye],exports:[ye,Ie,c.DraggableModule,c.EventsModule,c.ResizeSensorModule],imports:[g.CommonModule,c.DraggableModule,c.EventsModule,c.ResizeSensorModule]}]}]}),E(Zt,jt=Ee),Object.defineProperty(Zt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),Zt);function Zt(e){var t=jt.call(this)||this;return t.service=e,t}_t.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:_t,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),_t.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:_t,selector:"kendo-slider-messages",providers:[{provide:Ee,useExisting:l.forwardRef(function(){return _t})}],usesInheritance:!0,ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:_t,decorators:[{type:l.Component,args:[{providers:[{provide:Ee,useExisting:l.forwardRef(function(){return _t})}],selector:"kendo-slider-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var Gt,Ee=function(){},Kt=(Ee.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ee,deps:[],target:n.ɵɵFactoryTarget.NgModule}),Ee.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ee,declarations:[Be,_t,Ve],imports:[g.CommonModule,r],exports:[Be,_t,ye,Ve]}),Ee.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ee,imports:[[g.CommonModule,r]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ee,decorators:[{type:l.NgModule,args:[{declarations:[Be,_t,Ve],exports:[Be,_t,ye,Ve],imports:[g.CommonModule,r]}]}]}),E(Wt,Gt=m),Object.defineProperty(Wt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),Wt);function Wt(e){var t=Gt.call(this)||this;return t.service=e,t}Kt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Kt,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),Kt.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Kt,selector:"kendo-rangeslider-messages",providers:[{provide:m,useExisting:l.forwardRef(function(){return Kt})}],usesInheritance:!0,ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Kt,decorators:[{type:l.Component,args:[{providers:[{provide:m,useExisting:l.forwardRef(function(){return Kt})}],selector:"kendo-rangeslider-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var $t,m=function(){},Ut=(m.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:m,deps:[],target:n.ɵɵFactoryTarget.NgModule}),m.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:m,declarations:[Ge,Kt,Le],imports:[g.CommonModule,r],exports:[Ge,Kt,Le,ye]}),m.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:m,imports:[[g.CommonModule,r]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:m,decorators:[{type:l.NgModule,args:[{declarations:[Ge,Kt,Le],exports:[Ge,Kt,Le,ye],imports:[g.CommonModule,r]}]}]}),E(Xt,$t=be),Object.defineProperty(Xt.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0}),Xt);function Xt(e){var t=$t.call(this)||this;return t.service=e,t}Ut.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ut,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),Ut.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ut,selector:"kendo-switch-messages",providers:[{provide:be,useExisting:l.forwardRef(function(){return Ut})}],usesInheritance:!0,ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ut,decorators:[{type:l.Component,args:[{providers:[{provide:be,useExisting:l.forwardRef(function(){return Ut})}],selector:"kendo-switch-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var qt,r=function(){},be=(r.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,deps:[],target:n.ɵɵFactoryTarget.NgModule}),r.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,declarations:[Ye,Ut,Xe],imports:[g.CommonModule,c.EventsModule,c.ResizeSensorModule],exports:[Ye,Ut,Xe]}),r.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,imports:[[g.CommonModule,c.EventsModule,c.ResizeSensorModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:r,decorators:[{type:l.NgModule,args:[{declarations:[Ye,Ut,Xe],exports:[Ye,Ut,Xe],imports:[g.CommonModule,c.EventsModule,c.ResizeSensorModule]}]}]}),function(){}),Qt=(be.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,deps:[],target:n.ɵɵFactoryTarget.NgModule}),be.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,declarations:[ht,yt,Ct],imports:[g.CommonModule,c.EventsModule],exports:[yt,Ct]}),be.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,imports:[[g.CommonModule,c.EventsModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:be,decorators:[{type:l.NgModule,args:[{declarations:[ht,yt,Ct],exports:[yt,Ct],imports:[g.CommonModule,c.EventsModule]}]}]}),function(){}),Yt=(Qt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Qt,deps:[],target:n.ɵɵFactoryTarget.NgModule}),Qt.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Qt,declarations:[Nt],imports:[g.CommonModule,c.EventsModule],exports:[Nt]}),Qt.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Qt,imports:[[g.CommonModule,c.EventsModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Qt,decorators:[{type:l.NgModule,args:[{declarations:[Nt],exports:[Nt],imports:[g.CommonModule,c.EventsModule]}]}]}),function(e){this.templateRef=e}),Jt=(Yt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Yt,deps:[{token:n.TemplateRef,optional:!0}],target:n.ɵɵFactoryTarget.Directive}),Yt.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Yt,selector:"[kendoTextBoxSuffixTemplate]",ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Yt,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxSuffixTemplate]"}]}],ctorParameters:function(){return[{type:n.TemplateRef,decorators:[{type:l.Optional}]}]}}),function(e){this.templateRef=e}),en=(Jt.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Jt,deps:[{token:n.TemplateRef,optional:!0}],target:n.ɵɵFactoryTarget.Directive}),Jt.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:Jt,selector:"[kendoTextBoxPrefixTemplate]",ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Jt,decorators:[{type:l.Directive,args:[{selector:"[kendoTextBoxPrefixTemplate]"}]}],ctorParameters:function(){return[{type:n.TemplateRef,decorators:[{type:l.Optional}]}]}}),E(tn,qt=t.ComponentMessages),tn);function tn(){return null!==qt&&qt.apply(this,arguments)||this}en.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:en,deps:null,target:n.ɵɵFactoryTarget.Directive}),en.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:en,selector:"kendo-textbox-messages-base",inputs:{clear:"clear"},usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:en,decorators:[{type:l.Directive,args:[{selector:"kendo-textbox-messages-base"}]}],propDecorators:{clear:[{type:l.Input}]}});E(rn,nn=en);var nn,on=rn;function rn(e){var t=nn.call(this)||this;return t.service=e,t}on.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:on,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Directive}),on.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:on,selector:"[kendoTextBoxLocalizedMessages]",providers:[{provide:en,useExisting:l.forwardRef(function(){return on})}],usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:on,decorators:[{type:l.Directive,args:[{providers:[{provide:en,useExisting:l.forwardRef(function(){return on})}],selector:"[kendoTextBoxLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var an="k-focus",sn=(Object.defineProperty(ln.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),ln.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(u.NgControl,null),this.checkClearButton(),this.subscriptions=this.localizationService.changes.subscribe(function(e){e=e.rtl;t.direction=e?"rtl":"ltr"})},ln.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?(me(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)})},ln.prototype.ngOnChanges=function(e){(e.disabled||e.readonly||e.value)&&this.checkClearButton()},ln.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},ln.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},ln.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},ln.prototype.clearTitle=function(){return this.localizationService.get("clear")},ln.prototype.checkClearButton=function(){this.showClearButton=!this.disabled&&!this.readonly&&this.clearButton&&!!this.value},ln.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},ln.prototype.writeValue=function(e){this.value=e,this.checkClearButton()},ln.prototype.registerOnChange=function(e){this.ngChange=e},ln.prototype.registerOnTouched=function(e){this.ngTouched=e},ln.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},ln.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)},ln.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(ln.prototype,"successIconClasses",{get:function(){return this.successIcon?""+this.successIcon:"k-input-validation-icon k-icon k-i-check"},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"errorIconClasses",{get:function(){return this.errorIcon?""+this.errorIcon:"k-input-validation-icon k-icon k-i-warning"},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"clearButtonClasses",{get:function(){return this.clearButtonIcon||"k-icon k-i-x"},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"hasErrors",{get:function(){return"initial"===this.showErrorIcon?this.showErrorsInitial():this.showErrorIcon},enumerable:!1,configurable:!0}),Object.defineProperty(ln.prototype,"isSuccessful",{get:function(){return"initial"===this.showSuccessIcon?this.showSuccessInitial():this.showSuccessIcon},enumerable:!1,configurable:!0}),ln.prototype.setSelection=function(e,t){this.isFocused&&ge(this.input,"setSelectionRange",e,t)},ln.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},ln.prototype.updateValue=function(e){var t=this;D(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.checkClearButton(),t.changeDetector.markForCheck()})},Object.defineProperty(ln.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,an):this.renderer.removeClass(t,an),this._isFocused=e)},enumerable:!1,configurable:!0}),ln.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},ln.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},ln);function ln(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)||V(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.handleInput=function(e){t=navigator.userAgent;var t=(f.detectDesktopBrowser(t).safari||f.detectMobileOS(t)&&"mobilesafari"===f.detectMobileOS(t).browser)&&(t=e.target.value,/[\u3000-\u303F]|[\u3040-\u309F]|[\u30A0-\u30FF]|[\uFF00-\uFFEF]|[\u4E00-\u9FAF]|[\u2605-\u2606]|[\u2190-\u2195]|\u203B/g.test(t))?e.data:e.target.value;a.updateValue(t)},this.ngChange=function(e){},this.ngTouched=function(){},h.validatePackage(ve),this.direction=e.rtl?"rtl":"ltr"}sn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:sn,deps:[{token:o.LocalizationService},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.Renderer2},{token:n.Injector},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),sn.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:sn,selector:"kendo-textbox",inputs:{focusableId:"focusableId",title:"title",disabled:"disabled",readonly:"readonly",tabindex:"tabindex",value:"value",selectOnFocus:"selectOnFocus",showSuccessIcon:"showSuccessIcon",showErrorIcon:"showErrorIcon",clearButton:"clearButton",successIcon:"successIcon",errorIcon:"errorIcon",clearButtonIcon:"clearButtonIcon",size:"size",rounded:"rounded",fillMode:"fillMode",tabIndex:"tabIndex",placeholder:"placeholder",maxlength:"maxlength"},outputs:{valueChange:"valueChange",inputFocus:"inputFocus",inputBlur:"inputBlur",onFocus:"focus",onBlur:"blur"},host:{properties:{"class.k-disabled":"this.disabledClass","class.k-textbox":"this.hostClasses","class.k-input":"this.hostClasses","attr.dir":"this.direction"}},providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return sn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return sn})}],queries:[{propertyName:"suffixTemplate",first:!0,predicate:Yt,descendants:!0},{propertyName:"prefixTemplate",first:!0,predicate:Jt,descendants:!0}],viewQueries:[{propertyName:"input",first:!0,predicate:["input"],descendants:!0,static:!0}],exportAs:["kendoTextBox"],usesOnChanges:!0,ngImport:n,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:on,selector:"[kendoTextBoxLocalizedMessages]"},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:C.NgTemplateOutlet,selector:"[ngTemplateOutlet]",inputs:["ngTemplateOutletContext","ngTemplateOutlet"]},{type:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]},{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:sn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextBox",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textbox"},{provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return sn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return sn})}],selector:"kendo-textbox",template:'\n        <ng-container kendoTextBoxLocalizedMessages\n            i18n-clear="kendo.textbox.clear|The title for the **Clear** button in the TextBox."\n            clear="Clear">\n        </ng-container>\n        <span class="k-input-prefix">\n            <ng-template\n                *ngIf="prefixTemplate"\n                [ngTemplateOutlet]="prefixTemplate?.templateRef">\n            </ng-template>\n        </span>\n        <input #input\n            class="k-input-inner"\n            [id]="focusableId"\n            [disabled]="disabled"\n            [readonly]="readonly"\n            [attr.tabindex]="disabled ? undefined : tabindex"\n            [value]="value"\n            [attr.placeholder]="placeholder"\n            [attr.title]="title"\n            [attr.maxlength]="maxlength"\n            [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:o.LocalizationService},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.Renderer2},{type:n.Injector},{type:n.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:[Yt,{static:!1}]}],prefixTemplate:[{type:l.ContentChild,args:[Jt,{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"]}]}});E(dn,cn=en),Object.defineProperty(dn.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var cn,un=dn;function dn(e){var t=cn.call(this)||this;return t.service=e,t}un.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:un,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),un.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:un,selector:"kendo-textbox-messages",providers:[{provide:en,useExisting:l.forwardRef(function(){return un})}],usesInheritance:!0,ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:un,decorators:[{type:l.Component,args:[{providers:[{provide:en,useExisting:l.forwardRef(function(){return un})}],selector:"kendo-textbox-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var en=function(){this.hostClass=!0},pn=(en.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:en,deps:[],target:n.ɵɵFactoryTarget.Component}),en.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:en,selector:"kendo-input-separator, kendo-textbox-separator",host:{properties:{"class.k-input-separator":"this.hostClass"}},ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:en,decorators:[{type:l.Component,args:[{selector:"kendo-input-separator, kendo-textbox-separator",template:""}]}],propDecorators:{hostClass:[{type:l.HostBinding,args:["class.k-input-separator"]}]}}),[en,nt]),hn=function(){},gn=(hn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:hn,deps:[],target:n.ɵɵFactoryTarget.NgModule}),hn.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:hn,declarations:[en,nt],exports:[en,nt]}),hn.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:hn}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:hn,decorators:[{type:l.NgModule,args:[{declarations:[pn],exports:[pn]}]}]}),function(){}),fn=(gn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:gn,deps:[],target:n.ɵɵFactoryTarget.NgModule}),gn.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:gn,declarations:[et,sn,Yt,Jt,un,on],imports:[g.CommonModule,c.EventsModule,hn],exports:[et,sn,Yt,Jt,c.EventsModule,un,on,en,nt]}),gn.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:gn,imports:[[g.CommonModule,c.EventsModule,hn],c.EventsModule]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:gn,decorators:[{type:l.NgModule,args:[{declarations:[et,sn,Yt,Jt,un,on],exports:[et,sn,Yt,Jt,c.EventsModule,un,on,pn],imports:[g.CommonModule,c.EventsModule,hn]}]}]}),Object.defineProperty(mn.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),mn.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},mn.prototype.setDisabledState=function(e){this.changeDetector.markForCheck(),this.disabled=e},mn);function mn(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 d.Subscription,this._isFocused=!1,this.focusChangedProgrammatically=!1,this.handleInputBlur=function(){a.changeDetector.markForCheck(),(c.hasObservers(a.inputBlur)||V(a.control))&&a.ngZone.run(function(){a.ngTouched(),a.inputBlur.emit()})},this.ngChange=function(e){},this.ngTouched=function(){}}fn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:fn,deps:[{token:o.LocalizationService},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.Renderer2},{token:n.Injector},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),fn.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:fn,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:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:fn,decorators:[{type:l.Component,args:[{selector:"kendo-textfield-base",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.Renderer2},{type:n.Injector},{type:n.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 vn,yn={vertical:"k-resize-vertical",horizontal:"k-resize-horizontal",both:"k-resize-both",none:"k-resize-none",auto:"k-resize-none"},bn="k-focus",kn=(E(Cn,vn=fn),Object.defineProperty(Cn.prototype,"flowCol",{get:function(){return"vertical"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(Cn.prototype,"flowRow",{get:function(){return"horizontal"===this.flow},enumerable:!1,configurable:!0}),Object.defineProperty(Cn.prototype,"tabIndex",{get:function(){return this.tabindex},set:function(e){this.tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(Cn.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(Cn.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(Cn.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Cn.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?(me(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)})},Cn.prototype.ngOnInit=function(){var t=this;this.control=this.injector.get(u.NgControl,null),c.isDocumentAvailable()&&"auto"===this.resizable&&(this.resizeSubscription=d.fromEvent(window,"resize").pipe(p.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"})},Cn.prototype.ngOnChanges=function(e){var t=this.hostElement.nativeElement,n=this.input.nativeElement;e.flow&&this.handleFlow(),e.resizable&&("auto"===this.resizable?this.initialHeight=n.offsetHeight:(this.renderer.setStyle(n,"overflow-y","auto"),this.renderer.setStyle(n,"resize","both"),n.style.height=this.initialHeight+"px")),e.cols&&($(e.cols.currentValue)?this.renderer.setStyle(t,"width","auto"):this.renderer.removeStyle(t,"width"))},Cn.prototype.ngAfterViewChecked=function(){this.resize()},Cn.prototype.writeValue=function(e){this.value=e},Cn.prototype.registerOnChange=function(e){this.ngChange=e},Cn.prototype.registerOnTouched=function(e){this.ngTouched=e},Cn.prototype.updateValue=function(e){var t=this;D(this.value,e)||this.ngZone.run(function(){t.value=e,t.ngChange(e),t.valueChange.emit(e),t.changeDetector.markForCheck()})},Cn.prototype.ngOnDestroy=function(){vn.prototype.ngOnDestroy.call(this),this.resizeSubscription&&this.resizeSubscription.unsubscribe()},Object.defineProperty(Cn.prototype,"resizableClass",{get:function(){return yn[this.resizable]},enumerable:!1,configurable:!0}),Cn.prototype.focus=function(){this.input&&(this.focusChangedProgrammatically=!0,this.isFocused=!0,this.input.nativeElement.focus(),this.focusChangedProgrammatically=!1)},Cn.prototype.blur=function(){this.focusChangedProgrammatically=!0;var e=this.hostElement.nativeElement.querySelector(":focus");e&&e.blur(),this.isFocused=!1,this.focusChangedProgrammatically=!1},Cn.prototype.resize=function(){var e,t;"auto"===this.resizable&&(e=this.input.nativeElement,this.renderer.setStyle(e,"overflow-y","hidden"),this.renderer.setStyle(e,"height",this.initialHeight+"px"),(t=e.scrollHeight)>this.initialHeight&&(e.style.height=t+"px"))},Object.defineProperty(Cn.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,bn):this.renderer.removeClass(t,bn),this._isFocused=e)},enumerable:!1,configurable:!0}),Cn.prototype.handleBlur=function(){var e=this;this.ngZone.run(function(){e.focusChangedProgrammatically||e.onBlur.emit(),e.isFocused=!1})},Cn.prototype.setSelection=function(e,t){this.isFocused&&ge(this.input,"setSelectionRange",e,t)},Cn.prototype.selectAll=function(){this.value&&this.setSelection(0,this.value.length)},Cn.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("input",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},Cn.prototype.handleFlow=function(){var e="vertical"===this.flow,t=this.hostElement.nativeElement,n=this.input.nativeElement,t=t.children[1];this.renderer.setStyle(n,"flex",e?"none":"1"),t&&this.renderer.setStyle(t,"align-items",e?"center":"start")},Cn);function Cn(e,t,n,o,r,i){var a=vn.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}))},h.validatePackage(ve),a.direction=e.rtl?"rtl":"ltr",a}kn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:kn,deps:[{token:o.LocalizationService},{token:n.NgZone},{token:n.ChangeDetectorRef},{token:n.Renderer2},{token:n.Injector},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),kn.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:kn,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return kn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return kn})}],exportAs:["kendoTextArea"],usesInheritance:!0,usesOnChanges:!0,ngImport:n,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,styles:["\n        :host {\n            display: inline-flex;\n        }\n    "],directives:[{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:k.EventsOutsideAngularDirective,selector:"[kendoEventsOutsideAngular]",inputs:["kendoEventsOutsideAngular","scope"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:kn,decorators:[{type:l.Component,args:[{exportAs:"kendoTextArea",providers:[t.LocalizationService,{provide:t.L10N_PREFIX,useValue:"kendo.textarea"},{provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return kn}),multi:!0},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return kn})}],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    ',styles:["\n        :host {\n            display: inline-flex;\n        }\n    "]}]}],ctorParameters:function(){return[{type:o.LocalizationService},{type:n.NgZone},{type:n.ChangeDetectorRef},{type:n.Renderer2},{type:n.Injector},{type:n.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 In,fn=function(){this.hostClass=!0},wn=(fn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:fn,deps:[],target:n.ɵɵFactoryTarget.Component}),fn.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:fn,selector:"kendo-textarea-suffix",host:{properties:{"class.k-input-suffix":"this.hostClass"}},exportAs:["kendoTextAreaSuffix"],ngImport:n,template:"<ng-content></ng-content>",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:fn,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(){}),xn=(wn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wn,deps:[],target:n.ɵɵFactoryTarget.NgModule}),wn.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wn,declarations:[kn,fn],imports:[g.CommonModule,c.EventsModule,hn],exports:[kn,c.EventsModule,fn,en,nt]}),wn.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wn,imports:[[g.CommonModule,c.EventsModule,hn],c.EventsModule]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wn,decorators:[{type:l.NgModule,args:[{declarations:[kn,fn],exports:[kn,c.EventsModule,fn,pn],imports:[g.CommonModule,c.EventsModule,hn]}]}]}),{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}}),En=(E(Sn,In=c.PreventableEvent),Sn);function Sn(e){var t=In.call(this)||this;return t.originalEvent=e,t}E(Tn,Dn=c.PreventableEvent);var Dn,Vn=Tn;function Tn(){return null!==Dn&&Dn.apply(this,arguments)||this}E(Bn,Pn=c.PreventableEvent);var Pn,On=Bn;function Bn(){return null!==Pn&&Pn.apply(this,arguments)||this}Fn.prototype.preventOpen=function(){this.openPrevented=!0},Fn.prototype.isOpenPrevented=function(){return this.openPrevented};var Rn=Fn;function Fn(e){this.color=e,this.openPrevented=!1}function zn(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($(e)){if("name"===t){var r=e,i=o;if(r=r.toLowerCase().trim(),$(y.namedColors[r]))return r;y.parseColor(r,i)&&(r=y.parseColor(r,i).toHex());var a=Object.keys(y.namedColors).find(function(e){return y.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=y.parseColor(e.trim(),o);if($(i))return"hex"===t?Hn(i,n):i.toCssRgba()}}function Mn(e,t){return e=y.parseColor(e,t=void 0===t?!0:t),$(e)?e.toBytes():{}}function An(e,t,n){void 0===t&&(t="rgba"),void 0===n&&(n=!1);var o=U(e.h,0,359.9),r=U(e.s,0,1),i=U(e.v,0,1),e=U(e.a,0,1),o=y.Color.fromHSV(o,r,i,e);return"hex"===t?Hn(o,n):o.toCssRgba()}function Hn(e,t){return t&&e.a<1?e.toCss({alpha:!0}):e.toCss()}function Nn(e){return An({h:e,s:1,v:1,a:1})}function Ln(e,t){var n=U(e.r,0,255),o=U(e.g,0,255),r=U(e.b,0,255),e=U(e.a,0,1),i=U(t.r,0,255),a=U(t.g,0,255),t=U(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 jn(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 _n(e,t){return e=jn(Ln(e,t)),t=jn(Ln(t,{r:0,g:0,b:0,a:1})),(Math.max(e,t)+.05)/(Math.min(e,t)+.05)}function Zn(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 Gn(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)},"")}E($n,Kn=t.LocalizationService);var Kn,Wn=$n;function $n(e,t,n){return Kn.call(this,e,t,n)||this}Wn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Wn,deps:[{token:t.L10N_PREFIX},{token:o.MessageService,optional:!0},{token:t.RTL,optional:!0}],target:n.ɵɵFactoryTarget.Injectable}),Wn.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Wn}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Wn,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:o.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]}]}});var Un,Xn="accessible",qn=(E(Qn,Un=t.LocalizationService),Qn.prototype.get=function(e){return this.colorPickerLocalization?this.colorPickerLocalization.get(e):Un.prototype.get.call(this,e)},Qn);function Qn(e,t,n,o){e=Un.call(this,e,t,n)||this;return e.colorPickerLocalization=o,e}qn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:qn,deps:[{token:t.L10N_PREFIX},{token:o.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:Wn,optional:!0}],target:n.ɵɵFactoryTarget.Injectable}),qn.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:qn}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:qn,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:o.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:Wn,decorators:[{type:l.Optional},{type:l.Inject,args:[Wn]}]}]}});Jn.prototype.getPaletteSettings=function(e,t){var n=e.palette,o="string"==typeof n&&xn[n]?xn[n].columns:void 0;return{palette:n||("name"!==t?"office":Xn),tileSize:e.tileSize||24,columns:e.columns||o||10}},Jn.prototype.paletteTileLayout=function(e){return"number"==typeof e?{width:e,height:e}:{width:e.width||e.height,height:e.height||e.width}};var Yn=Jn;function Jn(){}Yn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Yn,deps:[],target:n.ɵɵFactoryTarget.Injectable}),Yn.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Yn}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Yn,decorators:[{type:l.Injectable}]});eo.prototype.onViewButtonClick=function(e){this.activeView=e,this.viewChange.emit(e)},Object.defineProperty(eo.prototype,"viewButtons",{get:function(){return this.views&&0<=this.views.indexOf("gradient")&&0<=this.views.indexOf("palette")},enumerable:!1,configurable:!0}),eo.prototype.getViewButtonIcon=function(e){return"gradient"===e?"k-i-color-canvas":"k-i-palette"},eo.prototype.getText=function(e){return this.localizationService.get(e)};pn=eo;function eo(e){this.localizationService=e,this.hostClasses=!0,this.viewChange=new l.EventEmitter,this.valuePaneClick=new l.EventEmitter,this.clearButtonClick=new l.EventEmitter}pn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:pn,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),pn.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:pn,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:n,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:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:C.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:pn,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:o.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}]}]}});E(oo,to=t.LocalizationService),oo.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):to.prototype.get.call(this,e)};var to,no=oo;function oo(e,t,n,o){e=to.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}no.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no,deps:[{token:t.L10N_PREFIX},{token:o.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:qn,optional:!0}],target:n.ɵɵFactoryTarget.Injectable}),no.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:o.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:qn,decorators:[{type:l.Optional},{type:l.Inject,args:[qn]}]}]}});io.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())})},io.prototype.ngOnChanges=function(e){$(e.backgroundColor)&&this.metrics&&this.setPaths()},io.prototype.setPaths=function(){function e(e,t,n){var o=(r=S(i(n[t-1],n[t-2],e),2))[0],r=r[1],n=S(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=Zn,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=[Gn(this.getPaths(4.5,16),e),Gn(this.getPaths(4.5,16,!0),e),Gn(this.getPaths(7,16),e),Gn(this.getPaths(7,16,!0),e)]},io.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=_n(Mn(An(a)),Mn(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)},io.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 ro=io;function io(){this.hostClass=!0}ro.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ro,deps:[],target:n.ɵɵFactoryTarget.Component}),ro.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ro,selector:"[kendoColorContrastSvg]",inputs:{wrapper:"wrapper",hsva:"hsva",backgroundColor:"backgroundColor"},host:{properties:{"class.k-color-contrast-svg":"this.hostClass"}},usesOnChanges:!0,ngImport:n,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:C.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ro,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(so.prototype,"isFocused",{get:function(){if(!c.isDocumentAvailable()||!$(this.host))return!1;var e=document.activeElement;return this.host.nativeElement.contains(e)},enumerable:!1,configurable:!0}),Object.defineProperty(so.prototype,"rgbaInputValid",{get:function(){var t=this;return Object.keys(this.rgba).every(function(e){return $(t.rgba[e])})},enumerable:!1,configurable:!0}),so.prototype.ngAfterViewInit=function(){this.initDomEvents()},so.prototype.ngOnDestroy=function(){this.subscriptions&&this.subscriptions.unsubscribe()},so.prototype.ngOnChanges=function(e){$(e.value)&&!this.isFocused&&(this.hex=zn(this.value,"hex",this.opacity),this.rgba=Mn(this.value),this.rgba.a=zn(this.value,"rgba",this.opacity)?this.rgba.a:1)},Object.defineProperty(so.prototype,"formatButtonTitle",{get:function(){return this.localizationService.get("formatButton")},enumerable:!1,configurable:!0}),so.prototype.handleRgbaValueChange=function(){e=this.rgba,o=U(e.r,0,255),t=U(e.g,0,255),n=U(e.b,0,255),e=U(e.a,0,1);var e,t,n,o=y.Color.fromBytes(o,t,n,e).toCssRgba();this.rgbaInputValid&&o!==this.value&&(this.value=o,this.rgba=Mn(this.value),this.hex=zn(o,"hex",this.opacity),this.valueChange.emit(o))},so.prototype.handleHexValueChange=function(e){this.hex=e;e=zn(e,"rgba",this.opacity);$(e)&&e!==this.value&&(this.value=e,this.rgba=Mn(e),this.valueChange.emit(e))},so.prototype.handleRgbaInputBlur=function(){this.rgbaInputValid||(this.rgba=Mn(this.value))},so.prototype.handleHexInputBlur=function(){this.hex=zn(this.value,"hex",this.opacity)},so.prototype.toggleFormatView=function(){this.formatView="hex"===this.formatView?"rgba":"hex"},so.prototype.initDomEvents=function(){var e=this;this.host&&this.subscriptions.add(this.renderer.listen(this.toggleFormatButton.nativeElement,"click",function(){return e.toggleFormatView()}))};var ao=so;function so(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 d.Subscription}ao.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ao,deps:[{token:n.ElementRef},{token:n.Renderer2},{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),ao.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ao,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:n,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:yt,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:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ao,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:n.ElementRef},{type:n.Renderer2},{type:o.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(co.prototype,"passMessage",{get:function(){return this.localization.get("passContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(co.prototype,"failMessage",{get:function(){return this.localization.get("failContrast")},enumerable:!1,configurable:!0}),Object.defineProperty(co.prototype,"contrastText",{get:function(){var e="AA"===this.type?4.5:7;return this.type+": "+e.toFixed(1)},enumerable:!1,configurable:!0});var lo=co;function co(e){this.localization=e}lo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:lo,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),lo.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:lo,selector:"[kendoContrastValidation]",inputs:{type:"type",pass:"pass",value:"value"},ngImport:n,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:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:lo,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:o.LocalizationService}]},propDecorators:{type:[{type:l.Input}],pass:[{type:l.Input}],value:[{type:l.Input}]}});Object.defineProperty(po.prototype,"formatedRatio",{get:function(){return this.contrastRatio.toFixed(2)},enumerable:!1,configurable:!0}),Object.defineProperty(po.prototype,"contrastRatioText",{get:function(){return this.localization.get("contrastRatio")+": "+(this.value?this.formatedRatio:"n/a")},enumerable:!1,configurable:!0}),Object.defineProperty(po.prototype,"satisfiesAACondition",{get:function(){return 4.5<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(po.prototype,"satisfiesAAACondition",{get:function(){return 7<=this.contrastRatio},enumerable:!1,configurable:!0}),Object.defineProperty(po.prototype,"contrastRatio",{get:function(){return _n(Mn(this.value),Mn(this.ratio))},enumerable:!1,configurable:!0});var uo=po;function po(e){this.localization=e}uo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:uo,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),uo.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:uo,selector:"[kendoContrastTool]",inputs:{value:"value",ratio:"ratio"},ngImport:n,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:lo,selector:"[kendoContrastValidation]",inputs:["type","pass","value"]}],directives:[{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:uo,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:o.LocalizationService}]},propDecorators:{value:[{type:l.Input}],ratio:[{type:l.Input}]}});E(fo,ho=t.ComponentMessages);var ho,go=fo;function fo(){return null!==ho&&ho.apply(this,arguments)||this}go.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:go,deps:null,target:n.ɵɵFactoryTarget.Directive}),go.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:go,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:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:go,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}]}});E(yo,mo=go);var mo,vo=yo;function yo(e){var t=mo.call(this)||this;return t.service=e,t}vo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:vo,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Directive}),vo.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:vo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]",providers:[{provide:go,useExisting:l.forwardRef(function(){return vo})}],usesInheritance:!0,ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:vo,decorators:[{type:l.Directive,args:[{providers:[{provide:go,useExisting:l.forwardRef(function(){return vo})}],selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var bo=0,ko=(Object.defineProperty(a.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"gradientId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"value",{get:function(){return this._value},set:function(e){this._value=zn(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"contrastTool",{get:function(){return this._contrastTool},set:function(e){this._contrastTool=zn(e,this.format,this.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"tabindex",{get:function(){return this.disabled?void 0:this._tabindex},set:function(e){var t;$(e)?(t=Number(e),this._tabindex=isNaN(t)?0:t):this._tabindex=e},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"isFocused",{get:function(){return!(!c.isDocumentAvailable()||!$(this.host))&&(this.host.nativeElement===document.activeElement||this.host.nativeElement.contains(document.activeElement))},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"alphaSliderValue",{get:function(){if($(this.hsva.value)&&$(this.hsva.value.a))return 100*this.hsva.value.a},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"gradientRect",{get:function(){return this.gradientWrapper.nativeElement.getBoundingClientRect()},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"contrastToolVisible",{get:function(){return this.contrastTool&&0<this.contrastTool.length},enumerable:!1,configurable:!0}),a.prototype.ngAfterViewInit=function(){this.updateUI(),this.cdr.detectChanges(),this.addEventListeners(),this.subscribeChanges()},a.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&!this.isFocused&&this.updateUI(),c.isChanged("delay",e)&&(this.unsubscribeChanges(),this.subscribeChanges())},a.prototype.ngOnDestroy=function(){this.listeners.forEach(function(e){return e()}),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.unsubscribeChanges()},a.prototype.focus=function(){this.disabled||this.gradientDragHandle.nativeElement.focus()},a.prototype.reset=function(){this.handleValueChange(void 0),this.updateUI(),this.host.nativeElement.focus()},a.prototype.handleDragPress=function(e){this.disabled||this.readonly||!$(e.originalEvent)||(this.focus(),e.originalEvent.preventDefault())},a.prototype.onHandleDrag=function(e){this.disabled||this.readonly||(this.renderer.addClass(this.gradientWrapper.nativeElement,"k-dragging"),this.changePosition(e))},a.prototype.onHandleRelease=function(){this.disabled||this.readonly||(this.renderer.removeClass(this.gradientWrapper.nativeElement,"k-dragging"),this.handleValueChange(An(this.hsva.value,this.format,this.opacity)))},a.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)})}},a.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)}))},a.prototype.handleHueSliderChange=function(e){var t=this.hsva.value;t.h=e,this.hsva.next(t),this.handleValueChange(An(this.hsva.value,this.format,this.opacity)),this.backgroundColor=Nn(e),this.setAlphaSliderBackground(this.backgroundColor)},a.prototype.handleAlphaSliderChange=function(e){var t=this.hsva.value;t.a=e/100,this.hsva.next(t),this.handleValueChange(An(this.hsva.value,this.format,this.opacity))},a.prototype.handleInputsValueChange=function(e){e=zn(e,this.format,this.opacity);this.value!==e&&(this.handleValueChange(e),this.updateUI())},a.prototype.writeValue=function(e){this.value=e,$(this.gradientWrapper)&&this.updateUI()},a.prototype.registerOnChange=function(e){this.notifyNgChanged=e},a.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},a.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},Object.defineProperty(a.prototype,"colorGradientHandleTitle",{get:function(){return this.localizationService.get("colorGradientHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"colorGradientHandleAriaLabel",{get:function(){var e=zn(this.value,this.format,this.opacity);return""+(this.value?e:this.localizationService.get("colorGradientHandle"))},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"hueSliderTitle",{get:function(){return this.localizationService.get("hueSliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"opacitySliderTitle",{get:function(){return this.localizationService.get("opacitySliderHandle")},enumerable:!1,configurable:!0}),Object.defineProperty(a.prototype,"clearButtonTitle",{get:function(){return this.localizationService.get("clearButton")},enumerable:!1,configurable:!0}),a.prototype.isEmpty=function(){return!1},a.prototype.moveDragHandle=function(e,t){var n=this.gradientRect,o=n.width,n=n.height,t=U(t,0,n),e=U(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(An(this.hsva.value,this.format,this.opacity)),this.setAlphaSliderBackground(An(Object.assign(Object.assign({},this.hsva.value),{a:1}),this.format,this.opacity))},a.prototype.updateUI=function(){var e,t;c.isDocumentAvailable()&&(this.hsva.next(this.value?function(e,t){e=y.parseColor(e,t=void 0===t?!0:t);return $(e)?e.toHSV():{}}(this.value):{h:0,s:0,v:1,a:1}),t=this.gradientRect,e=(1-this.hsva.value.v)*t.height,t=this.hsva.value.s*t.width,this.setDragHandleElementPosition(e,t),this.backgroundColor=Nn(this.hsva.value.h),this.setAlphaSliderBackground(this.backgroundColor),this.setHostElementAriaLabel())},a.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},a.prototype.setDragHandleElementPosition=function(e,t){var n=this.gradientDragHandle.nativeElement;this.renderer.setStyle(n,"top",e+"px"),this.renderer.setStyle(n,"left",t+"px")},a.prototype.setAlphaSliderBackground=function(e){var t;$(this.alphaSlider)&&(t=this.alphaSlider.track.nativeElement,this.renderer.setStyle(t,"background","linear-gradient(to top, transparent, "+e+")"))},a.prototype.setHostElementAriaLabel=function(){var e=zn(this.value,this.format,this.opacity);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorGradientNoColor")))},a.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(An(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)})},a.prototype.subscribeChanges=function(){var t=this;this.changeRequestsSubscription=this.updateValues.pipe(p.throttleTime(this.delay)).subscribe(function(e){t.handleValueChange(e)})},a.prototype.unsubscribeChanges=function(){this.changeRequestsSubscription&&this.changeRequestsSubscription.unsubscribe()},a);function a(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-"+bo++,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 d.BehaviorSubject({}),this._tabindex=0,this.listeners=[],this.updateValues=new d.Subject,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},h.validatePackage(ve),this.dynamicRTLSubscription=r.changes.subscribe(function(e){e=e.rtl;i.direction=e?"rtl":"ltr"})}ko.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ko,deps:[{token:n.ElementRef},{token:n.NgZone},{token:n.Renderer2},{token:n.ChangeDetectorRef},{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),ko.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ko,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ko})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ko})},no,{provide:t.LocalizationService,useExisting:no},{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}],exportAs:["kendoColorGradient"],usesOnChanges:!0,ngImport:n,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" [style.background]="backgroundColor">\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                    [smallStep]="5"\n                    [largeStep]="10"\n                    [value]="hsva.value.h"\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" *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:ro,selector:"[kendoColorContrastSvg]",inputs:["wrapper","hsva","backgroundColor"]},{type:Be,selector:"kendo-slider",inputs:["focusableId","dragHandleTitle","incrementTitle","animate","decrementTitle","showButtons","value","tabIndex"],exportAs:["kendoSlider"]},{type:ao,selector:"kendo-colorinput",inputs:["focusableId","formatView","value","opacity","disabled","readonly"],outputs:["valueChange"]},{type:uo,selector:"[kendoContrastTool]",inputs:["value","ratio"]}],directives:[{type:vo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:k.DraggableDirective,selector:"[kendoDraggable]",inputs:["enableDrag"],outputs:["kendoPress","kendoDrag","kendoRelease"]},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ko,decorators:[{type:l.Component,args:[{exportAs:"kendoColorGradient",selector:"kendo-colorgradient",providers:[{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return ko})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return ko})},no,{provide:t.LocalizationService,useExisting:no},{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" [style.background]="backgroundColor">\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                    [smallStep]="5"\n                    [largeStep]="10"\n                    [value]="hsva.value.h"\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" *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:n.ElementRef},{type:n.NgZone},{type:n.Renderer2},{type:n.ChangeDetectorRef},{type:o.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}]}]}});E(Io,Co=t.LocalizationService),Io.prototype.get=function(e){return this.flatColorPickerLocalization?this.flatColorPickerLocalization.get(e):Co.prototype.get.call(this,e)};var Co,k=Io;function Io(e,t,n,o){e=Co.call(this,e,t,n)||this;return e.flatColorPickerLocalization=o,e}k.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,deps:[{token:t.L10N_PREFIX},{token:o.MessageService,optional:!0},{token:t.RTL,optional:!0},{token:qn,optional:!0}],target:n.ɵɵFactoryTarget.Injectable}),k.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,decorators:[{type:l.Injectable}],ctorParameters:function(){return[{type:void 0,decorators:[{type:l.Inject,args:[t.L10N_PREFIX]}]},{type:o.MessageService,decorators:[{type:l.Optional}]},{type:void 0,decorators:[{type:l.Optional},{type:l.Inject,args:[t.RTL]}]},{type:qn,decorators:[{type:l.Optional},{type:l.Inject,args:[qn]}]}]}});xo.prototype.setColorMatrix=function(e,t){if(this.colorRows=[],$(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)}}},xo.prototype.getCellCoordsFor=function(e){if($(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}},xo.prototype.getColorAt=function(e){if($(e)&&$(this.colorRows[e.row]))return this.colorRows[e.row][e.col]},xo.prototype.getNextCell=function(e,t,n){if(!($(e)&&$(e.row)&&$(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)}},xo.prototype.clampIndex=function(e,t){return e<0?0:t<e?t:e};var wo=xo;function xo(){this.colorRows=[]}wo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wo,deps:[],target:n.ɵɵFactoryTarget.Injectable}),wo.ɵprov=n.ɵɵngDeclareInjectable({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wo}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:wo,decorators:[{type:l.Injectable}]});var Eo=0,So=(Object.defineProperty(Do.prototype,"paletteId",{get:function(){return this.id},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"value",{get:function(){return this._value},set:function(e){this._value=zn(e,this.format)},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"columns",{get:function(){return this._columns},set:function(e){this._columns=1<e?e:1},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"palette",{get:function(){return this._palette},set:function(e){var t=this,e=("string"==typeof(e=$(e)?e:"office")&&$(xn[e])&&(this.columns=this.columns||xn[e].columns,e=xn[e].colors),"string"==typeof e?e.split(","):e);this._palette=e.map(function(e){return zn(e,t.format,!1,!1)})},enumerable:!1,configurable:!0}),Object.defineProperty(Do.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(Do.prototype,"tileLayout",{get:function(){return"number"!=typeof this.tileSize?this.tileSize:{width:this.tileSize,height:this.tileSize}},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"colorRows",{get:function(){return this.service.colorRows},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Do.prototype,"readonlyAttribute",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Do.prototype.ngOnInit=function(){var e;0===this.colorRows.length&&(e="name"!==this.format?"office":"accessible",this.palette=this.palette||e,this.setRows())},Do.prototype.ngAfterViewInit=function(){var e=this;this.setHostElementAriaLabel(),this.value&&this.ngZone.onStable.pipe(p.take(1)).subscribe(function(){e.selectCell(e.value)})},Do.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe()},Do.prototype.ngOnChanges=function(e){(e.palette||e.columns)&&this.setRows(),(e.palette||e.value||e.columns)&&(this.selectCell(this.value),this.setHostElementAriaLabel())},Do.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()},Do.prototype.handleHostBlur=function(){this.notifyNgTouched(),this.handleCellFocusOnBlur()},Do.prototype.handleCellSelection=function(e,t){this.readonly||(this.selectedCell=t,this.focusedCell=this.selectedCell,this.focusInComponent=!0,e=zn(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))},Do.prototype.writeValue=function(e){this.value=e,this.selectCell(e)},Do.prototype.registerOnChange=function(e){this.notifyNgChanged=e},Do.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},Do.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},Do.prototype.isEmpty=function(){return!1},Do.prototype.reset=function(){this.focusedCell=null,$(this.value)&&this.handleValueChange(void 0),this.selectedCell=void 0},Do.prototype.handleValueChange=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},Do.prototype.handleCellFocusOnBlur=function(){this.focusInComponent=!1,this.focusedCell=this.selectedCell},Do.prototype.selectCell=function(e){this.selectedCell=this.service.getCellCoordsFor(e),this.focusedCell=this.selectedCell},Do.prototype.setRows=function(){$(this.palette)&&(this.columns=this.columns||10,this.service.setColorMatrix(this.palette,this.columns))},Do.prototype.handleCellNavigation=function(e,t){this.readonly||(this.focusedCell=this.service.getNextCell(this.focusedCell,e,t),this.focusInComponent=!0)},Do.prototype.setHostElementAriaLabel=function(){var e=zn(this.value,this.format);this.renderer.setAttribute(this.host.nativeElement,"aria-label",""+(this.value?e:this.localizationService.get("colorPaletteNoColor")))},Do.prototype.handleEnter=function(){var e;$(this.focusedCell)&&(e=this.service.getColorAt(this.focusedCell),this.handleCellSelection(e,this.focusedCell))},Do);function Do(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-"+Eo++,this.format="hex",this.disabled=!1,this.readonly=!1,this.tileSize={width:24,height:24},this.selectionChange=new l.EventEmitter,this.valueChange=new l.EventEmitter,this.cellSelection=new l.EventEmitter,this.hostClasses=!0,this.uniqueId=c.guid(),this._tabindex=0,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},h.validatePackage(ve),this.dynamicRTLSubscription=r.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}So.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:So,deps:[{token:n.ElementRef},{token:wo},{token:n.ChangeDetectorRef},{token:n.Renderer2},{token:o.LocalizationService},{token:n.NgZone}],target:n.ɵɵFactoryTarget.Component}),So.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:So,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return So})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return So})},wo,k,{provide:t.LocalizationService,useExisting:k},{provide:t.L10N_PREFIX,useValue:"kendo.colorpalette"}],exportAs:["kendoColorPalette"],usesOnChanges:!0,ngImport:n,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:vo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:C.NgForOf,selector:"[ngFor][ngForOf]",inputs:["ngForOf","ngForTrackBy","ngForTemplate"]},{type:C.NgStyle,selector:"[ngStyle]",inputs:["ngStyle"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:So,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPalette",selector:"kendo-colorpalette",providers:[{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return So})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return So})},wo,k,{provide:t.LocalizationService,useExisting:k},{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:n.ElementRef},{type:wo},{type:n.ChangeDetectorRef},{type:n.Renderer2},{type:o.LocalizationService},{type:n.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"]}]}});Vo.prototype.getText=function(e){return this.localizationService.get(e)},Vo.prototype.onActionButtonClick=function(e,t){this.actionButtonClick.emit({target:e,originalEvent:t})};no=Vo;function Vo(e){this.localizationService=e,this.hostClasses=!0,this.actionButtonClick=new l.EventEmitter}no.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),no.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:no,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:n,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}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no,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:o.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}]}]}});To.prototype.ngAfterContentInit=function(){this.focusOnNextTick()},To.prototype.focusOnNextTick=function(){var e=this;this.ngZone.runOutsideAngular(function(){return setTimeout(function(){return e.host.nativeElement.focus()})})};k=To;function To(e,t){this.host=e,this.ngZone=t}k.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,deps:[{token:n.ElementRef},{token:n.NgZone}],target:n.ɵɵFactoryTarget.Directive}),k.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:k,selector:"[kendoFocusOnDomReady]",ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,decorators:[{type:l.Directive,args:[{selector:"[kendoFocusOnDomReady]"}]}],ctorParameters:function(){return[{type:n.ElementRef},{type:n.NgZone}]}});Object.defineProperty(Oo.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(Oo.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(Oo.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(Oo.prototype,"value",{get:function(){return this._value},set:function(e){this._value=zn(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(Oo.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(Oo.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(Oo.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Oo.prototype.ngOnInit=function(){this.selection=this.value,this._paletteSettings=this.service.getPaletteSettings(this._paletteSettings,this.format),this.setActiveView()},Oo.prototype.ngAfterViewInit=function(){this.setHostElementAriaLabel(),this.initDomEvents(),this.setSizingVariables()},Oo.prototype.ngOnChanges=function(e){c.isChanged("value",e)&&this.setHostElementAriaLabel(),c.isChanged("paletteSettings",e)&&this.setSizingVariables()},Oo.prototype.ngOnDestroy=function(){this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe()},Object.defineProperty(Oo.prototype,"headerHasContent",{get:function(){return this.preview||1<this.views.length||this.clearButton},enumerable:!1,configurable:!0}),Oo.prototype.isEmpty=function(){return!1},Oo.prototype.focus=function(){this.disabled&&this.focused||(this.host.nativeElement.focus(),this.focused=!0)},Oo.prototype.blur=function(){this.focused&&(this.notifyNgTouched(),this.host.nativeElement.blur(),this.focused=!1)},Oo.prototype.reset=function(){$(this.value)&&(this.value=void 0,this.notifyNgChanged(void 0),this.setHostElementAriaLabel())},Oo.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()})}))},Oo.prototype.onClearButtonClick=function(){this.resetInnerComponentValue(),this.host.nativeElement.focus()},Oo.prototype.handleValueChange=function(e){this.value!==e&&(this.preview?this.changeCurrentValue(e):this.setFlatColorPickerValue(e))},Oo.prototype.onAction=function(e){"apply"===e.target?this.setFlatColorPickerValue(this.selection):this.resetSelection(e.originalEvent),this.actionButtonClick.emit()},Oo.prototype.writeValue=function(e){this.value=e},Oo.prototype.registerOnChange=function(e){this.notifyNgChanged=e},Oo.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},Oo.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},Oo.prototype.resetSelection=function(e){e=new En(e);this.cancel.emit(e),e.isDefaultPrevented()||(this.selection=this.value),this.notifyNgTouched()},Oo.prototype.setHostElementAriaLabel=function(){var e=zn(this.value,this.format,this.gradientSettings.opacity),e=""+(this.value?e:this.localizationService.get("flatColorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},Oo.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)},Oo.prototype.changeCurrentValue=function(e){this.selection=e,this.notifyNgTouched()},Oo.prototype.resetInnerComponentValue=function(){this.selection=null,(this.gradient||this.palette).reset()},Oo.prototype.setFlatColorPickerValue=function(e){this.value!==e&&(this.value=e,this.valueChange.emit(e),this.notifyNgChanged(e),this.setHostElementAriaLabel())},Oo.prototype.setActiveView=function(){if($(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]},Oo.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 Po=Oo;function Oo(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 d.Subscription,this.notifyNgChanged=function(){},this.notifyNgTouched=function(){},h.validatePackage(ve),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Po.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Po,deps:[{token:n.ElementRef},{token:Yn},{token:o.LocalizationService},{token:n.ChangeDetectorRef},{token:n.Renderer2},{token:n.NgZone}],target:n.ɵɵFactoryTarget.Component}),Po.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Po,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Po})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Po})},Yn,qn,{provide:t.LocalizationService,useExisting:qn},{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:n,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:pn,selector:"[kendoFlatColorPickerHeader]",inputs:["clearButton","activeView","views","preview","value","selection"],outputs:["viewChange","valuePaneClick","clearButtonClick"]},{type:ko,selector:"kendo-colorgradient",inputs:["id","opacity","disabled","readonly","clearButton","delay","value","contrastTool","tabindex","format"],outputs:["valueChange"],exportAs:["kendoColorGradient"]},{type:So,selector:"kendo-colorpalette",inputs:["id","format","value","columns","palette","tabindex","disabled","readonly","tileSize"],outputs:["selectionChange","valueChange","cellSelection"],exportAs:["kendoColorPalette"]},{type:no,selector:"[kendoFlatColorPickerActionButtons]",outputs:["actionButtonClick"]}],directives:[{type:vo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]},{type:k,selector:"[kendoFocusOnDomReady]"},{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Po,decorators:[{type:l.Component,args:[{exportAs:"kendoFlatColorPicker",selector:"kendo-flatcolorpicker",providers:[{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Po})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Po})},Yn,qn,{provide:t.LocalizationService,useExisting:qn},{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:n.ElementRef},{type:Yn},{type:o.LocalizationService},{type:n.ChangeDetectorRef},{type:n.Renderer2},{type:n.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 Bo=["focus","blur"],Ro=(Object.defineProperty(s.prototype,"focusedClass",{get:function(){return this.isFocused},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"disabledClass",{get:function(){return this.disabled},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"ariaReadonly",{get:function(){return this.readonly},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"ariaExpanded",{get:function(){return this.isOpen},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"hostTabindex",{get:function(){return this.tabindex},enumerable:!1,configurable:!0}),Object.defineProperty(s.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(s.prototype,"value",{get:function(){return this._value},set:function(e){this._value=zn(e,this.format,this.gradientSettings.opacity)},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"popupSettings",{get:function(){return this._popupSettings},set:function(e){this._popupSettings=Object.assign(this._popupSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"paletteSettings",{get:function(){return this._paletteSettings},set:function(e){this._paletteSettings=Object.assign(this._paletteSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"gradientSettings",{get:function(){return this._gradientSettings},set:function(e){this._gradientSettings=Object.assign(this._gradientSettings,e)},enumerable:!1,configurable:!0}),Object.defineProperty(s.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(s.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"fillMode",{get:function(){return this._fillMode},set:function(e){this.handleClasses(e,"fillMode"),this._fillMode=e},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"isOpen",{get:function(){return $(this.popupRef)},enumerable:!1,configurable:!0}),Object.defineProperty(s.prototype,"iconStyles",{get:function(){return this.iconClass||(this.icon?"k-icon k-i-"+this.icon:void 0)},enumerable:!1,configurable:!0}),s.prototype.ngOnInit=function(){var e="name"!==this.format?"office":Xn,t=this._paletteSettings.palette,n="string"==typeof t&&xn[t]?xn[t].columns:void 0;this._paletteSettings={palette:t||e,tileSize:this._paletteSettings.tileSize||24,columns:this._paletteSettings.columns||n||10}},s.prototype.ngAfterViewInit=function(){var t=this;["size","rounded","fillMode"].forEach(function(e){t.handleClasses(t[e],e)}),this.setHostElementAriaLabel(),this.handleHostId(),this.initDomEvents()},s.prototype.ngOnChanges=function(e){e.format&&"name"===e.format.currentValue&&(this.activeView="palette"),"gradient"===this.activeView&&this.gradientSettings.opacity&&(this.format="rgba",this.value=zn(this.value,this.format,this.gradientSettings.opacity)),c.isChanged("value",e)&&this.setHostElementAriaLabel()},s.prototype.ngOnDestroy=function(){this.closePopup(),this.dynamicRTLSubscription&&this.dynamicRTLSubscription.unsubscribe(),this.subscriptions.unsubscribe(),this.handleDomEvents("remove",Bo)},s.prototype.handleCancelEvent=function(e){this.cancel.emit(e)},s.prototype.togglePopup=function(){this.focus(),this.toggleWithEvents(!this.isOpen)},s.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 Rn(this.value),this.activeColorClick.emit(e),void(e.isOpenPrevented()&&!this.isOpen||this.toggleWithEvents(!this.isOpen));this.toggleWithEvents(!this.isOpen)}},s.prototype.focus=function(){this.isFocused=!0,this.host.nativeElement.focus()},s.prototype.handleWrapperFocus=function(){var e=this;this.isFocused||this.ngZone.run(function(){e.focus(),e.onFocus.emit()})},s.prototype.blur=function(){this.isFocused=!1,this.host.nativeElement.blur(),this.notifyNgTouched()},s.prototype.handleWrapperBlur=function(){var e=this;this.isOpen||this.ngZone.run(function(){e.onBlur.emit(),e.isFocused=!1})},s.prototype.reset=function(){$(this.value)&&(this._value=void 0,this.setHostElementAriaLabel(),this.notifyNgChanged(void 0))},s.prototype.toggle=function(e){this.disabled||this.readonly||(this.cdr.markForCheck(),this.closePopup(),(e=$(e)?e:!this.isOpen)&&this.openPopup())},s.prototype.handleValueChange=function(e){e=zn(e,this.format,this.gradientSettings.opacity);e!==this.value&&(this.value=e,this.valueChange.emit(e),this.setHostElementAriaLabel(),this.notifyNgChanged(e))},s.prototype.handlePopupBlur=function(e){this.popupBlurInvalid(e)||(this.isFocused=!1,this.onBlur.emit(),this.notifyNgTouched(),this.toggleWithEvents(!1))},s.prototype.writeValue=function(e){this.value=e},s.prototype.registerOnChange=function(e){this.notifyNgChanged=e},s.prototype.registerOnTouched=function(e){this.notifyNgTouched=e},s.prototype.setDisabledState=function(e){this.cdr.markForCheck(),this.disabled=e},s.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)}))},s.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()))},s.prototype.isEmpty=function(){return!1},s.prototype.setHostElementAriaLabel=function(){var e=""+(this.value||this.localizationService.get("colorPickerNoColor"));this.renderer.setAttribute(this.host.nativeElement,"aria-label",e)},s.prototype.handleClasses=function(e,t){var n=this.host.nativeElement,t=T("picker",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},s.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},s.prototype.toggleWithEvents=function(e){var t,n=this.isOpen===e;this.disabled||this.readonly||n||(e?(t=new On,this.open.emit(t)):(t=new Vn,this.close.emit(t)),t.isDefaultPrevented()||this.toggle(e),e&&this.focusFirstElement())},s.prototype.focusFirstElement=function(){var t=this;this.ngZone.onStable.pipe(p.take(1)).subscribe(function(){var e;t.flatColorPicker&&((e=t.flatColorPicker.gradient)?e.gradientDragHandle:t.flatColorPicker.palette.host).nativeElement.focus()})},s.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})})},s.prototype.closePopup=function(){this.isOpen&&(this.popupRef.close(),this.popupRef=null)},Object.defineProperty(s.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(s.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}),s.prototype.handleDomEvents=function(t,e){var n=this,o=this.host.nativeElement;e.forEach(function(e){return o[t+"EventListener"](e,n.domFocusListener,!0)})},s.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",Bo),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)})}))}))},s.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)},s);function s(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 d.Subscription,this.notifyNgTouched=function(){},this.notifyNgChanged=function(){},this.domFocusListener=function(e){return e.stopImmediatePropagation()},h.validatePackage(ve),this.dynamicRTLSubscription=this.localizationService.changes.subscribe(function(e){e=e.rtl;a.direction=e?"rtl":"ltr"})}Ro.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ro,deps:[{token:n.ElementRef},{token:w.PopupService},{token:n.ChangeDetectorRef},{token:o.LocalizationService},{token:n.NgZone},{token:n.Renderer2}],target:n.ɵɵFactoryTarget.Component}),Ro.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:Ro,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:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ro})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ro})},Wn,{provide:t.LocalizationService,useExisting:Wn},{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:n,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:Po,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:vo,selector:"[kendoColorPickerLocalizedMessages], [kendoFlatColorPickerLocalizedMessages], [kendoColorGradientLocalizedMessages], [kendoColorPaletteLocalizedMessages]"},{type:C.NgClass,selector:"[ngClass]",inputs:["class","ngClass"]},{type:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ro,decorators:[{type:l.Component,args:[{exportAs:"kendoColorPicker",selector:"kendo-colorpicker",providers:[{multi:!0,provide:u.NG_VALUE_ACCESSOR,useExisting:l.forwardRef(function(){return Ro})},{provide:c.KendoInput,useExisting:l.forwardRef(function(){return Ro})},Wn,{provide:t.LocalizationService,useExisting:Wn},{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:n.ElementRef},{type:w.PopupService},{type:n.ChangeDetectorRef},{type:o.LocalizationService},{type:n.NgZone},{type:n.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}]}]}});E(Mo,Fo=go),Object.defineProperty(Mo.prototype,"override",{get:function(){return!0},enumerable:!1,configurable:!0});var Fo,zo=Mo;function Mo(e){var t=Fo.call(this)||this;return t.service=e,t}zo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:zo,deps:[{token:o.LocalizationService}],target:n.ɵɵFactoryTarget.Component}),zo.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:zo,selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",providers:[{provide:go,useExisting:l.forwardRef(function(){return zo})}],usesInheritance:!0,ngImport:n,template:"",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:zo,decorators:[{type:l.Component,args:[{providers:[{provide:go,useExisting:l.forwardRef(function(){return zo})}],selector:"kendo-colorpicker-messages, kendo-flatcolorpicker-messages, kendo-colorgradient-messages, kendo-colorpalette-messages",template:""}]}],ctorParameters:function(){return[{type:o.LocalizationService}]}});var go=[Ro,So,ko,Po,vo,zo],Ao=[ao,k,uo,lo,pn,no,ro],Ho=function(){},ao=(Ho.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ho,deps:[],target:n.ɵɵFactoryTarget.NgModule}),Ho.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ho,declarations:[Ro,So,ko,Po,vo,zo,ao,k,uo,lo,pn,no,ro],imports:[Ee,be,g.CommonModule,v.PopupModule,c.DraggableModule],exports:[Ro,So,ko,Po,vo,zo]}),Ho.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ho,imports:[[Ee,be,g.CommonModule,v.PopupModule,c.DraggableModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ho,decorators:[{type:l.NgModule,args:[{declarations:[go,Ao],exports:[go],imports:[Ee,be,g.CommonModule,v.PopupModule,c.DraggableModule]}]}]}),Object.defineProperty(No.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Object.defineProperty(No.prototype,"rounded",{get:function(){return this._rounded},set:function(e){this.handleClasses(e,"rounded"),this._rounded=e},enumerable:!1,configurable:!0}),No.prototype.ngAfterViewInit=function(){var t=this;["size","rounded"].forEach(function(e){t.handleClasses(t[e],e)})},No.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("checkbox",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},No);function No(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",this._rounded="medium"}ao.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ao,deps:[{token:n.Renderer2},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Directive}),ao.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:ao,selector:"input[kendoCheckBox]",inputs:{size:"size",rounded:"rounded"},host:{properties:{"class.k-checkbox":"this.kendoClass"}},ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ao,decorators:[{type:l.Directive,args:[{selector:"input[kendoCheckBox]"}]}],ctorParameters:function(){return[{type:n.Renderer2},{type:n.ElementRef}]},propDecorators:{kendoClass:[{type:l.HostBinding,args:["class.k-checkbox"]}],size:[{type:l.Input}],rounded:[{type:l.Input}]}});k=function(){},k.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,deps:[],target:n.ɵɵFactoryTarget.NgModule}),k.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,declarations:[ao],imports:[g.CommonModule],exports:[ao]}),k.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,imports:[[g.CommonModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:k,decorators:[{type:l.NgModule,args:[{declarations:[ao],exports:[ao],imports:[g.CommonModule]}]}]}),Object.defineProperty(Lo.prototype,"size",{get:function(){return this._size},set:function(e){this.handleClasses(e,"size"),this._size=e},enumerable:!1,configurable:!0}),Lo.prototype.ngAfterViewInit=function(){var t=this;["size"].forEach(function(e){t.handleClasses(t[e],e)})},Lo.prototype.handleClasses=function(e,t){var n=this.hostElement.nativeElement,t=T("radio",t,this[t],e);t.toRemove&&this.renderer.removeClass(n,t.toRemove),t.toAdd&&this.renderer.addClass(n,t.toAdd)},uo=Lo;function Lo(e,t){this.renderer=e,this.hostElement=t,this.kendoClass=!0,this._size="medium",h.validatePackage(ve)}uo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:uo,deps:[{token:n.Renderer2},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Directive}),uo.ɵdir=n.ɵɵngDeclareDirective({minVersion:"12.0.0",version:"12.2.16",type:uo,selector:"input[kendoRadioButton]",inputs:{size:"size"},host:{properties:{"class.k-radio":"this.kendoClass"}},ngImport:n}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:uo,decorators:[{type:l.Directive,args:[{selector:"input[kendoRadioButton]"}]}],ctorParameters:function(){return[{type:n.Renderer2},{type:n.ElementRef}]},propDecorators:{kendoClass:[{type:l.HostBinding,args:["class.k-radio"]}],size:[{type:l.Input}]}});var lo=function(){},jo=(lo.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:lo,deps:[],target:n.ɵɵFactoryTarget.NgModule}),lo.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:lo,declarations:[uo],imports:[g.CommonModule],exports:[uo]}),lo.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:lo,imports:[[g.CommonModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:lo,decorators:[{type:l.NgModule,args:[{declarations:[uo],exports:[uo],imports:[g.CommonModule]}]}]}),0),pn=(Object.defineProperty(_o.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(_o.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(_o.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),_o);function _o(){this.hostClass=!0,this.align="start",this.id="kendo-error-"+jo++,this.roleAttribute="alert"}pn.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:pn,deps:[],target:n.ɵɵFactoryTarget.Component}),pn.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:pn,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:n,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:pn,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 Zo=0,no=(Object.defineProperty(Go.prototype,"startClass",{get:function(){return"start"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Go.prototype,"endClass",{get:function(){return"end"===this.align},enumerable:!1,configurable:!0}),Object.defineProperty(Go.prototype,"idAttribute",{get:function(){return this.id},enumerable:!1,configurable:!0}),Go);function Go(){this.align="start",this.id="kendo-hint-"+Zo++,this.hostClass=!0}no.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no,deps:[],target:n.ɵɵFactoryTarget.Component}),no.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:no,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:n,template:"\n        <ng-content></ng-content>\n    ",isInline:!0}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:no,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(Ko.prototype,"errorClass",{get:function(){return!!this.control&&(this.control.invalid&&(this.control.touched||this.control.dirty))},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"disabledClass",{get:function(){return!!this.control&&(!this.isRadioControl(this.control)&&(this.disabledControl()||this.disabledElement()||this.disabledKendoInput()))},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"formControls",{set:function(e){this.validateFormControl(e),this.control=e.first},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"horizontal",{get:function(){return"horizontal"===this.orientation},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"hasHints",{get:function(){return"always"===this.showHints||this.showHintsInitial()},enumerable:!1,configurable:!0}),Object.defineProperty(Ko.prototype,"hasErrors",{get:function(){return"always"===this.showErrors||this.showErrorsInitial()},enumerable:!1,configurable:!0}),Ko.prototype.ngAfterViewInit=function(){this.setDescription()},Ko.prototype.ngOnDestroy=function(){this.subscriptions.unsubscribe()},Ko.prototype.disabledKendoInput=function(){return this.kendoInput&&this.kendoInput.disabled},Ko.prototype.disabledControl=function(){return this.control.disabled},Ko.prototype.disabledElement=function(){return this.controlElementRefs.toArray().every(function(e){return e.nativeElement.hasAttribute("disabled")})},Ko.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.")},Ko.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)})},Ko.prototype.isRadioControl=function(e){return e.valueAccessor instanceof u.RadioControlValueAccessor},Ko.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))})},Ko.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})},Ko.prototype.generateDescriptionIds=function(e){var t=new Set;return e.hasAttribute("aria-describedby")&&e.getAttribute("aria-describedby").split(" ").forEach(function(e){e.includes("kendo-hint-")||e.includes("kendo-error-")||t.add(e)}),this.hintChildren.forEach(function(e){t.add(e.id)}),this.errorChildren.forEach(function(e){t.add(e.id)}),Array.from(t).join(" ")},Ko.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},Ko.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)},Ko.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()}))};ro=Ko;function Ko(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 d.Subscription,this.rtl=!1,h.validatePackage(ve),this.subscriptions.add(this.localizationService.changes.subscribe(function(e){e=e.rtl;o.rtl=e,o.direction=o.rtl?"rtl":"ltr"}))}ro.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ro,deps:[{token:n.Renderer2},{token:o.LocalizationService},{token:n.ElementRef}],target:n.ɵɵFactoryTarget.Component}),ro.ɵcmp=n.ɵɵngDeclareComponent({minVersion:"12.0.0",version:"12.2.16",type:ro,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:u.NgControl,descendants:!0},{propertyName:"controlElementRefs",predicate:u.NgControl,descendants:!0,read:l.ElementRef},{propertyName:"errorChildren",predicate:pn,descendants:!0},{propertyName:"hintChildren",predicate:no,descendants:!0}],ngImport:n,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:C.NgIf,selector:"[ngIf]",inputs:["ngIf","ngIfThen","ngIfElse"]}]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:ro,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:n.Renderer2},{type:o.LocalizationService},{type:n.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:[u.NgControl,{descendants:!0}]}],controlElementRefs:[{type:l.ContentChildren,args:[u.NgControl,{read:l.ElementRef,descendants:!0}]}],kendoInput:[{type:l.ContentChild,args:[c.KendoInput,{static:!0}]}],errorChildren:[{type:l.ContentChildren,args:[pn,{descendants:!0}]}],hintChildren:[{type:l.ContentChildren,args:[no,{descendants:!0}]}],showHints:[{type:l.Input}],orientation:[{type:l.Input}],showErrors:[{type:l.Input}]}});Ao=function(){},Ao.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ao,deps:[],target:n.ɵɵFactoryTarget.NgModule}),Ao.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ao,declarations:[no,pn,ro],imports:[g.CommonModule],exports:[no,pn,ro]}),Ao.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ao,imports:[[g.CommonModule]]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:Ao,decorators:[{type:l.NgModule,args:[{declarations:[no,pn,ro],exports:[no,pn,ro],imports:[g.CommonModule]}]}]}),go=function(){};go.ɵfac=n.ɵɵngDeclareFactory({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:go,deps:[],target:n.ɵɵFactoryTarget.NgModule}),go.ɵmod=n.ɵɵngDeclareNgModule({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:go,imports:[g.CommonModule],exports:[wn,gn,Ee,m,r,be,Qt,Ho,k,lo,Ao]}),go.ɵinj=n.ɵɵngDeclareInjector({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:go,imports:[[g.CommonModule],wn,gn,Ee,m,r,be,Qt,Ho,k,lo,Ao]}),n.ɵɵngDeclareClassMetadata({minVersion:"12.0.0",version:"12.2.16",ngImport:n,type:go,decorators:[{type:l.NgModule,args:[{exports:[wn,gn,Ee,m,r,be,Qt,Ho,k,lo,Ao],imports:[g.CommonModule]}]}]}),e.ActiveColorClickEvent=Rn,e.CheckBoxDirective=ao,e.CheckBoxModule=k,e.ColorGradientComponent=ko,e.ColorPaletteComponent=So,e.ColorPickerCancelEvent=En,e.ColorPickerCloseEvent=Vn,e.ColorPickerComponent=Ro,e.ColorPickerCustomMessagesComponent=zo,e.ColorPickerModule=Ho,e.ColorPickerOpenEvent=On,e.ErrorComponent=pn,e.FlatColorPickerComponent=Po,e.FormFieldComponent=ro,e.FormFieldModule=Ao,e.HintComponent=no,e.InputSeparatorComponent=en,e.InputsModule=go,e.LabelTemplateDirective=ye,e.LocalizedColorPickerMessagesDirective=vo,e.LocalizedNumericTextBoxMessagesDirective=ht,e.LocalizedRangeSliderMessagesDirective=Le,e.LocalizedSliderMessagesDirective=Ve,e.LocalizedSwitchMessagesDirective=Xe,e.LocalizedTextBoxMessagesDirective=on,e.MaskedTextBoxComponent=Nt,e.MaskedTextBoxModule=Qt,e.NumericTextBoxComponent=yt,e.NumericTextBoxCustomMessagesComponent=Ct,e.NumericTextBoxModule=be,e.RadioButtonDirective=uo,e.RadioButtonModule=lo,e.RangeSliderComponent=Ge,e.RangeSliderCustomMessagesComponent=Kt,e.RangeSliderModule=m,e.SharedModule=hn,e.SliderComponent=Be,e.SliderCustomMessagesComponent=_t,e.SliderModule=Ee,e.SliderTicksComponent=Ie,e.SwitchComponent=Ye,e.SwitchCustomMessagesComponent=Ut,e.SwitchModule=r,e.TextAreaComponent=kn,e.TextAreaDirective=nt,e.TextAreaModule=wn,e.TextAreaSuffixComponent=fn,e.TextBoxComponent=sn,e.TextBoxCustomMessagesComponent=un,e.TextBoxDirective=et,e.TextBoxModule=gn,e.TextBoxPrefixTemplateDirective=Jt,e.TextBoxSuffixTemplateDirective=Yt,Object.defineProperty(e,"__esModule",{value:!0})});