20752.59bce815b9c27542.js

(self.webpackChunkdemo=self.webpackChunkdemo||[]).push([[20752],{20752:e=>{e.exports="import {Component, computed, inject, signal} from '@angular/core';\nimport {FormsModule} from '@angular/forms';\nimport {changeDetection} from '@demo/emulate/change-detection';\nimport {encapsulation} from '@demo/emulate/encapsulation';\nimport {TuiTextfield} from '@taiga-ui/core';\nimport {TUI_FLUID_TYPOGRAPHY_OPTIONS, TuiFluidTypography} from '@taiga-ui/kit';\nimport {TuiInputRangeModule} from '@taiga-ui/legacy';\n\n@Component({\n    standalone: true,\n    exportAs: \"Example3\",\n    imports: [FormsModule, TuiFluidTypography, TuiInputRangeModule, TuiTextfield],\n    templateUrl: './index.html',\n    encapsulation,\n    changeDetection,\n})\nexport default class Example {\n    private readonly options = inject(TUI_FLUID_TYPOGRAPHY_OPTIONS);\n\n    protected value = 'I am a very long value';\n    protected range = signal([this.options.min * 16, this.options.max * 16]);\n    protected scale = computed<[number, number]>(() => [\n        (this.range()[0] ?? 0) / 16,\n        (this.range()[1] ?? 0) / 16,\n    ]);\n}\n"}}]);