@taiga-ui/kit 2.50.0 → 2.50.1

package/components/input-slider/taiga-ui-kit-components-input-slider.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiNewInputSliderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":52,"character":1},"arguments":[{"selector":"tui-input-slider[new]"}]}],"members":{}},"TuiInputSliderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/kit/abstract","name":"AbstractTuiInputSlider","line":85,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"tui-input-slider","host":{"[class._show-ticks-labels]":"!isNew","$quoted$":["[class._show-ticks-labels]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":69,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":72,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputSliderComponent"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"tuiSliderOptionsProvider","line":75,"character":8},"arguments":[{"trackColor":"transparent"}]},{"__symbolic":"reference","module":"@taiga-ui/core","name":"HINT_CONTROLLER_PROVIDER","line":76,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TEXTFIELD_CONTROLLER_PROVIDER","line":77,"character":8}],"template":"<tui-input-number\n    [min]=\"min\"\n    [max]=\"max\"\n    [precision]=\"precision\"\n    [decimal]=\"decimal\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix || (value | i18nPlural: pluralizeMap || pluralizeMapFallback)\"\n    [tuiTextfieldCustomContent]=\"controller.customContent || deprecatedSecondary\"\n    [tuiTextfieldSize]=\"computedSize\"\n    [tuiTextfieldLabelOutside]=\"computedSize !== 'l'\"\n    [readOnly]=\"readOnly\"\n    [pseudoFocused]=\"computedFocused\"\n    [pseudoHovered]=\"computedHovered\"\n    [pseudoPressed]=\"computedPressed\"\n    [pseudoInvalid]=\"pseudoInvalid\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"safelyUpdateValue($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown.arrowUp.prevent)=\"onVerticalArrowKeyDown(1)\"\n    (keydown.arrowDown.prevent)=\"onVerticalArrowKeyDown(-1)\"\n>\n    <ng-content></ng-content>\n    <div\n        *ngIf=\"computedValueContent && !focused\"\n        polymorpheus-outlet\n        automation-id=\"tui-input-slider__value-content\"\n        [content]=\"computedValueContent\"\n        [context]=\"{$implicit: value}\"\n    ></div>\n</tui-input-number>\n\n<!--TODO: remove in v3.0-->\n<ng-template #deprecatedSecondary>{{secondary}}</ng-template>\n\n<!--TODO: remove wrapper + ticks labels (leave only slider) in v3.0-->\n<div class=\"t-slider-wrapper\">\n    <input\n        tuiSlider\n        type=\"range\"\n        [tuiFocusable]=\"false\"\n        [max]=\"computedSteps\"\n        [segments]=\"segments\"\n        [keySteps]=\"computedKeySteps\"\n        [attr.disabled]=\"readOnly || disabled || null\"\n        [ngModel]=\"value\"\n        (keyStepsInput)=\"onSliderChange($event)\"\n        (click)=\"focusTextInput()\"\n    />\n\n    <!--TODO delete ticks labels in v3.0-->\n    <div\n        *ngIf=\"segments && !isNew\"\n        class=\"t-ticks-labels\"\n    >\n        <span\n            *tuiRepeatTimes=\"let tickIndex of segments + 1\"\n            automation-id=\"tui-slider__segment\"\n        >\n            <span *ngIf=\"fromToTexts$ | async as fromToText\">\n                {{ getTickPrefix(tickIndex, segments, fromToText) }} {{\n                tickIndex | tuiSliderTickLabel:segments:computedKeySteps |\n                tuiFormatNumber}}\n                <span *ngIf=\"segmentsPluralizeMap\">\n                    {{ tickIndex | tuiSliderTickLabel:segments:computedKeySteps\n                    | i18nPlural: segmentsPluralizeMap }}\n                </span>\n            </span>\n        </span>\n    </div>\n</div>\n","styles":[":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]}]}],"members":{"inputNumberRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":88,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-number","name":"TuiInputNumberComponent","line":88,"character":15}]}]}],"sliderRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":91,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderComponent","line":91,"character":15},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":91,"character":42}}]}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":95,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":99,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":103,"character":5},"arguments":[{"__symbolic":"error","message":"Reference to a non-exported function","line":279,"character":9,"context":{"name":"quantumAssertion"},"module":"./input-slider.component"},"Quantum must be positive"]}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":107,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":111,"character":5}}]}],"keySteps":[{"__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}}]}],"valueContent":[{"__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}}]}],"prefix":[{"__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}}]}],"postfix":[{"__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}}]}],"secondary":[{"__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}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":139,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":140,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":141,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":141,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":143,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":143,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":144,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_WATCHED_CONTROLLER","line":144,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":146,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":146,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":147,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":148,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":142,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":143,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldController","line":145,"character":29},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":146,"character":69,"module":"./input-slider.component"}]},{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}]}],"focusTextInput":[{"__symbolic":"method"}],"safelyUpdateValue":[{"__symbolic":"method"}],"onVerticalArrowKeyDown":[{"__symbolic":"method"}],"onSliderChange":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}],"valueGuard":[{"__symbolic":"method"}],"updateTextInputValue":[{"__symbolic":"method"}]}},"TuiInputSliderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiFormatNumberPipeModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":22,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":23,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-number","name":"TuiInputNumberModule","line":24,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":25,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputSliderComponent"},{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}],"exports":[{"__symbolic":"reference","name":"TuiInputSliderComponent"},{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}]}]}],"members":{}}},"origins":{"TuiNewInputSliderDirective":"./input-slider.component","TuiInputSliderComponent":"./input-slider.component","TuiInputSliderModule":"./input-slider.module"},"importAs":"@taiga-ui/kit/components/input-slider"}
+{"__symbolic":"module","version":4,"metadata":{"TuiNewInputSliderDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":52,"character":1},"arguments":[{"selector":"tui-input-slider[new]"}]}],"members":{}},"TuiInputSliderComponent":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"@taiga-ui/kit/abstract","name":"AbstractTuiInputSlider","line":85,"character":12},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":58,"character":1},"arguments":[{"selector":"tui-input-slider","host":{"[class._show-ticks-labels]":"!isNew","$quoted$":["[class._show-ticks-labels]"]},"changeDetection":{"__symbolic":"select","expression":{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectionStrategy","line":69,"character":21},"member":"OnPush"},"providers":[{"provide":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TUI_FOCUSABLE_ITEM_ACCESSOR","line":72,"character":21},"useExisting":{"__symbolic":"reference","name":"TuiInputSliderComponent"}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"tuiSliderOptionsProvider","line":75,"character":8},"arguments":[{"trackColor":"transparent"}]},{"__symbolic":"reference","module":"@taiga-ui/core","name":"HINT_CONTROLLER_PROVIDER","line":76,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TEXTFIELD_CONTROLLER_PROVIDER","line":77,"character":8}],"template":"<tui-input-number\n    [min]=\"min\"\n    [max]=\"max\"\n    [precision]=\"precision\"\n    [decimal]=\"decimal\"\n    [prefix]=\"prefix\"\n    [postfix]=\"postfix || (value | i18nPlural: pluralizeMap || pluralizeMapFallback)\"\n    [tuiTextfieldCustomContent]=\"controller.customContent || deprecatedSecondary\"\n    [tuiTextfieldSize]=\"computedSize\"\n    [tuiTextfieldLabelOutside]=\"computedSize !== 'l'\"\n    [readOnly]=\"readOnly\"\n    [pseudoFocused]=\"computedFocused\"\n    [pseudoHovered]=\"computedHovered\"\n    [pseudoPressed]=\"computedPressed\"\n    [pseudoInvalid]=\"pseudoInvalid\"\n    [ngModel]=\"value\"\n    (ngModelChange)=\"safelyUpdateValue($event)\"\n    (focusedChange)=\"onFocused($event)\"\n    (hoveredChange)=\"onHovered($event)\"\n    (pressedChange)=\"onPressed($event)\"\n    (keydown.arrowUp.prevent)=\"onVerticalArrowKeyDown(1)\"\n    (keydown.arrowDown.prevent)=\"onVerticalArrowKeyDown(-1)\"\n>\n    <ng-content></ng-content>\n    <div\n        *ngIf=\"computedValueContent && !focused\"\n        polymorpheus-outlet\n        automation-id=\"tui-input-slider__value-content\"\n        [content]=\"computedValueContent\"\n        [context]=\"{$implicit: value}\"\n    ></div>\n</tui-input-number>\n\n<!--TODO: remove in v3.0-->\n<ng-template #deprecatedSecondary>{{secondary}}</ng-template>\n\n<!--TODO: remove wrapper + ticks labels (leave only slider) in v3.0-->\n<div class=\"t-slider-wrapper\">\n    <input\n        tuiSlider\n        type=\"range\"\n        [tuiFocusable]=\"false\"\n        [max]=\"computedSteps\"\n        [segments]=\"segments\"\n        [keySteps]=\"computedKeySteps\"\n        [attr.disabled]=\"readOnly || disabled || null\"\n        [ngModel]=\"value\"\n        (keyStepsInput)=\"onSliderChange($event)\"\n        (click)=\"focusTextInput()\"\n    />\n\n    <!--TODO delete ticks labels in v3.0-->\n    <div\n        *ngIf=\"segments && !isNew\"\n        class=\"t-ticks-labels\"\n    >\n        <span\n            *tuiRepeatTimes=\"let tickIndex of segments + 1\"\n            automation-id=\"tui-slider__segment\"\n        >\n            <span *ngIf=\"fromToTexts$ | async as fromToText\">\n                {{ getTickPrefix(tickIndex, segments, fromToText) }} {{\n                tickIndex | tuiSliderTickLabel:segments:computedKeySteps |\n                tuiFormatNumber}}\n                <span *ngIf=\"segmentsPluralizeMap\">\n                    {{ tickIndex | tuiSliderTickLabel:segments:computedKeySteps\n                    | i18nPlural: segmentsPluralizeMap }}\n                </span>\n            </span>\n        </span>\n    </div>\n</div>\n","styles":[":host{position:relative;z-index:0;display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]}]}],"members":{"inputNumberRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":88,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-number","name":"TuiInputNumberComponent","line":88,"character":15}]}]}],"sliderRef":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":91,"character":5},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderComponent","line":91,"character":15},{"read":{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":91,"character":42}}]}]}],"min":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":94,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":95,"character":5}}]}],"max":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":98,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":99,"character":5}}]}],"quantum":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":102,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":103,"character":5},"arguments":[{"__symbolic":"error","message":"Reference to a non-exported function","line":279,"character":9,"context":{"name":"quantumAssertion"},"module":"./input-slider.component"},"Quantum must be positive"]}]}],"steps":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":106,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":107,"character":5}}]}],"segments":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":110,"character":5}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"tuiDefaultProp","line":111,"character":5}}]}],"keySteps":[{"__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}}]}],"valueContent":[{"__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}}]}],"prefix":[{"__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}}]}],"postfix":[{"__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}}]}],"secondary":[{"__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}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":139,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Self","line":140,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":141,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":141,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":143,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":143,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":144,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/core","name":"TUI_TEXTFIELD_WATCHED_CONTROLLER","line":144,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":146,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/kit/tokens","name":"TUI_FROM_TO_TEXTS","line":146,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Optional","line":147,"character":9}},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":148,"character":9},"arguments":[{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}]}]],"parameters":[{"__symbolic":"reference","module":"@angular/forms","name":"NgControl","line":142,"character":17},{"__symbolic":"reference","module":"@angular/core","name":"ChangeDetectorRef","line":143,"character":54},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldController","line":145,"character":29},{"__symbolic":"reference","name":"Observable","module":"rxjs","arguments":[{"__symbolic":"error","message":"Expression form not supported","line":146,"character":69,"module":"./input-slider.component"}]},{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}]}],"focusTextInput":[{"__symbolic":"method"}],"safelyUpdateValue":[{"__symbolic":"method"}],"onVerticalArrowKeyDown":[{"__symbolic":"method"}],"onSliderChange":[{"__symbolic":"method"}],"onFocused":[{"__symbolic":"method"}],"onPressed":[{"__symbolic":"method"}],"onHovered":[{"__symbolic":"method"}],"getFallbackValue":[{"__symbolic":"method"}],"valueGuard":[{"__symbolic":"method"}],"updateTextInputValue":[{"__symbolic":"method"}]}},"TuiInputSliderModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":14,"character":1},"arguments":[{"imports":[{"__symbolic":"reference","module":"@angular/common","name":"CommonModule","line":16,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"FormsModule","line":17,"character":8},{"__symbolic":"reference","module":"@angular/forms","name":"ReactiveFormsModule","line":18,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiFocusableModule","line":19,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/slider","name":"TuiSliderModule","line":20,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiFormatNumberPipeModule","line":21,"character":8},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiRepeatTimesModule","line":22,"character":8},{"__symbolic":"reference","module":"@tinkoff/ng-polymorpheus","name":"PolymorpheusModule","line":23,"character":8},{"__symbolic":"reference","module":"@taiga-ui/kit/components/input-number","name":"TuiInputNumberModule","line":24,"character":8},{"__symbolic":"reference","module":"@taiga-ui/core","name":"TuiTextfieldControllerModule","line":25,"character":8}],"declarations":[{"__symbolic":"reference","name":"TuiInputSliderComponent"},{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}],"exports":[{"__symbolic":"reference","name":"TuiInputSliderComponent"},{"__symbolic":"reference","name":"TuiNewInputSliderDirective"}]}]}],"members":{}}},"origins":{"TuiNewInputSliderDirective":"./input-slider.component","TuiInputSliderComponent":"./input-slider.component","TuiInputSliderModule":"./input-slider.module"},"importAs":"@taiga-ui/kit/components/input-slider"}

package/directives/present/present.directive.d.ts

@@ -1,16 +1,18 @@
 import { ElementRef, OnDestroy } from '@angular/core';
-import { TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { Observable } from 'rxjs';
 export declare class TuiPresentDirective implements OnDestroy {
     private readonly visibility$;
-    private readonly observer?;
-    readonly tuiPresentChange: Observable<boolean>;
-    constructor({ nativeElement }: ElementRef<HTMLElement>, directiveStyles: TuiDirectiveStylesService, userAgent: string);
+    readonly tuiPresentChange: import("rxjs").Observable<boolean>;
+    constructor({ nativeElement }: ElementRef<HTMLElement>, userAgent: string);
     /**
      * Someday animationcancel would work and mutation observer would not be needed:
      * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel
      * It would also trigger on CSS like display: none on parent nodes which is awesome
      * but currently only works in Firefox
+     * ___
+     * TODO: remove MutationObserver when we bump versions of supported browsers:
+     *** Safari 12+
+     *** Chrome 83+
+     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}
      */
     onAnimation(event: Event, visibility: boolean): void;
     ngOnDestroy(): void;

package/directives/present/taiga-ui-kit-directives-present.metadata.json

@@ -1 +1 @@
-{"__symbolic":"module","version":4,"metadata":{"TuiPresentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":28,"character":1},"arguments":[{"selector":"[tuiPresentChange]","host":{"class":"tui-present"}}]}],"members":{"tuiPresentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":38,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":42,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":42,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":43,"character":9},"arguments":[{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDirectiveStylesService","line":43,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":44,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":44,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":42,"character":56,"context":{"typeName":"HTMLElement"},"module":"./present.directive"}]},{"__symbolic":"reference","module":"@taiga-ui/cdk","name":"TuiDirectiveStylesService","line":43,"character":60},{"__symbolic":"reference","name":"string"}]}],"onAnimation":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":80,"character":5},"arguments":["animationcancel",["$event","false"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":81,"character":5},"arguments":["animationstart",["$event","true"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TuiPresentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TuiPresentDirective"}],"exports":[{"__symbolic":"reference","name":"TuiPresentDirective"}]}]}],"members":{}}},"origins":{"TuiPresentDirective":"./present.directive","TuiPresentModule":"./present.module"},"importAs":"@taiga-ui/kit/directives/present"}
+{"__symbolic":"module","version":4,"metadata":{"TuiPresentDirective":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Directive","line":13,"character":1},"arguments":[{"selector":"[tuiPresentChange]","host":{"[style.animation]":"\"tuiPresent 1s infinite\"","$quoted$":["[style.animation]"]}}]}],"members":{"tuiPresentChange":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":22,"character":5}}]}],"__ctor__":[{"__symbolic":"constructor","parameterDecorators":[[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":26,"character":9},"arguments":[{"__symbolic":"reference","module":"@angular/core","name":"ElementRef","line":26,"character":16}]}],[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Inject","line":27,"character":9},"arguments":[{"__symbolic":"reference","module":"@ng-web-apis/common","name":"USER_AGENT","line":27,"character":16}]}]],"parameters":[{"__symbolic":"reference","name":"ElementRef","module":"@angular/core","arguments":[{"__symbolic":"error","message":"Could not resolve type","line":26,"character":56,"context":{"typeName":"HTMLElement"},"module":"./present.directive"}]},{"__symbolic":"reference","name":"string"}]}],"onAnimation":[{"__symbolic":"method","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":60,"character":5},"arguments":["animationcancel",["$event","false"]]},{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostListener","line":61,"character":5},"arguments":["animationstart",["$event","true"]]}]}],"ngOnDestroy":[{"__symbolic":"method"}]}},"TuiPresentModule":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"NgModule","line":4,"character":1},"arguments":[{"declarations":[{"__symbolic":"reference","name":"TuiPresentDirective"}],"exports":[{"__symbolic":"reference","name":"TuiPresentDirective"}]}]}],"members":{}}},"origins":{"TuiPresentDirective":"./present.directive","TuiPresentModule":"./present.module"},"importAs":"@taiga-ui/kit/directives/present"}

package/esm2015/components/input-slider/input-slider.component.js

@@ -218,7 +218,7 @@ TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
             HINT_CONTROLLER_PROVIDER,
             TEXTFIELD_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
+        styles: [":host{position:relative;z-index:0;display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
     })
     /**
      * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`

package/esm2015/directives/present/present.directive.js

@@ -1,39 +1,24 @@
 import { __decorate, __param } from "tslib";
 import { Directive, ElementRef, HostListener, Inject, OnDestroy, Output, } from '@angular/core';
 import { USER_AGENT } from '@ng-web-apis/common';
-import { isCurrentTarget, isFirefox, TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { Subject } from 'rxjs';
-import { distinctUntilChanged, skip, startWith } from 'rxjs/operators';
-const STYLE = `
-@keyframes tuiPresent {
-    from {
-        content: '1';
-    }
-
-    to {
-        content: '2';
-    }
-}
-
-.tui-present {
-    animation: tuiPresent 1000s infinite;
-}`;
+import { isCurrentTarget, isFirefox } from '@taiga-ui/cdk';
+import { BehaviorSubject } from 'rxjs';
+import { distinctUntilChanged, skip } from 'rxjs/operators';
 let TuiPresentDirective = class TuiPresentDirective {
-    constructor({ nativeElement }, directiveStyles, userAgent) {
-        this.visibility$ = new Subject();
-        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');
-        this.tuiPresentChange = this.visibility$.pipe(startWith(false), distinctUntilChanged(), skip(1));
+    constructor({ nativeElement }, userAgent) {
+        this.visibility$ = new BehaviorSubject(false);
+        this.tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));
         if (isFirefox(userAgent)) {
             return;
         }
-        this.observer = new MutationObserver(() => {
+        const observer = new MutationObserver(() => {
             if (!nativeElement.offsetParent &&
                 nativeElement.offsetWidth === 0 &&
                 nativeElement.offsetHeight === 0) {
                 this.visibility$.next(false);
             }
         });
-        this.observer.observe(nativeElement, {
+        observer.observe(nativeElement, {
             attributes: true,
             attributeFilter: ['style', 'class'],
         });
@@ -43,6 +28,11 @@ let TuiPresentDirective = class TuiPresentDirective {
      * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel
      * It would also trigger on CSS like display: none on parent nodes which is awesome
      * but currently only works in Firefox
+     * ___
+     * TODO: remove MutationObserver when we bump versions of supported browsers:
+     *** Safari 12+
+     *** Chrome 83+
+     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}
      */
     onAnimation(event, visibility) {
         if (isCurrentTarget(event)) {
@@ -55,7 +45,6 @@ let TuiPresentDirective = class TuiPresentDirective {
 };
 TuiPresentDirective.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] },
     { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
 ];
 __decorate([
@@ -69,12 +58,11 @@ TuiPresentDirective = __decorate([
     Directive({
         selector: '[tuiPresentChange]',
         host: {
-            class: 'tui-present',
+            '[style.animation]': '"tuiPresent 1s infinite"',
         },
     }),
     __param(0, Inject(ElementRef)),
-    __param(1, Inject(TuiDirectiveStylesService)),
-    __param(2, Inject(USER_AGENT))
+    __param(1, Inject(USER_AGENT))
 ], TuiPresentDirective);
 export { TuiPresentDirective };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlc2VudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2RpcmVjdGl2ZXMvcHJlc2VudC8iLCJzb3VyY2VzIjpbInByZXNlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBYSxPQUFPLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDekMsT0FBTyxFQUFDLG9CQUFvQixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRSxNQUFNLEtBQUssR0FBRzs7Ozs7Ozs7Ozs7OztFQWFaLENBQUM7QUFRSCxJQUFhLG1CQUFtQixHQUFoQyxNQUFhLG1CQUFtQjtJQU81QixZQUN3QixFQUFDLGFBQWEsRUFBMEIsRUFDekIsZUFBMEMsRUFDekQsU0FBaUI7UUFUeEIsZ0JBQVcsR0FBRyxJQUFJLE9BQU8sRUFBVyxDQUFDO1FBV2xELGVBQWUsQ0FBQyxRQUFRLENBQUMsS0FBSyxFQUFFLHFCQUFxQixDQUFDLENBQUM7UUFFdkQsSUFBSSxDQUFDLGdCQUFnQixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUN6QyxTQUFTLENBQUMsS0FBSyxDQUFDLEVBQ2hCLG9CQUFvQixFQUFFLEVBQ3RCLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FDVixDQUFDO1FBRUYsSUFBSSxTQUFTLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDdEIsT0FBTztTQUNWO1FBRUQsSUFBSSxDQUFDLFFBQVEsR0FBRyxJQUFJLGdCQUFnQixDQUFDLEdBQUcsRUFBRTtZQUN0QyxJQUNJLENBQUMsYUFBYSxDQUFDLFlBQVk7Z0JBQzNCLGFBQWEsQ0FBQyxXQUFXLEtBQUssQ0FBQztnQkFDL0IsYUFBYSxDQUFDLFlBQVksS0FBSyxDQUFDLEVBQ2xDO2dCQUNFLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO2FBQ2hDO1FBQ0wsQ0FBQyxDQUFDLENBQUM7UUFFSCxJQUFJLENBQUMsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDakMsVUFBVSxFQUFFLElBQUk7WUFDaEIsZUFBZSxFQUFFLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQztTQUN0QyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7Ozs7O09BS0c7SUFHSCxXQUFXLENBQUMsS0FBWSxFQUFFLFVBQW1CO1FBQ3pDLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxFQUFFO1lBQ3hCLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDO1NBQ3JDO0lBQ0wsQ0FBQztJQUVELFdBQVc7UUFDUCxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQztJQUNqQyxDQUFDO0NBQ0osQ0FBQTs7WUFqRDRDLFVBQVUsdUJBQTlDLE1BQU0sU0FBQyxVQUFVO1lBQ2tDLHlCQUF5Qix1QkFBNUUsTUFBTSxTQUFDLHlCQUF5Qjt5Q0FDaEMsTUFBTSxTQUFDLFVBQVU7O0FBTHRCO0lBREMsTUFBTSxFQUFFOzZEQUNzQztBQTJDL0M7SUFGQyxZQUFZLENBQUMsaUJBQWlCLEVBQUUsQ0FBQyxRQUFRLEVBQUUsT0FBTyxDQUFDLENBQUM7SUFDcEQsWUFBWSxDQUFDLGdCQUFnQixFQUFFLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDO3NEQUtsRDtBQXBEUSxtQkFBbUI7SUFOL0IsU0FBUyxDQUFDO1FBQ1AsUUFBUSxFQUFFLG9CQUFvQjtRQUM5QixJQUFJLEVBQUU7WUFDRixLQUFLLEVBQUUsYUFBYTtTQUN2QjtLQUNKLENBQUM7SUFTTyxXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtJQUNsQixXQUFBLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFBO0lBQ2pDLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0dBVmQsbUJBQW1CLENBeUQvQjtTQXpEWSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3QsXG4gICAgT25EZXN0cm95LFxuICAgIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VTRVJfQUdFTlR9IGZyb20gJ0BuZy13ZWItYXBpcy9jb21tb24nO1xuaW1wb3J0IHtpc0N1cnJlbnRUYXJnZXQsIGlzRmlyZWZveCwgVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZX0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge09ic2VydmFibGUsIFN1YmplY3R9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHtkaXN0aW5jdFVudGlsQ2hhbmdlZCwgc2tpcCwgc3RhcnRXaXRofSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbmNvbnN0IFNUWUxFID0gYFxuQGtleWZyYW1lcyB0dWlQcmVzZW50IHtcbiAgICBmcm9tIHtcbiAgICAgICAgY29udGVudDogJzEnO1xuICAgIH1cblxuICAgIHRvIHtcbiAgICAgICAgY29udGVudDogJzInO1xuICAgIH1cbn1cblxuLnR1aS1wcmVzZW50IHtcbiAgICBhbmltYXRpb246IHR1aVByZXNlbnQgMTAwMHMgaW5maW5pdGU7XG59YDtcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpUHJlc2VudENoYW5nZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICd0dWktcHJlc2VudCcsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHJlc2VudERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSB2aXNpYmlsaXR5JCA9IG5ldyBTdWJqZWN0PGJvb2xlYW4+KCk7XG4gICAgcHJpdmF0ZSByZWFkb25seSBvYnNlcnZlcj86IE11dGF0aW9uT2JzZXJ2ZXI7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSB0dWlQcmVzZW50Q2hhbmdlOiBPYnNlcnZhYmxlPGJvb2xlYW4+O1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlKSBkaXJlY3RpdmVTdHlsZXM6IFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2UsXG4gICAgICAgIEBJbmplY3QoVVNFUl9BR0VOVCkgdXNlckFnZW50OiBzdHJpbmcsXG4gICAgKSB7XG4gICAgICAgIGRpcmVjdGl2ZVN0eWxlcy5hZGRTdHlsZShTVFlMRSwgJ1R1aVByZXNlbnREaXJlY3RpdmUnKTtcblxuICAgICAgICB0aGlzLnR1aVByZXNlbnRDaGFuZ2UgPSB0aGlzLnZpc2liaWxpdHkkLnBpcGUoXG4gICAgICAgICAgICBzdGFydFdpdGgoZmFsc2UpLFxuICAgICAgICAgICAgZGlzdGluY3RVbnRpbENoYW5nZWQoKSxcbiAgICAgICAgICAgIHNraXAoMSksXG4gICAgICAgICk7XG5cbiAgICAgICAgaWYgKGlzRmlyZWZveCh1c2VyQWdlbnQpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICB0aGlzLm9ic2VydmVyID0gbmV3IE11dGF0aW9uT2JzZXJ2ZXIoKCkgPT4ge1xuICAgICAgICAgICAgaWYgKFxuICAgICAgICAgICAgICAgICFuYXRpdmVFbGVtZW50Lm9mZnNldFBhcmVudCAmJlxuICAgICAgICAgICAgICAgIG5hdGl2ZUVsZW1lbnQub2Zmc2V0V2lkdGggPT09IDAgJiZcbiAgICAgICAgICAgICAgICBuYXRpdmVFbGVtZW50Lm9mZnNldEhlaWdodCA9PT0gMFxuICAgICAgICAgICAgKSB7XG4gICAgICAgICAgICAgICAgdGhpcy52aXNpYmlsaXR5JC5uZXh0KGZhbHNlKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5vYnNlcnZlci5vYnNlcnZlKG5hdGl2ZUVsZW1lbnQsIHtcbiAgICAgICAgICAgIGF0dHJpYnV0ZXM6IHRydWUsXG4gICAgICAgICAgICBhdHRyaWJ1dGVGaWx0ZXI6IFsnc3R5bGUnLCAnY2xhc3MnXSxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU29tZWRheSBhbmltYXRpb25jYW5jZWwgd291bGQgd29yayBhbmQgbXV0YXRpb24gb2JzZXJ2ZXIgd291bGQgbm90IGJlIG5lZWRlZDpcbiAgICAgKiBodHRwczovL2RyYWZ0cy5jc3N3Zy5vcmcvY3NzLWFuaW1hdGlvbnMvI2V2ZW50ZGVmLWFuaW1hdGlvbmV2ZW50LWFuaW1hdGlvbmNhbmNlbFxuICAgICAqIEl0IHdvdWxkIGFsc28gdHJpZ2dlciBvbiBDU1MgbGlrZSBkaXNwbGF5OiBub25lIG9uIHBhcmVudCBub2RlcyB3aGljaCBpcyBhd2Vzb21lXG4gICAgICogYnV0IGN1cnJlbnRseSBvbmx5IHdvcmtzIGluIEZpcmVmb3hcbiAgICAgKi9cbiAgICBASG9zdExpc3RlbmVyKCdhbmltYXRpb25jYW5jZWwnLCBbJyRldmVudCcsICdmYWxzZSddKVxuICAgIEBIb3N0TGlzdGVuZXIoJ2FuaW1hdGlvbnN0YXJ0JywgWyckZXZlbnQnLCAndHJ1ZSddKVxuICAgIG9uQW5pbWF0aW9uKGV2ZW50OiBFdmVudCwgdmlzaWJpbGl0eTogYm9vbGVhbik6IHZvaWQge1xuICAgICAgICBpZiAoaXNDdXJyZW50VGFyZ2V0KGV2ZW50KSkge1xuICAgICAgICAgICAgdGhpcy52aXNpYmlsaXR5JC5uZXh0KHZpc2liaWxpdHkpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XG4gICAgICAgIHRoaXMudmlzaWJpbGl0eSQubmV4dChmYWxzZSk7XG4gICAgfVxufVxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlc2VudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2RpcmVjdGl2ZXMvcHJlc2VudC8iLCJzb3VyY2VzIjpbInByZXNlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDckMsT0FBTyxFQUFDLG9CQUFvQixFQUFFLElBQUksRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBUTFELElBQWEsbUJBQW1CLEdBQWhDLE1BQWEsbUJBQW1CO0lBTTVCLFlBQ3dCLEVBQUMsYUFBYSxFQUEwQixFQUN4QyxTQUFpQjtRQVB4QixnQkFBVyxHQUFHLElBQUksZUFBZSxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBR2pELHFCQUFnQixHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLG9CQUFvQixFQUFFLEVBQUUsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUM7UUFNL0UsSUFBSSxTQUFTLENBQUMsU0FBUyxDQUFDLEVBQUU7WUFDdEIsT0FBTztTQUNWO1FBRUQsTUFBTSxRQUFRLEdBQUcsSUFBSSxnQkFBZ0IsQ0FBQyxHQUFHLEVBQUU7WUFDdkMsSUFDSSxDQUFDLGFBQWEsQ0FBQyxZQUFZO2dCQUMzQixhQUFhLENBQUMsV0FBVyxLQUFLLENBQUM7Z0JBQy9CLGFBQWEsQ0FBQyxZQUFZLEtBQUssQ0FBQyxFQUNsQztnQkFDRSxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNoQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDNUIsVUFBVSxFQUFFLElBQUk7WUFDaEIsZUFBZSxFQUFFLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQztTQUN0QyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7T0FVRztJQUdILFdBQVcsQ0FBQyxLQUFZLEVBQUUsVUFBbUI7UUFDekMsSUFBSSxlQUFlLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDckM7SUFDTCxDQUFDO0lBRUQsV0FBVztRQUNQLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7Q0FDSixDQUFBOztZQTdDNEMsVUFBVSx1QkFBOUMsTUFBTSxTQUFDLFVBQVU7eUNBQ2pCLE1BQU0sU0FBQyxVQUFVOztBQUp0QjtJQURDLE1BQU0sRUFBRTs2REFDMEU7QUF1Q25GO0lBRkMsWUFBWSxDQUFDLGlCQUFpQixFQUFFLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO0lBQ3BELFlBQVksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQztzREFLbEQ7QUEvQ1EsbUJBQW1CO0lBTi9CLFNBQVMsQ0FBQztRQUNQLFFBQVEsRUFBRSxvQkFBb0I7UUFDOUIsSUFBSSxFQUFFO1lBQ0YsbUJBQW1CLEVBQUUsMEJBQTBCO1NBQ2xEO0tBQ0osQ0FBQztJQVFPLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0lBQ2xCLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO0dBUmQsbUJBQW1CLENBb0QvQjtTQXBEWSxtQkFBbUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIERpcmVjdGl2ZSxcbiAgICBFbGVtZW50UmVmLFxuICAgIEhvc3RMaXN0ZW5lcixcbiAgICBJbmplY3QsXG4gICAgT25EZXN0cm95LFxuICAgIE91dHB1dCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1VTRVJfQUdFTlR9IGZyb20gJ0BuZy13ZWItYXBpcy9jb21tb24nO1xuaW1wb3J0IHtpc0N1cnJlbnRUYXJnZXQsIGlzRmlyZWZveH0gZnJvbSAnQHRhaWdhLXVpL2Nkayc7XG5pbXBvcnQge0JlaGF2aW9yU3ViamVjdH0gZnJvbSAncnhqcyc7XG5pbXBvcnQge2Rpc3RpbmN0VW50aWxDaGFuZ2VkLCBza2lwfSBmcm9tICdyeGpzL29wZXJhdG9ycyc7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aVByZXNlbnRDaGFuZ2VdJyxcbiAgICBob3N0OiB7XG4gICAgICAgICdbc3R5bGUuYW5pbWF0aW9uXSc6ICdcInR1aVByZXNlbnQgMXMgaW5maW5pdGVcIicsXG4gICAgfSxcbn0pXG5leHBvcnQgY2xhc3MgVHVpUHJlc2VudERpcmVjdGl2ZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XG4gICAgcHJpdmF0ZSByZWFkb25seSB2aXNpYmlsaXR5JCA9IG5ldyBCZWhhdmlvclN1YmplY3QoZmFsc2UpO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgdHVpUHJlc2VudENoYW5nZSA9IHRoaXMudmlzaWJpbGl0eSQucGlwZShkaXN0aW5jdFVudGlsQ2hhbmdlZCgpLCBza2lwKDEpKTtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KEVsZW1lbnRSZWYpIHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIEBJbmplY3QoVVNFUl9BR0VOVCkgdXNlckFnZW50OiBzdHJpbmcsXG4gICAgKSB7XG4gICAgICAgIGlmIChpc0ZpcmVmb3godXNlckFnZW50KSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgTXV0YXRpb25PYnNlcnZlcigoKSA9PiB7XG4gICAgICAgICAgICBpZiAoXG4gICAgICAgICAgICAgICAgIW5hdGl2ZUVsZW1lbnQub2Zmc2V0UGFyZW50ICYmXG4gICAgICAgICAgICAgICAgbmF0aXZlRWxlbWVudC5vZmZzZXRXaWR0aCA9PT0gMCAmJlxuICAgICAgICAgICAgICAgIG5hdGl2ZUVsZW1lbnQub2Zmc2V0SGVpZ2h0ID09PSAwXG4gICAgICAgICAgICApIHtcbiAgICAgICAgICAgICAgICB0aGlzLnZpc2liaWxpdHkkLm5leHQoZmFsc2UpO1xuICAgICAgICAgICAgfVxuICAgICAgICB9KTtcblxuICAgICAgICBvYnNlcnZlci5vYnNlcnZlKG5hdGl2ZUVsZW1lbnQsIHtcbiAgICAgICAgICAgIGF0dHJpYnV0ZXM6IHRydWUsXG4gICAgICAgICAgICBhdHRyaWJ1dGVGaWx0ZXI6IFsnc3R5bGUnLCAnY2xhc3MnXSxcbiAgICAgICAgfSk7XG4gICAgfVxuXG4gICAgLyoqXG4gICAgICogU29tZWRheSBhbmltYXRpb25jYW5jZWwgd291bGQgd29yayBhbmQgbXV0YXRpb24gb2JzZXJ2ZXIgd291bGQgbm90IGJlIG5lZWRlZDpcbiAgICAgKiBodHRwczovL2RyYWZ0cy5jc3N3Zy5vcmcvY3NzLWFuaW1hdGlvbnMvI2V2ZW50ZGVmLWFuaW1hdGlvbmV2ZW50LWFuaW1hdGlvbmNhbmNlbFxuICAgICAqIEl0IHdvdWxkIGFsc28gdHJpZ2dlciBvbiBDU1MgbGlrZSBkaXNwbGF5OiBub25lIG9uIHBhcmVudCBub2RlcyB3aGljaCBpcyBhd2Vzb21lXG4gICAgICogYnV0IGN1cnJlbnRseSBvbmx5IHdvcmtzIGluIEZpcmVmb3hcbiAgICAgKiBfX19cbiAgICAgKiBUT0RPOiByZW1vdmUgTXV0YXRpb25PYnNlcnZlciB3aGVuIHdlIGJ1bXAgdmVyc2lvbnMgb2Ygc3VwcG9ydGVkIGJyb3dzZXJzOlxuICAgICAqKiogU2FmYXJpIDEyK1xuICAgICAqKiogQ2hyb21lIDgzK1xuICAgICAqIFNlZToge0BsaW5rIGh0dHBzOi8vY2FuaXVzZS5jb20vbWRuLWFwaV93aW5kb3dfYW5pbWF0aW9uY2FuY2VsX2V2ZW50fVxuICAgICAqL1xuICAgIEBIb3N0TGlzdGVuZXIoJ2FuaW1hdGlvbmNhbmNlbCcsIFsnJGV2ZW50JywgJ2ZhbHNlJ10pXG4gICAgQEhvc3RMaXN0ZW5lcignYW5pbWF0aW9uc3RhcnQnLCBbJyRldmVudCcsICd0cnVlJ10pXG4gICAgb25BbmltYXRpb24oZXZlbnQ6IEV2ZW50LCB2aXNpYmlsaXR5OiBib29sZWFuKTogdm9pZCB7XG4gICAgICAgIGlmIChpc0N1cnJlbnRUYXJnZXQoZXZlbnQpKSB7XG4gICAgICAgICAgICB0aGlzLnZpc2liaWxpdHkkLm5leHQodmlzaWJpbGl0eSk7XG4gICAgICAgIH1cbiAgICB9XG5cbiAgICBuZ09uRGVzdHJveSgpOiB2b2lkIHtcbiAgICAgICAgdGhpcy52aXNpYmlsaXR5JC5uZXh0KGZhbHNlKTtcbiAgICB9XG59XG4iXX0=

package/esm5/components/input-slider/input-slider.component.js

@@ -250,7 +250,7 @@ var TuiInputSliderComponent = /** @class */ (function (_super) {
                 HINT_CONTROLLER_PROVIDER,
                 TEXTFIELD_CONTROLLER_PROVIDER,
             ],
-            styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
+            styles: [":host{position:relative;z-index:0;display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
         })
         /**
          * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`

package/esm5/directives/present/present.directive.js

@@ -1,28 +1,26 @@
 import { __decorate, __param } from "tslib";
 import { Directive, ElementRef, HostListener, Inject, OnDestroy, Output, } from '@angular/core';
 import { USER_AGENT } from '@ng-web-apis/common';
-import { isCurrentTarget, isFirefox, TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { Subject } from 'rxjs';
-import { distinctUntilChanged, skip, startWith } from 'rxjs/operators';
-var STYLE = "\n@keyframes tuiPresent {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n.tui-present {\n    animation: tuiPresent 1000s infinite;\n}";
+import { isCurrentTarget, isFirefox } from '@taiga-ui/cdk';
+import { BehaviorSubject } from 'rxjs';
+import { distinctUntilChanged, skip } from 'rxjs/operators';
 var TuiPresentDirective = /** @class */ (function () {
-    function TuiPresentDirective(_a, directiveStyles, userAgent) {
+    function TuiPresentDirective(_a, userAgent) {
         var _this = this;
         var nativeElement = _a.nativeElement;
-        this.visibility$ = new Subject();
-        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');
-        this.tuiPresentChange = this.visibility$.pipe(startWith(false), distinctUntilChanged(), skip(1));
+        this.visibility$ = new BehaviorSubject(false);
+        this.tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));
         if (isFirefox(userAgent)) {
             return;
         }
-        this.observer = new MutationObserver(function () {
+        var observer = new MutationObserver(function () {
             if (!nativeElement.offsetParent &&
                 nativeElement.offsetWidth === 0 &&
                 nativeElement.offsetHeight === 0) {
                 _this.visibility$.next(false);
             }
         });
-        this.observer.observe(nativeElement, {
+        observer.observe(nativeElement, {
             attributes: true,
             attributeFilter: ['style', 'class'],
         });
@@ -32,6 +30,11 @@ var TuiPresentDirective = /** @class */ (function () {
      * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel
      * It would also trigger on CSS like display: none on parent nodes which is awesome
      * but currently only works in Firefox
+     * ___
+     * TODO: remove MutationObserver when we bump versions of supported browsers:
+     *** Safari 12+
+     *** Chrome 83+
+     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}
      */
     TuiPresentDirective.prototype.onAnimation = function (event, visibility) {
         if (isCurrentTarget(event)) {
@@ -43,7 +46,6 @@ var TuiPresentDirective = /** @class */ (function () {
     };
     TuiPresentDirective.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] },
         { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
     ]; };
     __decorate([
@@ -57,14 +59,13 @@ var TuiPresentDirective = /** @class */ (function () {
         Directive({
             selector: '[tuiPresentChange]',
             host: {
-                class: 'tui-present',
+                '[style.animation]': '"tuiPresent 1s infinite"',
             },
         }),
         __param(0, Inject(ElementRef)),
-        __param(1, Inject(TuiDirectiveStylesService)),
-        __param(2, Inject(USER_AGENT))
+        __param(1, Inject(USER_AGENT))
     ], TuiPresentDirective);
     return TuiPresentDirective;
 }());
 export { TuiPresentDirective };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlc2VudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2RpcmVjdGl2ZXMvcHJlc2VudC8iLCJzb3VyY2VzIjpbInByZXNlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFFLHlCQUF5QixFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3BGLE9BQU8sRUFBYSxPQUFPLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDekMsT0FBTyxFQUFDLG9CQUFvQixFQUFFLElBQUksRUFBRSxTQUFTLEVBQUMsTUFBTSxnQkFBZ0IsQ0FBQztBQUVyRSxJQUFNLEtBQUssR0FBRyxrTEFhWixDQUFDO0FBUUg7SUFPSSw2QkFDd0IsRUFBd0MsRUFDekIsZUFBMEMsRUFDekQsU0FBaUI7UUFIekMsaUJBK0JDO1lBOUJ3QixnQ0FBYTtRQVByQixnQkFBVyxHQUFHLElBQUksT0FBTyxFQUFXLENBQUM7UUFXbEQsZUFBZSxDQUFDLFFBQVEsQ0FBQyxLQUFLLEVBQUUscUJBQXFCLENBQUMsQ0FBQztRQUV2RCxJQUFJLENBQUMsZ0JBQWdCLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQ3pDLFNBQVMsQ0FBQyxLQUFLLENBQUMsRUFDaEIsb0JBQW9CLEVBQUUsRUFDdEIsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUNWLENBQUM7UUFFRixJQUFJLFNBQVMsQ0FBQyxTQUFTLENBQUMsRUFBRTtZQUN0QixPQUFPO1NBQ1Y7UUFFRCxJQUFJLENBQUMsUUFBUSxHQUFHLElBQUksZ0JBQWdCLENBQUM7WUFDakMsSUFDSSxDQUFDLGFBQWEsQ0FBQyxZQUFZO2dCQUMzQixhQUFhLENBQUMsV0FBVyxLQUFLLENBQUM7Z0JBQy9CLGFBQWEsQ0FBQyxZQUFZLEtBQUssQ0FBQyxFQUNsQztnQkFDRSxLQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNoQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsSUFBSSxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFO1lBQ2pDLFVBQVUsRUFBRSxJQUFJO1lBQ2hCLGVBQWUsRUFBRSxDQUFDLE9BQU8sRUFBRSxPQUFPLENBQUM7U0FDdEMsQ0FBQyxDQUFDO0lBQ1AsQ0FBQztJQUVEOzs7OztPQUtHO0lBR0gseUNBQVcsR0FBWCxVQUFZLEtBQVksRUFBRSxVQUFtQjtRQUN6QyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsRUFBRTtZQUN4QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztTQUNyQztJQUNMLENBQUM7SUFFRCx5Q0FBVyxHQUFYO1FBQ0ksSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakMsQ0FBQzs7Z0JBaER3QyxVQUFVLHVCQUE5QyxNQUFNLFNBQUMsVUFBVTtnQkFDa0MseUJBQXlCLHVCQUE1RSxNQUFNLFNBQUMseUJBQXlCOzZDQUNoQyxNQUFNLFNBQUMsVUFBVTs7SUFMdEI7UUFEQyxNQUFNLEVBQUU7aUVBQ3NDO0lBMkMvQztRQUZDLFlBQVksQ0FBQyxpQkFBaUIsRUFBRSxDQUFDLFFBQVEsRUFBRSxPQUFPLENBQUMsQ0FBQztRQUNwRCxZQUFZLENBQUMsZ0JBQWdCLEVBQUUsQ0FBQyxRQUFRLEVBQUUsTUFBTSxDQUFDLENBQUM7MERBS2xEO0lBcERRLG1CQUFtQjtRQU4vQixTQUFTLENBQUM7WUFDUCxRQUFRLEVBQUUsb0JBQW9CO1lBQzlCLElBQUksRUFBRTtnQkFDRixLQUFLLEVBQUUsYUFBYTthQUN2QjtTQUNKLENBQUM7UUFTTyxXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtRQUNsQixXQUFBLE1BQU0sQ0FBQyx5QkFBeUIsQ0FBQyxDQUFBO1FBQ2pDLFdBQUEsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFBO09BVmQsbUJBQW1CLENBeUQvQjtJQUFELDBCQUFDO0NBQUEsQUF6REQsSUF5REM7U0F6RFksbUJBQW1CIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgICBEaXJlY3RpdmUsXG4gICAgRWxlbWVudFJlZixcbiAgICBIb3N0TGlzdGVuZXIsXG4gICAgSW5qZWN0LFxuICAgIE9uRGVzdHJveSxcbiAgICBPdXRwdXQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtVU0VSX0FHRU5UfSBmcm9tICdAbmctd2ViLWFwaXMvY29tbW9uJztcbmltcG9ydCB7aXNDdXJyZW50VGFyZ2V0LCBpc0ZpcmVmb3gsIFR1aURpcmVjdGl2ZVN0eWxlc1NlcnZpY2V9IGZyb20gJ0B0YWlnYS11aS9jZGsnO1xuaW1wb3J0IHtPYnNlcnZhYmxlLCBTdWJqZWN0fSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZGlzdGluY3RVbnRpbENoYW5nZWQsIHNraXAsIHN0YXJ0V2l0aH0gZnJvbSAncnhqcy9vcGVyYXRvcnMnO1xuXG5jb25zdCBTVFlMRSA9IGBcbkBrZXlmcmFtZXMgdHVpUHJlc2VudCB7XG4gICAgZnJvbSB7XG4gICAgICAgIGNvbnRlbnQ6ICcxJztcbiAgICB9XG5cbiAgICB0byB7XG4gICAgICAgIGNvbnRlbnQ6ICcyJztcbiAgICB9XG59XG5cbi50dWktcHJlc2VudCB7XG4gICAgYW5pbWF0aW9uOiB0dWlQcmVzZW50IDEwMDBzIGluZmluaXRlO1xufWA7XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW3R1aVByZXNlbnRDaGFuZ2VdJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAndHVpLXByZXNlbnQnLFxuICAgIH0sXG59KVxuZXhwb3J0IGNsYXNzIFR1aVByZXNlbnREaXJlY3RpdmUgaW1wbGVtZW50cyBPbkRlc3Ryb3kge1xuICAgIHByaXZhdGUgcmVhZG9ubHkgdmlzaWJpbGl0eSQgPSBuZXcgU3ViamVjdDxib29sZWFuPigpO1xuICAgIHByaXZhdGUgcmVhZG9ubHkgb2JzZXJ2ZXI/OiBNdXRhdGlvbk9ic2VydmVyO1xuXG4gICAgQE91dHB1dCgpXG4gICAgcmVhZG9ubHkgdHVpUHJlc2VudENoYW5nZTogT2JzZXJ2YWJsZTxib29sZWFuPjtcblxuICAgIGNvbnN0cnVjdG9yKFxuICAgICAgICBASW5qZWN0KEVsZW1lbnRSZWYpIHtuYXRpdmVFbGVtZW50fTogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4sXG4gICAgICAgIEBJbmplY3QoVHVpRGlyZWN0aXZlU3R5bGVzU2VydmljZSkgZGlyZWN0aXZlU3R5bGVzOiBUdWlEaXJlY3RpdmVTdHlsZXNTZXJ2aWNlLFxuICAgICAgICBASW5qZWN0KFVTRVJfQUdFTlQpIHVzZXJBZ2VudDogc3RyaW5nLFxuICAgICkge1xuICAgICAgICBkaXJlY3RpdmVTdHlsZXMuYWRkU3R5bGUoU1RZTEUsICdUdWlQcmVzZW50RGlyZWN0aXZlJyk7XG5cbiAgICAgICAgdGhpcy50dWlQcmVzZW50Q2hhbmdlID0gdGhpcy52aXNpYmlsaXR5JC5waXBlKFxuICAgICAgICAgICAgc3RhcnRXaXRoKGZhbHNlKSxcbiAgICAgICAgICAgIGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksXG4gICAgICAgICAgICBza2lwKDEpLFxuICAgICAgICApO1xuXG4gICAgICAgIGlmIChpc0ZpcmVmb3godXNlckFnZW50KSkge1xuICAgICAgICAgICAgcmV0dXJuO1xuICAgICAgICB9XG5cbiAgICAgICAgdGhpcy5vYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCgpID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgICAhbmF0aXZlRWxlbWVudC5vZmZzZXRQYXJlbnQgJiZcbiAgICAgICAgICAgICAgICBuYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoID09PSAwICYmXG4gICAgICAgICAgICAgICAgbmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgPT09IDBcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIHRoaXMudmlzaWJpbGl0eSQubmV4dChmYWxzZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuXG4gICAgICAgIHRoaXMub2JzZXJ2ZXIub2JzZXJ2ZShuYXRpdmVFbGVtZW50LCB7XG4gICAgICAgICAgICBhdHRyaWJ1dGVzOiB0cnVlLFxuICAgICAgICAgICAgYXR0cmlidXRlRmlsdGVyOiBbJ3N0eWxlJywgJ2NsYXNzJ10sXG4gICAgICAgIH0pO1xuICAgIH1cblxuICAgIC8qKlxuICAgICAqIFNvbWVkYXkgYW5pbWF0aW9uY2FuY2VsIHdvdWxkIHdvcmsgYW5kIG11dGF0aW9uIG9ic2VydmVyIHdvdWxkIG5vdCBiZSBuZWVkZWQ6XG4gICAgICogaHR0cHM6Ly9kcmFmdHMuY3Nzd2cub3JnL2Nzcy1hbmltYXRpb25zLyNldmVudGRlZi1hbmltYXRpb25ldmVudC1hbmltYXRpb25jYW5jZWxcbiAgICAgKiBJdCB3b3VsZCBhbHNvIHRyaWdnZXIgb24gQ1NTIGxpa2UgZGlzcGxheTogbm9uZSBvbiBwYXJlbnQgbm9kZXMgd2hpY2ggaXMgYXdlc29tZVxuICAgICAqIGJ1dCBjdXJyZW50bHkgb25seSB3b3JrcyBpbiBGaXJlZm94XG4gICAgICovXG4gICAgQEhvc3RMaXN0ZW5lcignYW5pbWF0aW9uY2FuY2VsJywgWyckZXZlbnQnLCAnZmFsc2UnXSlcbiAgICBASG9zdExpc3RlbmVyKCdhbmltYXRpb25zdGFydCcsIFsnJGV2ZW50JywgJ3RydWUnXSlcbiAgICBvbkFuaW1hdGlvbihldmVudDogRXZlbnQsIHZpc2liaWxpdHk6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgaWYgKGlzQ3VycmVudFRhcmdldChldmVudCkpIHtcbiAgICAgICAgICAgIHRoaXMudmlzaWJpbGl0eSQubmV4dCh2aXNpYmlsaXR5KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnZpc2liaWxpdHkkLm5leHQoZmFsc2UpO1xuICAgIH1cbn1cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJlc2VudC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290Ijoibmc6Ly9AdGFpZ2EtdWkva2l0L2RpcmVjdGl2ZXMvcHJlc2VudC8iLCJzb3VyY2VzIjpbInByZXNlbnQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0gsU0FBUyxFQUNULFVBQVUsRUFDVixZQUFZLEVBQ1osTUFBTSxFQUNOLFNBQVMsRUFDVCxNQUFNLEdBQ1QsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxlQUFlLEVBQUUsU0FBUyxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3pELE9BQU8sRUFBQyxlQUFlLEVBQUMsTUFBTSxNQUFNLENBQUM7QUFDckMsT0FBTyxFQUFDLG9CQUFvQixFQUFFLElBQUksRUFBQyxNQUFNLGdCQUFnQixDQUFDO0FBUTFEO0lBTUksNkJBQ3dCLEVBQXdDLEVBQ3hDLFNBQWlCO1FBRnpDLGlCQXNCQztZQXJCd0IsZ0NBQWE7UUFOckIsZ0JBQVcsR0FBRyxJQUFJLGVBQWUsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUdqRCxxQkFBZ0IsR0FBRyxJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxFQUFFLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1FBTS9FLElBQUksU0FBUyxDQUFDLFNBQVMsQ0FBQyxFQUFFO1lBQ3RCLE9BQU87U0FDVjtRQUVELElBQU0sUUFBUSxHQUFHLElBQUksZ0JBQWdCLENBQUM7WUFDbEMsSUFDSSxDQUFDLGFBQWEsQ0FBQyxZQUFZO2dCQUMzQixhQUFhLENBQUMsV0FBVyxLQUFLLENBQUM7Z0JBQy9CLGFBQWEsQ0FBQyxZQUFZLEtBQUssQ0FBQyxFQUNsQztnQkFDRSxLQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQzthQUNoQztRQUNMLENBQUMsQ0FBQyxDQUFDO1FBRUgsUUFBUSxDQUFDLE9BQU8sQ0FBQyxhQUFhLEVBQUU7WUFDNUIsVUFBVSxFQUFFLElBQUk7WUFDaEIsZUFBZSxFQUFFLENBQUMsT0FBTyxFQUFFLE9BQU8sQ0FBQztTQUN0QyxDQUFDLENBQUM7SUFDUCxDQUFDO0lBRUQ7Ozs7Ozs7Ozs7T0FVRztJQUdILHlDQUFXLEdBQVgsVUFBWSxLQUFZLEVBQUUsVUFBbUI7UUFDekMsSUFBSSxlQUFlLENBQUMsS0FBSyxDQUFDLEVBQUU7WUFDeEIsSUFBSSxDQUFDLFdBQVcsQ0FBQyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUM7U0FDckM7SUFDTCxDQUFDO0lBRUQseUNBQVcsR0FBWDtRQUNJLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ2pDLENBQUM7O2dCQTVDd0MsVUFBVSx1QkFBOUMsTUFBTSxTQUFDLFVBQVU7NkNBQ2pCLE1BQU0sU0FBQyxVQUFVOztJQUp0QjtRQURDLE1BQU0sRUFBRTtpRUFDMEU7SUF1Q25GO1FBRkMsWUFBWSxDQUFDLGlCQUFpQixFQUFFLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQ3BELFlBQVksQ0FBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQzswREFLbEQ7SUEvQ1EsbUJBQW1CO1FBTi9CLFNBQVMsQ0FBQztZQUNQLFFBQVEsRUFBRSxvQkFBb0I7WUFDOUIsSUFBSSxFQUFFO2dCQUNGLG1CQUFtQixFQUFFLDBCQUEwQjthQUNsRDtTQUNKLENBQUM7UUFRTyxXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtRQUNsQixXQUFBLE1BQU0sQ0FBQyxVQUFVLENBQUMsQ0FBQTtPQVJkLG1CQUFtQixDQW9EL0I7SUFBRCwwQkFBQztDQUFBLEFBcERELElBb0RDO1NBcERZLG1CQUFtQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gICAgRGlyZWN0aXZlLFxuICAgIEVsZW1lbnRSZWYsXG4gICAgSG9zdExpc3RlbmVyLFxuICAgIEluamVjdCxcbiAgICBPbkRlc3Ryb3ksXG4gICAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7VVNFUl9BR0VOVH0gZnJvbSAnQG5nLXdlYi1hcGlzL2NvbW1vbic7XG5pbXBvcnQge2lzQ3VycmVudFRhcmdldCwgaXNGaXJlZm94fSBmcm9tICdAdGFpZ2EtdWkvY2RrJztcbmltcG9ydCB7QmVoYXZpb3JTdWJqZWN0fSBmcm9tICdyeGpzJztcbmltcG9ydCB7ZGlzdGluY3RVbnRpbENoYW5nZWQsIHNraXB9IGZyb20gJ3J4anMvb3BlcmF0b3JzJztcblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdbdHVpUHJlc2VudENoYW5nZV0nLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgJ1tzdHlsZS5hbmltYXRpb25dJzogJ1widHVpUHJlc2VudCAxcyBpbmZpbml0ZVwiJyxcbiAgICB9LFxufSlcbmV4cG9ydCBjbGFzcyBUdWlQcmVzZW50RGlyZWN0aXZlIGltcGxlbWVudHMgT25EZXN0cm95IHtcbiAgICBwcml2YXRlIHJlYWRvbmx5IHZpc2liaWxpdHkkID0gbmV3IEJlaGF2aW9yU3ViamVjdChmYWxzZSk7XG5cbiAgICBAT3V0cHV0KClcbiAgICByZWFkb25seSB0dWlQcmVzZW50Q2hhbmdlID0gdGhpcy52aXNpYmlsaXR5JC5waXBlKGRpc3RpbmN0VW50aWxDaGFuZ2VkKCksIHNraXAoMSkpO1xuXG4gICAgY29uc3RydWN0b3IoXG4gICAgICAgIEBJbmplY3QoRWxlbWVudFJlZikge25hdGl2ZUVsZW1lbnR9OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50PixcbiAgICAgICAgQEluamVjdChVU0VSX0FHRU5UKSB1c2VyQWdlbnQ6IHN0cmluZyxcbiAgICApIHtcbiAgICAgICAgaWYgKGlzRmlyZWZveCh1c2VyQWdlbnQpKSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cblxuICAgICAgICBjb25zdCBvYnNlcnZlciA9IG5ldyBNdXRhdGlvbk9ic2VydmVyKCgpID0+IHtcbiAgICAgICAgICAgIGlmIChcbiAgICAgICAgICAgICAgICAhbmF0aXZlRWxlbWVudC5vZmZzZXRQYXJlbnQgJiZcbiAgICAgICAgICAgICAgICBuYXRpdmVFbGVtZW50Lm9mZnNldFdpZHRoID09PSAwICYmXG4gICAgICAgICAgICAgICAgbmF0aXZlRWxlbWVudC5vZmZzZXRIZWlnaHQgPT09IDBcbiAgICAgICAgICAgICkge1xuICAgICAgICAgICAgICAgIHRoaXMudmlzaWJpbGl0eSQubmV4dChmYWxzZSk7XG4gICAgICAgICAgICB9XG4gICAgICAgIH0pO1xuXG4gICAgICAgIG9ic2VydmVyLm9ic2VydmUobmF0aXZlRWxlbWVudCwge1xuICAgICAgICAgICAgYXR0cmlidXRlczogdHJ1ZSxcbiAgICAgICAgICAgIGF0dHJpYnV0ZUZpbHRlcjogWydzdHlsZScsICdjbGFzcyddLFxuICAgICAgICB9KTtcbiAgICB9XG5cbiAgICAvKipcbiAgICAgKiBTb21lZGF5IGFuaW1hdGlvbmNhbmNlbCB3b3VsZCB3b3JrIGFuZCBtdXRhdGlvbiBvYnNlcnZlciB3b3VsZCBub3QgYmUgbmVlZGVkOlxuICAgICAqIGh0dHBzOi8vZHJhZnRzLmNzc3dnLm9yZy9jc3MtYW5pbWF0aW9ucy8jZXZlbnRkZWYtYW5pbWF0aW9uZXZlbnQtYW5pbWF0aW9uY2FuY2VsXG4gICAgICogSXQgd291bGQgYWxzbyB0cmlnZ2VyIG9uIENTUyBsaWtlIGRpc3BsYXk6IG5vbmUgb24gcGFyZW50IG5vZGVzIHdoaWNoIGlzIGF3ZXNvbWVcbiAgICAgKiBidXQgY3VycmVudGx5IG9ubHkgd29ya3MgaW4gRmlyZWZveFxuICAgICAqIF9fX1xuICAgICAqIFRPRE86IHJlbW92ZSBNdXRhdGlvbk9ic2VydmVyIHdoZW4gd2UgYnVtcCB2ZXJzaW9ucyBvZiBzdXBwb3J0ZWQgYnJvd3NlcnM6XG4gICAgICoqKiBTYWZhcmkgMTIrXG4gICAgICoqKiBDaHJvbWUgODMrXG4gICAgICogU2VlOiB7QGxpbmsgaHR0cHM6Ly9jYW5pdXNlLmNvbS9tZG4tYXBpX3dpbmRvd19hbmltYXRpb25jYW5jZWxfZXZlbnR9XG4gICAgICovXG4gICAgQEhvc3RMaXN0ZW5lcignYW5pbWF0aW9uY2FuY2VsJywgWyckZXZlbnQnLCAnZmFsc2UnXSlcbiAgICBASG9zdExpc3RlbmVyKCdhbmltYXRpb25zdGFydCcsIFsnJGV2ZW50JywgJ3RydWUnXSlcbiAgICBvbkFuaW1hdGlvbihldmVudDogRXZlbnQsIHZpc2liaWxpdHk6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgaWYgKGlzQ3VycmVudFRhcmdldChldmVudCkpIHtcbiAgICAgICAgICAgIHRoaXMudmlzaWJpbGl0eSQubmV4dCh2aXNpYmlsaXR5KTtcbiAgICAgICAgfVxuICAgIH1cblxuICAgIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgICAgICB0aGlzLnZpc2liaWxpdHkkLm5leHQoZmFsc2UpO1xuICAgIH1cbn1cbiJdfQ==

package/fesm2015/taiga-ui-kit-components-input-slider.js

@@ -220,7 +220,7 @@ TuiInputSliderComponent = TuiInputSliderComponent_1 = __decorate([
             HINT_CONTROLLER_PROVIDER,
             TEXTFIELD_CONTROLLER_PROVIDER,
         ],
-        styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
+        styles: [":host{position:relative;z-index:0;display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
     })
     /**
      * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`

package/fesm2015/taiga-ui-kit-directives-present.js

@@ -1,40 +1,25 @@
 import { __decorate, __param } from 'tslib';
 import { ElementRef, Inject, Output, HostListener, Directive, NgModule } from '@angular/core';
 import { USER_AGENT } from '@ng-web-apis/common';
-import { isFirefox, isCurrentTarget, TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { Subject } from 'rxjs';
-import { startWith, distinctUntilChanged, skip } from 'rxjs/operators';
+import { isFirefox, isCurrentTarget } from '@taiga-ui/cdk';
+import { BehaviorSubject } from 'rxjs';
+import { distinctUntilChanged, skip } from 'rxjs/operators';
 
-const STYLE = `
-@keyframes tuiPresent {
-    from {
-        content: '1';
-    }
-
-    to {
-        content: '2';
-    }
-}
-
-.tui-present {
-    animation: tuiPresent 1000s infinite;
-}`;
 let TuiPresentDirective = class TuiPresentDirective {
-    constructor({ nativeElement }, directiveStyles, userAgent) {
-        this.visibility$ = new Subject();
-        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');
-        this.tuiPresentChange = this.visibility$.pipe(startWith(false), distinctUntilChanged(), skip(1));
+    constructor({ nativeElement }, userAgent) {
+        this.visibility$ = new BehaviorSubject(false);
+        this.tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));
         if (isFirefox(userAgent)) {
             return;
         }
-        this.observer = new MutationObserver(() => {
+        const observer = new MutationObserver(() => {
             if (!nativeElement.offsetParent &&
                 nativeElement.offsetWidth === 0 &&
                 nativeElement.offsetHeight === 0) {
                 this.visibility$.next(false);
             }
         });
-        this.observer.observe(nativeElement, {
+        observer.observe(nativeElement, {
             attributes: true,
             attributeFilter: ['style', 'class'],
         });
@@ -44,6 +29,11 @@ let TuiPresentDirective = class TuiPresentDirective {
      * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel
      * It would also trigger on CSS like display: none on parent nodes which is awesome
      * but currently only works in Firefox
+     * ___
+     * TODO: remove MutationObserver when we bump versions of supported browsers:
+     *** Safari 12+
+     *** Chrome 83+
+     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}
      */
     onAnimation(event, visibility) {
         if (isCurrentTarget(event)) {
@@ -56,7 +46,6 @@ let TuiPresentDirective = class TuiPresentDirective {
 };
 TuiPresentDirective.ctorParameters = () => [
     { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-    { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] },
     { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
 ];
 __decorate([
@@ -70,12 +59,11 @@ TuiPresentDirective = __decorate([
     Directive({
         selector: '[tuiPresentChange]',
         host: {
-            class: 'tui-present',
+            '[style.animation]': '"tuiPresent 1s infinite"',
         },
     }),
     __param(0, Inject(ElementRef)),
-    __param(1, Inject(TuiDirectiveStylesService)),
-    __param(2, Inject(USER_AGENT))
+    __param(1, Inject(USER_AGENT))
 ], TuiPresentDirective);
 
 let TuiPresentModule = class TuiPresentModule {

package/fesm2015/taiga-ui-kit-directives-present.js.map

@@ -1 +1 @@
-{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox, TuiDirectiveStylesService} from '@taiga-ui/cdk';\nimport {Observable, Subject} from 'rxjs';\nimport {distinctUntilChanged, skip, startWith} from 'rxjs/operators';\n\nconst STYLE = `\n@keyframes tuiPresent {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n.tui-present {\n    animation: tuiPresent 1000s infinite;\n}`;\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        class: 'tui-present',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new Subject<boolean>();\n    private readonly observer?: MutationObserver;\n\n    @Output()\n    readonly tuiPresentChange: Observable<boolean>;\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(TuiDirectiveStylesService) directiveStyles: TuiDirectiveStylesService,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');\n\n        this.tuiPresentChange = this.visibility$.pipe(\n            startWith(false),\n            distinctUntilChanged(),\n            skip(1),\n        );\n\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        this.observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        this.observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;AAaA,MAAM,KAAK,GAAG;;;;;;;;;;;;;EAaZ,CAAC;IAQU,mBAAmB,GAAhC,MAAa,mBAAmB;IAO5B,YACwB,EAAC,aAAa,EAA0B,EACzB,eAA0C,EACzD,SAAiB;QATxB,gBAAW,GAAG,IAAI,OAAO,EAAW,CAAC;QAWlD,eAAe,CAAC,QAAQ,CAAC,KAAK,EAAE,qBAAqB,CAAC,CAAC;QAEvD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CACzC,SAAS,CAAC,KAAK,CAAC,EAChB,oBAAoB,EAAE,EACtB,IAAI,CAAC,CAAC,CAAC,CACV,CAAC;QAEF,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,IAAI,CAAC,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YACjC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,IAAI,CAAC,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YACjC,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;IAUD,WAAW,CAAC,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,WAAW;QACP,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;EACJ;;YAjD4C,UAAU,uBAA9C,MAAM,SAAC,UAAU;YACkC,yBAAyB,uBAA5E,MAAM,SAAC,yBAAyB;yCAChC,MAAM,SAAC,UAAU;;AALtB;IADC,MAAM,EAAE;6DACsC;AA2C/C;IAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;sDAKlD;AApDQ,mBAAmB;IAN/B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE;YACF,KAAK,EAAE,aAAa;SACvB;KACJ,CAAC;IASO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,yBAAyB,CAAC,CAAA;IACjC,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GAVd,mBAAmB,CAyD/B;;ICnFY,gBAAgB,GAA7B,MAAa,gBAAgB;EAAG;AAAnB,gBAAgB;IAJ5B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;QACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;KACjC,CAAC;GACW,gBAAgB,CAAG;;ACRhC;;;;;;"}
+{"version":3,"file":"taiga-ui-kit-directives-present.js","sources":["ng://@taiga-ui/kit/directives/present/present.directive.ts","ng://@taiga-ui/kit/directives/present/present.module.ts","ng://@taiga-ui/kit/directives/present/taiga-ui-kit-directives-present.ts"],"sourcesContent":["import {\n    Directive,\n    ElementRef,\n    HostListener,\n    Inject,\n    OnDestroy,\n    Output,\n} from '@angular/core';\nimport {USER_AGENT} from '@ng-web-apis/common';\nimport {isCurrentTarget, isFirefox} from '@taiga-ui/cdk';\nimport {BehaviorSubject} from 'rxjs';\nimport {distinctUntilChanged, skip} from 'rxjs/operators';\n\n@Directive({\n    selector: '[tuiPresentChange]',\n    host: {\n        '[style.animation]': '\"tuiPresent 1s infinite\"',\n    },\n})\nexport class TuiPresentDirective implements OnDestroy {\n    private readonly visibility$ = new BehaviorSubject(false);\n\n    @Output()\n    readonly tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));\n\n    constructor(\n        @Inject(ElementRef) {nativeElement}: ElementRef<HTMLElement>,\n        @Inject(USER_AGENT) userAgent: string,\n    ) {\n        if (isFirefox(userAgent)) {\n            return;\n        }\n\n        const observer = new MutationObserver(() => {\n            if (\n                !nativeElement.offsetParent &&\n                nativeElement.offsetWidth === 0 &&\n                nativeElement.offsetHeight === 0\n            ) {\n                this.visibility$.next(false);\n            }\n        });\n\n        observer.observe(nativeElement, {\n            attributes: true,\n            attributeFilter: ['style', 'class'],\n        });\n    }\n\n    /**\n     * Someday animationcancel would work and mutation observer would not be needed:\n     * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel\n     * It would also trigger on CSS like display: none on parent nodes which is awesome\n     * but currently only works in Firefox\n     * ___\n     * TODO: remove MutationObserver when we bump versions of supported browsers:\n     *** Safari 12+\n     *** Chrome 83+\n     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}\n     */\n    @HostListener('animationcancel', ['$event', 'false'])\n    @HostListener('animationstart', ['$event', 'true'])\n    onAnimation(event: Event, visibility: boolean): void {\n        if (isCurrentTarget(event)) {\n            this.visibility$.next(visibility);\n        }\n    }\n\n    ngOnDestroy(): void {\n        this.visibility$.next(false);\n    }\n}\n","import {NgModule} from '@angular/core';\n\nimport {TuiPresentDirective} from './present.directive';\n\n@NgModule({\n    declarations: [TuiPresentDirective],\n    exports: [TuiPresentDirective],\n})\nexport class TuiPresentModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;IAmBa,mBAAmB,GAAhC,MAAa,mBAAmB;IAM5B,YACwB,EAAC,aAAa,EAA0B,EACxC,SAAiB;QAPxB,gBAAW,GAAG,IAAI,eAAe,CAAC,KAAK,CAAC,CAAC;QAGjD,qBAAgB,GAAG,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,oBAAoB,EAAE,EAAE,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;QAM/E,IAAI,SAAS,CAAC,SAAS,CAAC,EAAE;YACtB,OAAO;SACV;QAED,MAAM,QAAQ,GAAG,IAAI,gBAAgB,CAAC;YAClC,IACI,CAAC,aAAa,CAAC,YAAY;gBAC3B,aAAa,CAAC,WAAW,KAAK,CAAC;gBAC/B,aAAa,CAAC,YAAY,KAAK,CAAC,EAClC;gBACE,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;aAChC;SACJ,CAAC,CAAC;QAEH,QAAQ,CAAC,OAAO,CAAC,aAAa,EAAE;YAC5B,UAAU,EAAE,IAAI;YAChB,eAAe,EAAE,CAAC,OAAO,EAAE,OAAO,CAAC;SACtC,CAAC,CAAC;KACN;;;;;;;;;;;;IAeD,WAAW,CAAC,KAAY,EAAE,UAAmB;QACzC,IAAI,eAAe,CAAC,KAAK,CAAC,EAAE;YACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;SACrC;KACJ;IAED,WAAW;QACP,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KAChC;EACJ;;YA7C4C,UAAU,uBAA9C,MAAM,SAAC,UAAU;yCACjB,MAAM,SAAC,UAAU;;AAJtB;IADC,MAAM,EAAE;6DAC0E;AAuCnF;IAFC,YAAY,CAAC,iBAAiB,EAAE,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;IACpD,YAAY,CAAC,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;sDAKlD;AA/CQ,mBAAmB;IAN/B,SAAS,CAAC;QACP,QAAQ,EAAE,oBAAoB;QAC9B,IAAI,EAAE;YACF,mBAAmB,EAAE,0BAA0B;SAClD;KACJ,CAAC;IAQO,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;IAClB,WAAA,MAAM,CAAC,UAAU,CAAC,CAAA;GARd,mBAAmB,CAoD/B;;IC/DY,gBAAgB,GAA7B,MAAa,gBAAgB;EAAG;AAAnB,gBAAgB;IAJ5B,QAAQ,CAAC;QACN,YAAY,EAAE,CAAC,mBAAmB,CAAC;QACnC,OAAO,EAAE,CAAC,mBAAmB,CAAC;KACjC,CAAC;GACW,gBAAgB,CAAG;;ACRhC;;;;;;"}

package/fesm5/taiga-ui-kit-components-input-slider.js

@@ -252,7 +252,7 @@ var TuiInputSliderComponent = /** @class */ (function (_super) {
                 HINT_CONTROLLER_PROVIDER,
                 TEXTFIELD_CONTROLLER_PROVIDER,
             ],
-            styles: [":host{position:relative;z-index:0;display:block}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
+            styles: [":host{position:relative;z-index:0;display:block;height:-webkit-max-content;height:-moz-max-content;height:max-content}:host._segmented._show-ticks-labels{border-bottom:26px solid transparent}.t-slider-wrapper{position:absolute;top:100%;left:calc(var(--tui-radius-m)/ 2);right:0;margin:-.5625rem 0 0}input[type=range]{border-top-left-radius:0;border-bottom-left-radius:calc(var(--tui-radius-m) * 5) calc(var(--tui-radius-m) * 1.5)}.t-ticks-labels{display:flex;margin:0 .5rem;font:var(--tui-font-text-s);color:var(--tui-text-02)}.t-ticks-labels>*{position:relative;flex:2;text-align:center}.t-ticks-labels>:first-child{left:-.5rem;flex:1;text-align:left}.t-ticks-labels>:last-child{right:-.5rem;flex:1;text-align:right}tui-input-slider+.t-ticks-labels{margin-left:calc(var(--tui-radius-m)/ 2 + .5rem)}tui-input-range+.t-ticks-labels,tui-range+.t-ticks-labels{margin-left:1rem;margin-right:1rem}tui-input-range+.t-ticks-labels>:first-child,tui-range+.t-ticks-labels>:first-child{left:-1rem}tui-input-range+.t-ticks-labels>:last-child,tui-range+.t-ticks-labels>:last-child{right:-1rem}"]
         })
         /**
          * TODO replace `extends AbstractTuiInputSlider<number>` by `extends AbstractTuiControl<number> implements TuiWithOptionalMinMax<number>`

package/fesm5/taiga-ui-kit-directives-present.js

@@ -1,29 +1,27 @@
 import { __decorate, __param } from 'tslib';
 import { ElementRef, Inject, Output, HostListener, Directive, NgModule } from '@angular/core';
 import { USER_AGENT } from '@ng-web-apis/common';
-import { isFirefox, isCurrentTarget, TuiDirectiveStylesService } from '@taiga-ui/cdk';
-import { Subject } from 'rxjs';
-import { startWith, distinctUntilChanged, skip } from 'rxjs/operators';
+import { isFirefox, isCurrentTarget } from '@taiga-ui/cdk';
+import { BehaviorSubject } from 'rxjs';
+import { distinctUntilChanged, skip } from 'rxjs/operators';
 
-var STYLE = "\n@keyframes tuiPresent {\n    from {\n        content: '1';\n    }\n\n    to {\n        content: '2';\n    }\n}\n\n.tui-present {\n    animation: tuiPresent 1000s infinite;\n}";
 var TuiPresentDirective = /** @class */ (function () {
-    function TuiPresentDirective(_a, directiveStyles, userAgent) {
+    function TuiPresentDirective(_a, userAgent) {
         var _this = this;
         var nativeElement = _a.nativeElement;
-        this.visibility$ = new Subject();
-        directiveStyles.addStyle(STYLE, 'TuiPresentDirective');
-        this.tuiPresentChange = this.visibility$.pipe(startWith(false), distinctUntilChanged(), skip(1));
+        this.visibility$ = new BehaviorSubject(false);
+        this.tuiPresentChange = this.visibility$.pipe(distinctUntilChanged(), skip(1));
         if (isFirefox(userAgent)) {
             return;
         }
-        this.observer = new MutationObserver(function () {
+        var observer = new MutationObserver(function () {
             if (!nativeElement.offsetParent &&
                 nativeElement.offsetWidth === 0 &&
                 nativeElement.offsetHeight === 0) {
                 _this.visibility$.next(false);
             }
         });
-        this.observer.observe(nativeElement, {
+        observer.observe(nativeElement, {
             attributes: true,
             attributeFilter: ['style', 'class'],
         });
@@ -33,6 +31,11 @@ var TuiPresentDirective = /** @class */ (function () {
      * https://drafts.csswg.org/css-animations/#eventdef-animationevent-animationcancel
      * It would also trigger on CSS like display: none on parent nodes which is awesome
      * but currently only works in Firefox
+     * ___
+     * TODO: remove MutationObserver when we bump versions of supported browsers:
+     *** Safari 12+
+     *** Chrome 83+
+     * See: {@link https://caniuse.com/mdn-api_window_animationcancel_event}
      */
     TuiPresentDirective.prototype.onAnimation = function (event, visibility) {
         if (isCurrentTarget(event)) {
@@ -44,7 +47,6 @@ var TuiPresentDirective = /** @class */ (function () {
     };
     TuiPresentDirective.ctorParameters = function () { return [
         { type: ElementRef, decorators: [{ type: Inject, args: [ElementRef,] }] },
-        { type: TuiDirectiveStylesService, decorators: [{ type: Inject, args: [TuiDirectiveStylesService,] }] },
         { type: String, decorators: [{ type: Inject, args: [USER_AGENT,] }] }
     ]; };
     __decorate([
@@ -58,12 +60,11 @@ var TuiPresentDirective = /** @class */ (function () {
         Directive({
             selector: '[tuiPresentChange]',
             host: {
-                class: 'tui-present',
+                '[style.animation]': '"tuiPresent 1s infinite"',
             },
         }),
         __param(0, Inject(ElementRef)),
-        __param(1, Inject(TuiDirectiveStylesService)),
-        __param(2, Inject(USER_AGENT))
+        __param(1, Inject(USER_AGENT))
     ], TuiPresentDirective);
     return TuiPresentDirective;
 }());