npm - @taiga-ui/kit - Versions diffs - 2.35.0 → 2.36.0 - Mend

@taiga-ui/kit 2.35.0 → 2.36.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (111) hide show

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

@@ -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("rxjs/operators"),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","rxjs/operators","@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.rxjs.operators,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,d){"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/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/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.abstract,e["taiga-ui"].kit.tokens,e.rxjs)}(this,(function(e,t,r,n,o,i,a,s,u,c,l){"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 c=function(e,t){return(c=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 p(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 g(e,t){return function(r,n){t(r,n,e)}}var m=function(){function e(e,t,n,a){var s;this.elementRef=n,this.userAgent=a,this.size="m",this.segments=1,e instanceof r.NgModel&&(null===(s=e.valueChanges)||void 0===s||s.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},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"fillPercentage",{get:function(){return 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}),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:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:String,decorators:[{type:t.Inject,args:[n.USER_AGENT]}]}]},p([t.Input(),t.HostBinding("attr.data-size"),o.tuiDefaultProp()],e.prototype,"size",void 0),p([t.Input(),o.tuiDefaultProp()],e.prototype,"segments",void 0),p([t.HostBinding("style.--tui-slider-fill-percentage.%")],e.prototype,"fillPercentage",null),p([t.HostBinding("style.--tui-slider-segment-width.%")],e.prototype,"stepPercentage",null),p([t.HostBinding("class._old-edge")],e.prototype,"isOldEdge",null),e=p([t.Component({selector:"input[type=range][tuiSlider]",template:"",host:{"(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)}"]}),g(0,t.Optional()),g(0,t.Self()),g(0,t.Inject(r.NgControl)),g(1,t.Inject(t.ChangeDetectorRef)),g(2,t.Inject(t.ElementRef)),g(3,t.Inject(n.USER_AGENT))],e)}(),b=function(e){function n(t,r,n,o){return e.call(this,t,r,n,o)||this}var i;return function(e,t){function r(){this.constructor=e}c(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}(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=p([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}"]}),g(0,t.Optional()),g(0,t.Self()),g(0,t.Inject(r.NgControl)),g(1,t.Inject(t.ChangeDetectorRef)),g(2,t.Inject(a.DOCUMENT)),g(3,t.Inject(l.TUI_FROM_TO_TEXTS))],n)}(u.AbstractTuiSlider),f=function(){function e(){}return e=p([t.NgModule({imports:[a.CommonModule,o.TuiRepeatTimesModule,o.TuiFocusableModule,o.TuiFocusVisibleModule,o.TuiActiveZoneModule,s.TuiFormatNumberPipeModule],declarations:[m,b],exports:[m,b]})],e)}();e.TuiSliderComponent=m,e.TuiSliderModule=f,e.TuiSliderOldComponent=b,Object.defineProperty(e,"__esModule",{value:!0})}));
+    ***************************************************************************** */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 p(e,t){function r(){this.constructor=e}d(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var g=function(){return(g=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 m(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 f(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 b={size:"m",trackColor:"var(--tui-base-03)"},v=new t.InjectionToken("Default parameters for Slider component",{factory:function(){return b}}),y=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:[v]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:String,decorators:[{type:t.Inject,args:[n.USER_AGENT]}]}]},m([t.Input(),t.HostBinding("attr.data-size"),o.tuiDefaultProp()],e.prototype,"size",void 0),m([t.Input(),o.tuiDefaultProp()],e.prototype,"segments",void 0),m([t.HostBinding("style.--tui-slider-fill-percentage.%")],e.prototype,"valuePercentage",null),m([t.HostBinding("style.--tui-slider-segment-width.%")],e.prototype,"segmentWidth",null),m([t.HostBinding("class._old-edge")],e.prototype,"isOldEdge",null),e=m([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)}"]}),f(0,t.Optional()),f(0,t.Self()),f(0,t.Inject(r.NgControl)),f(1,t.Inject(t.ChangeDetectorRef)),f(2,t.Inject(v)),f(3,t.Inject(t.ElementRef)),f(4,t.Inject(n.USER_AGENT))],e)}(),k=function(e){function n(t,r,n,o){var i=e.call(this,t,r)||this;return i.elementRef=n,i.slider=o,i.keySteps=[],i}return p(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}),n.prototype.onInput=function(){var e=this.slider.valuePercentage,t=h(_(this.keySteps,(function(t){var r=h(t,2),n=r[0];r[1];return e<=n})),2),r=t[0],n=t[1],o=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];return(e-s)/(o-s)*(i-u)+u}(e,r,n);this.updateValue(o)},n.prototype.writeValue=function(e){if(null!==e){var t=h(_(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:y,decorators:[{type:t.Inject,args:[y]}]}]},m([t.Input(),o.tuiDefaultProp(w,"Should contain min and max values")],n.prototype,"keySteps",void 0),m([t.HostListener("change")],n.prototype,"onInput",null),n=m([t.Directive({selector:"input[tuiSlider][keySteps]"}),f(0,t.Optional()),f(0,t.Self()),f(0,t.Inject(r.NgControl)),f(1,t.Inject(t.ChangeDetectorRef)),f(2,t.Inject(t.ElementRef)),f(3,t.Inject(y))],n)}(o.AbstractTuiControl);function w(e){return!e.length||0===e[0][0]&&100===e[e.length-1][0]}function _(e,t){var r=e.findIndex((function(e,r){return r&&t(e)}));return[e[r-1],e[r]]}var j=function(e){function n(t,r,n,o){return e.call(this,t,r,n,o)||this}var i;return p(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:l.Observable,decorators:[{type:t.Inject,args:[c.TUI_FROM_TO_TEXTS]}]}]},n=i=m([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}"]}),f(0,t.Optional()),f(0,t.Self()),f(0,t.Inject(r.NgControl)),f(1,t.Inject(t.ChangeDetectorRef)),f(2,t.Inject(a.DOCUMENT)),f(3,t.Inject(c.TUI_FROM_TO_TEXTS))],n)}(u.AbstractTuiSlider),C=function(){function e(){}return e=m([t.NgModule({imports:[a.CommonModule,o.TuiRepeatTimesModule,o.TuiFocusableModule,o.TuiFocusVisibleModule,o.TuiActiveZoneModule,s.TuiFormatNumberPipeModule],declarations:[y,k,j],exports:[y,k,j]})],e)}();e.TUI_SLIDER_DEFAULT_OPTIONS=b,e.TUI_SLIDER_OPTIONS=v,e.TuiSliderComponent=y,e.TuiSliderKeyStepsDirective=k,e.TuiSliderModule=C,e.TuiSliderOldComponent=j,e.tuiSliderOptionsProvider=function(e){return{provide:v,useValue:g(g({},b),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 CHANGED Viewed

	@@ -1 +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","changeDetectorRef","elementRef","userAgent","this","size","segments","NgModel","_a","valueChanges","pipe","watch","take","subscribe","prototype","Number","nativeElement","min","max","step","value","isEdgeOlderThan","CHROMIUM_EDGE_START_VERSION","NgControl","type","Optional","Self","Inject","args","ChangeDetectorRef","ElementRef","USER_AGENT","Input","HostBinding","tuiDefaultProp","Component","selector","template","host","(input)","changeDetection","ChangeDetectionStrategy","OnPush","TuiSliderOldComponent","documentRef","fromToTexts$","_super","call","__","constructor","create","__extends","dotRight","isNativeFocused","nativeFocusableElement","getFractionFromValue","getFallbackValue","processStep","increment","fraction","computedStep","getValueFromFraction","processValue","updateValue","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"],"mappings":";;;;;;;;;;;;;;oFAgBA,IAAIA,EAAgB,SAASC,EAAGC,GAI5B,OAHAF,EAAgBG,OAAOC,gBAClB,CAAEC,UAAW,cAAgBC,OAAS,SAAUL,EAAGC,GAAKD,EAAEI,UAAYH,IACvE,SAAUD,EAAGC,GAAK,IAAK,IAAIK,KAAKL,EAAOA,EAAEM,eAAeD,KAAIN,EAAEM,GAAKL,EAAEK,MACpDN,EAAGC,IAgCrB,SAASO,EAAWC,EAAYC,EAAQC,EAAKC,GAChD,IAA2HZ,EAAvHa,EAAIC,UAAUC,OAAQC,EAAIH,EAAI,EAAIH,EAAkB,OAATE,EAAgBA,EAAOV,OAAOe,yBAAyBP,EAAQC,GAAOC,EACrH,GAAuB,iBAAZM,SAAoD,mBAArBA,QAAQC,SAAyBH,EAAIE,QAAQC,SAASV,EAAYC,EAAQC,EAAKC,QACpH,IAAK,IAAIQ,EAAIX,EAAWM,OAAS,EAAGK,GAAK,EAAGA,KAASpB,EAAIS,EAAWW,MAAIJ,GAAKH,EAAI,EAAIb,EAAEgB,GAAKH,EAAI,EAAIb,EAAEU,EAAQC,EAAKK,GAAKhB,EAAEU,EAAQC,KAASK,GAChJ,OAAOH,EAAI,GAAKG,GAAKd,OAAOmB,eAAeX,EAAQC,EAAKK,GAAIA,EAGzD,SAASM,EAAQC,EAAYC,GAChC,OAAO,SAAUd,EAAQC,GAAOa,EAAUd,EAAQC,EAAKY,qBCwBvD,SAAAE,EAIIC,EAC2BC,EACUC,EACAC,SADAC,KAAAF,WAAAA,EACAE,KAAAD,UAAAA,EA5CzCC,KAAAC,KAAiB,IAIjBD,KAAAE,SAAW,EA0CHN,aAAmBO,EAAAA,UAQC,QAApBC,EAAAR,EAAQS,oBAAY,IAAAD,GAAAA,EAAEE,KAAKC,EAAAA,MAAMV,GAAoBW,EAAAA,KAAK,IAAIC,aAG1E,OAnDIrC,OAAAmB,eAAII,EAAAe,UAAA,MAAG,KAAP,WACI,OAAOC,OAAOX,KAAKF,WAAWc,cAAcC,sCAGhDzC,OAAAmB,eAAII,EAAAe,UAAA,MAAG,KAAP,WACI,OAAOC,OAAOX,KAAKF,WAAWc,cAAcE,MAAQ,qCAGxD1C,OAAAmB,eAAII,EAAAe,UAAA,OAAI,KAAR,WACI,OAAOC,OAAOX,KAAKF,WAAWc,cAAcG,OAAS,mCAGzD3C,OAAAmB,eAAII,EAAAe,UAAA,QAAK,KAAT,WACI,OAAOC,OAAOX,KAAKF,WAAWc,cAAcI,QAAU,mCAI1D5C,OAAAmB,eAAII,EAAAe,UAAA,iBAAc,KAAlB,WACI,OAAQ,IAAMV,KAAKgB,OAAUhB,KAAKc,IAAMd,KAAKa,sCAIjDzC,OAAAmB,eAAII,EAAAe,UAAA,iBAAc,KAAlB,WACI,OAAO,IAAMV,KAAKE,SAAW,oCAIjC9B,OAAAmB,eAAII,EAAAe,UAAA,YAAS,KAAb,WACI,OAAOO,EAAAA,gBAAgBC,EAAAA,4BAA6BlB,KAAKD,qFAOhDoB,EAAAA,UAASxC,WAAA,CAAA,CAAAyC,KAHjBC,EAAAA,UAAQ,CAAAD,KACRE,EAAAA,MAAI,CAAAF,KACJG,EAAAA,OAAMC,KAAA,CAACL,EAAAA,oBAEsCM,EAAAA,kBAAiB9C,WAAA,CAAA,CAAAyC,KAA9DG,EAAAA,OAAMC,KAAA,CAACC,EAAAA,4BACyCC,EAAAA,WAAU/C,WAAA,CAAA,CAAAyC,KAA1DG,EAAAA,OAAMC,KAAA,CAACE,EAAAA,8CACPH,EAAAA,OAAMC,KAAA,CAACG,EAAAA,iBA5CZjD,EAAA,CAHCkD,EAAAA,QACAC,EAAAA,YAAY,kBACZC,EAAAA,6CAKDpD,EAAA,CAFCkD,EAAAA,QACAE,EAAAA,iDAoBDpD,EAAA,CADCmD,EAAAA,YAAY,4EAMbnD,EAAA,CADCmD,EAAAA,YAAY,0EAMbnD,EAAA,CADCmD,EAAAA,YAAY,kDApCJlC,EAAkBjB,EAAA,CArB9BqD,EAAAA,UAAU,CAOPC,SAAU,+BACVC,SAAU,GAEVC,KAAM,CAOFC,UAAW,KAEfC,gBAAiBC,EAAAA,wBAAwBC,26FA4CpC9C,EAAA,EAAA6B,EAAAA,YACA7B,EAAA,EAAA8B,EAAAA,QACA9B,EAAA,EAAA+B,EAAAA,OAAOJ,EAAAA,YAEP3B,EAAA,EAAA+B,EAAAA,OAAOE,EAAAA,oBACPjC,EAAA,EAAA+B,EAAAA,OAAOG,EAAAA,aACPlC,EAAA,EAAA+B,EAAAA,OAAOI,EAAAA,cAhDHhC,oBCET,SAAA4C,EAII3C,EAC2BC,EACT2C,EACSC,UAE3BC,EAAAC,KAAA3C,KAAMJ,EAASC,EAAmB2C,EAAaC,IAAazC,WAoCpE,OFnEO,SAAmB9B,EAAGC,GAEzB,SAASyE,IAAO5C,KAAK6C,YAAc3E,EADnCD,EAAcC,EAAGC,GAEjBD,EAAEwC,UAAkB,OAANvC,EAAaC,OAAO0E,OAAO3E,IAAMyE,EAAGlC,UAAYvC,EAAEuC,UAAW,IAAIkC,GEgBvEG,CAAAR,EAAAG,KADCH,EAgBTnE,OAAAmB,eAAIgD,EAAA7B,UAAA,yBAAsB,KAA1B,WACI,OAAOV,KAAKgD,SAAWhD,KAAKgD,SAASpC,cAAgB,sCAGzDxC,OAAAmB,eAAIgD,EAAA7B,UAAA,UAAO,KAAX,WACI,OAAOuC,EAAAA,gBAAgBjD,KAAKkD,yDAGhC9E,OAAAmB,eAAIgD,EAAA7B,UAAA,OAAI,KAAR,WACI,OAAO,mCAGXtC,OAAAmB,eAAIgD,EAAA7B,UAAA,QAAK,KAAT,WACI,OAAO,IAAM,IAAMV,KAAKmD,qBAAqBnD,KAAKgB,wCAG5CuB,EAAA7B,UAAA0C,iBAAV,WACI,OAAO,GAGDb,EAAA7B,UAAA2C,YAAV,SAAsBC,GAClB,IAAMC,EAAWvD,KAAKmD,qBAAqBnD,KAAKgB,OAC1CD,EAAOf,KAAKwD,aACZxC,EAAQhB,KAAKyD,qBACfH,EAAYC,EAAWxC,EAAOwC,EAAWxC,GAG7Cf,KAAK0D,aAAa1C,IAGZuB,EAAA7B,UAAAgD,aAAV,SAAuB1C,GACnBhB,KAAK2D,YAAY3D,KAAK4D,WAAW5C,8CAvCxBG,EAAAA,UAASxC,WAAA,CAAA,CAAAyC,KAHjBC,EAAAA,UAAQ,CAAAD,KACRE,EAAAA,MAAI,CAAAF,KACJG,EAAAA,OAAMC,KAAA,CAACL,EAAAA,oBAEsCM,EAAAA,kBAAiB9C,WAAA,CAAA,CAAAyC,KAA9DG,EAAAA,OAAMC,KAAA,CAACC,EAAAA,4BACuBoC,SAAQlF,WAAA,CAAA,CAAAyC,KAAtCG,EAAAA,OAAMC,KAAA,CAACsC,EAAAA,mBACiCC,EAAAA,WAAUpF,WAAA,CAAA,CAAAyC,KAAlDG,EAAAA,OAAMC,KAAA,CAACwC,EAAAA,wBAXHzB,EAAqB0B,EAAAvF,EAAA,CAfjCqD,EAAAA,UAAU,CACPC,SAAU,aACVC,SAAA,8wEAKAG,gBAAiBC,EAAAA,wBAAwBC,OACzC4B,UAAW,CACP,CACIC,QAASC,EAAAA,4BACTC,YAAaC,EAAAA,YAAW,WAAM,OAAAL,+iEASjCzE,EAAA,EAAA6B,EAAAA,YACA7B,EAAA,EAAA8B,EAAAA,QACA9B,EAAA,EAAA+B,EAAAA,OAAOJ,EAAAA,YAEP3B,EAAA,EAAA+B,EAAAA,OAAOE,EAAAA,oBACPjC,EAAA,EAAA+B,EAAAA,OAAOuC,EAAAA,WACPtE,EAAA,EAAA+B,EAAAA,OAAOyC,EAAAA,qBAXHzB,IACDgC,EAAAA,gCCjBZ,SAAAC,KAA8B,OAAjBA,EAAe9F,EAAA,CAZ3B+F,EAAAA,SAAS,CACNC,QAAS,CACLC,EAAAA,aACAC,EAAAA,qBACAC,EAAAA,mBACAC,EAAAA,sBACAC,EAAAA,oBACAC,EAAAA,2BAEJC,aAAc,CAACtF,EAAoB4C,GACnC2C,QAAS,CAACvF,EAAoB4C,MAErBiC","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 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\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 },\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 get value(): number {\n return Number(this.elementRef.nativeElement.value) \|\| 0;\n }\n\n @HostBinding('style.--tui-slider-fill-percentage.%')\n get fillPercentage(): number {\n return (100 this.value) / (this.max - this.min);\n }\n\n @HostBinding('style.--tui-slider-segment-width.%')\n get stepPercentage(): number {\n return 100 / this.segments - 0.1;\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(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 {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"]}
1	+ {"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","computedDisabled","isNativeFocused","nativeFocusableElement","onInput","valuePercentage","findKeyStepsBoundariesByFn","lowerStep","upperStep","newControlValue","_b","_c","upperStepPercent","upperStepValue","_d","lowerStepPercent","lowerStepValue","transformToControlValue","updateValue","writeValue","controlValue","transformToNativeValue","getFallbackValue","_e","checkHasMinMaxPercents","HostListener","Directive","AbstractTuiControl","steps","fn","keyStepUpperIndex","findIndex","ketStep","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 const tuiSliderOptionsProvider = (\n options: Partial<TuiSliderOptions>,\n): ValueProvider => ({\n provide: TUI_SLIDER_OPTIONS,\n useValue: {...TUI_SLIDER_DEFAULT_OPTIONS, ...options},\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 Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiControl,\n isNativeFocused,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n} from '@taiga-ui/cdk';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\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 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 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 onInput() {\n const {valuePercentage} = this.slider;\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n this.keySteps,\n ([keyStepPercentage, _]) => valuePercentage <= keyStepPercentage,\n );\n const newControlValue = transformToControlValue(\n valuePercentage,\n lowerStep,\n upperStep,\n );\n\n this.updateValue(newControlValue);\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\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\n return (upperStepValue - lowerStepValue) * ratio + lowerStepValue;\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 {TuiSliderKeyStepsDirective} 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: [TuiSliderComponent, TuiSliderKeyStepsDirective, TuiSliderOldComponent],\n exports: [TuiSliderComponent, TuiSliderKeyStepsDirective, TuiSliderOldComponent],\n})\nexport class TuiSliderModule {}\n"]}

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

@@ -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: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'] .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;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)}.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: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}.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%;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: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-size:.69rem;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 });