@taiga-ui/kit/fesm2022/taiga-ui-kit-components-textarea.mjs.map

Taiga UI Angular main components kit

{"version":3,"file":"taiga-ui-kit-components-textarea.mjs","sources":["../../../projects/kit/components/textarea/textarea.options.ts","../../../projects/kit/components/textarea/textarea.component.ts","../../../projects/kit/components/textarea/textarea.template.html","../../../projects/kit/components/textarea/textarea.directive.ts","../../../projects/kit/components/textarea/textarea.ts","../../../projects/kit/components/textarea/taiga-ui-kit-components-textarea.ts"],"sourcesContent":["import {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiCreateOptions} from '@taiga-ui/cdk/utils/di';\nimport {type PolymorpheusContent} from '@taiga-ui/polymorpheus';\n\nexport interface TuiTextareaOptions {\n    min: number;\n    max: number;\n    content: PolymorpheusContent<TuiContext<string>>;\n}\n\nexport const [TUI_TEXTAREA_OPTIONS, tuiTextareaOptionsProvider] =\n    tuiCreateOptions<TuiTextareaOptions>({\n        min: 1,\n        max: 3,\n        content: ({$implicit}) => $implicit,\n    });\n","import {\n    type AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ElementRef,\n    inject,\n    input,\n    TemplateRef,\n    viewChild,\n    ViewContainerRef,\n} from '@angular/core';\nimport {WA_IS_MOBILE} from '@ng-web-apis/platform';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {tuiInjectElement} from '@taiga-ui/cdk/utils/dom';\nimport {TuiWithInput} from '@taiga-ui/core/components/input';\nimport {TUI_SCROLL_REF, TuiScrollControls} from '@taiga-ui/core/components/scrollbar';\nimport {TuiTextfieldComponent} from '@taiga-ui/core/components/textfield';\nimport {PolymorpheusOutlet} from '@taiga-ui/polymorpheus';\n\nimport {TUI_TEXTAREA_OPTIONS} from './textarea.options';\n\n@Component({\n    selector: 'textarea[tuiTextarea]',\n    imports: [PolymorpheusOutlet, TuiScrollControls],\n    templateUrl: './textarea.template.html',\n    styleUrl: './textarea.style.less',\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    providers: [tuiProvide(TUI_SCROLL_REF, ElementRef)],\n    hostDirectives: [TuiWithInput],\n    host: {\n        ngSkipHydration: 'true',\n        '[class._mobile]': 'isMobile',\n        // To trigger CD for #text\n        '(scroll.once)': 'onScroll()',\n        '(scroll.zoneless)': 'onScroll()',\n    },\n})\nexport class TuiTextareaComponent implements AfterViewInit {\n    private readonly template = viewChild.required(TemplateRef);\n    private readonly options = inject(TUI_TEXTAREA_OPTIONS);\n    private readonly vcr = inject(ViewContainerRef);\n    private readonly text = viewChild('text', {read: ElementRef});\n    protected readonly el = tuiInjectElement<HTMLTextAreaElement>();\n    protected readonly textfield = inject(TuiTextfieldComponent<string>);\n    protected readonly isMobile = inject(WA_IS_MOBILE);\n    public readonly min = input(this.options.min);\n    public readonly max = input(this.options.max);\n    public readonly content = input(this.options.content);\n\n    public ngAfterViewInit(): void {\n        this.vcr.createEmbeddedView(this.template());\n    }\n\n    protected onScroll(): void {\n        this.text()?.nativeElement.scrollTo({top: this.el.scrollTop});\n    }\n}\n","<ng-template>\n    @if (!isMobile) {\n        <tui-scroll-controls\n            class=\"t-scroll\"\n            (click.prevent)=\"(0)\"\n        />\n    }\n    <span\n        #text\n        aria-hidden=\"true\"\n        class=\"t-ghost\"\n        [style.max-height.em]=\"1.25 * max()\"\n        [style.min-height.em]=\"1.25 * min()\"\n    >\n        <ng-container *polymorpheusOutlet=\"content() as text; context: {$implicit: el.value}\">{{ text }}</ng-container>\n    </span>\n</ng-template>\n","import {\n    ChangeDetectionStrategy,\n    Component,\n    Directive,\n    type DoCheck,\n    inject,\n    input,\n    signal,\n    ViewContainerRef,\n} from '@angular/core';\nimport {\n    type AbstractControl,\n    NG_VALIDATORS,\n    type ValidationErrors,\n    type Validator,\n    Validators,\n} from '@angular/forms';\nimport {type TuiContext} from '@taiga-ui/cdk/types';\nimport {tuiProvide} from '@taiga-ui/cdk/utils/di';\nimport {TUI_TEXTFIELD_OPTIONS} from '@taiga-ui/core/components/textfield';\nimport {TUI_TEXTFIELD_VALUE} from '@taiga-ui/core/tokens';\nimport {injectContext, PolymorpheusComponent} from '@taiga-ui/polymorpheus';\n\nimport {tuiTextareaOptionsProvider} from './textarea.options';\n\n@Component({\n    template: '{{ length() }} / {{ limit() }}',\n    styles: `\n        :host {\n            z-index: 1;\n            inline-size: 100%;\n            order: 2;\n            text-align: end;\n            pointer-events: none;\n            padding-block-end: 0.75rem;\n            font: var(--tui-typography-ui-2xs);\n            color: var(--tui-text-secondary);\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaCounter {\n    public readonly limit = signal(0);\n    public readonly length = signal(0);\n}\n\n@Component({\n    template: `\n        <span [textContent]=\"context.$implicit.slice(0, limit())\"></span>\n        <span [textContent]=\"context.$implicit.slice(limit())\"></span>\n    `,\n    styles: `\n        span:last-child {\n            background: linear-gradient(\n                transparent 0.25rem,\n                var(--tui-status-negative-pale) 0.25rem,\n                var(--tui-status-negative-pale) 100%\n            );\n        }\n    `,\n    changeDetection: ChangeDetectionStrategy.OnPush,\n})\nclass TuiTextareaLimit {\n    protected readonly limit = inject(TuiTextareaDirective).limit;\n    protected readonly context = injectContext<TuiContext<string>>();\n}\n\nconst COMPONENT = new PolymorpheusComponent(TuiTextareaLimit);\n\n@Directive({\n    selector: '[tuiTextarea][limit]',\n    providers: [\n        tuiProvide(NG_VALIDATORS, TuiTextareaDirective, true),\n        tuiTextareaOptionsProvider({content: COMPONENT}),\n    ],\n    host: {'[style.border-block-end-width.rem]': 'size() === \"l\" ? 1.875 : 1.75'},\n})\nexport class TuiTextareaDirective implements Validator, DoCheck {\n    private readonly value = inject(TUI_TEXTFIELD_VALUE);\n    private readonly ref = inject(ViewContainerRef).createComponent(TuiTextareaCounter);\n    public readonly size = inject(TUI_TEXTFIELD_OPTIONS).size;\n    public readonly limit = input(0);\n\n    public ngDoCheck(): void {\n        this.ref.instance.length.set(this.value().length);\n        this.ref.instance.limit.set(this.limit());\n    }\n\n    public validate(control: AbstractControl): ValidationErrors | null {\n        return Validators.maxLength(this.limit())(control);\n    }\n}\n","import {TuiLabel} from '@taiga-ui/core/components/label';\nimport {\n    TuiTextfieldComponent,\n    TuiTextfieldOptionsDirective,\n} from '@taiga-ui/core/components/textfield';\nimport {TuiDropdownContent} from '@taiga-ui/core/portals/dropdown';\n\nimport {TuiTextareaComponent} from './textarea.component';\nimport {TuiTextareaDirective} from './textarea.directive';\n\nexport const TuiTextarea = [\n    TuiTextareaComponent,\n    TuiTextareaDirective,\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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"}