@taiga-ui/kit 2.38.0 → 2.39.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.
- package/bundles/taiga-ui-kit-components-input-tag.umd.js +17 -8
- package/bundles/taiga-ui-kit-components-input-tag.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-input-tag.umd.min.js +1 -1
- package/bundles/taiga-ui-kit-components-input-tag.umd.min.js.map +1 -1
- package/bundles/taiga-ui-kit-components-slider.umd.js +23 -2
- package/bundles/taiga-ui-kit-components-slider.umd.js.map +1 -1
- package/bundles/taiga-ui-kit-components-slider.umd.min.js +2 -2
- package/bundles/taiga-ui-kit-components-slider.umd.min.js.map +1 -1
- package/components/input-tag/input-tag.component.d.ts +9 -2
- package/components/input-tag/taiga-ui-kit-components-input-tag.metadata.json +1 -1
- package/components/slider/slider-key-steps.directive.d.ts +3 -1
- package/components/slider/taiga-ui-kit-components-slider.metadata.json +1 -1
- package/esm2015/components/input-tag/input-tag.component.js +20 -11
- package/esm2015/components/slider/slider-key-steps.directive.js +14 -1
- package/esm2015/components/slider/slider.component.js +3 -3
- package/esm5/components/input-tag/input-tag.component.js +20 -11
- package/esm5/components/slider/slider-key-steps.directive.js +22 -1
- package/esm5/components/slider/slider.component.js +3 -3
- package/fesm2015/taiga-ui-kit-components-input-tag.js +20 -11
- package/fesm2015/taiga-ui-kit-components-input-tag.js.map +1 -1
- package/fesm2015/taiga-ui-kit-components-slider.js +15 -2
- package/fesm2015/taiga-ui-kit-components-slider.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-input-tag.js +20 -11
- package/fesm5/taiga-ui-kit-components-input-tag.js.map +1 -1
- package/fesm5/taiga-ui-kit-components-slider.js +23 -2
- package/fesm5/taiga-ui-kit-components-slider.js.map +1 -1
- package/package.json +4 -4
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@ng-web-apis/common"),require("@taiga-ui/cdk"),require("rxjs/operators"),require("@angular/common"),require("@taiga-ui/core"),require("@taiga-ui/kit/constants"),require("@taiga-ui/kit/abstract"),require("@taiga-ui/kit/tokens"),require("rxjs")):"function"==typeof define&&define.amd?define("@taiga-ui/kit/components/slider",["exports","@angular/core","@angular/forms","@ng-web-apis/common","@taiga-ui/cdk","rxjs/operators","@angular/common","@taiga-ui/core","@taiga-ui/kit/constants","@taiga-ui/kit/abstract","@taiga-ui/kit/tokens","rxjs"],t):t(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"].kit=e["taiga-ui"].kit||{},e["taiga-ui"].kit.components=e["taiga-ui"].kit.components||{},e["taiga-ui"].kit.components.slider={}),e.ng.core,e.ng.forms,e.common,e.cdk,e.rxjs.operators,e.ng.common,e.core$1,e["taiga-ui"].kit.constants,e["taiga-ui"].kit.abstract,e["taiga-ui"].kit.tokens,e.rxjs)}(this,(function(e,t,r,n,o,i,a,s,u,
|
|
1
|
+
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("@angular/core"),require("@angular/forms"),require("@ng-web-apis/common"),require("@taiga-ui/cdk"),require("rxjs/operators"),require("@angular/common"),require("@taiga-ui/core"),require("@taiga-ui/kit/constants"),require("@taiga-ui/kit/abstract"),require("@taiga-ui/kit/tokens"),require("rxjs")):"function"==typeof define&&define.amd?define("@taiga-ui/kit/components/slider",["exports","@angular/core","@angular/forms","@ng-web-apis/common","@taiga-ui/cdk","rxjs/operators","@angular/common","@taiga-ui/core","@taiga-ui/kit/constants","@taiga-ui/kit/abstract","@taiga-ui/kit/tokens","rxjs"],t):t(((e=e||self)["taiga-ui"]=e["taiga-ui"]||{},e["taiga-ui"].kit=e["taiga-ui"].kit||{},e["taiga-ui"].kit.components=e["taiga-ui"].kit.components||{},e["taiga-ui"].kit.components.slider={}),e.ng.core,e.ng.forms,e.common,e.cdk,e.rxjs.operators,e.ng.common,e.core$1,e["taiga-ui"].kit.constants,e["taiga-ui"].kit.abstract,e["taiga-ui"].kit.tokens,e.rxjs)}(this,(function(e,t,r,n,o,i,a,s,u,l,c,d){"use strict";
|
|
2
2
|
/*! *****************************************************************************
|
|
3
3
|
Copyright (c) Microsoft Corporation.
|
|
4
4
|
|
|
@@ -12,5 +12,5 @@
|
|
|
12
12
|
LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
|
|
13
13
|
OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
|
|
14
14
|
PERFORMANCE OF THIS SOFTWARE.
|
|
15
|
-
***************************************************************************** */var p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function g(e,t){function r(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var m=function(){return(m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function b(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 h(e,t){return function(r,n){t(r,n,e)}}function f(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}var v={size:"m",trackColor:"var(--tui-base-03)"},y=new t.InjectionToken("Default parameters for Slider component",{factory:function(){return v}});var k=function(){function e(e,t,n,a,s){var u;this.options=n,this.elementRef=a,this.userAgent=s,this.size=this.options.size,this.segments=1,e instanceof r.NgModel&&(null===(u=e.valueChanges)||void 0===u||u.pipe(o.watch(t),i.take(1)).subscribe())}return Object.defineProperty(e.prototype,"min",{get:function(){return Number(this.elementRef.nativeElement.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return Number(this.elementRef.nativeElement.max)||100},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return Number(this.elementRef.nativeElement.step)||1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return Number(this.elementRef.nativeElement.value)||0},set:function(e){this.elementRef.nativeElement.value=""+e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valuePercentage",{get:function(){return 100*this.value/(this.max-this.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"segmentWidth",{get:function(){return 100/Math.max(1,this.segments)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isOldEdge",{get:function(){return o.isEdgeOlderThan(o.CHROMIUM_EDGE_START_VERSION,this.userAgent)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:void 0,decorators:[{type:t.Inject,args:[y]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:String,decorators:[{type:t.Inject,args:[n.USER_AGENT]}]}]},b([t.Input(),t.HostBinding("attr.data-size"),o.tuiDefaultProp()],e.prototype,"size",void 0),b([t.Input(),o.tuiDefaultProp()],e.prototype,"segments",void 0),b([t.HostBinding("style.--tui-slider-fill-percentage.%")],e.prototype,"valuePercentage",null),b([t.HostBinding("style.--tui-slider-segment-width.%")],e.prototype,"segmentWidth",null),b([t.HostBinding("class._old-edge")],e.prototype,"isOldEdge",null),e=b([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}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}: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}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}: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}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:active{background:var(--tui-primary-active)}: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}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:active{background:var(--tui-primary-active)}: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)}"]}),h(0,t.Optional()),h(0,t.Self()),h(0,t.Inject(r.NgControl)),h(1,t.Inject(t.ChangeDetectorRef)),h(2,t.Inject(y)),h(3,t.Inject(t.ElementRef)),h(4,t.Inject(n.USER_AGENT))],e)}(),w=function(e){function n(t,r,n,a){var s=e.call(this,t,r)||this;return s.elementRef=n,s.slider=a,s.keySteps=[],s.keyStepsInput=o.typedFromEvent(s.elementRef.nativeElement,"input").pipe(i.map((function(){return s.controlValue}))),s}return g(n,e),Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.computedDisabled?null:this.elementRef.nativeElement},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"controlValue",{get:function(){var e=this.slider.valuePercentage,t=f(j(this.keySteps,(function(t){var r=f(t,2),n=r[0];r[1];return e<=n})),2),r=t[0],n=t[1];return I(e,r,n)},enumerable:!0,configurable:!0}),n.prototype.updateControlValue=function(){this.updateValue(this.controlValue)},n.prototype.writeValue=function(e){if(null!==e){var t=f(j(this.keySteps,(function(t){var r=f(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=f(t,2),o=n[0],i=n[1],a=f(r,2),s=a[0],u=a[1],d=this.slider,l=d.min;return((o-s)*((e-u)/(i-u))+s)*(d.max-l)/100},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:k,decorators:[{type:t.Inject,args:[k]}]}]},b([t.Input(),o.tuiDefaultProp(z,"Should contain min and max values")],n.prototype,"keySteps",void 0),b([t.Output()],n.prototype,"keyStepsInput",void 0),b([t.HostListener("change")],n.prototype,"updateControlValue",null),n=b([t.Directive({selector:"input[tuiSlider][keySteps]"}),h(0,t.Optional()),h(0,t.Self()),h(0,t.Inject(r.NgControl)),h(1,t.Inject(t.ChangeDetectorRef)),h(2,t.Inject(t.ElementRef)),h(3,t.Inject(k))],n)}(o.AbstractTuiControl),_=function(){function e(){}return e.prototype.transform=function(e,t,r){var n=100/t*e,o=f(j(r,(function(e){var t=f(e,2),r=t[0];t[1];return n<=r})),2),i=o[0],a=o[1];return I(n,a,i)},e=b([t.Pipe({name:"tuiSliderTickLabel"})],e)}();function z(e){return!e.length||0===e[0][0]&&100===e[e.length-1][0]}function j(e,t){var r=e.findIndex((function(e,r){return r&&t(e)}));return[e[r-1],e[r]]}function I(e,t,r){var n=f(t,2),i=n[0],a=n[1],s=f(r,2),d=s[0],l=s[1],c=(a-l)*((e-d)/(i-d))+l;return o.round(c,u.TUI_FLOATING_PRECISION)}var O=function(e){function n(t,r,n,o){return e.call(this,t,r,n,o)||this}var i;return g(n,e),i=n,Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.dotRight?this.dotRight.nativeElement:null},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"left",{get:function(){return 0},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"right",{get:function(){return 100-100*this.getFractionFromValue(this.value)},enumerable:!0,configurable:!0}),n.prototype.getFallbackValue=function(){return 0},n.prototype.processStep=function(e){var t=this.getFractionFromValue(this.value),r=this.computedStep,n=this.getValueFromFraction(e?t+r:t-r);this.processValue(n)},n.prototype.processValue=function(e){this.updateValue(this.valueGuard(e))},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:Document,decorators:[{type:t.Inject,args:[a.DOCUMENT]}]},{type:c.Observable,decorators:[{type:t.Inject,args:[l.TUI_FROM_TO_TEXTS]}]}]},n=i=b([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}"]}),h(0,t.Optional()),h(0,t.Self()),h(0,t.Inject(r.NgControl)),h(1,t.Inject(t.ChangeDetectorRef)),h(2,t.Inject(a.DOCUMENT)),h(3,t.Inject(l.TUI_FROM_TO_TEXTS))],n)}(d.AbstractTuiSlider),C=function(){function e(){}return e=b([t.NgModule({imports:[a.CommonModule,o.TuiRepeatTimesModule,o.TuiFocusableModule,o.TuiFocusVisibleModule,o.TuiActiveZoneModule,s.TuiFormatNumberPipeModule],declarations:[k,w,_,O],exports:[k,w,_,O]})],e)}();e.TUI_SLIDER_DEFAULT_OPTIONS=v,e.TUI_SLIDER_OPTIONS=y,e.TuiSliderComponent=k,e.TuiSliderKeyStepsDirective=w,e.TuiSliderModule=C,e.TuiSliderOldComponent=O,e.TuiSliderTickLabelPipe=_,e.tuiSliderOptionsProvider=function(e){return{provide:y,useValue:m(m({},v),e)}},Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
15
|
+
***************************************************************************** */var p=function(e,t){return(p=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)t.hasOwnProperty(r)&&(e[r]=t[r])})(e,t)};function g(e,t){function r(){this.constructor=e}p(e,t),e.prototype=null===t?Object.create(t):(r.prototype=t.prototype,new r)}var m=function(){return(m=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var o in t=arguments[r])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e}).apply(this,arguments)};function b(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 h(e,t){return function(r,n){t(r,n,e)}}function f(e,t){var r="function"==typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,i=r.call(e),a=[];try{for(;(void 0===t||t-- >0)&&!(n=i.next()).done;)a.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=i.return)&&r.call(i)}finally{if(o)throw o.error}}return a}var v={size:"m",trackColor:"var(--tui-base-03)"},y=new t.InjectionToken("Default parameters for Slider component",{factory:function(){return v}});var k=function(){function e(e,t,n,a,s){var u;this.options=n,this.elementRef=a,this.userAgent=s,this.size=this.options.size,this.segments=1,e instanceof r.NgModel&&(null===(u=e.valueChanges)||void 0===u||u.pipe(o.watch(t),i.take(1)).subscribe())}return Object.defineProperty(e.prototype,"min",{get:function(){return Number(this.elementRef.nativeElement.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"max",{get:function(){return Number(this.elementRef.nativeElement.max)||100},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"step",{get:function(){return Number(this.elementRef.nativeElement.step)||1},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"value",{get:function(){return Number(this.elementRef.nativeElement.value)||0},set:function(e){this.elementRef.nativeElement.value=""+e},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"valuePercentage",{get:function(){return 100*this.value/(this.max-this.min)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"segmentWidth",{get:function(){return 100/Math.max(1,this.segments)},enumerable:!0,configurable:!0}),Object.defineProperty(e.prototype,"isOldEdge",{get:function(){return o.isEdgeOlderThan(o.CHROMIUM_EDGE_START_VERSION,this.userAgent)},enumerable:!0,configurable:!0}),e.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:void 0,decorators:[{type:t.Inject,args:[y]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:String,decorators:[{type:t.Inject,args:[n.USER_AGENT]}]}]},b([t.Input(),t.HostBinding("attr.data-size"),o.tuiDefaultProp()],e.prototype,"size",void 0),b([t.Input(),o.tuiDefaultProp()],e.prototype,"segments",void 0),b([t.HostBinding("style.--tui-slider-fill-percentage.%")],e.prototype,"valuePercentage",null),b([t.HostBinding("style.--tui-slider-segment-width.%")],e.prototype,"segmentWidth",null),b([t.HostBinding("class._old-edge")],e.prototype,"isOldEdge",null),e=b([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-color:transparent;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-color:var(--tui-slider-track-color);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-color:var(--tui-slider-track-color);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-color:var(--tui-slider-track-color);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-color:var(--tui-slider-track-color);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}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}: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}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-webkit-slider-thumb:active{background:var(--tui-primary-active)}: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}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='m']::-moz-range-thumb:active{background:var(--tui-primary-active)}: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}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:hover{background:var(--tui-primary-hover)}:not(:disabled):host:not(._old-edge)[data-size='s']::-moz-range-thumb:active{background:var(--tui-primary-active)}: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)}"]}),h(0,t.Optional()),h(0,t.Self()),h(0,t.Inject(r.NgControl)),h(1,t.Inject(t.ChangeDetectorRef)),h(2,t.Inject(y)),h(3,t.Inject(t.ElementRef)),h(4,t.Inject(n.USER_AGENT))],e)}(),w=function(e){function n(t,r,n,a){var s=e.call(this,t,r)||this;return s.elementRef=n,s.slider=a,s.keySteps=[],s.keyStepsInput=o.typedFromEvent(s.elementRef.nativeElement,"input").pipe(i.map((function(){return s.controlValue}))),s}return g(n,e),Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.computedDisabled?null:this.elementRef.nativeElement},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"min",{get:function(){var e;return(null===(e=this.keySteps[0])||void 0===e?void 0:e[1])||0},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"max",{get:function(){var e;return(null===(e=this.keySteps[this.keySteps.length-1])||void 0===e?void 0:e[1])||100},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"controlValue",{get:function(){var e=this.slider.valuePercentage,t=f(j(this.keySteps,(function(t){var r=f(t,2),n=r[0];r[1];return e<=n})),2),r=t[0],n=t[1];return O(e,r,n)},enumerable:!0,configurable:!0}),n.prototype.updateControlValue=function(){this.updateValue(this.controlValue)},n.prototype.writeValue=function(e){if(null!==e){var t=f(j(this.keySteps,(function(t){var r=f(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=f(t,2),o=n[0],i=n[1],a=f(r,2),s=a[0],u=a[1],l=this.slider,c=l.min;return((o-s)*((e-u)/(i-u))+s)*(l.max-c)/100},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:t.ElementRef,decorators:[{type:t.Inject,args:[t.ElementRef]}]},{type:k,decorators:[{type:t.Inject,args:[k]}]}]},b([t.Input(),o.tuiDefaultProp(z,"Should contain min and max values")],n.prototype,"keySteps",void 0),b([t.Output()],n.prototype,"keyStepsInput",void 0),b([t.HostListener("change")],n.prototype,"updateControlValue",null),n=b([t.Directive({selector:"input[tuiSlider][keySteps]",host:{"[attr.aria-valuenow]":"controlValue","[attr.aria-valuemin]":"min","[attr.aria-valuemax]":"max"}}),h(0,t.Optional()),h(0,t.Self()),h(0,t.Inject(r.NgControl)),h(1,t.Inject(t.ChangeDetectorRef)),h(2,t.Inject(t.ElementRef)),h(3,t.Inject(k))],n)}(o.AbstractTuiControl),_=function(){function e(){}return e.prototype.transform=function(e,t,r){var n=100/t*e,o=f(j(r,(function(e){var t=f(e,2),r=t[0];t[1];return n<=r})),2),i=o[0],a=o[1];return O(n,a,i)},e=b([t.Pipe({name:"tuiSliderTickLabel"})],e)}();function z(e){return!e.length||0===e[0][0]&&100===e[e.length-1][0]}function j(e,t){var r=e.findIndex((function(e,r){return r&&t(e)}));return[e[r-1],e[r]]}function O(e,t,r){var n=f(t,2),i=n[0],a=n[1],s=f(r,2),l=s[0],c=s[1],d=(a-c)*((e-l)/(i-l))+c;return o.round(d,u.TUI_FLOATING_PRECISION)}var I=function(e){function n(t,r,n,o){return e.call(this,t,r,n,o)||this}var i;return g(n,e),i=n,Object.defineProperty(n.prototype,"nativeFocusableElement",{get:function(){return this.dotRight?this.dotRight.nativeElement:null},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"focused",{get:function(){return o.isNativeFocused(this.nativeFocusableElement)},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"left",{get:function(){return 0},enumerable:!0,configurable:!0}),Object.defineProperty(n.prototype,"right",{get:function(){return 100-100*this.getFractionFromValue(this.value)},enumerable:!0,configurable:!0}),n.prototype.getFallbackValue=function(){return 0},n.prototype.processStep=function(e){var t=this.getFractionFromValue(this.value),r=this.computedStep,n=this.getValueFromFraction(e?t+r:t-r);this.processValue(n)},n.prototype.processValue=function(e){this.updateValue(this.valueGuard(e))},n.ctorParameters=function(){return[{type:r.NgControl,decorators:[{type:t.Optional},{type:t.Self},{type:t.Inject,args:[r.NgControl]}]},{type:t.ChangeDetectorRef,decorators:[{type:t.Inject,args:[t.ChangeDetectorRef]}]},{type:Document,decorators:[{type:t.Inject,args:[a.DOCUMENT]}]},{type:d.Observable,decorators:[{type:t.Inject,args:[c.TUI_FROM_TO_TEXTS]}]}]},n=i=b([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}"]}),h(0,t.Optional()),h(0,t.Self()),h(0,t.Inject(r.NgControl)),h(1,t.Inject(t.ChangeDetectorRef)),h(2,t.Inject(a.DOCUMENT)),h(3,t.Inject(c.TUI_FROM_TO_TEXTS))],n)}(l.AbstractTuiSlider),C=function(){function e(){}return e=b([t.NgModule({imports:[a.CommonModule,o.TuiRepeatTimesModule,o.TuiFocusableModule,o.TuiFocusVisibleModule,o.TuiActiveZoneModule,s.TuiFormatNumberPipeModule],declarations:[k,w,_,I],exports:[k,w,_,I]})],e)}();e.TUI_SLIDER_DEFAULT_OPTIONS=v,e.TUI_SLIDER_OPTIONS=y,e.TuiSliderComponent=k,e.TuiSliderKeyStepsDirective=w,e.TuiSliderModule=C,e.TuiSliderOldComponent=I,e.TuiSliderTickLabelPipe=_,e.tuiSliderOptionsProvider=function(e){return{provide:y,useValue:m(m({},v),e)}},Object.defineProperty(e,"__esModule",{value:!0})}));
|
|
16
16
|
//# sourceMappingURL=taiga-ui-kit-components-slider.umd.min.js.map
|
|
@@ -1 +1 @@
|
|
|
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","keyStepsInput","typedFromEvent","map","controlValue","computedDisabled","isNativeFocused","nativeFocusableElement","valuePercentage","findKeyStepsBoundariesByFn","lowerStep","upperStep","transformToControlValue","updateControlValue","updateValue","writeValue","transformToNativeValue","getFallbackValue","_b","_c","upperStepPercent","upperStepValue","_d","lowerStepPercent","lowerStepValue","_e","checkHasMinMaxPercents","Output","HostListener","Directive","AbstractTuiControl","TuiSliderTickLabelPipe","transform","tickIndex","totalSegments","percentage","Pipe","name","steps","fn","keyStepUpperIndex","findIndex","ketStep","round","TUI_FLOATING_PRECISION","TuiSliderOldComponent","documentRef","fromToTexts$","dotRight","getFractionFromValue","processStep","increment","fraction","computedStep","getValueFromFraction","processValue","valueGuard","Document","DOCUMENT","Observable","TUI_FROM_TO_TEXTS","TuiSliderOldComponent_1","providers","provide","TUI_FOCUSABLE_ITEM_ACCESSOR","useExisting","forwardRef","AbstractTuiSlider","TuiSliderModule","NgModule","imports","CommonModule","TuiRepeatTimesModule","TuiFocusableModule","TuiFocusVisibleModule","TuiActiveZoneModule","TuiFormatNumberPipeModule","declarations","exports","useValue"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiSliderOptions {\n readonly size: TuiSizeS;\n readonly trackColor: string;\n}\n\nexport const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions = {\n size: 'm',\n trackColor: 'var(--tui-base-03)',\n};\n\nexport const TUI_SLIDER_OPTIONS = new InjectionToken<TuiSliderOptions>(\n 'Default parameters for Slider component',\n {factory: () => TUI_SLIDER_DEFAULT_OPTIONS},\n);\n\nexport function tuiSliderOptionsProvider(\n options: Partial<TuiSliderOptions>,\n): ValueProvider {\n return {\n provide: TUI_SLIDER_OPTIONS,\n useValue: {...TUI_SLIDER_DEFAULT_OPTIONS, ...options},\n };\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n Optional,\n Self,\n} from '@angular/core';\nimport {NgControl, NgModel} from '@angular/forms';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n tuiDefaultProp,\n watch,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\nimport {take} from 'rxjs/operators';\n\nimport {TUI_SLIDER_OPTIONS, TuiSliderOptions} from './slider-options';\n\n@Component({\n /**\n * We have to call our component as `<input tuiSlider type=\"range\" ... />`\n * because otherwise built-in angular\n * {@link https://github.com/angular/angular/blob/master/packages/forms/src/directives/range_value_accessor.ts#L45 RangeValueAccessor}\n * cannot be matched by its CSS selector.\n */\n selector: 'input[type=range][tuiSlider]',\n template: ``,\n styleUrls: ['./slider.style.less'],\n host: {\n /**\n * For change detection.\n * Webkit does not have built-in method for customization of filling progress (as Firefox).\n * We draw filling of progress by `background: linear-gradient(...)` of the track.\n * This function triggers change detection (for `fillPercentage` function) when we drag thumb of the input.\n */\n '(input)': '0',\n '[style.--tui-slider-track-color]': 'options.trackColor',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSliderComponent {\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = this.options.size;\n\n @Input()\n @tuiDefaultProp()\n segments = 1;\n\n get min(): number {\n return Number(this.elementRef.nativeElement.min);\n }\n\n get max(): number {\n return Number(this.elementRef.nativeElement.max) || 100;\n }\n\n get step(): number {\n return Number(this.elementRef.nativeElement.step) || 1;\n }\n\n get value(): number {\n return Number(this.elementRef.nativeElement.value) || 0;\n }\n\n set value(newValue: number) {\n this.elementRef.nativeElement.value = `${newValue}`;\n }\n\n @HostBinding('style.--tui-slider-fill-percentage.%')\n get valuePercentage(): number {\n return (100 * this.value) / (this.max - this.min);\n }\n\n @HostBinding('style.--tui-slider-segment-width.%')\n get segmentWidth(): number {\n return 100 / Math.max(1, this.segments);\n }\n\n @HostBinding('class._old-edge')\n get isOldEdge(): boolean {\n return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);\n }\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(TUI_SLIDER_OPTIONS) readonly options: TuiSliderOptions,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n @Inject(USER_AGENT) private readonly userAgent: string,\n ) {\n if (control instanceof NgModel) {\n /**\n * The ValueAccessor.writeValue method is called twice on any value accessor during component initialization,\n * when a control is bound using [(ngModel)], first time with a phantom null value.\n * With `changeDetection: ChangeDetectionStrategy.OnPush` the second call of writeValue with real value don't re-render the view.\n * ___\n * See this {@link https://github.com/angular/angular/issues/14988 issue}\n */\n control.valueChanges?.pipe(watch(changeDetectorRef), take(1)).subscribe();\n }\n }\n}\n","import {\n ChangeDetectorRef,\n Directive,\n ElementRef,\n HostListener,\n Inject,\n Input,\n Optional,\n Output,\n Pipe,\n PipeTransform,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiControl,\n isNativeFocused,\n round,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {map} from 'rxjs/operators';\n\nimport {TuiSliderComponent} from './slider.component';\n\n// @dynamic\n@Directive({\n selector: 'input[tuiSlider][keySteps]',\n})\nexport class TuiSliderKeyStepsDirective\n extends AbstractTuiControl<number>\n implements TuiFocusableElementAccessor\n{\n @Input()\n @tuiDefaultProp(checkHasMinMaxPercents, 'Should contain min and max values')\n keySteps: TuiKeySteps = [];\n\n @Output()\n keyStepsInput = typedFromEvent(this.elementRef.nativeElement, 'input').pipe(\n map(() => this.controlValue),\n );\n\n get nativeFocusableElement(): HTMLInputElement | null {\n return this.computedDisabled ? null : this.elementRef.nativeElement;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n private get controlValue(): number {\n const {valuePercentage} = this.slider;\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n this.keySteps,\n ([keyStepPercentage, _]) => valuePercentage <= keyStepPercentage,\n );\n\n return transformToControlValue(valuePercentage, lowerStep, upperStep);\n }\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n @Inject(TuiSliderComponent) private readonly slider: TuiSliderComponent,\n ) {\n super(control, changeDetectorRef);\n }\n\n @HostListener('change')\n updateControlValue() {\n this.updateValue(this.controlValue);\n }\n\n writeValue(controlValue: number | null) {\n if (controlValue === null) {\n return;\n }\n\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n this.keySteps,\n ([_, keyStepValue]) => controlValue <= keyStepValue,\n );\n\n this.slider.value = this.transformToNativeValue(\n controlValue,\n lowerStep,\n upperStep,\n );\n }\n\n protected getFallbackValue(): number {\n return 0;\n }\n\n private transformToNativeValue(\n controlValue: number,\n [upperStepPercent, upperStepValue]: [number, number],\n [lowerStepPercent, lowerStepValue]: [number, number],\n ): number {\n const {min, max} = this.slider;\n const ratio = (controlValue - lowerStepValue) / (upperStepValue - lowerStepValue);\n const newValuePercentage =\n (upperStepPercent - lowerStepPercent) * ratio + lowerStepPercent;\n\n return (newValuePercentage * (max - min)) / 100;\n }\n}\n\n/**\n * @deprecated DONT USE IT! It is just temporary solution for internal purposes only. We will delete it in next major release.\n * TODO delete it in v3.0\n *\n */\n@Pipe({name: 'tuiSliderTickLabel'})\nexport class TuiSliderTickLabelPipe implements PipeTransform {\n transform(tickIndex: number, totalSegments: number, keySteps: TuiKeySteps): number {\n const percentage = (100 / totalSegments) * tickIndex;\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n keySteps,\n ([keyStepPercentage, _]) => percentage <= keyStepPercentage,\n );\n\n return transformToControlValue(percentage, upperStep, lowerStep);\n }\n}\n\nfunction checkHasMinMaxPercents(steps: TuiKeySteps): boolean {\n return !steps.length || (steps[0][0] === 0 && steps[steps.length - 1][0] === 100);\n}\n\nfunction findKeyStepsBoundariesByFn(\n keySteps: TuiKeySteps,\n fn: ([keyStepPercent, keyStepValue]: [number, number]) => boolean,\n): [[number, number], [number, number]] {\n const keyStepUpperIndex = keySteps.findIndex((ketStep, i) => i && fn(ketStep));\n const lowerStep = keySteps[keyStepUpperIndex - 1];\n const upperStep = keySteps[keyStepUpperIndex];\n\n return [lowerStep, upperStep];\n}\n\nfunction transformToControlValue(\n valuePercentage: number,\n [upperStepPercent, upperStepValue]: [number, number],\n [lowerStepPercent, lowerStepValue]: [number, number],\n): number {\n const ratio =\n (valuePercentage - lowerStepPercent) / (upperStepPercent - lowerStepPercent);\n const controlValue = (upperStepValue - lowerStepValue) * ratio + lowerStepValue;\n\n return round(controlValue, TUI_FLOATING_PRECISION);\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n forwardRef,\n Inject,\n Optional,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n isNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n TuiFocusableElementAccessor,\n TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n/**\n * @deprecated use {@link TuiSliderComponent} instead\n * TODO remove in 3.0\n */\n// @dynamic\n@Component({\n selector: 'tui-slider',\n templateUrl: '../../abstract/slider/slider.common.template.html',\n styleUrls: [\n '../../abstract/slider/slider.common.style.less',\n './slider-old.style.less',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiSliderOldComponent),\n },\n ],\n})\nexport class TuiSliderOldComponent\n extends AbstractTuiSlider<number>\n implements TuiFocusableElementAccessor\n{\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(DOCUMENT) documentRef: Document,\n @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n ) {\n super(control, changeDetectorRef, documentRef, fromToTexts$);\n }\n\n get nativeFocusableElement(): TuiNativeFocusableElement | null {\n return this.dotRight ? this.dotRight.nativeElement : null;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n get left(): number {\n return 0;\n }\n\n get right(): number {\n return 100 - 100 * this.getFractionFromValue(this.value);\n }\n\n protected getFallbackValue(): number {\n return 0;\n }\n\n protected processStep(increment: boolean) {\n const fraction = this.getFractionFromValue(this.value);\n const step = this.computedStep;\n const value = this.getValueFromFraction(\n increment ? fraction + step : fraction - step,\n );\n\n this.processValue(value);\n }\n\n protected processValue(value: number) {\n this.updateValue(this.valueGuard(value));\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n TuiActiveZoneModule,\n TuiFocusableModule,\n TuiFocusVisibleModule,\n TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\n\nimport {TuiSliderComponent} from './slider.component';\nimport {\n TuiSliderKeyStepsDirective,\n TuiSliderTickLabelPipe,\n} from './slider-key-steps.directive';\nimport {TuiSliderOldComponent} from './slider-old.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiRepeatTimesModule,\n TuiFocusableModule,\n TuiFocusVisibleModule,\n TuiActiveZoneModule,\n TuiFormatNumberPipeModule,\n ],\n declarations: [\n TuiSliderComponent,\n TuiSliderKeyStepsDirective,\n TuiSliderTickLabelPipe,\n TuiSliderOldComponent,\n ],\n exports: [\n TuiSliderComponent,\n TuiSliderKeyStepsDirective,\n TuiSliderTickLabelPipe,\n TuiSliderOldComponent,\n ],\n})\nexport class TuiSliderModule {}\n"]}
|
|
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","keyStepsInput","typedFromEvent","map","controlValue","computedDisabled","isNativeFocused","nativeFocusableElement","valuePercentage","findKeyStepsBoundariesByFn","lowerStep","upperStep","transformToControlValue","updateControlValue","updateValue","writeValue","transformToNativeValue","getFallbackValue","_b","_c","upperStepPercent","upperStepValue","_d","lowerStepPercent","lowerStepValue","_e","checkHasMinMaxPercents","Output","HostListener","Directive","[attr.aria-valuenow]","[attr.aria-valuemin]","[attr.aria-valuemax]","AbstractTuiControl","TuiSliderTickLabelPipe","transform","tickIndex","totalSegments","percentage","Pipe","name","steps","fn","keyStepUpperIndex","findIndex","ketStep","round","TUI_FLOATING_PRECISION","TuiSliderOldComponent","documentRef","fromToTexts$","dotRight","getFractionFromValue","processStep","increment","fraction","computedStep","getValueFromFraction","processValue","valueGuard","Document","DOCUMENT","Observable","TUI_FROM_TO_TEXTS","TuiSliderOldComponent_1","providers","provide","TUI_FOCUSABLE_ITEM_ACCESSOR","useExisting","forwardRef","AbstractTuiSlider","TuiSliderModule","NgModule","imports","CommonModule","TuiRepeatTimesModule","TuiFocusableModule","TuiFocusVisibleModule","TuiActiveZoneModule","TuiFormatNumberPipeModule","declarations","exports","useValue"],"mappings":"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","sourcesContent":["/*! *****************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (_) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport function __createBinding(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n}\r\n\r\nexport function __exportStar(m, exports) {\r\n for (var p in m) if (p !== \"default\" && !exports.hasOwnProperty(p)) exports[p] = m[p];\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n};\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: n === \"return\" } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (Object.hasOwnProperty.call(mod, k)) result[k] = mod[k];\r\n result.default = mod;\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, privateMap) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to get private field on non-instance\");\r\n }\r\n return privateMap.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, privateMap, value) {\r\n if (!privateMap.has(receiver)) {\r\n throw new TypeError(\"attempted to set private field on non-instance\");\r\n }\r\n privateMap.set(receiver, value);\r\n return value;\r\n}\r\n","import {InjectionToken, ValueProvider} from '@angular/core';\nimport {TuiSizeS} from '@taiga-ui/core';\n\nexport interface TuiSliderOptions {\n readonly size: TuiSizeS;\n readonly trackColor: string;\n}\n\nexport const TUI_SLIDER_DEFAULT_OPTIONS: TuiSliderOptions = {\n size: 'm',\n trackColor: 'var(--tui-base-03)',\n};\n\nexport const TUI_SLIDER_OPTIONS = new InjectionToken<TuiSliderOptions>(\n 'Default parameters for Slider component',\n {factory: () => TUI_SLIDER_DEFAULT_OPTIONS},\n);\n\nexport function tuiSliderOptionsProvider(\n options: Partial<TuiSliderOptions>,\n): ValueProvider {\n return {\n provide: TUI_SLIDER_OPTIONS,\n useValue: {...TUI_SLIDER_DEFAULT_OPTIONS, ...options},\n };\n}\n","import {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n ElementRef,\n HostBinding,\n Inject,\n Input,\n Optional,\n Self,\n} from '@angular/core';\nimport {NgControl, NgModel} from '@angular/forms';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {\n CHROMIUM_EDGE_START_VERSION,\n isEdgeOlderThan,\n tuiDefaultProp,\n watch,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS} from '@taiga-ui/core';\nimport {take} from 'rxjs/operators';\n\nimport {TUI_SLIDER_OPTIONS, TuiSliderOptions} from './slider-options';\n\n@Component({\n /**\n * We have to call our component as `<input tuiSlider type=\"range\" ... />`\n * because otherwise built-in angular\n * {@link https://github.com/angular/angular/blob/master/packages/forms/src/directives/range_value_accessor.ts#L45 RangeValueAccessor}\n * cannot be matched by its CSS selector.\n */\n selector: 'input[type=range][tuiSlider]',\n template: ``,\n styleUrls: ['./slider.style.less'],\n host: {\n /**\n * For change detection.\n * Webkit does not have built-in method for customization of filling progress (as Firefox).\n * We draw filling of progress by `background: linear-gradient(...)` of the track.\n * This function triggers change detection (for {@link valuePercentage} function) when we drag thumb of the input.\n */\n '(input)': '0',\n '[style.--tui-slider-track-color]': 'options.trackColor',\n },\n changeDetection: ChangeDetectionStrategy.OnPush,\n})\nexport class TuiSliderComponent {\n @Input()\n @HostBinding('attr.data-size')\n @tuiDefaultProp()\n size: TuiSizeS = this.options.size;\n\n @Input()\n @tuiDefaultProp()\n segments = 1;\n\n get min(): number {\n return Number(this.elementRef.nativeElement.min);\n }\n\n get max(): number {\n return Number(this.elementRef.nativeElement.max) || 100;\n }\n\n get step(): number {\n return Number(this.elementRef.nativeElement.step) || 1;\n }\n\n get value(): number {\n return Number(this.elementRef.nativeElement.value) || 0;\n }\n\n set value(newValue: number) {\n this.elementRef.nativeElement.value = `${newValue}`;\n }\n\n @HostBinding('style.--tui-slider-fill-percentage.%')\n get valuePercentage(): number {\n return (100 * this.value) / (this.max - this.min);\n }\n\n @HostBinding('style.--tui-slider-segment-width.%')\n get segmentWidth(): number {\n return 100 / Math.max(1, this.segments);\n }\n\n @HostBinding('class._old-edge')\n get isOldEdge(): boolean {\n return isEdgeOlderThan(CHROMIUM_EDGE_START_VERSION, this.userAgent);\n }\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(TUI_SLIDER_OPTIONS) readonly options: TuiSliderOptions,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n @Inject(USER_AGENT) private readonly userAgent: string,\n ) {\n if (control instanceof NgModel) {\n /**\n * The ValueAccessor.writeValue method is called twice on any value accessor during component initialization,\n * when a control is bound using [(ngModel)], first time with a phantom null value.\n * With `changeDetection: ChangeDetectionStrategy.OnPush` the second call of writeValue with real value don't re-render the view.\n * ___\n * See this {@link https://github.com/angular/angular/issues/14988 issue}\n */\n control.valueChanges?.pipe(watch(changeDetectorRef), take(1)).subscribe();\n }\n }\n}\n","import {\n ChangeDetectorRef,\n Directive,\n ElementRef,\n HostListener,\n Inject,\n Input,\n Optional,\n Output,\n Pipe,\n PipeTransform,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n AbstractTuiControl,\n isNativeFocused,\n round,\n tuiDefaultProp,\n TuiFocusableElementAccessor,\n typedFromEvent,\n} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {map} from 'rxjs/operators';\n\nimport {TuiSliderComponent} from './slider.component';\n\n// @dynamic\n@Directive({\n selector: 'input[tuiSlider][keySteps]',\n host: {\n '[attr.aria-valuenow]': 'controlValue',\n '[attr.aria-valuemin]': 'min',\n '[attr.aria-valuemax]': 'max',\n },\n})\nexport class TuiSliderKeyStepsDirective\n extends AbstractTuiControl<number>\n implements TuiFocusableElementAccessor\n{\n @Input()\n @tuiDefaultProp(checkHasMinMaxPercents, 'Should contain min and max values')\n keySteps: TuiKeySteps = [];\n\n @Output()\n keyStepsInput = typedFromEvent(this.elementRef.nativeElement, 'input').pipe(\n map(() => this.controlValue),\n );\n\n get nativeFocusableElement(): HTMLInputElement | null {\n return this.computedDisabled ? null : this.elementRef.nativeElement;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n get min(): number {\n return this.keySteps[0]?.[1] || 0;\n }\n\n get max(): number {\n return this.keySteps[this.keySteps.length - 1]?.[1] || 100;\n }\n\n get controlValue(): number {\n const {valuePercentage} = this.slider;\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n this.keySteps,\n ([keyStepPercentage, _]) => valuePercentage <= keyStepPercentage,\n );\n\n return transformToControlValue(valuePercentage, lowerStep, upperStep);\n }\n\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(ElementRef) private readonly elementRef: ElementRef<HTMLInputElement>,\n @Inject(TuiSliderComponent) private readonly slider: TuiSliderComponent,\n ) {\n super(control, changeDetectorRef);\n }\n\n @HostListener('change')\n updateControlValue() {\n this.updateValue(this.controlValue);\n }\n\n writeValue(controlValue: number | null) {\n if (controlValue === null) {\n return;\n }\n\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n this.keySteps,\n ([_, keyStepValue]) => controlValue <= keyStepValue,\n );\n\n this.slider.value = this.transformToNativeValue(\n controlValue,\n lowerStep,\n upperStep,\n );\n }\n\n protected getFallbackValue(): number {\n return 0;\n }\n\n private transformToNativeValue(\n controlValue: number,\n [upperStepPercent, upperStepValue]: [number, number],\n [lowerStepPercent, lowerStepValue]: [number, number],\n ): number {\n const {min, max} = this.slider;\n const ratio = (controlValue - lowerStepValue) / (upperStepValue - lowerStepValue);\n const newValuePercentage =\n (upperStepPercent - lowerStepPercent) * ratio + lowerStepPercent;\n\n return (newValuePercentage * (max - min)) / 100;\n }\n}\n\n/**\n * @deprecated DONT USE IT! It is just temporary solution for internal purposes only. We will delete it in next major release.\n * TODO delete it in v3.0\n *\n */\n@Pipe({name: 'tuiSliderTickLabel'})\nexport class TuiSliderTickLabelPipe implements PipeTransform {\n transform(tickIndex: number, totalSegments: number, keySteps: TuiKeySteps): number {\n const percentage = (100 / totalSegments) * tickIndex;\n const [lowerStep, upperStep] = findKeyStepsBoundariesByFn(\n keySteps,\n ([keyStepPercentage, _]) => percentage <= keyStepPercentage,\n );\n\n return transformToControlValue(percentage, upperStep, lowerStep);\n }\n}\n\nfunction checkHasMinMaxPercents(steps: TuiKeySteps): boolean {\n return !steps.length || (steps[0][0] === 0 && steps[steps.length - 1][0] === 100);\n}\n\nfunction findKeyStepsBoundariesByFn(\n keySteps: TuiKeySteps,\n fn: ([keyStepPercent, keyStepValue]: [number, number]) => boolean,\n): [[number, number], [number, number]] {\n const keyStepUpperIndex = keySteps.findIndex((ketStep, i) => i && fn(ketStep));\n const lowerStep = keySteps[keyStepUpperIndex - 1];\n const upperStep = keySteps[keyStepUpperIndex];\n\n return [lowerStep, upperStep];\n}\n\nfunction transformToControlValue(\n valuePercentage: number,\n [upperStepPercent, upperStepValue]: [number, number],\n [lowerStepPercent, lowerStepValue]: [number, number],\n): number {\n const ratio =\n (valuePercentage - lowerStepPercent) / (upperStepPercent - lowerStepPercent);\n const controlValue = (upperStepValue - lowerStepValue) * ratio + lowerStepValue;\n\n return round(controlValue, TUI_FLOATING_PRECISION);\n}\n","import {DOCUMENT} from '@angular/common';\nimport {\n ChangeDetectionStrategy,\n ChangeDetectorRef,\n Component,\n forwardRef,\n Inject,\n Optional,\n Self,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n isNativeFocused,\n TUI_FOCUSABLE_ITEM_ACCESSOR,\n TuiFocusableElementAccessor,\n TuiNativeFocusableElement,\n} from '@taiga-ui/cdk';\nimport {AbstractTuiSlider} from '@taiga-ui/kit/abstract';\nimport {TUI_FROM_TO_TEXTS} from '@taiga-ui/kit/tokens';\nimport {Observable} from 'rxjs';\n\n/**\n * @deprecated use {@link TuiSliderComponent} instead\n * TODO remove in 3.0\n */\n// @dynamic\n@Component({\n selector: 'tui-slider',\n templateUrl: '../../abstract/slider/slider.common.template.html',\n styleUrls: [\n '../../abstract/slider/slider.common.style.less',\n './slider-old.style.less',\n ],\n changeDetection: ChangeDetectionStrategy.OnPush,\n providers: [\n {\n provide: TUI_FOCUSABLE_ITEM_ACCESSOR,\n useExisting: forwardRef(() => TuiSliderOldComponent),\n },\n ],\n})\nexport class TuiSliderOldComponent\n extends AbstractTuiSlider<number>\n implements TuiFocusableElementAccessor\n{\n constructor(\n @Optional()\n @Self()\n @Inject(NgControl)\n control: NgControl | null,\n @Inject(ChangeDetectorRef) changeDetectorRef: ChangeDetectorRef,\n @Inject(DOCUMENT) documentRef: Document,\n @Inject(TUI_FROM_TO_TEXTS) fromToTexts$: Observable<[string, string]>,\n ) {\n super(control, changeDetectorRef, documentRef, fromToTexts$);\n }\n\n get nativeFocusableElement(): TuiNativeFocusableElement | null {\n return this.dotRight ? this.dotRight.nativeElement : null;\n }\n\n get focused(): boolean {\n return isNativeFocused(this.nativeFocusableElement);\n }\n\n get left(): number {\n return 0;\n }\n\n get right(): number {\n return 100 - 100 * this.getFractionFromValue(this.value);\n }\n\n protected getFallbackValue(): number {\n return 0;\n }\n\n protected processStep(increment: boolean) {\n const fraction = this.getFractionFromValue(this.value);\n const step = this.computedStep;\n const value = this.getValueFromFraction(\n increment ? fraction + step : fraction - step,\n );\n\n this.processValue(value);\n }\n\n protected processValue(value: number) {\n this.updateValue(this.valueGuard(value));\n }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {\n TuiActiveZoneModule,\n TuiFocusableModule,\n TuiFocusVisibleModule,\n TuiRepeatTimesModule,\n} from '@taiga-ui/cdk';\nimport {TuiFormatNumberPipeModule} from '@taiga-ui/core';\n\nimport {TuiSliderComponent} from './slider.component';\nimport {\n TuiSliderKeyStepsDirective,\n TuiSliderTickLabelPipe,\n} from './slider-key-steps.directive';\nimport {TuiSliderOldComponent} from './slider-old.component';\n\n@NgModule({\n imports: [\n CommonModule,\n TuiRepeatTimesModule,\n TuiFocusableModule,\n TuiFocusVisibleModule,\n TuiActiveZoneModule,\n TuiFormatNumberPipeModule,\n ],\n declarations: [\n TuiSliderComponent,\n TuiSliderKeyStepsDirective,\n TuiSliderTickLabelPipe,\n TuiSliderOldComponent,\n ],\n exports: [\n TuiSliderComponent,\n TuiSliderKeyStepsDirective,\n TuiSliderTickLabelPipe,\n TuiSliderOldComponent,\n ],\n})\nexport class TuiSliderModule {}\n"]}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
|
|
2
2
|
import { NgControl } from '@angular/forms';
|
|
3
3
|
import { AbstractTuiMultipleControl, TuiActiveZoneDirective, TuiBooleanHandler, TuiContextWithImplicit, TuiFocusableElementAccessor, TuiScrollService } from '@taiga-ui/cdk';
|
|
4
|
-
import { TuiDataListHost, TuiHintControllerDirective, TuiHorizontalDirection, TuiHostedDropdownComponent, TuiModeDirective, TuiScrollbarComponent, TuiSizeL, TuiSizeS, TuiTextfieldController } from '@taiga-ui/core';
|
|
4
|
+
import { TuiBrightness, TuiDataListHost, TuiHintControllerDirective, TuiHorizontalDirection, TuiHostedDropdownComponent, TuiModeDirective, TuiScrollbarComponent, TuiSizeL, TuiSizeS, TuiTextfieldController } from '@taiga-ui/core';
|
|
5
5
|
import { TuiStringifiableItem } from '@taiga-ui/kit/classes';
|
|
6
6
|
import { TuiStatusT } from '@taiga-ui/kit/types';
|
|
7
7
|
import { PolymorpheusContent } from '@tinkoff/ng-polymorpheus';
|
|
8
|
+
import { Observable } from 'rxjs';
|
|
8
9
|
import { TuiInputTagOptions } from './input-tag-options';
|
|
9
10
|
export declare class TuiInputTagComponent extends AbstractTuiMultipleControl<string> implements TuiFocusableElementAccessor, TuiDataListHost<string> {
|
|
10
11
|
private readonly tuiScrollService;
|
|
11
12
|
private readonly elementRef;
|
|
12
13
|
readonly appearance: string;
|
|
13
14
|
private readonly modeDirective;
|
|
15
|
+
private readonly mode$;
|
|
14
16
|
private readonly tagStatus;
|
|
15
17
|
readonly hintController: TuiHintControllerDirective;
|
|
16
18
|
readonly controller: TuiTextfieldController;
|
|
@@ -40,8 +42,9 @@ export declare class TuiInputTagComponent extends AbstractTuiMultipleControl<str
|
|
|
40
42
|
readonly datalist?: TemplateRef<TuiContextWithImplicit<TuiActiveZoneDirective>>;
|
|
41
43
|
readonly errorIconTemplate?: TemplateRef<{}>;
|
|
42
44
|
set scrollerSetter(scroller: TuiScrollbarComponent | null);
|
|
45
|
+
status$: Observable<TuiStatusT>;
|
|
43
46
|
open: boolean;
|
|
44
|
-
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, tuiScrollService: TuiScrollService, elementRef: ElementRef<HTMLElement>, appearance: string, modeDirective: TuiModeDirective | null, tagStatus: TuiStatusT, hintController: TuiHintControllerDirective, controller: TuiTextfieldController, options: TuiInputTagOptions, parentHostedDropdown?: TuiHostedDropdownComponent | undefined);
|
|
47
|
+
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, tuiScrollService: TuiScrollService, elementRef: ElementRef<HTMLElement>, appearance: string, modeDirective: TuiModeDirective | null, mode$: Observable<TuiBrightness | null>, tagStatus: TuiStatusT, hintController: TuiHintControllerDirective, controller: TuiTextfieldController, options: TuiInputTagOptions, parentHostedDropdown?: TuiHostedDropdownComponent | undefined);
|
|
45
48
|
get nativeFocusableElement(): HTMLInputElement | null;
|
|
46
49
|
get focused(): boolean;
|
|
47
50
|
get size(): TuiSizeL | TuiSizeS;
|
|
@@ -56,6 +59,10 @@ export declare class TuiInputTagComponent extends AbstractTuiMultipleControl<str
|
|
|
56
59
|
get iconAlignLeft(): boolean;
|
|
57
60
|
get iconAlignRight(): boolean;
|
|
58
61
|
get hasRightIcons(): boolean;
|
|
62
|
+
/**
|
|
63
|
+
* @deprecated: use `status$ | async` instead
|
|
64
|
+
* TODO: remove in v3.0
|
|
65
|
+
*/
|
|
59
66
|
get status(): TuiStatusT;
|
|
60
67
|
get canOpen(): boolean;
|
|
61
68
|
getLeftContent(tag: string): PolymorpheusContent;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"__symbolic":"module","version":4,"metadata":{"TuiInputTagComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":89,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":69,"character":1},"arguments":[{"selector":"tui-input-tag","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":71,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":76,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputTagComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":80,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputTagComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":83,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TEXTFIELD_CONTROLLER_PROVIDER","line":84,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"HINT_CONTROLLER_PROVIDER","line":85,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"canOpen\"\n [content]=\"datalist || ''\"\n [(open)]=\"open\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-wrapper\n [appearance]=\"appearance\"\n [readOnly]=\"readOnly\"\n [focused]=\"computedFocused\"\n [hovered]=\"computedHovered\"\n [disabled]=\"computedDisabled\"\n [invalid]=\"computedInvalid\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (mousedown)=\"onMouseDown($event)\"\n >\n <div class=\"t-content\">\n <div *ngIf=\"iconAlignLeft\" class=\"t-icons t-icons_left\">\n <tui-svg class=\"t-icon\" [src]=\"icon\"></tui-svg>\n </div>\n <div class=\"t-wrapper\">\n <div class=\"t-absolute-wrapper\">\n <div\n *ngIf=\"hasPlaceholder\"\n automation-id=\"tui-input-tag__placeholder\"\n class=\"t-placeholder\"\n [class.t-placeholder_raised]=\"placeholderRaised\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n <tui-scrollbar\n *ngIf=\"!expandable; else items\"\n class=\"t-scrollbar\"\n [hidden]=\"true\"\n >\n <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n </tui-scrollbar>\n <ng-template #items>\n <div #tagsContainer class=\"t-tags\">\n <ng-container *ngIf=\"labelOutside; else text\">\n <tui-tag\n *ngFor=\"let item of value; index as index\"\n #tag\n automation-id=\"tui-input-tag__tag\"\n class=\"t-tag\"\n [status]=\"status\"\n [leftContent]=\"getLeftContent(item)\"\n [allowSpaces]=\"allowSpaces\"\n [tuiFocusable]=\"false\"\n [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n [editable]=\"editable && !readOnly\"\n [hoverable]=\"!readOnly\"\n [removable]=\"!readOnly\"\n [separator]=\"separator\"\n [maxLength]=\"controller.maxLength\"\n [size]=\"controller.size\"\n [value]=\"item.toString()\"\n (edited)=\"onTagEdited($event, index)\"\n (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n ></tui-tag>\n </ng-container>\n <ng-template #text>\n <span\n *ngFor=\"let item of value\"\n class=\"t-text\"\n [class.t-text_disabled]=\"disabledItemHandler(item)\"\n [class.t-text_error]=\"!tagValidator(item)\"\n [innerText]=\"item\"\n ></span>\n </ng-template>\n <div\n class=\"t-input-wrapper\"\n [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n >\n <div class=\"t-ghost\">{{ search }}</div>\n <input\n #focusableElement\n type=\"text\"\n automation-id=\"tui-input-tag__native\"\n class=\"t-native\"\n [placeholder]=\"controller.exampleText\"\n [class.t-native_hidden]=\"inputHidden\"\n [attr.maxLength]=\"controller.maxLength\"\n [id]=\"id\"\n [disabled]=\"computedDisabled\"\n [readOnly]=\"readOnly || inputHidden\"\n [tuiFocusable]=\"computedFocusable\"\n [ngModel]=\"search\"\n (ngModelChange)=\"onInput($event)\"\n (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n />\n </div>\n </div>\n </ng-template>\n </div>\n <div *ngIf=\"hasRightIcons\" class=\"t-icons t-icons_right\">\n <tui-svg\n *ngIf=\"hasCleaner\"\n #cleaner\n automation-id=\"tui-input-tag__cleaner\"\n src=\"tuiIconCloseLarge\"\n class=\"t-cleaner\"\n (click.stop)=\"onCleanerClick()\"\n ></tui-svg>\n <tui-tooltip\n *ngIf=\"hasTooltip\"\n automation-id=\"tui-input-tag__tooltip\"\n describeId=\"placeholer_until_accesibility_is_added\"\n class=\"t-tooltip\"\n [direction]=\"hintController.direction\"\n [mode]=\"hintController.mode\"\n [content]=\"hintController.content\"\n [showDelay]=\"hintController.showDelay\"\n [hideDelay]=\"hintController.hideDelay\"\n ></tui-tooltip>\n <tui-svg\n *ngIf=\"iconAlignRight\"\n class=\"t-icon\"\n [src]=\"icon\"\n ></tui-svg>\n </div>\n </div>\n <ng-template #errorIcon>\n <tui-svg src=\"tuiIconAttention\" class=\"t-error-icon\"></tui-svg>\n </ng-template>\n </tui-wrapper>\n</tui-hosted-dropdown>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-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%;padding:0 var(--tui-padding-m);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);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.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 :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .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):hover .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)}@supports (-webkit-hyphens:none){.t-placeholder{transition-property:transform,color,letter-spacing}}.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}.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-icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}.t-icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-size='s'] .t-icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-scrollbar{margin:0 -.25rem;padding:0 .25rem}.t-tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .t-tags{flex-wrap:wrap;white-space:normal}:host._readonly .t-tags{pointer-events:none}:host[data-size='s'] .t-tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-size='m'] .t-tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-size='l'] .t-tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-size='m']:not(._label-outside) .t-tags{padding:1.1875rem 1rem 0 0}:host[data-size='l']:not(._label-outside) .t-tags{padding:1.6875rem 1rem .5625rem 0}.t-tags :host[data-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-size]:not(._label-outside) .t-tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.t-content{align-items:flex-start}.t-icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.t-icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .t-icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-icons{height:var(--tui-height-s)}:host[data-size='m'] .t-icons{height:var(--tui-height-m)}:host[data-size='l'] .t-icons{height:var(--tui-height-l)}.t-absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-size='m'] .t-absolute-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-absolute-wrapper{height:var(--tui-height-l)}.t-wrapper{position:relative;padding:0}.t-tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.t-text:after{content:',\\00a0'}.t-text_disabled{color:var(--tui-text-03)}.t-text_error{color:var(--tui-negative)}:host:not(._expandable) .t-text{white-space:nowrap}:host:not(._focused) .t-text:last-of-type:after{content:''}.t-input-wrapper{position:relative;flex:1;max-width:100%}.t-input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-input-wrapper{min-height:1.5rem}:host[data-size='m'] .t-input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-size='l'] .t-input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .t-input-wrapper{min-height:1.25rem}.t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .t-ghost{min-width:2rem}.t-native{border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-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%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-native:-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-native_hidden{opacity:0;text-indent:-10em}.t-native::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-native::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-native::placeholder{color:var(--tui-text-03-night)}:host._focused .t-native:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-native:not(:read-only)::placeholder{opacity:1}.t-error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]}]}],"members":{"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":92,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":92,"character":15}]}]}],"focusableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":95,"character":5},"arguments":["focusableElement"]}]}],"tagsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":98,"character":5},"arguments":["tagsContainer"]}]}],"tags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":101,"character":5},"arguments":["tag",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":101,"character":32}}]}]}],"cleanerSvg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":104,"character":5},"arguments":["cleaner",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":104,"character":33}}]}]}],"scrollBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":107,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiScrollbarComponent","line":107,"character":15},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":107,"character":45}}]}]}],"allowSpaces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":114,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":115,"character":5}}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":119,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":123,"character":5}}]}],"iconAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":127,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":131,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":135,"character":5}}]}],"tagValidator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":139,"character":5}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":143,"character":5},"arguments":["class._expandable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":144,"character":5}}]}],"inputHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":147,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":148,"character":5}}]}],"uniqueTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":152,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":156,"character":5}}]}],"pseudoFocusedSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":160,"character":5},"arguments":["pseudoFocused"]}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":169,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":172,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":172,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":172,"character":47}}]}]}],"errorIconTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":175,"character":5},"arguments":["errorIcon"]}]}],"scrollerSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":178,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiScrollbarComponent","line":178,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":186,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":187,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":188,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":188,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":190,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":190,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":191,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiScrollService","line":191,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":192,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":192,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":193,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_APPEARANCE","line":193,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":194,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":195,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":195,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":197,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_TAG_STATUS","line":197,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":198,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_HINT_WATCHED_CONTROLLER","line":198,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":200,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_WATCHED_CONTROLLER","line":200,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":202,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_INPUT_TAG_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":204,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":205,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":205,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":189,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":190,"character":54},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiScrollService","line":191,"character":69},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":192,"character":68,"context":{"typeName":"HTMLElement"},"module":"./input-tag.component"}]},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":196,"character":40},{"__symbolic":"reference","module":"@taiga-ui/kit/types","name":"TuiStatusT","line":197,"character":60},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintControllerDirective","line":199,"character":33},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldController","line":201,"character":29},{"__symbolic":"reference","name":"TuiInputTagOptions"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":206,"character":48}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":224,"character":5},"arguments":["attr.data-size"]}]}],"labelOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":229,"character":5},"arguments":["class._label-outside"]}]}],"getLeftContent":[{"__symbolic":"method"}],"onCleanerClick":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onFieldKeyDownBackspace":[{"__symbolic":"method"}],"onFieldKeyDownArrowLeft":[{"__symbolic":"method"}],"onFieldKeyDownEnter":[{"__symbolic":"method"}],"onTagKeyDownArrowLeft":[{"__symbolic":"method"}],"onTagKeyDownArrowRight":[{"__symbolic":"method"}],"onTagEdited":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onHoveredChange":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"onScrollKeyDown":[{"__symbolic":"method"}],"initScrollerSubscrition":[{"__symbolic":"method"}],"updateSearch":[{"__symbolic":"method"}],"shouldScroll":[{"__symbolic":"method"}],"addTag":[{"__symbolic":"method"}],"deleteLastEnabledItem":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiInputTagModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":25,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":26,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":27,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":28,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiScrollbarModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTooltipModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/tag","name":"TuiTagModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":34,"character":8}],"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiScrollService","line":36,"character":16}],"declarations":[{"__symbolic":"reference","name":"TuiInputTagComponent"}],"exports":[{"__symbolic":"reference","name":"TuiInputTagComponent"}]}]}],"members":{}},"TuiInputTagOptions":{"__symbolic":"interface"},"TUI_INPUT_TAG_DEFAULT_OPTIONS":{"separator":",","uniqueTags":true},"TUI_INPUT_TAG_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":12,"character":41},"arguments":["Default parameters for input-tag",{"__symbolic":"error","message":"Lambda not supported","line":15,"character":17,"module":"./input-tag-options"}]}},"origins":{"TuiInputTagComponent":"./input-tag.component","TuiInputTagModule":"./input-tag.module","TuiInputTagOptions":"./input-tag-options","TUI_INPUT_TAG_DEFAULT_OPTIONS":"./input-tag-options","TUI_INPUT_TAG_OPTIONS":"./input-tag-options"},"importAs":"@taiga-ui/kit/components/input-tag"}
|
|
1
|
+
{"__symbolic":"module","version":4,"metadata":{"TuiInputTagComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"AbstractTuiMultipleControl","line":93,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":72,"character":1},"arguments":[{"selector":"tui-input-tag","changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":74,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":79,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputTagComponent"}},{"provide":{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_DATA_LIST_HOST","line":83,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputTagComponent"}},{"__symbolic":"reference","module":"@taiga-ui/kit/providers","name":"FIXED_DROPDOWN_CONTROLLER_PROVIDER","line":86,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TEXTFIELD_CONTROLLER_PROVIDER","line":87,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"HINT_CONTROLLER_PROVIDER","line":88,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"MODE_PROVIDER","line":89,"character":8}],"template":"<tui-hosted-dropdown\n class=\"t-hosted\"\n [canOpen]=\"canOpen\"\n [content]=\"datalist || ''\"\n [(open)]=\"open\"\n (tuiActiveZoneChange)=\"onActiveZone($event)\"\n>\n <tui-wrapper\n [appearance]=\"appearance\"\n [readOnly]=\"readOnly\"\n [focused]=\"computedFocused\"\n [hovered]=\"computedHovered\"\n [disabled]=\"computedDisabled\"\n [invalid]=\"computedInvalid\"\n (tuiHoveredChange)=\"onHoveredChange($event)\"\n (mousedown)=\"onMouseDown($event)\"\n >\n <div class=\"t-content\">\n <div *ngIf=\"iconAlignLeft\" class=\"t-icons t-icons_left\">\n <tui-svg class=\"t-icon\" [src]=\"icon\"></tui-svg>\n </div>\n <div class=\"t-wrapper\">\n <div class=\"t-absolute-wrapper\">\n <div\n *ngIf=\"hasPlaceholder\"\n automation-id=\"tui-input-tag__placeholder\"\n class=\"t-placeholder\"\n [class.t-placeholder_raised]=\"placeholderRaised\"\n >\n <ng-content></ng-content>\n </div>\n </div>\n <tui-scrollbar\n *ngIf=\"!expandable; else items\"\n class=\"t-scrollbar\"\n [hidden]=\"true\"\n >\n <ng-container *ngTemplateOutlet=\"items\"></ng-container>\n </tui-scrollbar>\n <ng-template #items>\n <div #tagsContainer class=\"t-tags\">\n <ng-container *ngIf=\"labelOutside; else text\">\n <tui-tag\n *ngFor=\"let item of value; index as index\"\n #tag\n automation-id=\"tui-input-tag__tag\"\n class=\"t-tag\"\n [status]=\"status$ | async\"\n [leftContent]=\"getLeftContent(item)\"\n [allowSpaces]=\"allowSpaces\"\n [tuiFocusable]=\"false\"\n [disabled]=\"computedDisabled || disabledItemHandler(item)\"\n [editable]=\"editable && !readOnly\"\n [hoverable]=\"!readOnly\"\n [removable]=\"!readOnly\"\n [separator]=\"separator\"\n [maxLength]=\"controller.maxLength\"\n [size]=\"controller.size\"\n [value]=\"item.toString()\"\n (edited)=\"onTagEdited($event, index)\"\n (keydown.arrowLeft.prevent)=\"onTagKeyDownArrowLeft(index)\"\n (keydown.arrowRight.prevent)=\"onTagKeyDownArrowRight(index)\"\n ></tui-tag>\n </ng-container>\n <ng-template #text>\n <span\n *ngFor=\"let item of value\"\n class=\"t-text\"\n [class.t-text_disabled]=\"disabledItemHandler(item)\"\n [class.t-text_error]=\"!tagValidator(item)\"\n [innerText]=\"item\"\n ></span>\n </ng-template>\n <div\n class=\"t-input-wrapper\"\n [class.t-input-wrapper_collapsed]=\"computedDisabled || readOnly || inputHidden\"\n >\n <div class=\"t-ghost\">{{ search }}</div>\n <input\n #focusableElement\n type=\"text\"\n automation-id=\"tui-input-tag__native\"\n class=\"t-native\"\n [placeholder]=\"controller.exampleText\"\n [class.t-native_hidden]=\"inputHidden\"\n [attr.maxLength]=\"controller.maxLength\"\n [id]=\"id\"\n [disabled]=\"computedDisabled\"\n [readOnly]=\"readOnly || inputHidden\"\n [tuiFocusable]=\"computedFocusable\"\n [ngModel]=\"search\"\n (ngModelChange)=\"onInput($event)\"\n (keydown.arrowLeft)=\"onFieldKeyDownArrowLeft($event)\"\n (keydown.backspace)=\"onFieldKeyDownBackspace($event)\"\n (keydown.enter.prevent)=\"onFieldKeyDownEnter()\"\n />\n </div>\n </div>\n </ng-template>\n </div>\n <div *ngIf=\"hasRightIcons\" class=\"t-icons t-icons_right\">\n <tui-svg\n *ngIf=\"hasCleaner\"\n #cleaner\n automation-id=\"tui-input-tag__cleaner\"\n src=\"tuiIconCloseLarge\"\n class=\"t-cleaner\"\n (click.stop)=\"onCleanerClick()\"\n ></tui-svg>\n <tui-tooltip\n *ngIf=\"hasTooltip\"\n automation-id=\"tui-input-tag__tooltip\"\n describeId=\"placeholer_until_accesibility_is_added\"\n class=\"t-tooltip\"\n [direction]=\"hintController.direction\"\n [mode]=\"hintController.mode\"\n [content]=\"hintController.content\"\n [showDelay]=\"hintController.showDelay\"\n [hideDelay]=\"hintController.hideDelay\"\n ></tui-tooltip>\n <tui-svg\n *ngIf=\"iconAlignRight\"\n class=\"t-icon\"\n [src]=\"icon\"\n ></tui-svg>\n </div>\n </div>\n <ng-template #errorIcon>\n <tui-svg src=\"tuiIconAttention\" class=\"t-error-icon\"></tui-svg>\n </ng-template>\n </tui-wrapper>\n</tui-hosted-dropdown>\n","styles":[":host{font:var(--tui-font-text-s);color:var(--tui-text-01);position:relative;display:block;border-radius:var(--tui-radius-m);text-align:left}:host[data-size='s']{height:var(--tui-height-s);min-height:var(--tui-height-s);max-height:var(--tui-height-s)}:host[data-size='m']{height:var(--tui-height-m);min-height:var(--tui-height-m);max-height:var(--tui-height-m)}:host[data-size='l']{height:var(--tui-height-l);min-height:var(--tui-height-l);max-height:var(--tui-height-l);font:var(--tui-font-text-m);line-height:1.25rem}.t-input{font:var(--tui-font-text-s);color:var(--tui-text-01);padding:0;border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-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%;padding:0 var(--tui-padding-m);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);text-indent:var(--text-indent);text-align:inherit;box-sizing:border-box;white-space:nowrap;overflow:hidden;text-transform:inherit;resize:none}.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 :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-primitive-textfield[data-mode=onDark]):-webkit-autofill:hover,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:focus,.t-input :host-context(tui-text-area[data-mode=onDark]):-webkit-autofill:hover,:host[data-mode=onDark] .t-input:-webkit-autofill,:host[data-mode=onDark] .t-input:-webkit-autofill:focus,:host[data-mode=onDark] .t-input:-webkit-autofill:hover{border-radius:inherit;color:inherit!important;background-color:transparent!important;-webkit-text-fill-color:var(--tui-text-01-night)!important;border-color:var(--tui-autofill-night);-webkit-box-shadow:0 0 0 1000px var(--tui-autofill-night) inset!important}.t-input :host-context(tui-primitive-textfield[data-size='s']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='s']):not(tui-text-area),:host[data-size='s'] .t-input{padding:0 var(--tui-padding-s)}.t-input :host-context(tui-primitive-textfield[data-size='l']):not(tui-primitive-textfield),.t-input :host-context(tui-text-area[data-size='l']):not(tui-text-area),:host[data-size='l'] .t-input{padding:0 var(--tui-padding-l)}.t-input :host-context(tui-primitive-textfield._disabled),.t-input :host-context(tui-text-area._disabled),:host._disabled .t-input{pointer-events:none}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='l']:not(._label-outside) .t-input{padding-top:1.25rem}.t-input :host-context(tui-primitive-textfield[data-size='l']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='l']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.8156rem;transform:translateY(-.625rem)}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield),:host[data-size='m']:not(._label-outside) .t-input{padding-top:1.125rem}.t-input :host-context(tui-primitive-textfield[data-size='m']:not(._label-outside)):not(tui-primitive-textfield):-webkit-autofill+.content .placeholder,:host[data-size='m']:not(._label-outside) .t-input:-webkit-autofill+.content .placeholder{font-size:.69rem;transform:translateY(-.5rem)}.t-input :host-context(tui-primitive-textfield._hidden),:host._hidden input.t-input{opacity:0;text-indent:-10em;-webkit-user-select:none}.t-content{display:flex;height:100%;width:100%;padding:0 var(--tui-padding-m);box-sizing:border-box;align-items:center;overflow:hidden}:host[data-size='s'] .t-content{padding:0 var(--tui-padding-s)}:host[data-size='l'] .t-content{padding:0 var(--tui-padding-l)}.t-content:after{content:'';margin-right:-.25rem}:host[data-size='m'] .t-content:after{display:none}.t-wrapper{flex:1;min-width:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem;-webkit-padding-start:0;padding-inline-start:0}.t-placeholder{transition-property:transform,font-size,color,letter-spacing;transition-duration:var(--tui-duration,300ms);transition-timing-function:ease-in-out;font:var(--tui-font-text-s);color:var(--tui-text-01);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;width:100%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;color:var(--tui-text-02);pointer-events:none}.t-placeholder_raised{transform:translateY(-.625rem)}:host[data-size='m'] .t-placeholder_raised{font:var(--tui-font-text-xs);transform:translateY(-.5rem);letter-spacing:.025rem}:host._invalid:not(._focused) .t-placeholder_raised,:host._invalid:not(._focused):hover .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):hover .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)}@supports (-webkit-hyphens:none){.t-placeholder{transition-property:transform,color,letter-spacing}}.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}.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-icon{display:flex;width:1.5rem;height:1.5rem;align-items:center;justify-content:center;color:var(--tui-text-03)}:host[data-mode=onDark] .t-icon{color:var(--tui-text-03-night)}.t-icon_left{margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host[data-size='s'] .t-icon_left{margin-right:.25rem;-webkit-margin-end:.25rem;margin-inline-end:.25rem}:host{cursor:text}:host._expandable{height:auto;max-height:none}:host._disabled{pointer-events:none}:host._readonly{cursor:default}.t-hosted{display:block;border-radius:inherit}.t-scrollbar{margin:0 -.25rem;padding:0 .25rem}.t-tags{display:flex;align-items:center;box-sizing:border-box}:host._expandable .t-tags{flex-wrap:wrap;white-space:normal}:host._readonly .t-tags{pointer-events:none}:host[data-size='s'] .t-tags{min-height:var(--tui-height-s);padding:.25rem .25rem .25rem 0}:host[data-size='m'] .t-tags{min-height:var(--tui-height-m);padding:.5rem .25rem .5rem 0}:host[data-size='l'] .t-tags{min-height:var(--tui-height-l);padding:.625rem .25rem .625rem 0}:host[data-size='m']:not(._label-outside) .t-tags{padding:1.1875rem 1rem 0 0}:host[data-size='l']:not(._label-outside) .t-tags{padding:1.6875rem 1rem .5625rem 0}.t-tags :host[data-size]{-webkit-padding-start:0;padding-inline-start:0;-webkit-padding-end:.25rem;padding-inline-end:.25rem}:host[data-size]:not(._label-outside) .t-tags{-webkit-padding-end:1rem;padding-inline-end:1rem}.t-content{align-items:flex-start}.t-icons{display:flex;align-items:center;padding:0 0 0 .75rem;-webkit-padding-start:.75rem;padding-inline-start:.75rem;-webkit-padding-end:0;padding-inline-end:0}.t-icons_left{padding:0;margin:0 .5rem 0 -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem}:host._expandable .t-icons_right{margin:0 0 0 -.625rem;-webkit-margin-start:-.625rem;margin-inline-start:-.625rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-icons{height:var(--tui-height-s)}:host[data-size='m'] .t-icons{height:var(--tui-height-m)}:host[data-size='l'] .t-icons{height:var(--tui-height-l)}.t-absolute-wrapper{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center}:host[data-size='m'] .t-absolute-wrapper{height:var(--tui-height-m)}:host[data-size='l'] .t-absolute-wrapper{height:var(--tui-height-l)}.t-wrapper{position:relative;padding:0}.t-tag{margin:.125rem .5rem .125rem -.25rem;-webkit-margin-start:-.25rem;margin-inline-start:-.25rem;-webkit-margin-end:.5rem;margin-inline-end:.5rem;max-width:100%;flex-shrink:0}.t-text:after{content:',\\00a0'}.t-text_disabled{color:var(--tui-text-03)}.t-text_error{color:var(--tui-negative)}:host:not(._expandable) .t-text{white-space:nowrap}:host:not(._focused) .t-text:last-of-type:after{content:''}.t-input-wrapper{position:relative;flex:1;max-width:100%}.t-input-wrapper_collapsed{flex:0;margin:0 0 0 -.5rem;-webkit-margin-start:-.5rem;margin-inline-start:-.5rem;-webkit-margin-end:0;margin-inline-end:0}:host[data-size='s'] .t-input-wrapper{min-height:1.5rem}:host[data-size='m'] .t-input-wrapper{min-height:calc(var(--tui-height-xs) + 2 * .125rem)}:host[data-size='l'] .t-input-wrapper{min-height:calc(var(--tui-height-s) + 2 * .125rem)}:host:not(._label-outside) .t-input-wrapper{min-height:1.25rem}.t-ghost{visibility:hidden;white-space:pre;text-overflow:clip;min-width:.125rem}:host:not(._expandable) .t-ghost{min-width:2rem}.t-native{border:0;border-radius:inherit;background:0 0;font-size:inherit;line-height:inherit;font-weight:inherit;color:inherit;caret-color:currentColor;outline:0;-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%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;box-sizing:border-box;padding:0;cursor:inherit}.t-native:-webkit-autofill,.t-native:-webkit-autofill:focus,.t-native:-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-native_hidden{opacity:0;text-indent:-10em}.t-native::-ms-input-placeholder{color:var(--tui-text-03);opacity:0}.t-native::placeholder{color:var(--tui-text-03);opacity:0}:host[data-mode=onDark] .t-native::-ms-input-placeholder{color:var(--tui-text-03-night)}:host[data-mode=onDark] .t-native::placeholder{color:var(--tui-text-03-night)}:host._focused .t-native:not(:read-only)::-ms-input-placeholder{opacity:1}:host._focused .t-native:not(:-moz-read-only)::placeholder{opacity:1}:host._focused .t-native:not(:read-only)::placeholder{opacity:1}.t-error-icon{display:block;color:var(--tui-error-fill);width:1rem;height:1rem}"]}]}],"members":{"hostedDropdown":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":96,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":96,"character":15}]}]}],"focusableElement":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":99,"character":5},"arguments":["focusableElement"]}]}],"tagsContainer":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":102,"character":5},"arguments":["tagsContainer"]}]}],"tags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChildren","line":105,"character":5},"arguments":["tag",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":105,"character":32}}]}]}],"cleanerSvg":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":108,"character":5},"arguments":["cleaner",{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":108,"character":33}}]}]}],"scrollBar":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":111,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiScrollbarComponent","line":111,"character":15},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":111,"character":45}}]}]}],"allowSpaces":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":118,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":119,"character":5}}]}],"separator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":122,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":123,"character":5}}]}],"icon":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":126,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":127,"character":5}}]}],"iconAlign":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":130,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":131,"character":5}}]}],"search":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":134,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":135,"character":5}}]}],"editable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":138,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":139,"character":5}}]}],"tagValidator":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":142,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":143,"character":5}}]}],"expandable":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":146,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":147,"character":5},"arguments":["class._expandable"]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":148,"character":5}}]}],"inputHidden":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":151,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":152,"character":5}}]}],"uniqueTags":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":155,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":156,"character":5}}]}],"disabledItemHandler":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":159,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":160,"character":5}}]}],"pseudoFocusedSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":164,"character":5},"arguments":["pseudoFocused"]}]}],"searchChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":173,"character":5}}]}],"datalist":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ContentChild","line":176,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiDataListDirective","line":176,"character":18},{"read":{"__symbolic":"reference","module":"@angular/core","name":"TemplateRef","line":176,"character":47}}]}]}],"errorIconTemplate":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":179,"character":5},"arguments":["errorIcon"]}]}],"scrollerSetter":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":182,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiScrollbarComponent","line":182,"character":15}]}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":194,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":195,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":196,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":196,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":198,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":198,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":199,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiScrollService","line":199,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":200,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":200,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":201,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_APPEARANCE","line":201,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":202,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":203,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":203,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":205,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_MODE","line":205,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":207,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_TAG_STATUS","line":207,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":208,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_HINT_WATCHED_CONTROLLER","line":208,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":210,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_WATCHED_CONTROLLER","line":210,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":212,"character":9},"arguments":[{"__symbolic":"reference","name":"TUI_INPUT_TAG_OPTIONS"}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":214,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":215,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":215,"character":16}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":197,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":198,"character":54},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiScrollService","line":199,"character":69},{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":200,"character":68,"context":{"typeName":"HTMLElement"},"module":"./input-tag.component"}]},{"__symbolic":"reference","name":"string"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiModeDirective","line":204,"character":40},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiBrightness","line":206,"character":43}]},{"__symbolic":"reference","module":"@taiga-ui/kit/types","name":"TuiStatusT","line":207,"character":60},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHintControllerDirective","line":209,"character":33},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldController","line":211,"character":29},{"__symbolic":"reference","name":"TuiInputTagOptions"},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownComponent","line":216,"character":48}]}],"size":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":234,"character":5},"arguments":["attr.data-size"]}]}],"labelOutside":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":239,"character":5},"arguments":["class._label-outside"]}]}],"getLeftContent":[{"__symbolic":"method"}],"onCleanerClick":[{"__symbolic":"method"}],"onActiveZone":[{"__symbolic":"method"}],"onMouseDown":[{"__symbolic":"method"}],"onFieldKeyDownBackspace":[{"__symbolic":"method"}],"onFieldKeyDownArrowLeft":[{"__symbolic":"method"}],"onFieldKeyDownEnter":[{"__symbolic":"method"}],"onTagKeyDownArrowLeft":[{"__symbolic":"method"}],"onTagKeyDownArrowRight":[{"__symbolic":"method"}],"onTagEdited":[{"__symbolic":"method"}],"handleOption":[{"__symbolic":"method"}],"onInput":[{"__symbolic":"method"}],"onHoveredChange":[{"__symbolic":"method"}],"setDisabledState":[{"__symbolic":"method"}],"updateValue":[{"__symbolic":"method"}],"onScrollKeyDown":[{"__symbolic":"method"}],"initScrollerSubscrition":[{"__symbolic":"method"}],"updateSearch":[{"__symbolic":"method"}],"shouldScroll":[{"__symbolic":"method"}],"addTag":[{"__symbolic":"method"}],"deleteLastEnabledItem":[{"__symbolic":"method"}],"focusInput":[{"__symbolic":"method"}]}},"TuiInputTagModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":21,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":23,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":24,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":25,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":26,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiHoveredModule","line":27,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiActiveZoneModule","line":28,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiSvgModule","line":29,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiScrollbarModule","line":30,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTooltipModule","line":31,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiHostedDropdownModule","line":32,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/tag","name":"TuiTagModule","line":33,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiWrapperModule","line":34,"character":8}],"providers":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiScrollService","line":36,"character":16}],"declarations":[{"__symbolic":"reference","name":"TuiInputTagComponent"}],"exports":[{"__symbolic":"reference","name":"TuiInputTagComponent"}]}]}],"members":{}},"TuiInputTagOptions":{"__symbolic":"interface"},"TUI_INPUT_TAG_DEFAULT_OPTIONS":{"separator":",","uniqueTags":true},"TUI_INPUT_TAG_OPTIONS":{"__symbolic":"new","expression":{"__symbolic":"reference","module":"@angular/core","name":"InjectionToken","line":12,"character":41},"arguments":["Default parameters for input-tag",{"__symbolic":"error","message":"Lambda not supported","line":15,"character":17,"module":"./input-tag-options"}]}},"origins":{"TuiInputTagComponent":"./input-tag.component","TuiInputTagModule":"./input-tag.module","TuiInputTagOptions":"./input-tag-options","TUI_INPUT_TAG_DEFAULT_OPTIONS":"./input-tag-options","TUI_INPUT_TAG_OPTIONS":"./input-tag-options"},"importAs":"@taiga-ui/kit/components/input-tag"}
|
|
@@ -10,7 +10,9 @@ export declare class TuiSliderKeyStepsDirective extends AbstractTuiControl<numbe
|
|
|
10
10
|
keyStepsInput: import("rxjs").Observable<number>;
|
|
11
11
|
get nativeFocusableElement(): HTMLInputElement | null;
|
|
12
12
|
get focused(): boolean;
|
|
13
|
-
|
|
13
|
+
get min(): number;
|
|
14
|
+
get max(): number;
|
|
15
|
+
get controlValue(): number;
|
|
14
16
|
constructor(control: NgControl | null, changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef<HTMLInputElement>, slider: TuiSliderComponent);
|
|
15
17
|
updateControlValue(): void;
|
|
16
18
|
writeValue(controlValue: number | null): void;
|