@taiga-ui/kit/fesm2022/taiga-ui-kit-components-input-slider.mjs.map

Taiga UI Angular main components kit

{"version":3,"file":"taiga-ui-kit-components-input-slider.mjs","sources":["../../../projects/kit/components/input-slider/input-slider.directive.ts","../../../projects/kit/components/input-slider/input-slider.ts","../../../projects/kit/components/input-slider/taiga-ui-kit-components-input-slider.ts"],"sourcesContent":["import {\n    ChangeDetectionStrategy,\n    Component,\n    computed,\n    Directive,\n    effect,\n    inject,\n    ViewEncapsulation,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {TuiNonNullableValueTransformer, TuiValueTransformer} from '@taiga-ui/cdk/classes';\nimport {TUI_VERSION} from '@taiga-ui/cdk/constants';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {tuiClamp} from '@taiga-ui/cdk/utils/math';\nimport {tuiWithStyles} from '@taiga-ui/cdk/utils/miscellaneous';\nimport {TuiSliderComponent} from '@taiga-ui/core/components/slider';\nimport {tuiInjectAuxiliary} from '@taiga-ui/core/components/textfield';\nimport {\n    TuiInputNumberDirective,\n    tuiInputNumberOptionsProvider,\n    TuiNumberMask,\n    TuiQuantumValueTransformer,\n} from '@taiga-ui/kit/components/input-number';\nimport {filter, fromEvent, switchMap, tap} from 'rxjs';\n\n@Component({\n    template: '',\n    styles: `\n        [data-tui-version='${TUI_VERSION}'] {\n            @import './input-slider.styles.less';\n        }\n    `,\n    encapsulation: ViewEncapsulation.None,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    exportAs: `tui-input-slider-${TUI_VERSION}`,\n})\nclass Styles {}\n\n@Directive({\n    selector: 'input[tuiInputSlider]',\n    providers: [\n        tuiInputNumberOptionsProvider({\n            valueTransformer: new TuiNonNullableValueTransformer(),\n        }),\n    ],\n    hostDirectives: [\n        {\n            directive: TuiInputNumberDirective,\n            inputs: ['invalid', 'readOnly'],\n        },\n        {\n            directive: TuiQuantumValueTransformer,\n            inputs: ['quantum'],\n        },\n    ],\n    host: {\n        '(blur)': 'inputNumber.setValue(value() ?? null)',\n        '(keydown.arrowDown)': 'onStep(-1)',\n        '(keydown.arrowUp)': 'onStep(1)',\n    },\n})\nexport class TuiInputSliderDirective {\n    private readonly isMobile = inject(WA_IS_MOBILE);\n    private readonly el = tuiInjectElement<HTMLInputElement>();\n\n    private readonly slider = tuiInjectAuxiliary<TuiSliderComponent>(\n        (x) => x instanceof TuiSliderComponent,\n    );\n\n    private readonly controlTransformer = inject<TuiValueTransformer<string, number>>(\n        TuiValueTransformer,\n        {self: true},\n    );\n\n    protected readonly nothing = tuiWithStyles(Styles);\n    protected readonly mask = inject(TuiNumberMask, {self: true});\n    protected readonly inputNumber = inject(TuiInputNumberDirective, {self: true});\n\n    protected readonly value = computed(() =>\n        this.controlTransformer.toControlValue(this.inputNumber.value()),\n    );\n\n    protected readonly textfieldToSliderSync = effect(() => {\n        const slider = this.slider();\n\n        if (!slider) {\n            return;\n        }\n\n        if (slider.keySteps?.transformer()) {\n            slider.keySteps?.setControlValue(this.value());\n        } else {\n            // Native <input type=\"range\" /> does not support BigInt\n            slider.min = Number(this.mask.min());\n            slider.max = Number(this.mask.max());\n            slider.value = this.value();\n        }\n\n        slider.el.disabled = !this.inputNumber.interactive();\n    });\n\n    protected readonly sliderInit = effect((onCleanup) => {\n        const slider = this.slider();\n\n        if (!slider) {\n            return;\n        }\n\n        slider.el.setAttribute('tabindex', '-1');\n\n        if (slider.keySteps) {\n            slider.keySteps.controlValue = this.value;\n        }\n\n        const subscription = fromEvent(slider.el, 'input')\n            .pipe(\n                tap(() =>\n                    this.inputNumber.setValue(\n                        slider.keySteps?.getControlValue() ?? slider.el.valueAsNumber,\n                    ),\n                ),\n                filter(() => !this.isMobile),\n                switchMap(() =>\n                    fromEvent(this.el.ownerDocument, 'pointerup', {once: true}),\n                ),\n            )\n            .subscribe(() => this.el.focus());\n\n        onCleanup(() => subscription.unsubscribe());\n    });\n\n    protected onStep(coefficient: number): void {\n        const slider = this.slider();\n\n        if (slider && this.inputNumber.interactive()) {\n            const newValue = tuiClamp(\n                slider.keySteps?.takeStep(coefficient) ??\n                    slider.value + coefficient * slider.step,\n                this.mask.min(),\n                this.mask.max(),\n            );\n\n            this.inputNumber.setValue(newValue);\n        }\n    }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiSliderComponent,\n    TuiSliderKeySteps,\n    TuiSliderKeyStepsBase,\n} from '@taiga-ui/core/components/slider';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiInputSliderDirective} from './input-slider.directive';\n\nexport const TuiInputSlider = [\n    TuiSliderComponent,\n    TuiSliderKeyStepsBase,\n    TuiSliderKeySteps,\n    TuiInputSliderDirective,\n    TuiLabel,\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n    TuiDropdownContent,\n] as const;\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}