libraries/input/input.component.html at main · JsDaddy/libraries · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
<div class="input-wrapper" [class]="control() | input: true" [class.dark]="isDark()">
    @if (!isTextarea()) {
        <input
            [formField]="control()"
            [class.dark]="isDark()"
            type="text"
            [jsdaddyAutofocus]="autoFocus()"
            id="{{ uniqueId }}"
            [placeholder]="placeholder()"
            (keyup.enter)="onLabelClick()"
            class="span" />
    } @else {
        <textarea
            [formField]="control()"
            [class.dark]="isDark()"
            type="text"
            id="{{ uniqueId }}"
            [jsdaddyAutofocus]="autoFocus()"
            [placeholder]="placeholder()"
            (keyup.enter)="onLabelClick()"
            class="span"></textarea>
    }

    <label aria-hidden="true" (click)="onLabelClick()" for="{{ uniqueId }}">
        @if ((control() | input) || (label() | uppercase); as l) {
            {{ l }}
        } @else {
            @if (control()().touched()) {
                <img
                    alt="Done"
                    width="15"
                    height="11"
                    [ngSrc]="'done-yellow' | asset: additionalPath" />
            }
        }
    </label>
</div>