@taiga-ui/kit 2.34.0 → 2.37.0

package/bundles/taiga-ui-kit-components-slider.umd.min.js

@@ -1,4 +1,4 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@ng-web-apis/common"),require("@taiga-ui/cdk"),require("@angular/common"),require("@taiga-ui/core"),require("@taiga-ui/kit/abstract"),require("@taiga-ui/kit/tokens"),require("rxjs")):"function"==typeof define&&define.amd?define("@taiga-ui/kit/components/slider",["exports","@angular/core","@angular/forms","@ng-web-apis/common","@taiga-ui/cdk","@angular/common","@taiga-ui/core","@taiga-ui/kit/abstract","@taiga-ui/kit/tokens","rxjs"],t):t(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"].kit=e["taiga-ui"].kit||{},e["taiga-ui"].kit.components=e["taiga-ui"].kit.components||{},e["taiga-ui"].kit.components.slider={}),e.ng.core,e.ng.forms,e.common,e.cdk,e.ng.common,e.core$1,e["taiga-ui"].kit.abstract,e["taiga-ui"].kit.tokens,e.rxjs)}(this,(function(e,t,r,n,o,i,a,s,u,l){"use strict";
+!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@ng-web-apis/common"),require("@taiga-ui/cdk"),require("rxjs/operators"),require("@angular/common"),require("@taiga-ui/core"),require("@taiga-ui/kit/constants"),require("@taiga-ui/kit/abstract"),require("@taiga-ui/kit/tokens"),require("rxjs")):"function"==typeof define&&define.amd?define("@taiga-ui/kit/components/slider",["exports","@angular/core","@angular/forms","@ng-web-apis/common","@taiga-ui/cdk","rxjs/operators","@angular/common","@taiga-ui/core","@taiga-ui/kit/constants","@taiga-ui/kit/abstract","@taiga-ui/kit/tokens","rxjs"],t):t(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"].kit=e["taiga-ui"].kit||{},e["taiga-ui"].kit.components=e["taiga-ui"].kit.components||{},e["taiga-ui"].kit.components.slider={}),e.ng.core,e.ng.forms,e.common,e.cdk,e.rxjs.operators,e.ng.common,e.core$1,e["taiga-ui"].kit.constants,e["taiga-ui"].kit.abstract,e["taiga-ui"].kit.tokens,e.rxjs)}(this,(function(e,t,r,n,o,i,a,s,u,c,l,d){"use strict";
 /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
 
@@ -12,5 +12,5 @@
     LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
     OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
     PERFORMANCE OF THIS SOFTWARE.
-    ***************************************************************************** */var d=function(e,t){return(d=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function c(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}function p(e,t){return function(r,n){t(r,n,e)}}var g=function(){function e(e,t,r){this.control=e,this.elementRef=t,this.userAgent=r,this.size="m",this.segments=1}return Object.defineProperty(e.prototype,"min",{get:function(){return Number(this.elementRef.nativeElement.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return Number(this.elementRef.nativeElement.max)||100},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return Number(this.elementRef.nativeElement.step)||1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"fillPercentage",{get:function(){return Math.floor(100*this.value/(this.max-this.min))+"%"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"stepPercentage",{get:function(){return 100/this.segments-.1+"%"},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isOldEdge",{get:function(){return o.isEdgeOlderThan(o.CHROMIUM_EDGE_START_VERSION,this.userAgent)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){var e=this.control;return(e instanceof r.NgModel?e.viewModel:null==e?void 0:e.value)||Number(this.elementRef.nativeElement.value)||0},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:String,decorators:[{type:t.Inject,args:[n.USER_AGENT]}]}]},c([t.Input(),t.HostBinding("attr.data-size"),o.tuiDefaultProp()],e.prototype,"size",void 0),c([t.Input(),o.tuiDefaultProp()],e.prototype,"segments",void 0),c([t.HostBinding("style.--tui-slider-fill-percentage")],e.prototype,"fillPercentage",null),c([t.HostBinding("style.--tui-slider-segment-width")],e.prototype,"stepPercentage",null),c([t.HostBinding("class._old-edge")],e.prototype,"isOldEdge",null),e=c([t.Component({selector:"input[tuiSlider]",template:"",host:{type:"range","(input)":"0"},changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;width:100%;color:var(--tui-primary);cursor:pointer}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host:not(._old-edge){-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.125rem;padding:.4375rem 0;background:var(--tui-base-03);background-clip:content-box;outline:0}:host:not(._old-edge)::-webkit-slider-runnable-track{height:.125rem;border-radius:var(--tui-radius-m);background:linear-gradient(to right,currentColor 0 .25rem,transparent .25rem),linear-gradient(to left,var(--tui-base-03) 0 .25rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent .25rem var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage))}:host:not(._old-edge)::-moz-range-track{height:.125rem;border-radius:var(--tui-radius-m);background:linear-gradient(to right,currentColor 0 .25rem,transparent .25rem),linear-gradient(to left,var(--tui-base-03) 0 .25rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent .25rem var(--tui-slider-segment-width))}:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem;margin-top:-.4375rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem;margin-top:-.1875rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='m']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='m']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='s']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)::-moz-range-progress{background:currentColor}:host._old-edge::-ms-thumb{background:currentColor}:host._old-edge::-ms-fill-lower{background:currentColor}:host._old-edge::-ms-track{background:var(--tui-base-03)}"]}),p(0,t.Optional()),p(0,t.Self()),p(0,t.Inject(r.NgControl)),p(1,t.Inject(t.ElementRef)),p(2,t.Inject(n.USER_AGENT))],e)}(),m=function(e){function n(t,r,n,o){return e.call(this,t,r,n,o)||this}var a;return function(e,t){function r(){this.constructor=e}d(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(n,e),a=n,Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.dotRight?this.dotRight.nativeElement:null},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"left",{get:function(){return 0},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"right",{get:function(){return 100-100*this.getFractionFromValue(this.value)},enumerable:!0,configurable:!0}),n.prototype.getFallbackValue=function(){return 0},n.prototype.processStep=function(e){var t=this.getFractionFromValue(this.value),r=this.computedStep,n=this.getValueFromFraction(e?t+r:t-r);this.processValue(n)},n.prototype.processValue=function(e){this.updateValue(this.valueGuard(e))},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:Document,decorators:[{type:t.Inject,args:[i.DOCUMENT]}]},{type:l.Observable,decorators:[{type:t.Inject,args:[u.TUI_FROM_TO_TEXTS]}]}]},n=a=c([t.Component({selector:"tui-slider",template:'<div\n    class="event-catcher"\n    (tuiActiveZoneChange)="onActiveZone($event)"\n    (mousedown)="onMouseDown($event)"\n    (touchstart)="onTouchStart($event)"\n>\n    <div class="wrapper">\n        <div *ngIf="segmented" class="segments">\n            <span\n                *tuiRepeatTimes="let segmentIndex of segments + 1"\n                automation-id="tui-slider__segment"\n                class="segment"\n            >\n                <span *ngIf="fromToTexts$ | async as fromToText" class="number">\n                    {{ getSegmentPrefix(segmentIndex, fromToText) }} {{\n                    getSegmentLabel(segmentIndex) | tuiFormatNumber }}\n                    <span *ngIf="pluralizeMap">\n                        {{ getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap }}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            automation-id="tui-slider__bar"\n            class="bar"\n            [style.left.%]="left"\n            [style.right.%]="right"\n        >\n            <div\n                #dotLeft\n                automation-id="tui-slider__left"\n                class="dot"\n                [class.dot_focus-visible]="focusVisibleLeft && computedFocused"\n                [tuiFocusable]="isLeftFocusable"\n                (tuiFocusVisibleChange)="onLeftFocusVisible($event)"\n                (keydown.arrowLeft.prevent)="decrement(false)"\n                (keydown.arrowDown.prevent)="decrement(false)"\n                (keydown.arrowRight.prevent)="increment(false)"\n                (keydown.arrowUp.prevent)="increment(false)"\n            ></div>\n            <div\n                #dotRight\n                automation-id="tui-slider__right"\n                class="dot"\n                [class.dot_focus-visible]="focusVisibleRight && computedFocused"\n                [tuiFocusable]="isRightFocusable"\n                (tuiFocusVisibleChange)="onRightFocusVisible($event)"\n                (keydown.arrowLeft.prevent)="decrement(true)"\n                (keydown.arrowDown.prevent)="decrement(true)"\n                (keydown.arrowRight.prevent)="increment(true)"\n                (keydown.arrowUp.prevent)="increment(true)"\n            ></div>\n        </div>\n    </div>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.TUI_FOCUSABLE_ITEM_ACCESSOR,useExisting:t.forwardRef((function(){return a}))}],styles:[":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}",".dot:first-child{display:none}.wrapper{border-left:none}.bar,.segments{margin-left:0}"]}),p(0,t.Optional()),p(0,t.Self()),p(0,t.Inject(r.NgControl)),p(1,t.Inject(t.ChangeDetectorRef)),p(2,t.Inject(i.DOCUMENT)),p(3,t.Inject(u.TUI_FROM_TO_TEXTS))],n)}(s.AbstractTuiSlider),b=function(){function e(){}return e=c([t.NgModule({imports:[i.CommonModule,o.TuiRepeatTimesModule,o.TuiFocusableModule,o.TuiFocusVisibleModule,o.TuiActiveZoneModule,a.TuiFormatNumberPipeModule],declarations:[g,m],exports:[g,m]})],e)}();e.TuiSliderComponent=g,e.TuiSliderModule=b,e.TuiSliderOldComponent=m,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */var p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function g(e,t){function r(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var m=function(){return(m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function f(e,t,r,n){var o,i=arguments.length,a=i<3?t:null===n?n=Object.getOwnPropertyDescriptor(t,r):n;if("object"==typeof Reflect&&"function"==typeof Reflect.decorate)a=Reflect.decorate(e,t,r,n);else for(var s=e.length-1;s>=0;s--)(o=e[s])&&(a=(i<3?o(a):i>3?o(t,r,a):o(t,r))||a);return i>3&&a&&Object.defineProperty(t,r,a),a}function b(e,t){return function(r,n){t(r,n,e)}}function h(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}var v={size:"m",trackColor:"var(--tui-base-03)"},y=new t.InjectionToken("Default parameters for Slider component",{factory:function(){return v}});var k=function(){function e(e,t,n,a,s){var u;this.options=n,this.elementRef=a,this.userAgent=s,this.size=this.options.size,this.segments=1,e instanceof r.NgModel&&(null===(u=e.valueChanges)||void 0===u||u.pipe(o.watch(t),i.take(1)).subscribe())}return Object.defineProperty(e.prototype,"min",{get:function(){return Number(this.elementRef.nativeElement.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return Number(this.elementRef.nativeElement.max)||100},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return Number(this.elementRef.nativeElement.step)||1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return Number(this.elementRef.nativeElement.value)||0},set:function(e){this.elementRef.nativeElement.value=""+e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valuePercentage",{get:function(){return 100*this.value/(this.max-this.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"segmentWidth",{get:function(){return 100/Math.max(1,this.segments)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isOldEdge",{get:function(){return o.isEdgeOlderThan(o.CHROMIUM_EDGE_START_VERSION,this.userAgent)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:void 0,decorators:[{type:t.Inject,args:[y]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:String,decorators:[{type:t.Inject,args:[n.USER_AGENT]}]}]},f([t.Input(),t.HostBinding("attr.data-size"),o.tuiDefaultProp()],e.prototype,"size",void 0),f([t.Input(),o.tuiDefaultProp()],e.prototype,"segments",void 0),f([t.HostBinding("style.--tui-slider-fill-percentage.%")],e.prototype,"valuePercentage",null),f([t.HostBinding("style.--tui-slider-segment-width.%")],e.prototype,"segmentWidth",null),f([t.HostBinding("class._old-edge")],e.prototype,"isOldEdge",null),e=f([t.Component({selector:"input[type=range][tuiSlider]",template:"",host:{"(input)":"0","[style.--tui-slider-track-color]":"options.trackColor"},changeDetection:t.ChangeDetectionStrategy.OnPush,styles:[":host{display:block;width:100%;color:var(--tui-primary);cursor:pointer}:host:disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host:not(._old-edge){-webkit-appearance:none;-moz-appearance:none;appearance:none;height:.125rem;padding:.4375rem 0;background:var(--tui-slider-track-color);background-clip:content-box;outline:0;border-radius:var(--tui-radius-m)}:host:not(._old-edge)::-webkit-slider-container{border-radius:inherit}:host:not(._old-edge)[data-size='m']::-webkit-slider-runnable-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .625rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage));background-position-x:0,.375rem,0;background-size:calc(100% - 1rem),calc(100% - 1rem),auto}:host:not(._old-edge)[data-size='s']::-webkit-slider-runnable-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .375rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width)),linear-gradient(to right,currentColor var(--tui-slider-fill-percentage),transparent var(--tui-slider-fill-percentage));background-position-x:0,.125rem,0;background-size:calc(100% - .5rem),calc(100% - .5rem),auto}:host:not(._old-edge)[data-size='m']::-moz-range-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .625rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width));background-position-x:0,.375rem;background-size:calc(100% - 1rem)}:host:not(._old-edge)[data-size='s']::-moz-range-track{height:.125rem;border-radius:inherit;background-repeat:no-repeat;background-image:linear-gradient(to right,currentColor 0 .375rem,transparent .25rem),repeating-linear-gradient(to right,var(--tui-base-07) 0 .25rem,transparent 0 var(--tui-slider-segment-width));background-position-x:0,.125rem;background-size:calc(100% - .5rem)}:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem;margin-top:-.4375rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='m']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem;margin-top:-.1875rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='s']::-webkit-slider-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='m']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:1rem;width:1rem}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='m']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)[data-size='s']::-moz-range-thumb{-moz-appearance:none;appearance:none;background-color:currentColor;border:none;border-radius:50%;height:.5rem;width:.5rem}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb{cursor:ew-resize}:focus-visible:host:not(._old-edge)[data-size='s']::-moz-range-thumb{box-shadow:0 0 0 2px inset var(--tui-focus)}:host:not(._old-edge)::-moz-range-progress{background:currentColor;border-radius:inherit;border-top-right-radius:0;border-bottom-right-radius:0}:host._old-edge::-ms-thumb{background:currentColor}:host._old-edge::-ms-fill-lower{background:currentColor}:host._old-edge::-ms-track{background:var(--tui-slider-track-color)}"]}),b(0,t.Optional()),b(0,t.Self()),b(0,t.Inject(r.NgControl)),b(1,t.Inject(t.ChangeDetectorRef)),b(2,t.Inject(y)),b(3,t.Inject(t.ElementRef)),b(4,t.Inject(n.USER_AGENT))],e)}(),w=function(e){function n(t,r,n,a){var s=e.call(this,t,r)||this;return s.elementRef=n,s.slider=a,s.keySteps=[],s.keyStepsInput=o.typedFromEvent(s.elementRef.nativeElement,"input").pipe(i.map((function(){return s.controlValue}))),s}return g(n,e),Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.computedDisabled?null:this.elementRef.nativeElement},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"controlValue",{get:function(){var e=this.slider.valuePercentage,t=h(I(this.keySteps,(function(t){var r=h(t,2),n=r[0];r[1];return e<=n})),2),r=t[0],n=t[1];return O(e,r,n)},enumerable:!0,configurable:!0}),n.prototype.updateControlValue=function(){this.updateValue(this.controlValue)},n.prototype.writeValue=function(e){if(null!==e){var t=h(I(this.keySteps,(function(t){var r=h(t,2),n=(r[0],r[1]);return e<=n})),2),r=t[0],n=t[1];this.slider.value=this.transformToNativeValue(e,r,n)}},n.prototype.getFallbackValue=function(){return 0},n.prototype.transformToNativeValue=function(e,t,r){var n=h(t,2),o=n[0],i=n[1],a=h(r,2),s=a[0],u=a[1],c=this.slider,l=c.min;return((o-s)*((e-u)/(i-u))+s)*(c.max-l)/100},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:k,decorators:[{type:t.Inject,args:[k]}]}]},f([t.Input(),o.tuiDefaultProp(j,"Should contain min and max values")],n.prototype,"keySteps",void 0),f([t.Output()],n.prototype,"keyStepsInput",void 0),f([t.HostListener("change")],n.prototype,"updateControlValue",null),n=f([t.Directive({selector:"input[tuiSlider][keySteps]"}),b(0,t.Optional()),b(0,t.Self()),b(0,t.Inject(r.NgControl)),b(1,t.Inject(t.ChangeDetectorRef)),b(2,t.Inject(t.ElementRef)),b(3,t.Inject(k))],n)}(o.AbstractTuiControl),_=function(){function e(){}return e.prototype.transform=function(e,t,r){var n=100/t*e,o=h(I(r,(function(e){var t=h(e,2),r=t[0];t[1];return n<=r})),2),i=o[0],a=o[1];return O(n,a,i)},e=f([t.Pipe({name:"tuiSliderTickLabel"})],e)}();function j(e){return!e.length||0===e[0][0]&&100===e[e.length-1][0]}function I(e,t){var r=e.findIndex((function(e,r){return r&&t(e)}));return[e[r-1],e[r]]}function O(e,t,r){var n=h(t,2),i=n[0],a=n[1],s=h(r,2),c=s[0],l=s[1],d=(a-l)*((e-c)/(i-c))+l;return o.round(d,u.TUI_FLOATING_PRECISION)}var C=function(e){function n(t,r,n,o){return e.call(this,t,r,n,o)||this}var i;return g(n,e),i=n,Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.dotRight?this.dotRight.nativeElement:null},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"left",{get:function(){return 0},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"right",{get:function(){return 100-100*this.getFractionFromValue(this.value)},enumerable:!0,configurable:!0}),n.prototype.getFallbackValue=function(){return 0},n.prototype.processStep=function(e){var t=this.getFractionFromValue(this.value),r=this.computedStep,n=this.getValueFromFraction(e?t+r:t-r);this.processValue(n)},n.prototype.processValue=function(e){this.updateValue(this.valueGuard(e))},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:Document,decorators:[{type:t.Inject,args:[a.DOCUMENT]}]},{type:d.Observable,decorators:[{type:t.Inject,args:[l.TUI_FROM_TO_TEXTS]}]}]},n=i=f([t.Component({selector:"tui-slider",template:'<div\n    class="event-catcher"\n    (tuiActiveZoneChange)="onActiveZone($event)"\n    (mousedown)="onMouseDown($event)"\n    (touchstart)="onTouchStart($event)"\n>\n    <div class="wrapper">\n        <div *ngIf="segmented" class="segments">\n            <span\n                *tuiRepeatTimes="let segmentIndex of segments + 1"\n                automation-id="tui-slider__segment"\n                class="segment"\n            >\n                <span *ngIf="fromToTexts$ | async as fromToText" class="number">\n                    {{ getSegmentPrefix(segmentIndex, fromToText) }} {{\n                    getSegmentLabel(segmentIndex) | tuiFormatNumber }}\n                    <span *ngIf="pluralizeMap">\n                        {{ getSegmentLabel(segmentIndex) | i18nPlural:\n                        pluralizeMap }}\n                    </span>\n                </span>\n            </span>\n        </div>\n        <div\n            automation-id="tui-slider__bar"\n            class="bar"\n            [style.left.%]="left"\n            [style.right.%]="right"\n        >\n            <div\n                #dotLeft\n                automation-id="tui-slider__left"\n                class="dot"\n                [class.dot_focus-visible]="focusVisibleLeft && computedFocused"\n                [tuiFocusable]="isLeftFocusable"\n                (tuiFocusVisibleChange)="onLeftFocusVisible($event)"\n                (keydown.arrowLeft.prevent)="decrement(false)"\n                (keydown.arrowDown.prevent)="decrement(false)"\n                (keydown.arrowRight.prevent)="increment(false)"\n                (keydown.arrowUp.prevent)="increment(false)"\n            ></div>\n            <div\n                #dotRight\n                automation-id="tui-slider__right"\n                class="dot"\n                [class.dot_focus-visible]="focusVisibleRight && computedFocused"\n                [tuiFocusable]="isRightFocusable"\n                (tuiFocusVisibleChange)="onRightFocusVisible($event)"\n                (keydown.arrowLeft.prevent)="decrement(true)"\n                (keydown.arrowDown.prevent)="decrement(true)"\n                (keydown.arrowRight.prevent)="increment(true)"\n                (keydown.arrowUp.prevent)="increment(true)"\n            ></div>\n        </div>\n    </div>\n</div>\n',changeDetection:t.ChangeDetectionStrategy.OnPush,providers:[{provide:o.TUI_FOCUSABLE_ITEM_ACCESSOR,useExisting:t.forwardRef((function(){return i}))}],styles:[":host{display:block;border-radius:var(--tui-radius-m);color:var(--tui-base-03);min-height:.125rem;font-size:1rem}:host[data-size='s']{min-height:.125rem;font-size:.5rem}:host._segmented{padding-bottom:1.25rem}:host._disabled{cursor:default;pointer-events:none;opacity:var(--tui-disabled-opacity)}.event-catcher{min-height:inherit;border-radius:inherit;padding:.4375rem 0;cursor:pointer}.wrapper{position:relative;min-height:inherit;border-radius:inherit;background-color:currentColor;border:solid transparent;border-width:0 1em}.bar{position:absolute;top:0;bottom:0;margin:0 -1em;border-radius:inherit;background-color:var(--tui-primary)}:host-context(tui-input-slider) .bar{margin-left:calc(var(--tui-radius-m)/ 2);border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.dot{transition-property:background-color;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;position:absolute;top:50%;z-index:1;width:1em;height:1em;transform:translate(0,-50%);border-radius:100%;background-color:var(--tui-primary);outline:0;cursor:ew-resize}.dot:last-child{right:0;transform:translate(0,-50%)}.dot:hover{background-color:var(--tui-primary-hover)}.dot:active{background-color:var(--tui-primary-active)}.dot_focus-visible{box-shadow:inset 0 0 0 2px var(--tui-focus)}.segments{position:relative;z-index:1;display:flex;justify-content:space-between;min-height:inherit;margin:0 -1em}.segments-spacer{height:1.625rem}.segment{position:relative;height:inherit;width:.25rem;background-color:rgba(0,0,0,.36);pointer-events:none}.segment:first-of-type,.segment:last-of-type{background-color:transparent}.number{position:absolute;left:50%;transform:translate(-50%,0);top:100%;font:var(--tui-font-text-s);margin-top:.5rem;color:var(--tui-text-02);white-space:nowrap}.segment:first-of-type .number{left:-.05em;transform:none}.segment:last-of-type .number{left:auto;right:-.05em;transform:none}:host._disabled .number{color:var(--tui-text-01)}",".dot:first-child{display:none}.wrapper{border-left:none}.bar,.segments{margin-left:0}"]}),b(0,t.Optional()),b(0,t.Self()),b(0,t.Inject(r.NgControl)),b(1,t.Inject(t.ChangeDetectorRef)),b(2,t.Inject(a.DOCUMENT)),b(3,t.Inject(l.TUI_FROM_TO_TEXTS))],n)}(c.AbstractTuiSlider),S=function(){function e(){}return e=f([t.NgModule({imports:[a.CommonModule,o.TuiRepeatTimesModule,o.TuiFocusableModule,o.TuiFocusVisibleModule,o.TuiActiveZoneModule,s.TuiFormatNumberPipeModule],declarations:[k,w,_,C],exports:[k,w,_,C]})],e)}();e.TUI_SLIDER_DEFAULT_OPTIONS=v,e.TUI_SLIDER_OPTIONS=y,e.TuiSliderComponent=k,e.TuiSliderKeyStepsDirective=w,e.TuiSliderModule=S,e.TuiSliderOldComponent=C,e.TuiSliderTickLabelPipe=_,e.tuiSliderOptionsProvider=function(e){return{provide:y,useValue:m(m({},v),e)}},Object.defineProperty(e,"__esModule",{value:!0})}));
 //# sourceMappingURL=taiga-ui-kit-components-slider.umd.min.js.map

package/bundles/taiga-ui-kit-components-slider.umd.min.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","ng://@taiga-ui/kit/components/slider/slider.component.ts","ng://@taiga-ui/kit/components/slider/slider-old.component.ts","ng://@taiga-ui/kit/components/slider/slider.module.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__decorate","decorators","target","key","desc","c","arguments","length","r","getOwnPropertyDescriptor","Reflect","decorate","i","defineProperty","__param","paramIndex","decorator","TuiSliderComponent","control","elementRef","userAgent","this","size","segments","prototype","Number","nativeElement","min","max","step","Math","floor","value","isEdgeOlderThan","CHROMIUM_EDGE_START_VERSION","NgModel","viewModel","NgControl","type","Optional","Self","Inject","args","ElementRef","USER_AGENT","Input","HostBinding","tuiDefaultProp","Component","selector","template","host","(input)","changeDetection","ChangeDetectionStrategy","OnPush","TuiSliderOldComponent","changeDetectorRef","documentRef","fromToTexts$","_super","call","__","constructor","create","__extends","dotRight","isNativeFocused","nativeFocusableElement","getFractionFromValue","getFallbackValue","processStep","increment","fraction","computedStep","getValueFromFraction","processValue","updateValue","valueGuard","ChangeDetectorRef","Document","DOCUMENT","Observable","TUI_FROM_TO_TEXTS","TuiSliderOldComponent_1","providers","provide","TUI_FOCUSABLE_ITEM_ACCESSOR","useExisting","forwardRef","AbstractTuiSlider","TuiSliderModule","NgModule","imports","CommonModule","TuiRepeatTimesModule","TuiFocusableModule","TuiFocusVisibleModule","TuiActiveZoneModule","TuiFormatNumberPipeModule","declarations","exports"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl, NgModel} from '@angular/forms';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    tuiDefaultProp,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\n\n@Component({\n    selector: 'input[tuiSlider]',\n    template: ``,\n    styleUrls: ['./slider.style.less'],\n    host: {\n        type: 'range',\n        /**\n         * For change detection.\n         * Webkit does not have built-in method for customization of filling progress (as Firefox).\n         * We draw filling of progress by `background: linear-gradient(...)` of the track.\n         * This function triggers change detection (for `fillPercentage` function) when we drag thumb of the input.\n         */\n        '(input)': '0',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSliderComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = 'm';\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 1;\n\n    get min(): number {\n        return Number(this.elementRef.nativeElement.min);\n    }\n\n    get max(): number {\n        return Number(this.elementRef.nativeElement.max) || 100;\n    }\n\n    get step(): number {\n        return Number(this.elementRef.nativeElement.step) || 1;\n    }\n\n    @HostBinding('style.--tui-slider-fill-percentage')\n    get fillPercentage(): string {\n        const percentage = Math.floor((100 * this.value) / (this.max - this.min));\n\n        return `${percentage}%`;\n    }\n\n    @HostBinding('style.--tui-slider-segment-width')\n    get stepPercentage(): string {\n        const percentage = 100 / this.segments - 0.1;\n\n        return `${percentage}%`;\n    }\n\n    @HostBinding('class._old-edge')\n    get isOldEdge(): boolean {\n        return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);\n    }\n\n    get value(): number {\n        const {control} = this;\n        const controlValue =\n            control instanceof NgModel ? control.viewModel : control?.value;\n\n        return controlValue || Number(this.elementRef.nativeElement.value) || 0;\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        private readonly control: NgControl | null,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n    ) {}\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n/**\n * @deprecated use {@link TuiSliderComponent} instead\n * TODO remove in 3.0\n */\n// @dynamic\n@Component({\n    selector: 'tui-slider',\n    templateUrl: '../../abstract/slider/slider.common.template.html',\n    styleUrls: [\n        '../../abstract/slider/slider.common.style.less',\n        './slider-old.style.less',\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSliderOldComponent),\n        },\n    ],\n})\nexport class TuiSliderOldComponent\n    extends AbstractTuiSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.dotRight ? this.dotRight.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get left(): number {\n        return 0;\n    }\n\n    get right(): number {\n        return 100 - 100 * this.getFractionFromValue(this.value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected processStep(increment: boolean) {\n        const fraction = this.getFractionFromValue(this.value);\n        const step = this.computedStep;\n        const value = this.getValueFromFraction(\n            increment ? fraction + step : fraction - step,\n        );\n\n        this.processValue(value);\n    }\n\n    protected processValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusVisibleModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\n\nimport {TuiSliderComponent} from './slider.component';\nimport {TuiSliderOldComponent} from './slider-old.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiActiveZoneModule,\n        TuiFormatNumberPipeModule,\n    ],\n    declarations: [TuiSliderComponent, TuiSliderOldComponent],\n    exports: [TuiSliderComponent, TuiSliderOldComponent],\n})\nexport class TuiSliderModule {}\n"]}
+{"version":3,"sources":["../../../node_modules/tslib/tslib.es6.js","ng://@taiga-ui/kit/components/slider/slider-options.ts","ng://@taiga-ui/kit/components/slider/slider.component.ts","ng://@taiga-ui/kit/components/slider/slider-key-steps.directive.ts","ng://@taiga-ui/kit/components/slider/slider-old.component.ts","ng://@taiga-ui/kit/components/slider/slider.module.ts"],"names":["extendStatics","d","b","Object","setPrototypeOf","__proto__","Array","p","hasOwnProperty","__extends","__","this","constructor","prototype","create","__assign","assign","t","s","i","n","arguments","length","call","apply","__decorate","decorators","target","key","desc","c","r","getOwnPropertyDescriptor","Reflect","decorate","defineProperty","__param","paramIndex","decorator","__read","o","m","Symbol","iterator","e","ar","next","done","push","value","error","TUI_SLIDER_DEFAULT_OPTIONS","size","trackColor","TUI_SLIDER_OPTIONS","InjectionToken","factory","TuiSliderComponent","control","changeDetectorRef","options","elementRef","userAgent","segments","NgModel","_a","valueChanges","pipe","watch","take","subscribe","Number","nativeElement","min","max","step","newValue","Math","isEdgeOlderThan","CHROMIUM_EDGE_START_VERSION","NgControl","type","Optional","Self","Inject","args","ChangeDetectorRef","ElementRef","USER_AGENT","Input","HostBinding","tuiDefaultProp","Component","selector","template","host","(input)","[style.--tui-slider-track-color]","changeDetection","ChangeDetectionStrategy","OnPush","TuiSliderKeyStepsDirective","slider","_this","_super","keySteps","keyStepsInput","typedFromEvent","map","controlValue","computedDisabled","isNativeFocused","nativeFocusableElement","valuePercentage","findKeyStepsBoundariesByFn","lowerStep","upperStep","transformToControlValue","updateControlValue","updateValue","writeValue","transformToNativeValue","getFallbackValue","_b","_c","upperStepPercent","upperStepValue","_d","lowerStepPercent","lowerStepValue","_e","checkHasMinMaxPercents","Output","HostListener","Directive","AbstractTuiControl","TuiSliderTickLabelPipe","transform","tickIndex","totalSegments","percentage","Pipe","name","steps","fn","keyStepUpperIndex","findIndex","ketStep","round","TUI_FLOATING_PRECISION","TuiSliderOldComponent","documentRef","fromToTexts$","dotRight","getFractionFromValue","processStep","increment","fraction","computedStep","getValueFromFraction","processValue","valueGuard","Document","DOCUMENT","Observable","TUI_FROM_TO_TEXTS","TuiSliderOldComponent_1","providers","provide","TUI_FOCUSABLE_ITEM_ACCESSOR","useExisting","forwardRef","AbstractTuiSlider","TuiSliderModule","NgModule","imports","CommonModule","TuiRepeatTimesModule","TuiFocusableModule","TuiFocusVisibleModule","TuiActiveZoneModule","TuiFormatNumberPipeModule","declarations","exports","useValue"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n    extendStatics = Object.setPrototypeOf ||\r\n        ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n        function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n    return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n    extendStatics(d, b);\r\n    function __() { this.constructor = d; }\r\n    d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n    __assign = Object.assign || function __assign(t) {\r\n        for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n            s = arguments[i];\r\n            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n        }\r\n        return t;\r\n    }\r\n    return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n    var t = {};\r\n    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n        t[p] = s[p];\r\n    if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n                t[p[i]] = s[p[i]];\r\n        }\r\n    return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n    if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n    return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n    return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n    if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n    return new (P || (P = Promise))(function (resolve, reject) {\r\n        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n        function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n        step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n    });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n    return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n    function verb(n) { return function (v) { return step([n, v]); }; }\r\n    function step(op) {\r\n        if (f) throw new TypeError(\"Generator is already executing.\");\r\n        while (_) try {\r\n            if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n            if (y = 0, t) op = [op[0] & 2, t.value];\r\n            switch (op[0]) {\r\n                case 0: case 1: t = op; break;\r\n                case 4: _.label++; return { value: op[1], done: false };\r\n                case 5: _.label++; y = op[1]; op = [0]; continue;\r\n                case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n                default:\r\n                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n                    if (t[2]) _.ops.pop();\r\n                    _.trys.pop(); continue;\r\n            }\r\n            op = body.call(thisArg, _);\r\n        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n    }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n    if (k2 === undefined) k2 = k;\r\n    o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n    for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n    var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n    if (m) return m.call(o);\r\n    if (o && typeof o.length === \"number\") return {\r\n        next: function () {\r\n            if (o && i >= o.length) o = void 0;\r\n            return { value: o && o[i++], done: !o };\r\n        }\r\n    };\r\n    throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n    var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n    if (!m) return o;\r\n    var i = m.call(o), r, ar = [], e;\r\n    try {\r\n        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n    }\r\n    catch (error) { e = { error: error }; }\r\n    finally {\r\n        try {\r\n            if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n        }\r\n        finally { if (e) throw e.error; }\r\n    }\r\n    return ar;\r\n}\r\n\r\nexport function __spread() {\r\n    for (var ar = [], i = 0; i < arguments.length; i++)\r\n        ar = ar.concat(__read(arguments[i]));\r\n    return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n    for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n    for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n        for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n            r[k] = a[j];\r\n    return r;\r\n};\r\n\r\nexport function __await(v) {\r\n    return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n    return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n    function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n    function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n    function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n    function fulfill(value) { resume(\"next\", value); }\r\n    function reject(value) { resume(\"throw\", value); }\r\n    function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n    var i, p;\r\n    return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n    function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n    if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n    var m = o[Symbol.asyncIterator], i;\r\n    return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n    function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n    function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n    if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n    return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n    if (mod && mod.__esModule) return mod;\r\n    var result = {};\r\n    if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n    result.default = mod;\r\n    return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n    return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to get private field on non-instance\");\r\n    }\r\n    return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n    if (!privateMap.has(receiver)) {\r\n        throw new TypeError(\"attempted to set private field on non-instance\");\r\n    }\r\n    privateMap.set(receiver, value);\r\n    return value;\r\n}\r\n","import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiSliderOptions {\n    readonly size: TuiSizeS;\n    readonly trackColor: string;\n}\n\nexport const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions = {\n    size: 'm',\n    trackColor: 'var(--tui-base-03)',\n};\n\nexport const TUI_SLIDER_OPTIONS = new InjectionToken<TuiSliderOptions>(\n    'Default parameters for Slider component',\n    {factory: () => TUI_SLIDER_DEFAULT_OPTIONS},\n);\n\nexport function tuiSliderOptionsProvider(\n    options: Partial<TuiSliderOptions>,\n): ValueProvider {\n    return {\n        provide: TUI_SLIDER_OPTIONS,\n        useValue: {...TUI_SLIDER_DEFAULT_OPTIONS, ...options},\n    };\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    Inject,\n    Input,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl, NgModel} from '@angular/forms';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n    CHROMIUM_EDGE_START_VERSION,\n    isEdgeOlderThan,\n    tuiDefaultProp,\n    watch,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\nimport {take} from 'rxjs/operators';\n\nimport {TUI_SLIDER_OPTIONS, TuiSliderOptions} from './slider-options';\n\n@Component({\n    /**\n     * We have to call our component as `<input tuiSlider type=\"range\" ... />`\n     * because otherwise built-in angular\n     * {@link https://github.com/angular/angular/blob/master/packages/forms/src/directives/range_value_accessor.ts#L45 RangeValueAccessor}\n     * cannot be matched by its CSS selector.\n     */\n    selector: 'input[type=range][tuiSlider]',\n    template: ``,\n    styleUrls: ['./slider.style.less'],\n    host: {\n        /**\n         * For change detection.\n         * Webkit does not have built-in method for customization of filling progress (as Firefox).\n         * We draw filling of progress by `background: linear-gradient(...)` of the track.\n         * This function triggers change detection (for `fillPercentage` function) when we drag thumb of the input.\n         */\n        '(input)': '0',\n        '[style.--tui-slider-track-color]': 'options.trackColor',\n    },\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSliderComponent {\n    @Input()\n    @HostBinding('attr.data-size')\n    @tuiDefaultProp()\n    size: TuiSizeS = this.options.size;\n\n    @Input()\n    @tuiDefaultProp()\n    segments = 1;\n\n    get min(): number {\n        return Number(this.elementRef.nativeElement.min);\n    }\n\n    get max(): number {\n        return Number(this.elementRef.nativeElement.max) || 100;\n    }\n\n    get step(): number {\n        return Number(this.elementRef.nativeElement.step) || 1;\n    }\n\n    get value(): number {\n        return Number(this.elementRef.nativeElement.value) || 0;\n    }\n\n    set value(newValue: number) {\n        this.elementRef.nativeElement.value = `${newValue}`;\n    }\n\n    @HostBinding('style.--tui-slider-fill-percentage.%')\n    get valuePercentage(): number {\n        return (100 * this.value) / (this.max - this.min);\n    }\n\n    @HostBinding('style.--tui-slider-segment-width.%')\n    get segmentWidth(): number {\n        return 100 / Math.max(1, this.segments);\n    }\n\n    @HostBinding('class._old-edge')\n    get isOldEdge(): boolean {\n        return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(TUI_SLIDER_OPTIONS) readonly options: TuiSliderOptions,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(USER_AGENT) private readonly userAgent: string,\n    ) {\n        if (control instanceof NgModel) {\n            /**\n             * The ValueAccessor.writeValue method is called twice on any value accessor during component initialization,\n             * when a control is bound using [(ngModel)], first time with a phantom null value.\n             * With `changeDetection: ChangeDetectionStrategy.OnPush` the second call of writeValue with real value don't re-render the view.\n             * ___\n             * See this {@link https://github.com/angular/angular/issues/14988 issue}\n             */\n            control.valueChanges?.pipe(watch(changeDetectorRef), take(1)).subscribe();\n        }\n    }\n}\n","import {\n    ChangeDetectorRef,\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Output,\n    Pipe,\n    PipeTransform,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    isNativeFocused,\n    round,\n    tuiDefaultProp,\n    TuiFocusableElementAccessor,\n    typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {map} from 'rxjs/operators';\n\nimport {TuiSliderComponent} from './slider.component';\n\n// @dynamic\n@Directive({\n    selector: 'input[tuiSlider][keySteps]',\n})\nexport class TuiSliderKeyStepsDirective\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @Input()\n    @tuiDefaultProp(checkHasMinMaxPercents, 'Should contain min and max values')\n    keySteps: TuiKeySteps = [];\n\n    @Output()\n    keyStepsInput = typedFromEvent(this.elementRef.nativeElement, 'input').pipe(\n        map(() => this.controlValue),\n    );\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled ? null : this.elementRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    private get controlValue(): number {\n        const {valuePercentage} = this.slider;\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            this.keySteps,\n            ([keyStepPercentage, _]) => valuePercentage <= keyStepPercentage,\n        );\n\n        return transformToControlValue(valuePercentage, lowerStep, upperStep);\n    }\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n        @Inject(TuiSliderComponent) private readonly slider: TuiSliderComponent,\n    ) {\n        super(control, changeDetectorRef);\n    }\n\n    @HostListener('change')\n    updateControlValue() {\n        this.updateValue(this.controlValue);\n    }\n\n    writeValue(controlValue: number | null) {\n        if (controlValue === null) {\n            return;\n        }\n\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            this.keySteps,\n            ([_, keyStepValue]) => controlValue <= keyStepValue,\n        );\n\n        this.slider.value = this.transformToNativeValue(\n            controlValue,\n            lowerStep,\n            upperStep,\n        );\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    private transformToNativeValue(\n        controlValue: number,\n        [upperStepPercent, upperStepValue]: [number, number],\n        [lowerStepPercent, lowerStepValue]: [number, number],\n    ): number {\n        const {min, max} = this.slider;\n        const ratio = (controlValue - lowerStepValue) / (upperStepValue - lowerStepValue);\n        const newValuePercentage =\n            (upperStepPercent - lowerStepPercent) * ratio + lowerStepPercent;\n\n        return (newValuePercentage * (max - min)) / 100;\n    }\n}\n\n/**\n * @deprecated DONT USE IT! It is just temporary solution for internal purposes only. We will delete it in next major release.\n * TODO delete it in v3.0\n *\n */\n@Pipe({name: 'tuiSliderTickLabel'})\nexport class TuiSliderTickLabelPipe implements PipeTransform {\n    transform(tickIndex: number, totalSegments: number, keySteps: TuiKeySteps): number {\n        const percentage = (100 / totalSegments) * tickIndex;\n        const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n            keySteps,\n            ([keyStepPercentage, _]) => percentage <= keyStepPercentage,\n        );\n\n        return transformToControlValue(percentage, upperStep, lowerStep);\n    }\n}\n\nfunction checkHasMinMaxPercents(steps: TuiKeySteps): boolean {\n    return !steps.length || (steps[0][0] === 0 && steps[steps.length - 1][0] === 100);\n}\n\nfunction findKeyStepsBoundariesByFn(\n    keySteps: TuiKeySteps,\n    fn: ([keyStepPercent, keyStepValue]: [number, number]) => boolean,\n): [[number, number], [number, number]] {\n    const keyStepUpperIndex = keySteps.findIndex((ketStep, i) => i && fn(ketStep));\n    const lowerStep = keySteps[keyStepUpperIndex - 1];\n    const upperStep = keySteps[keyStepUpperIndex];\n\n    return [lowerStep, upperStep];\n}\n\nfunction transformToControlValue(\n    valuePercentage: number,\n    [upperStepPercent, upperStepValue]: [number, number],\n    [lowerStepPercent, lowerStepValue]: [number, number],\n): number {\n    const ratio =\n        (valuePercentage - lowerStepPercent) / (upperStepPercent - lowerStepPercent);\n    const controlValue = (upperStepValue - lowerStepValue) * ratio + lowerStepValue;\n\n    return round(controlValue, TUI_FLOATING_PRECISION);\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    forwardRef,\n    Inject,\n    Optional,\n    Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    isNativeFocused,\n    TUI_FOCUSABLE_ITEM_ACCESSOR,\n    TuiFocusableElementAccessor,\n    TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n/**\n * @deprecated use {@link TuiSliderComponent} instead\n * TODO remove in 3.0\n */\n// @dynamic\n@Component({\n    selector: 'tui-slider',\n    templateUrl: '../../abstract/slider/slider.common.template.html',\n    styleUrls: [\n        '../../abstract/slider/slider.common.style.less',\n        './slider-old.style.less',\n    ],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        {\n            provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n            useExisting: forwardRef(() => TuiSliderOldComponent),\n        },\n    ],\n})\nexport class TuiSliderOldComponent\n    extends AbstractTuiSlider<number>\n    implements TuiFocusableElementAccessor\n{\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n        @Inject(DOCUMENT) documentRef: Document,\n        @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n    ) {\n        super(control, changeDetectorRef, documentRef, fromToTexts$);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        return this.dotRight ? this.dotRight.nativeElement : null;\n    }\n\n    get focused(): boolean {\n        return isNativeFocused(this.nativeFocusableElement);\n    }\n\n    get left(): number {\n        return 0;\n    }\n\n    get right(): number {\n        return 100 - 100 * this.getFractionFromValue(this.value);\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n\n    protected processStep(increment: boolean) {\n        const fraction = this.getFractionFromValue(this.value);\n        const step = this.computedStep;\n        const value = this.getValueFromFraction(\n            increment ? fraction + step : fraction - step,\n        );\n\n        this.processValue(value);\n    }\n\n    protected processValue(value: number) {\n        this.updateValue(this.valueGuard(value));\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n    TuiActiveZoneModule,\n    TuiFocusableModule,\n    TuiFocusVisibleModule,\n    TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\n\nimport {TuiSliderComponent} from './slider.component';\nimport {\n    TuiSliderKeyStepsDirective,\n    TuiSliderTickLabelPipe,\n} from './slider-key-steps.directive';\nimport {TuiSliderOldComponent} from './slider-old.component';\n\n@NgModule({\n    imports: [\n        CommonModule,\n        TuiRepeatTimesModule,\n        TuiFocusableModule,\n        TuiFocusVisibleModule,\n        TuiActiveZoneModule,\n        TuiFormatNumberPipeModule,\n    ],\n    declarations: [\n        TuiSliderComponent,\n        TuiSliderKeyStepsDirective,\n        TuiSliderTickLabelPipe,\n        TuiSliderOldComponent,\n    ],\n    exports: [\n        TuiSliderComponent,\n        TuiSliderKeyStepsDirective,\n        TuiSliderTickLabelPipe,\n        TuiSliderOldComponent,\n    ],\n})\nexport class TuiSliderModule {}\n"]}

package/bundles/taiga-ui-kit-components-text-area.umd.js

@@ -228,6 +228,10 @@
             provide: cdk.TUI_FOCUSABLE_ITEM_ACCESSOR,
             useExisting: core.forwardRef(function () { return TuiTextAreaComponent; }),
         },
+        {
+            provide: cdk.AbstractTuiControl,
+            useExisting: core.forwardRef(function () { return TuiTextAreaComponent; }),
+        },
         core$1.TEXTFIELD_CONTROLLER_PROVIDER,
         core$1.HINT_CONTROLLER_PROVIDER,
         core$1.MODE_PROVIDER,
@@ -258,9 +262,11 @@
         });
         Object.defineProperty(TuiTextAreaComponent.prototype, "nativeFocusableElement", {
             get: function () {
-                return this.computedDisabled || !this.focusableElement
-                    ? null
-                    : this.focusableElement.nativeElement;
+                var _a, _b;
+                if (this.computedDisabled) {
+                    return null;
+                }
+                return (((_a = this.textfield) === null || _a === void 0 ? void 0 : _a.nativeElement) || ((_b = this.focusableElement) === null || _b === void 0 ? void 0 : _b.nativeElement) || null);
             },
             enumerable: true,
             configurable: true
@@ -323,10 +329,9 @@
         });
         Object.defineProperty(TuiTextAreaComponent.prototype, "hasExampleText", {
             get: function () {
-                return (!!this.controller.exampleText &&
-                    this.focused &&
-                    !this.hasValue &&
-                    !this.readOnly);
+                var _a;
+                var text = this.controller.exampleText || ((_a = this.textfield) === null || _a === void 0 ? void 0 : _a.nativeElement.placeholder);
+                return !!text && this.focused && !this.hasValue && !this.readOnly;
             },
             enumerable: true,
             configurable: true
@@ -369,7 +374,7 @@
         TuiTextAreaComponent.prototype.onPressed = function (pressed) {
             this.updatePressed(pressed);
         };
-        TuiTextAreaComponent.prototype.onValue = function (value) {
+        TuiTextAreaComponent.prototype.onValueChange = function (value) {
             this.updateValue(value);
         };
         TuiTextAreaComponent.prototype.onMouseDown = function (event) {
@@ -403,6 +408,9 @@
         __decorate([
             core.ViewChild('focusableElement')
         ], TuiTextAreaComponent.prototype, "focusableElement", void 0);
+        __decorate([
+            core.ContentChild(core$1.TuiTextfieldComponent, { read: core.ElementRef })
+        ], TuiTextAreaComponent.prototype, "textfield", void 0);
         __decorate([
             core.Input(),
             cdk.tuiDefaultProp()
@@ -430,17 +438,21 @@
         __decorate([
             core.HostBinding('class._has-counter')
         ], TuiTextAreaComponent.prototype, "hasCounter", null);
+        __decorate([
+            core.HostListener('focusin', ['true']),
+            core.HostListener('focusout', ['false'])
+        ], TuiTextAreaComponent.prototype, "onFocused", null);
         TuiTextAreaComponent = __decorate([
             core.Component({
                 selector: 'tui-text-area',
-                template: "<tui-wrapper\n    automation-id=\"tui-text-area__wrapper\"\n    class=\"outline\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"hasCounter\"\n        automation-id=\"tui-text-area__counter\"\n        class=\"counter\"\n    >\n        {{ value.length }}/{{ controller.maxLength }}\n    </div>\n</tui-wrapper>\n\n<label\n    class=\"content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"wrapper\">\n        <div\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-text-area__placeholder\"\n            class=\"placeholder\"\n            [class.placeholder_raised]=\"placeholderRaised\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <tui-scrollbar\n            automation-id=\"tui-text-area__scrollbar\"\n            class=\"box\"\n            [style.maxHeight.px]=\"computeMaxHeight\"\n        >\n            <div class=\"input-wrapper\">\n                <div class=\"relative\">\n                    <div aria-hidden=\"true\" class=\"pseudo-content\">\n                        <span\n                            [textContent]=\"fittedContent || controller.exampleText\"\n                        ></span>\n                        <span\n                            class=\"pseudo-content__extra\"\n                            [textContent]=\"extraContent\"\n                        ></span>\n                        &nbsp;\n                    </div>\n                    <textarea\n                        #focusableElement\n                        automation-id=\"tui-text-area__native\"\n                        class=\"input\"\n                        [placeholder]=\"controller.exampleText\"\n                        [id]=\"id\"\n                        [tuiDescribedBy]=\"id\"\n                        [tuiFocusable]=\"focusable\"\n                        [disabled]=\"disabled\"\n                        [ngModel]=\"value\"\n                        [readOnly]=\"readOnly\"\n                        (tuiFocusedChange)=\"onFocused($event)\"\n                        (ngModelChange)=\"onValue($event)\"\n                    ></textarea>\n                </div>\n            </div>\n        </tui-scrollbar>\n    </div>\n    <div class=\"icons\">\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            src=\"tuiIconCloseLarge\"\n            class=\"cleaner\"\n            (click.stop)=\"onValue('')\"\n        ></tui-svg>\n        <tui-tooltip\n            *ngIf=\"hasTooltip\"\n            automation-id=\"tui-text-area__tooltip\"\n            class=\"tooltip\"\n            [describeId]=\"id\"\n            [direction]=\"hintController.direction\"\n            [mode]=\"hintController.mode\"\n            [content]=\"hintController.content\"\n            [showDelay]=\"hintController.showDelay\"\n            [hideDelay]=\"hintController.hideDelay\"\n        ></tui-tooltip>\n    </div>\n</label>\n",
+                template: "<tui-wrapper\n    automation-id=\"tui-text-area__wrapper\"\n    class=\"t-outline\"\n    [appearance]=\"appearance\"\n    [disabled]=\"disabled\"\n    [focused]=\"computedFocused\"\n    [hovered]=\"computedHovered\"\n    [readOnly]=\"readOnly\"\n    [invalid]=\"computedInvalid\"\n>\n    <div\n        *ngIf=\"hasCounter\"\n        automation-id=\"tui-text-area__counter\"\n        class=\"t-counter\"\n    >\n        {{ value.length }}/{{ controller.maxLength }}\n    </div>\n</tui-wrapper>\n\n<label\n    class=\"t-content\"\n    (tuiHoveredChange)=\"onHovered($event)\"\n    (mousedown)=\"onMouseDown($event)\"\n>\n    <div class=\"t-wrapper\">\n        <div\n            *ngIf=\"hasPlaceholder\"\n            automation-id=\"tui-text-area__placeholder\"\n            class=\"t-placeholder\"\n            [class.t-placeholder_raised]=\"placeholderRaised\"\n        >\n            <ng-content></ng-content>\n        </div>\n        <tui-scrollbar\n            automation-id=\"tui-text-area__scrollbar\"\n            class=\"t-box\"\n            [style.maxHeight.px]=\"computeMaxHeight\"\n        >\n            <div class=\"t-input-wrapper\">\n                <div class=\"t-relative\">\n                    <div aria-hidden=\"true\" class=\"t-pseudo-content\">\n                        <span\n                            [textContent]=\"fittedContent || controller.exampleText\"\n                        ></span>\n                        <span\n                            class=\"t-pseudo-content__extra\"\n                            [textContent]=\"extraContent\"\n                        ></span>\n                        &nbsp;\n                    </div>\n                    <textarea\n                        #focusableElement\n                        automation-id=\"tui-text-area__native\"\n                        class=\"t-input\"\n                        [placeholder]=\"controller.exampleText\"\n                        [id]=\"id\"\n                        [tuiDescribedBy]=\"id\"\n                        [tuiFocusable]=\"computedFocusable\"\n                        [disabled]=\"computedDisabled\"\n                        [ngModel]=\"value\"\n                        [readOnly]=\"readOnly\"\n                        (ngModelChange)=\"onValueChange($event)\"\n                    ></textarea>\n                    <ng-content select=\"textarea\"></ng-content>\n                </div>\n            </div>\n        </tui-scrollbar>\n    </div>\n    <div class=\"t-icons\">\n        <tui-svg\n            *ngIf=\"hasCleaner\"\n            src=\"tuiIconCloseLarge\"\n            class=\"t-cleaner\"\n            (click.stop)=\"onValueChange('')\"\n        ></tui-svg>\n        <tui-tooltip\n            *ngIf=\"hasTooltip\"\n            automation-id=\"tui-text-area__tooltip\"\n            class=\"t-tooltip\"\n            [describeId]=\"id\"\n            [direction]=\"hintController.direction\"\n            [mode]=\"hintController.mode\"\n            [content]=\"hintController.content\"\n            [showDelay]=\"hintController.showDelay\"\n            [hideDelay]=\"hintController.hideDelay\"\n        ></tui-tooltip>\n    </div>\n</label>\n",
                 changeDetection: core.ChangeDetectionStrategy.OnPush,
                 providers: TUI_TEXT_AREA_PROVIDERS,
                 host: {
                     '($.data-mode.attr)': 'mode$',
                     '[class._ios]': 'isIOS',
                 },
-                styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.content{margin-top:0;margin-bottom:0;min-height:inherit;width:100%;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .content{bottom:1.6875rem}.wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .wrapper{padding-top:1.625rem}.input-wrapper{min-height:inherit;width:100%;flex:1}.relative{position:relative;min-height:inherit}.box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .box{height:100%}:host._has-counter._expandable .box{margin-bottom:1.25rem}.pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:0 solid transparent;border-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end)}:host[data-size='m'] .pseudo-content{padding:0 .75rem}:host[data-size='l'] .pseudo-content{padding:0 1rem}.pseudo-content__extra{background-color:var(--tui-error-bg-night)}.input{padding:0;border:0 solid transparent;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end)}.input:-webkit-autofill,.input:-webkit-autofill:focus,.input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .input::placeholder{color:var(--tui-text-03-night)}:host._focused .input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .input{padding:0 .75rem}:host[data-size='l'] .input{padding:0 1rem}:host._ios .input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .input{color:var(--tui-text-03-night)}.placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;font-size:.8125rem;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;left:0;max-width:100%;padding:0 1rem;border:0 solid transparent;border-width:0 var(--border-end) 0 var(--border-start);border-inline-start-width:var(--border-start);border-inline-end-width:var(--border-end);box-sizing:border-box}.placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .placeholder_raised{font-size:.69rem;transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .placeholder_raised,:host._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .placeholder,:host[data-size='l']._focused._label-outside .placeholder,:host[data-size='m']._focused._label-outside .placeholder{color:var(--tui-text-03)}:host[data-size='l'] .placeholder{font-size:.9375rem}:host[data-size='l'] .placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .placeholder,:host[data-size='m']._focused:not(._label-outside) .placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .placeholder{color:var(--tui-text-02-night)}:host[data-size='m'] .placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .placeholder{top:1rem}:host._label-outside .placeholder{overflow:initial;height:auto;white-space:initial}.icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .icons{padding:.75rem}.cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.cleaner:hover{color:var(--tui-text-02)}:host._disabled .cleaner,:host._readonly .cleaner{pointer-events:none}:host[data-mode=onDark] .cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .cleaner:hover{color:var(--tui-text-01-night)}.tooltip{pointer-events:auto}.counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .counter{color:var(--tui-text-03-night)}"]
+                styles: [":host{position:relative;z-index:0;display:flex;font:var(--tui-font-text-m);flex-direction:column;min-height:6.75rem;border-radius:var(--tui-radius-m);color:var(--tui-text-01)}:host[data-mode=onDark]{color:var(--tui-text-01-night)}:host[data-size='m']{font:var(--tui-font-text-s);min-height:5.5rem}:host[data-size='m']._has-counter{min-height:6.625rem}:host[data-size='l']._has-counter{min-height:7.875rem}.t-outline{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1}.t-content{margin-top:0;margin-bottom:0;min-height:inherit;width:100%;box-sizing:border-box;overflow:hidden;cursor:text}:host._disabled .t-content{cursor:auto;opacity:var(--tui-disabled-opacity)}:host:not(._expandable) .t-content{position:absolute;top:0;left:0;bottom:1px;right:0;min-height:auto}:host._has-counter:not(._expandable) .t-content{bottom:1.6875rem}.t-wrapper{position:relative;width:100%;height:100%;min-height:inherit;padding-bottom:.4375rem;box-sizing:border-box}:host[data-size='m']._label-outside .t-wrapper{padding-top:.75rem}:host[data-size='l']._label-outside .t-wrapper{padding-top:1rem}:host[data-size='m']:not(._label-outside) .t-wrapper{padding-top:1.375rem}:host[data-size='l']:not(._label-outside) .t-wrapper{padding-top:1.625rem}.t-input-wrapper{min-height:inherit;width:100%;flex:1}.t-relative{position:relative;min-height:inherit}.t-box{display:flex;min-height:100%;width:100%}:host:not(._expandable) .t-box{height:100%}:host._has-counter._expandable .t-box{margin-bottom:1.25rem}.t-pseudo-content{white-space:pre-wrap;word-wrap:break-word;pointer-events:none;color:transparent;overflow:hidden;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}:host[data-size='m'] .t-pseudo-content{padding:0 .75rem}:host[data-size='l'] .t-pseudo-content{padding:0 1rem}.t-pseudo-content__extra{background-color:var(--tui-error-bg-night)}.t-input{padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;-webkit-appearance:none;-moz-appearance:none;appearance:none;word-break:keep-all;-webkit-text-fill-color:currentColor;position:absolute;top:0;left:0;width:100%;height:100%;box-sizing:border-box;resize:none;overflow:hidden;outline:0;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0)}.t-input:-webkit-autofill,.t-input:-webkit-autofill:focus,.t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01)!important;border-color:var(--tui-autofill);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill) inset!important}.t-input:not(:last-child){display:none}.t-input::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-input::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-input::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-input::placeholder{color:var(--tui-text-03-night)}:host._focused .t-input:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-input:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-input:not(:read-only)::placeholder{opacity:1}:host[data-size='m'] .t-input{padding:0 .75rem}:host[data-size='l'] .t-input{padding:0 1rem}:host._ios .t-input{padding-left:.8125rem}:host[data-mode=onDark]._disabled .t-input{color:var(--tui-text-03-night)}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none;position:absolute;left:0;max-width:100%;padding:0 1rem;border:solid transparent;border-width:0 var(--border-end,0) 0 var(--border-start,0);border-inline-start-width:var(--border-start,0);border-inline-end-width:var(--border-end,0);box-sizing:border-box}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused)._hovered .t-placeholder_raised{color:var(--tui-error-fill)}:host[data-mode=onDark]._invalid:not(._focused) .t-placeholder_raised,:host[data-mode=onDark]._invalid:not(._focused)._hovered .t-placeholder_raised{color:var(--tui-error-fill-night)}:host._focused .t-placeholder,:host[data-size='l']._focused._label-outside .t-placeholder,:host[data-size='m']._focused._label-outside .t-placeholder{color:var(--tui-text-03)}:host[data-size='l'] .t-placeholder{font-size:.9375rem}:host[data-size='l'] .t-placeholder_raised{font-size:.8156rem}:host[data-size='l']._focused:not(._label-outside) .t-placeholder,:host[data-size='m']._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01)}:host[data-mode=onDark] .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='l'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused:not(._label-outside) .t-placeholder{color:var(--tui-text-01-night)}:host[data-mode=onDark]._focused .t-placeholder,:host[data-size='l'][data-mode=onDark]._focused._label-outside .t-placeholder,:host[data-size='m'][data-mode=onDark]._focused._label-outside .t-placeholder{color:var(--tui-text-02-night)}:host[data-size='m'] .t-placeholder{top:.75rem;padding:0 .75rem}:host[data-size='l'] .t-placeholder{top:1rem}:host._label-outside .t-placeholder{overflow:initial;height:auto;white-space:initial}.t-icons{position:absolute;top:0;left:0;bottom:0;right:0;display:flex;justify-content:flex-end;pointer-events:none;padding:1rem .75rem}:host[data-size='m'] .t-icons{padding:.75rem}.t-cleaner{transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03);position:relative;box-sizing:border-box;cursor:pointer;transition-property:color,transform;pointer-events:auto}.t-cleaner:hover{color:var(--tui-text-02)}:host._disabled .t-cleaner,:host._readonly .t-cleaner{pointer-events:none}:host[data-mode=onDark] .t-cleaner{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-cleaner:hover{color:var(--tui-text-01-night)}.t-tooltip{pointer-events:auto}.t-counter{position:absolute;right:.75rem;bottom:.5rem;font:var(--tui-font-text-s);pointer-events:none;margin-top:auto;text-align:right;color:var(--tui-text-03)}:host[data-mode=onDark] .t-counter{color:var(--tui-text-03-night)}"]
             }),
             __param(0, core.Optional()),
             __param(0, core.Self()),
@@ -455,6 +467,30 @@
         return TuiTextAreaComponent;
     }(cdk.AbstractTuiControl));
 
+    var TuiTextAreaDirective = /** @class */ (function (_super) {
+        __extends(TuiTextAreaDirective, _super);
+        function TuiTextAreaDirective() {
+            return _super !== null && _super.apply(this, arguments) || this;
+        }
+        TuiTextAreaDirective_1 = TuiTextAreaDirective;
+        TuiTextAreaDirective.prototype.onValueChange = function (value) {
+            this.host.onValueChange(value);
+        };
+        var TuiTextAreaDirective_1;
+        TuiTextAreaDirective = TuiTextAreaDirective_1 = __decorate([
+            core.Directive({
+                selector: 'tui-text-area',
+                providers: [
+                    {
+                        provide: core$1.TUI_TEXTFIELD_HOST,
+                        useExisting: core.forwardRef(function () { return TuiTextAreaDirective_1; }),
+                    },
+                ],
+            })
+        ], TuiTextAreaDirective);
+        return TuiTextAreaDirective;
+    }(core$1.TuiAbstractTextfieldHost));
+
     var TuiTextAreaModule = /** @class */ (function () {
         function TuiTextAreaModule() {
         }
@@ -464,16 +500,16 @@
                     common.CommonModule,
                     forms.FormsModule,
                     cdk.TuiFocusableModule,
-                    cdk.TuiFocusedModule,
                     cdk.TuiHoveredModule,
                     core$1.TuiScrollbarModule,
                     core$1.TuiTooltipModule,
                     core$1.TuiWrapperModule,
                     core$1.TuiDescribedByModule,
                     core$1.TuiSvgModule,
+                    core$1.TuiPrimitiveTextfieldModule,
                 ],
-                declarations: [TuiTextAreaComponent],
-                exports: [TuiTextAreaComponent],
+                declarations: [TuiTextAreaComponent, TuiTextAreaDirective],
+                exports: [TuiTextAreaComponent, TuiTextAreaDirective, core$1.TuiTextfieldComponent],
             })
         ], TuiTextAreaModule);
         return TuiTextAreaModule;
@@ -484,6 +520,7 @@
     exports.LINE_HEIGHT_M = LINE_HEIGHT_M;
     exports.TUI_TEXT_AREA_PROVIDERS = TUI_TEXT_AREA_PROVIDERS;
     exports.TuiTextAreaComponent = TuiTextAreaComponent;
+    exports.TuiTextAreaDirective = TuiTextAreaDirective;
     exports.TuiTextAreaModule = TuiTextAreaModule;
 
     Object.defineProperty(exports, '__esModule', { value: true });