@taiga-ui/kit 3.58.0 → 3.59.0-canary.10da730

package/fesm2015/taiga-ui-kit-components-range.mjs

@@ -0,0 +1,286 @@
+import { __decorate } from 'tslib';
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, ElementRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, Input, HostBinding, ViewChildren, HostListener, EventEmitter, Directive, Output, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { NgControl, FormsModule } from '@angular/forms';
+import * as i1 from '@taiga-ui/cdk';
+import { AbstractTuiControl, EMPTY_QUERY, tuiIsNativeFocusedIn, tuiClamp, tuiQuantize, tuiPure, tuiTypedFromEvent, tuiRound, TuiDestroyService, TuiFocusableModule } from '@taiga-ui/cdk';
+import * as i2 from '@taiga-ui/kit/components/slider';
+import { TuiSliderComponent, TuiSliderModule } from '@taiga-ui/kit/components/slider';
+import { tuiPercentageToKeyStepValue, tuiKeyStepValueToPercentage } from '@taiga-ui/kit/utils';
+import { DOCUMENT, CommonModule } from '@angular/common';
+import { TUI_FLOATING_PRECISION } from '@taiga-ui/kit/constants';
+import * as i2$1 from 'rxjs';
+import { merge, filter, map, tap, switchMap, startWith, takeUntil, repeat } from 'rxjs';
+
+class TuiRangeComponent extends AbstractTuiControl {
+    constructor(control, cdr, el) {
+        super(control, cdr);
+        this.el = el;
+        this.min = 0;
+        this.max = 100;
+        this.step = 1;
+        this.size = 'm';
+        this.segments = 1;
+        this.keySteps = null;
+        this.slidersRefs = EMPTY_QUERY;
+        this.lastActiveThumb = 'right';
+    }
+    get nativeFocusableElement() {
+        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;
+        if (this.computedDisabled ||
+            !this.focusable ||
+            !sliderLeftRef ||
+            !sliderRightRef) {
+            return null;
+        }
+        const isLeftThumbLocked = this.right === 100;
+        return isLeftThumbLocked
+            ? sliderRightRef.nativeElement
+            : sliderLeftRef.nativeElement;
+    }
+    get focused() {
+        return tuiIsNativeFocusedIn(this.el.nativeElement);
+    }
+    get fractionStep() {
+        return this.step / (this.max - this.min);
+    }
+    get computedKeySteps() {
+        return this.computePureKeySteps(this.keySteps, this.min, this.max);
+    }
+    get segmentWidthRatio() {
+        return 1 / this.segments;
+    }
+    get left() {
+        return this.getPercentageFromValue(this.value[0]);
+    }
+    get right() {
+        return 100 - this.getPercentageFromValue(this.value[1]);
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    changeByStep(coefficient, target) {
+        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;
+        const leftThumbElement = sliderLeftRef.nativeElement;
+        const rightThumbElement = sliderRightRef.nativeElement;
+        const isRightThumb = target === this.el.nativeElement
+            ? this.lastActiveThumb === 'right'
+            : target === rightThumbElement;
+        const activeThumbElement = isRightThumb ? rightThumbElement : leftThumbElement;
+        const previousValue = isRightThumb ? this.value[1] : this.value[0];
+        /** @bad TODO think about a solution without twice conversion */
+        const previousFraction = this.getPercentageFromValue(previousValue) / 100;
+        const newFractionValue = previousFraction + coefficient * this.fractionStep;
+        this.processValue(this.getValueFromFraction(newFractionValue), isRightThumb);
+        if (activeThumbElement) {
+            activeThumbElement.focus();
+        }
+    }
+    processValue(value, right) {
+        if (right) {
+            this.updateEnd(value);
+        }
+        else {
+            this.updateStart(value);
+        }
+        this.lastActiveThumb = right ? 'right' : 'left';
+    }
+    getValueFromFraction(fraction) {
+        const guardedFraction = tuiClamp(tuiQuantize(fraction, this.fractionStep), 0, 1);
+        return tuiPercentageToKeyStepValue(guardedFraction * 100, this.computedKeySteps);
+    }
+    getPercentageFromValue(value) {
+        return tuiKeyStepValueToPercentage(value, this.computedKeySteps);
+    }
+    getFallbackValue() {
+        return [0, 0];
+    }
+    computePureKeySteps(keySteps, min, max) {
+        return (keySteps || [
+            [0, min],
+            [100, max],
+        ]);
+    }
+    updateStart(value) {
+        this.value = [Math.min(value, this.value[1]), this.value[1]];
+    }
+    updateEnd(value) {
+        this.value = [this.value[0], Math.max(value, this.value[0])];
+    }
+}
+TuiRangeComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+TuiRangeComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiRangeComponent, selector: "tui-range", inputs: { min: "min", max: "max", step: "step", size: "size", segments: "segments", keySteps: "keySteps" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)", "keydown.arrowUp.prevent": "changeByStep(1,$event.target)", "keydown.arrowRight.prevent": "changeByStep(1,$event.target)", "keydown.arrowLeft.prevent": "changeByStep(-1,$event.target)", "keydown.arrowDown.prevent": "changeByStep(-1,$event.target)" }, properties: { "attr.tabindex": "-1", "attr.aria-disabled": "computedDisabled", "attr.data-size": "this.size", "style.--left.%": "this.left", "style.--right.%": "this.right" } }, viewQueries: [{ propertyName: "slidersRefs", predicate: TuiSliderComponent, descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "<div\n    class=\"t-track\"\n    [style.--bg-size-ratio]=\"1 - segmentWidthRatio\"\n    [style.--segment-width.%]=\"segmentWidthRatio * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        step=\"any\"\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"computedDisabled\"\n        [keySteps]=\"computedKeySteps\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [ngModel]=\"value[0]\"\n        [size]=\"size\"\n        [tuiFocusable]=\"focusable\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        step=\"any\"\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"computedDisabled\"\n        [keySteps]=\"computedKeySteps\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [ngModel]=\"value[1]\"\n        [size]=\"size\"\n        [tuiFocusable]=\"focusable\"\n    />\n</div>\n", styles: [":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:none;margin:.4375rem 0;touch-action:pan-x}:host:active{cursor:ew-resize}:host:after{content:\"\";position:absolute;top:-.4375rem;bottom:-.4375rem;width:100%}:host._disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host[data-size=s] .t-track{position:relative;margin:0 .25rem;height:100%}:host[data-size=s] .t-track:before{content:\"\";position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 calc(-.25rem - 1px)}:host[data-size=s] .t-track:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";left:.125rem;right:.375rem;background-image:repeating-linear-gradient(to right,var(--tui-base-06) 0 .25rem,transparent 0 calc(var(--segment-width) / var(--bg-size-ratio)));background-position-x:right;background-repeat:no-repeat;background-size:calc(100% * var(--bg-size-ratio))}:host[data-size=m] .t-track{position:relative;margin:0 .375rem;height:100%}:host[data-size=m] .t-track:before{content:\"\";position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 calc(-.375rem - 1px)}:host[data-size=m] .t-track:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";left:.25rem;right:.5rem;background-image:repeating-linear-gradient(to right,var(--tui-base-06) 0 .25rem,transparent 0 calc(var(--segment-width) / var(--bg-size-ratio)));background-position-x:right;background-repeat:no-repeat;background-size:calc(100% * var(--bg-size-ratio))}.t-thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translateY(-50%);margin:0}.t-thumb::-webkit-slider-thumb{pointer-events:all}.t-thumb::-moz-range-thumb{pointer-events:all}input[type=range].t-thumb::-webkit-slider-runnable-track{background:transparent}input[type=range].t-thumb::-moz-range-track{background:transparent}input[type=range].t-thumb::-moz-range-progress{background:transparent}input[type=range].t-thumb::-ms-track{background:transparent}input[type=range].t-thumb::-ms-fill-lower{background:transparent}.t-thumb:last-of-type{--tui-slider-thumb-transform: translateX(50%) translateX(1px)}.t-thumb:first-of-type{--tui-slider-thumb-transform: translateX(-50%) translateX(-1px)}:host._disabled .t-thumb{opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { kind: "component", type: i2.TuiSliderComponent, selector: "input[type=range][tuiSlider]", inputs: ["size", "segments"] }, { kind: "directive", type: i2.TuiSliderKeyStepsDirective, selector: "input[tuiSlider][keySteps]", inputs: ["keySteps"] }, { kind: "directive", type: i2.TuiSliderReadonlyDirective, selector: "input[tuiSlider][readonly]", inputs: ["readonly"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+__decorate([
+    tuiPure
+], TuiRangeComponent.prototype, "computePureKeySteps", null);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-range', changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        '[attr.tabindex]': '-1',
+                        '[attr.aria-disabled]': 'computedDisabled',
+                    }, template: "<div\n    class=\"t-track\"\n    [style.--bg-size-ratio]=\"1 - segmentWidthRatio\"\n    [style.--segment-width.%]=\"segmentWidthRatio * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        step=\"any\"\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"computedDisabled\"\n        [keySteps]=\"computedKeySteps\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [ngModel]=\"value[0]\"\n        [size]=\"size\"\n        [tuiFocusable]=\"focusable\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        step=\"any\"\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"computedDisabled\"\n        [keySteps]=\"computedKeySteps\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [ngModel]=\"value[1]\"\n        [size]=\"size\"\n        [tuiFocusable]=\"focusable\"\n    />\n</div>\n", styles: [":host{position:relative;display:block;height:.125rem;border-radius:var(--tui-radius-m);background:var(--tui-base-03);cursor:pointer;outline:none;margin:.4375rem 0;touch-action:pan-x}:host:active{cursor:ew-resize}:host:after{content:\"\";position:absolute;top:-.4375rem;bottom:-.4375rem;width:100%}:host._disabled{opacity:var(--tui-disabled-opacity);cursor:auto}:host[data-size=s] .t-track{position:relative;margin:0 .25rem;height:100%}:host[data-size=s] .t-track:before{content:\"\";position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 calc(-.25rem - 1px)}:host[data-size=s] .t-track:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";left:.125rem;right:.375rem;background-image:repeating-linear-gradient(to right,var(--tui-base-06) 0 .25rem,transparent 0 calc(var(--segment-width) / var(--bg-size-ratio)));background-position-x:right;background-repeat:no-repeat;background-size:calc(100% * var(--bg-size-ratio))}:host[data-size=m] .t-track{position:relative;margin:0 .375rem;height:100%}:host[data-size=m] .t-track:before{content:\"\";position:absolute;top:0;left:var(--left);right:var(--right);height:100%;background:var(--tui-primary);margin:0 calc(-.375rem - 1px)}:host[data-size=m] .t-track:after{position:absolute;top:0;left:0;bottom:0;right:0;content:\"\";left:.25rem;right:.5rem;background-image:repeating-linear-gradient(to right,var(--tui-base-06) 0 .25rem,transparent 0 calc(var(--segment-width) / var(--bg-size-ratio)));background-position-x:right;background-repeat:no-repeat;background-size:calc(100% * var(--bg-size-ratio))}.t-thumb{pointer-events:none;position:absolute;top:.0625rem;left:0;right:0;z-index:1;transform:translateY(-50%);margin:0}.t-thumb::-webkit-slider-thumb{pointer-events:all}.t-thumb::-moz-range-thumb{pointer-events:all}input[type=range].t-thumb::-webkit-slider-runnable-track{background:transparent}input[type=range].t-thumb::-moz-range-track{background:transparent}input[type=range].t-thumb::-moz-range-progress{background:transparent}input[type=range].t-thumb::-ms-track{background:transparent}input[type=range].t-thumb::-ms-fill-lower{background:transparent}.t-thumb:last-of-type{--tui-slider-thumb-transform: translateX(50%) translateX(1px)}.t-thumb:first-of-type{--tui-slider-thumb-transform: translateX(-50%) translateX(-1px)}:host._disabled .t-thumb{opacity:1}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i3.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [NgControl]
+                    }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                        type: Inject,
+                        args: [ChangeDetectorRef]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }];
+    }, propDecorators: { min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], step: [{
+                type: Input
+            }], size: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ['attr.data-size']
+            }], segments: [{
+                type: Input
+            }], keySteps: [{
+                type: Input
+            }], slidersRefs: [{
+                type: ViewChildren,
+                args: [TuiSliderComponent, { read: ElementRef }]
+            }], left: [{
+                type: HostBinding,
+                args: ['style.--left.%']
+            }], right: [{
+                type: HostBinding,
+                args: ['style.--right.%']
+            }], onFocused: [{
+                type: HostListener,
+                args: ['focusin', ['true']]
+            }, {
+                type: HostListener,
+                args: ['focusout', ['false']]
+            }], changeByStep: [{
+                type: HostListener,
+                args: ['keydown.arrowUp.prevent', ['1', '$event.target']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowRight.prevent', ['1', '$event.target']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowLeft.prevent', ['-1', '$event.target']]
+            }, {
+                type: HostListener,
+                args: ['keydown.arrowDown.prevent', ['-1', '$event.target']]
+            }], computePureKeySteps: [] } });
+
+class TuiRangeChangeDirective {
+    constructor(doc, el, range, destroy$) {
+        this.doc = doc;
+        this.el = el;
+        this.range = range;
+        /**
+         * TODO replace with pointer events (when all supported browsers can handle them).
+         * Don't forget to use setPointerCapture instead of listening all doc events
+         */
+        this.pointerDown$ = merge(tuiTypedFromEvent(this.el.nativeElement, 'touchstart', {
+            passive: true,
+        }).pipe(filter(({ touches }) => touches.length === 1), map(({ touches }) => touches[0])), tuiTypedFromEvent(this.el.nativeElement, 'mousedown', { passive: true }));
+        this.pointerMove$ = merge(tuiTypedFromEvent(this.doc, 'touchmove').pipe(filter(({ touches }) => touches.length === 1), map(({ touches }) => touches[0])), tuiTypedFromEvent(this.doc, 'mousemove'));
+        this.pointerUp$ = merge(tuiTypedFromEvent(this.doc, 'touchend', { passive: true }), tuiTypedFromEvent(this.doc, 'mouseup', { passive: true }));
+        this.activeThumbChange = new EventEmitter();
+        let activeThumb;
+        this.pointerDown$
+            .pipe(tap(({ clientX, target }) => {
+            activeThumb = this.detectActiveThumb(clientX, target);
+            this.activeThumbChange.emit(activeThumb);
+            if (this.range.focusable) {
+                el.nativeElement.focus();
+            }
+        }), switchMap(event => this.pointerMove$.pipe(startWith(event))), map(({ clientX }) => this.getFractionFromEvents(clientX)), takeUntil(this.pointerUp$), repeat(), takeUntil(destroy$))
+            .subscribe(fraction => {
+            const value = this.range.getValueFromFraction(fraction);
+            this.range.processValue(value, activeThumb === 'right');
+        });
+    }
+    getFractionFromEvents(clickClientX) {
+        const hostRect = this.el.nativeElement.getBoundingClientRect();
+        const value = clickClientX - hostRect.left;
+        const total = hostRect.width;
+        return tuiClamp(tuiRound(value / total, TUI_FLOATING_PRECISION), 0, 1);
+    }
+    detectActiveThumb(clientX, target) {
+        const [leftSliderRef, rightSliderRef] = this.range.slidersRefs;
+        switch (target) {
+            case leftSliderRef.nativeElement:
+                return 'left';
+            case rightSliderRef.nativeElement:
+                return 'right';
+            default:
+                return this.findNearestActiveThumb(clientX);
+        }
+    }
+    findNearestActiveThumb(clientX) {
+        const fraction = this.getFractionFromEvents(clientX);
+        const deltaLeft = fraction * 100 - this.range.left;
+        const deltaRight = fraction * 100 - 100 + this.range.right;
+        return Math.abs(deltaLeft) > Math.abs(deltaRight) ||
+            deltaRight > 0 ||
+            (this.range.left === 0 && this.range.right === 100)
+            ? 'right'
+            : 'left';
+    }
+}
+TuiRangeChangeDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeChangeDirective, deps: [{ token: DOCUMENT }, { token: ElementRef }, { token: TuiRangeComponent }, { token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Directive });
+TuiRangeChangeDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.10", type: TuiRangeChangeDirective, selector: "tui-range", outputs: { activeThumbChange: "activeThumbChange" }, providers: [TuiDestroyService], ngImport: i0 });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeChangeDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'tui-range',
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () {
+        return [{ type: Document, decorators: [{
+                        type: Inject,
+                        args: [DOCUMENT]
+                    }] }, { type: i0.ElementRef, decorators: [{
+                        type: Inject,
+                        args: [ElementRef]
+                    }] }, { type: TuiRangeComponent, decorators: [{
+                        type: Inject,
+                        args: [TuiRangeComponent]
+                    }] }, { type: i2$1.Observable, decorators: [{
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [TuiDestroyService]
+                    }] }];
+    }, propDecorators: { activeThumbChange: [{
+                type: Output
+            }] } });
+
+class TuiRangeModule {
+}
+TuiRangeModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRangeModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeModule, declarations: [TuiRangeComponent, TuiRangeChangeDirective], imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule], exports: [TuiRangeComponent, TuiRangeChangeDirective] });
+TuiRangeModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeModule, imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRangeModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule],
+                    declarations: [TuiRangeComponent, TuiRangeChangeDirective],
+                    exports: [TuiRangeComponent, TuiRangeChangeDirective],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiRangeChangeDirective, TuiRangeComponent, TuiRangeModule };
+//# sourceMappingURL=taiga-ui-kit-components-range.mjs.map

package/fesm2015/taiga-ui-kit-components-range.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-range.mjs","sources":["../../../projects/kit/components/range/range.component.ts","../../../projects/kit/components/range/range.template.html","../../../projects/kit/components/range/range-change.directive.ts","../../../projects/kit/components/range/range.module.ts","../../../projects/kit/components/range/taiga-ui-kit-components-range.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostBinding,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    QueryList,\n    Self,\n    ViewChildren,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    EMPTY_QUERY,\n    tuiClamp,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocusedIn,\n    TuiNativeFocusableElement,\n    tuiPure,\n    tuiQuantize,\n} from '@taiga-ui/cdk';\nimport {TuiSizeS, TuiWithOptionalMinMax} from '@taiga-ui/core';\nimport {TuiSliderComponent} from '@taiga-ui/kit/components/slider';\nimport {TuiKeySteps} from '@taiga-ui/kit/types';\nimport {\n    tuiKeyStepValueToPercentage,\n    tuiPercentageToKeyStepValue,\n} from '@taiga-ui/kit/utils';\n\n@Component({\n    selector: 'tui-range',\n    templateUrl: './range.template.html',\n    styleUrls: ['./range.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    host: {\n        '[attr.tabindex]': '-1',\n        '[attr.aria-disabled]': 'computedDisabled',\n    },\n})\nexport class TuiRangeComponent\n    extends AbstractTuiControl<[number, number]>\n    implements TuiWithOptionalMinMax<number>, TuiFocusableElementAccessor\n{\n    @Input()\n    min = 0;\n\n    @Input()\n    max = 100;\n\n    @Input()\n    step = 1;\n\n    @Input()\n    @HostBinding('attr.data-size')\n    size: TuiSizeS = 'm';\n\n    @Input()\n    segments = 1;\n\n    @Input()\n    keySteps: TuiKeySteps | null = null;\n\n    @ViewChildren(TuiSliderComponent, {read: ElementRef})\n    slidersRefs: QueryList<ElementRef<HTMLInputElement>> = EMPTY_QUERY;\n\n    lastActiveThumb: 'left' | 'right' = 'right';\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        control: NgControl | null,\n        @Inject(ChangeDetectorRef) cdr: ChangeDetectorRef,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n    ) {\n        super(control, cdr);\n    }\n\n    get nativeFocusableElement(): TuiNativeFocusableElement | null {\n        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;\n\n        if (\n            this.computedDisabled ||\n            !this.focusable ||\n            !sliderLeftRef ||\n            !sliderRightRef\n        ) {\n            return null;\n        }\n\n        const isLeftThumbLocked = this.right === 100;\n\n        return isLeftThumbLocked\n            ? sliderRightRef.nativeElement\n            : sliderLeftRef.nativeElement;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocusedIn(this.el.nativeElement);\n    }\n\n    get fractionStep(): number {\n        return this.step / (this.max - this.min);\n    }\n\n    get computedKeySteps(): TuiKeySteps {\n        return this.computePureKeySteps(this.keySteps, this.min, this.max);\n    }\n\n    get segmentWidthRatio(): number {\n        return 1 / this.segments;\n    }\n\n    @HostBinding('style.--left.%')\n    get left(): number {\n        return this.getPercentageFromValue(this.value[0]);\n    }\n\n    @HostBinding('style.--right.%')\n    get right(): number {\n        return 100 - this.getPercentageFromValue(this.value[1]);\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    @HostListener('keydown.arrowUp.prevent', ['1', '$event.target'])\n    @HostListener('keydown.arrowRight.prevent', ['1', '$event.target'])\n    @HostListener('keydown.arrowLeft.prevent', ['-1', '$event.target'])\n    @HostListener('keydown.arrowDown.prevent', ['-1', '$event.target'])\n    changeByStep(coefficient: number, target: HTMLElement): void {\n        const [sliderLeftRef, sliderRightRef] = this.slidersRefs;\n        const leftThumbElement = sliderLeftRef.nativeElement;\n        const rightThumbElement = sliderRightRef.nativeElement;\n\n        const isRightThumb =\n            target === this.el.nativeElement\n                ? this.lastActiveThumb === 'right'\n                : target === rightThumbElement;\n        const activeThumbElement = isRightThumb ? rightThumbElement : leftThumbElement;\n        const previousValue = isRightThumb ? this.value[1] : this.value[0];\n        /** @bad TODO think about a solution without twice conversion */\n        const previousFraction = this.getPercentageFromValue(previousValue) / 100;\n        const newFractionValue = previousFraction + coefficient * this.fractionStep;\n\n        this.processValue(this.getValueFromFraction(newFractionValue), isRightThumb);\n\n        if (activeThumbElement) {\n            activeThumbElement.focus();\n        }\n    }\n\n    processValue(value: number, right: boolean): void {\n        if (right) {\n            this.updateEnd(value);\n        } else {\n            this.updateStart(value);\n        }\n\n        this.lastActiveThumb = right ? 'right' : 'left';\n    }\n\n    getValueFromFraction(fraction: number): number {\n        const guardedFraction = tuiClamp(tuiQuantize(fraction, this.fractionStep), 0, 1);\n\n        return tuiPercentageToKeyStepValue(guardedFraction * 100, this.computedKeySteps);\n    }\n\n    getPercentageFromValue(value: number): number {\n        return tuiKeyStepValueToPercentage(value, this.computedKeySteps);\n    }\n\n    protected getFallbackValue(): [number, number] {\n        return [0, 0];\n    }\n\n    @tuiPure\n    private computePureKeySteps(\n        keySteps: TuiKeySteps | null,\n        min: number,\n        max: number,\n    ): TuiKeySteps {\n        return (\n            keySteps || [\n                [0, min],\n                [100, max],\n            ]\n        );\n    }\n\n    private updateStart(value: number): void {\n        this.value = [Math.min(value, this.value[1]), this.value[1]];\n    }\n\n    private updateEnd(value: number): void {\n        this.value = [this.value[0], Math.max(value, this.value[0])];\n    }\n}\n","<div\n    class=\"t-track\"\n    [style.--bg-size-ratio]=\"1 - segmentWidthRatio\"\n    [style.--segment-width.%]=\"segmentWidthRatio * 100\"\n>\n    <input\n        automation-id=\"tui-range__left\"\n        readonly\n        step=\"any\"\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"computedDisabled\"\n        [keySteps]=\"computedKeySteps\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [ngModel]=\"value[0]\"\n        [size]=\"size\"\n        [tuiFocusable]=\"focusable\"\n    />\n    <input\n        automation-id=\"tui-range__right\"\n        readonly\n        step=\"any\"\n        tuiSlider\n        type=\"range\"\n        class=\"t-thumb\"\n        [disabled]=\"computedDisabled\"\n        [keySteps]=\"computedKeySteps\"\n        [max]=\"max\"\n        [min]=\"min\"\n        [ngModel]=\"value[1]\"\n        [size]=\"size\"\n        [tuiFocusable]=\"focusable\"\n    />\n</div>\n","import {DOCUMENT} from '@angular/common';\nimport {Directive, ElementRef, EventEmitter, Inject, Output, Self} from '@angular/core';\nimport {tuiClamp, TuiDestroyService, tuiRound, tuiTypedFromEvent} from '@taiga-ui/cdk';\nimport {TUI_FLOATING_PRECISION} from '@taiga-ui/kit/constants';\nimport {\n    filter,\n    map,\n    merge,\n    Observable,\n    repeat,\n    startWith,\n    switchMap,\n    takeUntil,\n    tap,\n} from 'rxjs';\n\nimport {TuiRangeComponent} from './range.component';\n\n@Directive({\n    selector: 'tui-range',\n    providers: [TuiDestroyService],\n})\nexport class TuiRangeChangeDirective {\n    /**\n     * TODO replace with pointer events (when all supported browsers can handle them).\n     * Don't forget to use setPointerCapture instead of listening all doc events\n     */\n    private readonly pointerDown$ = merge(\n        tuiTypedFromEvent(this.el.nativeElement, 'touchstart', {\n            passive: true,\n        }).pipe(\n            filter(({touches}) => touches.length === 1),\n            map(({touches}) => touches[0]),\n        ),\n        tuiTypedFromEvent(this.el.nativeElement, 'mousedown', {passive: true}),\n    );\n\n    private readonly pointerMove$ = merge(\n        tuiTypedFromEvent(this.doc, 'touchmove').pipe(\n            filter(({touches}) => touches.length === 1),\n            map(({touches}) => touches[0]),\n        ),\n        tuiTypedFromEvent(this.doc, 'mousemove'),\n    );\n\n    private readonly pointerUp$ = merge(\n        tuiTypedFromEvent(this.doc, 'touchend', {passive: true}),\n        tuiTypedFromEvent(this.doc, 'mouseup', {passive: true}),\n    );\n\n    @Output()\n    readonly activeThumbChange = new EventEmitter<'left' | 'right'>();\n\n    constructor(\n        @Inject(DOCUMENT) private readonly doc: Document,\n        @Inject(ElementRef) private readonly el: ElementRef<HTMLElement>,\n        @Inject(TuiRangeComponent) private readonly range: TuiRangeComponent,\n        @Self() @Inject(TuiDestroyService) destroy$: Observable<unknown>,\n    ) {\n        let activeThumb: 'left' | 'right';\n\n        this.pointerDown$\n            .pipe(\n                tap(({clientX, target}) => {\n                    activeThumb = this.detectActiveThumb(clientX, target);\n                    this.activeThumbChange.emit(activeThumb);\n\n                    if (this.range.focusable) {\n                        el.nativeElement.focus();\n                    }\n                }),\n                switchMap(event => this.pointerMove$.pipe(startWith(event))),\n                map(({clientX}) => this.getFractionFromEvents(clientX)),\n                takeUntil(this.pointerUp$),\n                repeat(),\n                takeUntil(destroy$),\n            )\n            .subscribe(fraction => {\n                const value = this.range.getValueFromFraction(fraction);\n\n                this.range.processValue(value, activeThumb === 'right');\n            });\n    }\n\n    private getFractionFromEvents(clickClientX: number): number {\n        const hostRect = this.el.nativeElement.getBoundingClientRect();\n        const value = clickClientX - hostRect.left;\n        const total = hostRect.width;\n\n        return tuiClamp(tuiRound(value / total, TUI_FLOATING_PRECISION), 0, 1);\n    }\n\n    private detectActiveThumb(\n        clientX: number,\n        target: EventTarget | null,\n    ): 'left' | 'right' {\n        const [leftSliderRef, rightSliderRef] = this.range.slidersRefs;\n\n        switch (target) {\n            case leftSliderRef.nativeElement:\n                return 'left';\n            case rightSliderRef.nativeElement:\n                return 'right';\n            default:\n                return this.findNearestActiveThumb(clientX);\n        }\n    }\n\n    private findNearestActiveThumb(clientX: number): 'left' | 'right' {\n        const fraction = this.getFractionFromEvents(clientX);\n        const deltaLeft = fraction * 100 - this.range.left;\n        const deltaRight = fraction * 100 - 100 + this.range.right;\n\n        return Math.abs(deltaLeft) > Math.abs(deltaRight) ||\n            deltaRight > 0 ||\n            (this.range.left === 0 && this.range.right === 100)\n            ? 'right'\n            : 'left';\n    }\n}\n","import {CommonModule} from '@angular/common';\nimport {NgModule} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {TuiFocusableModule} from '@taiga-ui/cdk';\nimport {TuiSliderModule} from '@taiga-ui/kit/components/slider';\n\nimport {TuiRangeComponent} from './range.component';\nimport {TuiRangeChangeDirective} from './range-change.directive';\n\n@NgModule({\n    imports: [CommonModule, TuiFocusableModule, TuiSliderModule, FormsModule],\n    declarations: [TuiRangeComponent, TuiRangeChangeDirective],\n    exports: [TuiRangeComponent, TuiRangeChangeDirective],\n})\nexport class TuiRangeModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-rating.mjs

@@ -0,0 +1,142 @@
+import * as i0 from '@angular/core';
+import { ChangeDetectorRef, Component, ChangeDetectionStrategy, Optional, Self, Inject, ViewChild, Input, HostListener, NgModule } from '@angular/core';
+import * as i3 from '@angular/forms';
+import { NgControl, FormsModule, ReactiveFormsModule } from '@angular/forms';
+import * as i2 from '@taiga-ui/cdk';
+import { tuiCreateToken, tuiProvideOptions, AbstractTuiControl, tuiIsNativeFocused, tuiClamp, tuiAsFocusableItemAccessor, tuiAsControl, TuiFocusableModule, TuiRepeatTimesModule } from '@taiga-ui/cdk';
+import * as i1 from '@taiga-ui/core';
+import { TuiSvgModule } from '@taiga-ui/core';
+
+const TUI_RATING_DEFAULT_OPTIONS = {
+    min: 0,
+    max: 5,
+    iconNormal: `tuiIconStarLarge`,
+    iconFilled: `tuiIconStarLarge`,
+};
+/**
+ * Default parameters for Rating component
+ */
+const TUI_RATING_OPTIONS = tuiCreateToken(TUI_RATING_DEFAULT_OPTIONS);
+function tuiRatingOptionsProvider(options) {
+    return tuiProvideOptions(TUI_RATING_OPTIONS, options, TUI_RATING_DEFAULT_OPTIONS);
+}
+
+class TuiRatingComponent extends AbstractTuiControl {
+    constructor(ngControl, cdr, options) {
+        super(ngControl, cdr);
+        this.options = options;
+        this.min = this.options.min;
+        this.max = this.options.max;
+        this.iconNormal = this.options.iconNormal;
+        this.iconFilled = this.options.iconFilled;
+    }
+    get nativeFocusableElement() {
+        return this.computedDisabled || !this.focusableElement
+            ? null
+            : this.focusableElement.nativeElement;
+    }
+    get focused() {
+        return tuiIsNativeFocused(this.nativeFocusableElement);
+    }
+    get isFocusable() {
+        return !(this.readOnly || this.disabled);
+    }
+    get percent() {
+        return tuiClamp((100 * this.value) / this.max, 0, 100);
+    }
+    onFocused(focused) {
+        this.updateFocused(focused);
+    }
+    setRateByReverseIndex(index) {
+        const reversedIndex = this.max - index;
+        if (reversedIndex <= this.min) {
+            return;
+        }
+        this.value = reversedIndex;
+    }
+    setRate(value) {
+        this.value = value;
+    }
+    getFallbackValue() {
+        return 0;
+    }
+}
+TuiRatingComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRatingComponent, deps: [{ token: NgControl, optional: true, self: true }, { token: ChangeDetectorRef }, { token: TUI_RATING_OPTIONS }], target: i0.ɵɵFactoryTarget.Component });
+TuiRatingComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiRatingComponent, selector: "tui-rating", inputs: { min: "min", max: "max", iconNormal: "iconNormal", iconFilled: "iconFilled" }, host: { listeners: { "focusin": "onFocused(true)", "focusout": "onFocused(false)" } }, providers: [
+        tuiAsFocusableItemAccessor(TuiRatingComponent),
+        tuiAsControl(TuiRatingComponent),
+    ], viewQueries: [{ propertyName: "focusableElement", first: true, predicate: ["focusableElement"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<label>\n    <ng-content></ng-content>\n\n    <div class=\"t-host\">\n        <div class=\"t-interactive\">\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-rating t-icon-filled\"\n                [class.t-icon-rating-last]=\"index === 0\"\n                [src]=\"iconFilled\"\n                (click)=\"setRateByReverseIndex(index)\"\n            ></tui-svg>\n        </div>\n\n        <div\n            class=\"t-wrapper\"\n            [style.width.%]=\"percent\"\n        >\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-rating t-icon-filled\"\n                [class.t-icon-rating-last]=\"index === 0\"\n                [src]=\"iconFilled\"\n            ></tui-svg>\n        </div>\n\n        <tui-svg\n            *tuiRepeatTimes=\"let index of max\"\n            class=\"t-icon-rating\"\n            [class.t-icon-rating-last]=\"max - 1 === index\"\n            [src]=\"iconNormal\"\n        ></tui-svg>\n\n        <input\n            #focusableElement\n            step=\"1\"\n            type=\"range\"\n            class=\"t-input\"\n            [max]=\"max\"\n            [min]=\"min\"\n            [ngModel]=\"value\"\n            [tuiFocusable]=\"isFocusable\"\n            (ngModelChange)=\"setRate($event)\"\n        />\n    </div>\n</label>\n", styles: [":host._readonly,:host._disabled{pointer-events:none}:host._disabled{opacity:var(--tui-disabled-opacity)}.t-host{position:relative;display:inline-flex}.t-icon-rating{width:var(--tui-rating-size, 1.5rem);height:var(--tui-rating-size, 1.5rem);padding:0 var(--tui-rating-gap, 0) 0 0}.t-icon-rating-last{padding-right:0}.t-input{pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.t-input::-webkit-slider-thumb{display:none}.t-input::-moz-range-thumb{opacity:0}.t-input,.t-wrapper,.t-interactive{position:absolute;left:0;bottom:0;width:100%;height:100%}.t-wrapper,.t-interactive{display:inline-flex;overflow:hidden;flex-direction:row-reverse;justify-content:flex-end;white-space:nowrap}.t-wrapper{pointer-events:none}.t-interactive{opacity:0}@media (hover: hover) and (pointer: fine){.t-interactive:hover{opacity:1}.t-interactive:hover~.t-wrapper{visibility:hidden}.t-interactive:hover .t-icon-filled{opacity:0}.t-interactive:hover .t-icon-filled:hover,.t-interactive:hover .t-icon-filled:hover~.t-icon-filled{opacity:1}}.t-icon-filled{position:relative;cursor:pointer;fill:currentColor}\n"], dependencies: [{ kind: "component", type: i1.TuiSvgComponent, selector: "tui-svg", inputs: ["src"] }, { kind: "directive", type: i2.TuiFocusableDirective, selector: "[tuiFocusable]", inputs: ["tuiFocusable"] }, { kind: "directive", type: i2.TuiRepeatTimesDirective, selector: "[tuiRepeatTimes][tuiRepeatTimesOf]", inputs: ["tuiRepeatTimesOf"] }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.RangeValueAccessor, selector: "input[type=range][formControlName],input[type=range][formControl],input[type=range][ngModel]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRatingComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'tui-rating', changeDetection: ChangeDetectionStrategy.OnPush, providers: [
+                        tuiAsFocusableItemAccessor(TuiRatingComponent),
+                        tuiAsControl(TuiRatingComponent),
+                    ], template: "<label>\n    <ng-content></ng-content>\n\n    <div class=\"t-host\">\n        <div class=\"t-interactive\">\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-rating t-icon-filled\"\n                [class.t-icon-rating-last]=\"index === 0\"\n                [src]=\"iconFilled\"\n                (click)=\"setRateByReverseIndex(index)\"\n            ></tui-svg>\n        </div>\n\n        <div\n            class=\"t-wrapper\"\n            [style.width.%]=\"percent\"\n        >\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-rating t-icon-filled\"\n                [class.t-icon-rating-last]=\"index === 0\"\n                [src]=\"iconFilled\"\n            ></tui-svg>\n        </div>\n\n        <tui-svg\n            *tuiRepeatTimes=\"let index of max\"\n            class=\"t-icon-rating\"\n            [class.t-icon-rating-last]=\"max - 1 === index\"\n            [src]=\"iconNormal\"\n        ></tui-svg>\n\n        <input\n            #focusableElement\n            step=\"1\"\n            type=\"range\"\n            class=\"t-input\"\n            [max]=\"max\"\n            [min]=\"min\"\n            [ngModel]=\"value\"\n            [tuiFocusable]=\"isFocusable\"\n            (ngModelChange)=\"setRate($event)\"\n        />\n    </div>\n</label>\n", styles: [":host._readonly,:host._disabled{pointer-events:none}:host._disabled{opacity:var(--tui-disabled-opacity)}.t-host{position:relative;display:inline-flex}.t-icon-rating{width:var(--tui-rating-size, 1.5rem);height:var(--tui-rating-size, 1.5rem);padding:0 var(--tui-rating-gap, 0) 0 0}.t-icon-rating-last{padding-right:0}.t-input{pointer-events:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent}.t-input::-webkit-slider-thumb{display:none}.t-input::-moz-range-thumb{opacity:0}.t-input,.t-wrapper,.t-interactive{position:absolute;left:0;bottom:0;width:100%;height:100%}.t-wrapper,.t-interactive{display:inline-flex;overflow:hidden;flex-direction:row-reverse;justify-content:flex-end;white-space:nowrap}.t-wrapper{pointer-events:none}.t-interactive{opacity:0}@media (hover: hover) and (pointer: fine){.t-interactive:hover{opacity:1}.t-interactive:hover~.t-wrapper{visibility:hidden}.t-interactive:hover .t-icon-filled{opacity:0}.t-interactive:hover .t-icon-filled:hover,.t-interactive:hover .t-icon-filled:hover~.t-icon-filled{opacity:1}}.t-icon-filled{position:relative;cursor:pointer;fill:currentColor}\n"] }]
+        }], ctorParameters: function () {
+        return [{ type: i3.NgControl, decorators: [{
+                        type: Optional
+                    }, {
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [NgControl]
+                    }] }, { type: i0.ChangeDetectorRef, decorators: [{
+                        type: Inject,
+                        args: [ChangeDetectorRef]
+                    }] }, { type: undefined, decorators: [{
+                        type: Inject,
+                        args: [TUI_RATING_OPTIONS]
+                    }] }];
+    }, propDecorators: { focusableElement: [{
+                type: ViewChild,
+                args: ['focusableElement']
+            }], min: [{
+                type: Input
+            }], max: [{
+                type: Input
+            }], iconNormal: [{
+                type: Input
+            }], iconFilled: [{
+                type: Input
+            }], onFocused: [{
+                type: HostListener,
+                args: ['focusin', ['true']]
+            }, {
+                type: HostListener,
+                args: ['focusout', ['false']]
+            }] } });
+
+class TuiRatingModule {
+}
+TuiRatingModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRatingModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRatingModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiRatingModule, declarations: [TuiRatingComponent], imports: [TuiSvgModule,
+        TuiFocusableModule,
+        TuiRepeatTimesModule,
+        FormsModule,
+        ReactiveFormsModule], exports: [TuiRatingComponent] });
+TuiRatingModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRatingModule, imports: [TuiSvgModule,
+        TuiFocusableModule,
+        TuiRepeatTimesModule,
+        FormsModule,
+        ReactiveFormsModule] });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRatingModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        TuiSvgModule,
+                        TuiFocusableModule,
+                        TuiRepeatTimesModule,
+                        FormsModule,
+                        ReactiveFormsModule,
+                    ],
+                    declarations: [TuiRatingComponent],
+                    exports: [TuiRatingComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TUI_RATING_DEFAULT_OPTIONS, TUI_RATING_OPTIONS, TuiRatingComponent, TuiRatingModule, tuiRatingOptionsProvider };
+//# sourceMappingURL=taiga-ui-kit-components-rating.mjs.map

package/fesm2015/taiga-ui-kit-components-rating.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"taiga-ui-kit-components-rating.mjs","sources":["../../../projects/kit/components/rating/rating.options.ts","../../../projects/kit/components/rating/rating.component.ts","../../../projects/kit/components/rating/rating.template.html","../../../projects/kit/components/rating/rating.module.ts","../../../projects/kit/components/rating/taiga-ui-kit-components-rating.ts"],"sourcesContent":["import {Provider} from '@angular/core';\nimport {tuiCreateToken, tuiProvideOptions} from '@taiga-ui/cdk';\n\nexport interface TuiRatingOptions {\n    readonly iconFilled: string;\n    readonly iconNormal: string;\n    readonly max: number;\n    readonly min: number;\n}\n\nexport const TUI_RATING_DEFAULT_OPTIONS: TuiRatingOptions = {\n    min: 0,\n    max: 5,\n    iconNormal: `tuiIconStarLarge`,\n    iconFilled: `tuiIconStarLarge`,\n};\n\n/**\n * Default parameters for Rating component\n */\nexport const TUI_RATING_OPTIONS = tuiCreateToken(TUI_RATING_DEFAULT_OPTIONS);\n\nexport function tuiRatingOptionsProvider(options: Partial<TuiRatingOptions>): Provider {\n    return tuiProvideOptions(TUI_RATING_OPTIONS, options, TUI_RATING_DEFAULT_OPTIONS);\n}\n","import {\n    ChangeDetectionStrategy,\n    ChangeDetectorRef,\n    Component,\n    ElementRef,\n    HostListener,\n    Inject,\n    Input,\n    Optional,\n    Self,\n    ViewChild,\n} from '@angular/core';\nimport {NgControl} from '@angular/forms';\nimport {\n    AbstractTuiControl,\n    tuiAsControl,\n    tuiAsFocusableItemAccessor,\n    tuiClamp,\n    TuiFocusableElementAccessor,\n    tuiIsNativeFocused,\n} from '@taiga-ui/cdk';\n\nimport {TUI_RATING_OPTIONS, TuiRatingOptions} from './rating.options';\n\n@Component({\n    selector: 'tui-rating',\n    templateUrl: './rating.template.html',\n    styleUrls: ['./rating.style.less'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [\n        tuiAsFocusableItemAccessor(TuiRatingComponent),\n        tuiAsControl(TuiRatingComponent),\n    ],\n})\nexport class TuiRatingComponent\n    extends AbstractTuiControl<number>\n    implements TuiFocusableElementAccessor\n{\n    @ViewChild('focusableElement')\n    private readonly focusableElement?: ElementRef<HTMLInputElement>;\n\n    @Input()\n    min = this.options.min;\n\n    @Input()\n    max = this.options.max;\n\n    @Input()\n    iconNormal = this.options.iconNormal;\n\n    @Input()\n    iconFilled = this.options.iconFilled;\n\n    constructor(\n        @Optional()\n        @Self()\n        @Inject(NgControl)\n        ngControl: NgControl | null,\n        @Inject(ChangeDetectorRef)\n        cdr: ChangeDetectorRef,\n        @Inject(TUI_RATING_OPTIONS)\n        private readonly options: TuiRatingOptions,\n    ) {\n        super(ngControl, cdr);\n    }\n\n    get nativeFocusableElement(): HTMLInputElement | null {\n        return this.computedDisabled || !this.focusableElement\n            ? null\n            : this.focusableElement.nativeElement;\n    }\n\n    get focused(): boolean {\n        return tuiIsNativeFocused(this.nativeFocusableElement);\n    }\n\n    get isFocusable(): boolean {\n        return !(this.readOnly || this.disabled);\n    }\n\n    get percent(): number {\n        return tuiClamp((100 * this.value) / this.max, 0, 100);\n    }\n\n    @HostListener('focusin', ['true'])\n    @HostListener('focusout', ['false'])\n    onFocused(focused: boolean): void {\n        this.updateFocused(focused);\n    }\n\n    setRateByReverseIndex(index: number): void {\n        const reversedIndex = this.max - index;\n\n        if (reversedIndex <= this.min) {\n            return;\n        }\n\n        this.value = reversedIndex;\n    }\n\n    setRate(value: number): void {\n        this.value = value;\n    }\n\n    protected getFallbackValue(): number {\n        return 0;\n    }\n}\n","<label>\n    <ng-content></ng-content>\n\n    <div class=\"t-host\">\n        <div class=\"t-interactive\">\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-rating t-icon-filled\"\n                [class.t-icon-rating-last]=\"index === 0\"\n                [src]=\"iconFilled\"\n                (click)=\"setRateByReverseIndex(index)\"\n            ></tui-svg>\n        </div>\n\n        <div\n            class=\"t-wrapper\"\n            [style.width.%]=\"percent\"\n        >\n            <tui-svg\n                *tuiRepeatTimes=\"let index of max\"\n                class=\"t-icon-rating t-icon-filled\"\n                [class.t-icon-rating-last]=\"index === 0\"\n                [src]=\"iconFilled\"\n            ></tui-svg>\n        </div>\n\n        <tui-svg\n            *tuiRepeatTimes=\"let index of max\"\n            class=\"t-icon-rating\"\n            [class.t-icon-rating-last]=\"max - 1 === index\"\n            [src]=\"iconNormal\"\n        ></tui-svg>\n\n        <input\n            #focusableElement\n            step=\"1\"\n            type=\"range\"\n            class=\"t-input\"\n            [max]=\"max\"\n            [min]=\"min\"\n            [ngModel]=\"value\"\n            [tuiFocusable]=\"isFocusable\"\n            (ngModelChange)=\"setRate($event)\"\n        />\n    </div>\n</label>\n","import {NgModule} from '@angular/core';\nimport {FormsModule, ReactiveFormsModule} from '@angular/forms';\nimport {TuiFocusableModule, TuiRepeatTimesModule} from '@taiga-ui/cdk';\nimport {TuiSvgModule} from '@taiga-ui/core';\n\nimport {TuiRatingComponent} from './rating.component';\n\n@NgModule({\n    imports: [\n        TuiSvgModule,\n        TuiFocusableModule,\n        TuiRepeatTimesModule,\n        FormsModule,\n        ReactiveFormsModule,\n    ],\n    declarations: [TuiRatingComponent],\n    exports: [TuiRatingComponent],\n})\nexport class TuiRatingModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}

package/fesm2015/taiga-ui-kit-components-routable-dialog.mjs

@@ -0,0 +1,105 @@
+import { __rest } from 'tslib';
+import * as i0 from '@angular/core';
+import { Injector, Component, ChangeDetectionStrategy, Inject, Self, NgModule } from '@angular/core';
+import * as i1 from '@angular/router';
+import { ActivatedRoute, Router } from '@angular/router';
+import * as i3 from '@taiga-ui/cdk';
+import { TuiDestroyService } from '@taiga-ui/cdk';
+import * as i2 from '@taiga-ui/core';
+import { TuiDialogService } from '@taiga-ui/core';
+import { PolymorpheusComponent } from '@tinkoff/ng-polymorpheus';
+import { takeUntil } from 'rxjs';
+
+class TuiRoutableDialogComponent {
+    constructor(route, router, dialogs, injector, destroy$) {
+        this.route = route;
+        this.router = router;
+        dialogs
+            .open(new PolymorpheusComponent(this.route.snapshot.data['dialog'], injector), this.route.snapshot.data['dialogOptions'])
+            .pipe(takeUntil(destroy$))
+            .subscribe({
+            complete: () => this.navigateToParent(),
+        });
+    }
+    navigateToParent() {
+        const isLazy = this.route.snapshot.data['isLazy'];
+        const backUrl = isLazy
+            ? this.getLazyLoadedBackUrl()
+            : this.route.snapshot.data['backUrl'];
+        void this.router.navigate([backUrl], {
+            relativeTo: this.route,
+        });
+    }
+    getLazyLoadedBackUrl() {
+        var _a;
+        const urlSegments = ((_a = this.route.parent) === null || _a === void 0 ? void 0 : _a.snapshot.url) || [];
+        return urlSegments.map(() => '..').join('/');
+    }
+}
+TuiRoutableDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogComponent, deps: [{ token: ActivatedRoute }, { token: Router }, { token: TuiDialogService }, { token: Injector }, { token: TuiDestroyService, self: true }], target: i0.ɵɵFactoryTarget.Component });
+TuiRoutableDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.10", type: TuiRoutableDialogComponent, selector: "tui-routable-dialog", providers: [TuiDestroyService], ngImport: i0, template: '', isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'tui-routable-dialog',
+                    template: '',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [TuiDestroyService],
+                }]
+        }], ctorParameters: function () {
+        return [{ type: i1.ActivatedRoute, decorators: [{
+                        type: Inject,
+                        args: [ActivatedRoute]
+                    }] }, { type: i1.Router, decorators: [{
+                        type: Inject,
+                        args: [Router]
+                    }] }, { type: i2.TuiDialogService, decorators: [{
+                        type: Inject,
+                        args: [TuiDialogService]
+                    }] }, { type: i0.Injector, decorators: [{
+                        type: Inject,
+                        args: [Injector]
+                    }] }, { type: i3.TuiDestroyService, decorators: [{
+                        type: Self
+                    }, {
+                        type: Inject,
+                        args: [TuiDestroyService]
+                    }] }];
+    } });
+
+function tuiGenerateDialogableRoute(component, _a = {}) {
+    var { path = `` } = _a, dialogOptions = __rest(_a, ["path"]);
+    return {
+        path,
+        component: TuiRoutableDialogComponent,
+        data: {
+            dialog: component,
+            backUrl: path
+                .split(`/`)
+                .map(() => `..`)
+                .join(`/`),
+            isLazy: path === ``,
+            dialogOptions,
+        },
+    };
+}
+
+class TuiRoutableDialogModule {
+}
+TuiRoutableDialogModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+TuiRoutableDialogModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule, declarations: [TuiRoutableDialogComponent], exports: [TuiRoutableDialogComponent] });
+TuiRoutableDialogModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule });
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.10", ngImport: i0, type: TuiRoutableDialogModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [TuiRoutableDialogComponent],
+                    exports: [TuiRoutableDialogComponent],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { TuiRoutableDialogComponent, TuiRoutableDialogModule, tuiGenerateDialogableRoute };
+//# sourceMappingURL=taiga-ui-kit-components-routable-dialog.mjs.map