@krumio/trailhand-ui 1.9.22 → 1.9.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -8,10 +8,10 @@ export interface TextInputProps {
|
|
|
8
8
|
label?: string;
|
|
9
9
|
required?: boolean;
|
|
10
10
|
invalid?: boolean;
|
|
11
|
-
type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url';
|
|
12
|
-
min?: number;
|
|
13
|
-
max?: number;
|
|
14
|
-
step?: number;
|
|
11
|
+
type?: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'week' | 'time';
|
|
12
|
+
min?: number | string;
|
|
13
|
+
max?: number | string;
|
|
14
|
+
step?: number | string;
|
|
15
15
|
}
|
|
16
16
|
export declare class TextInput extends LitElement {
|
|
17
17
|
static formAssociated: boolean;
|
|
@@ -23,10 +23,11 @@ export declare class TextInput extends LitElement {
|
|
|
23
23
|
label: string;
|
|
24
24
|
required: boolean;
|
|
25
25
|
invalid: boolean;
|
|
26
|
-
type: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url';
|
|
27
|
-
min?: number;
|
|
28
|
-
max?: number;
|
|
29
|
-
step?: number;
|
|
26
|
+
type: 'text' | 'number' | 'email' | 'password' | 'tel' | 'url' | 'date' | 'datetime-local' | 'month' | 'week' | 'time';
|
|
27
|
+
min?: number | string;
|
|
28
|
+
max?: number | string;
|
|
29
|
+
step?: number | string;
|
|
30
|
+
private _hasIcon;
|
|
30
31
|
private internals;
|
|
31
32
|
private _input;
|
|
32
33
|
constructor();
|
|
@@ -35,6 +36,7 @@ export declare class TextInput extends LitElement {
|
|
|
35
36
|
focus(): void;
|
|
36
37
|
private emitChangeEvent;
|
|
37
38
|
private handleInput;
|
|
39
|
+
private _handleSlotChange;
|
|
38
40
|
firstUpdated(): void;
|
|
39
41
|
private _updateValidity;
|
|
40
42
|
formResetCallback(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"text-input.d.ts","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,cAAc,EAAE,MAAM,KAAK,CAAC;AAG5D,MAAM,WAAW,cAAc;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,CAAC,EACD,MAAM,GACN,QAAQ,GACR,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,MAAM,CAAC;IACX,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACxB;AAED,qBAAa,SAAU,SAAQ,UAAU;IACvC,MAAM,CAAC,cAAc,UAAQ;IAG7B,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,QAAQ,UAAS;IAGjB,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAG9C,KAAK,SAAM;IAGX,QAAQ,UAAS;IAGjB,OAAO,UAAS;IAGhB,IAAI,EACA,MAAM,GACN,QAAQ,GACR,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,GACN,MAAM,CAAU;IAGpB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGtB,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGtB,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAGvB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,MAAM,CAAmB;;IAOjC,MAAM,CAAC,MAAM,0BA+FX;IAEF,iBAAiB;IASjB,KAAK;IAIL,OAAO,CAAC,eAAe;IAavB,OAAO,CAAC,WAAW;IAYnB,OAAO,CAAC,iBAAiB;IAOzB,YAAY;IAQZ,OAAO,CAAC,eAAe;IAcvB,iBAAiB;IAKjB,mBAAmB,CAAC,QAAQ,EAAE,OAAO;IAIrC,sBAAsB,CAAC,IAAI,EAAE,eAAe,GAAG,IAAI;IAMnD,MAAM,IAAI,cAAc;CA6BzB"}
|
|
@@ -5,7 +5,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
5
5
|
return c > 3 && r && Object.defineProperty(target, key, r), r;
|
|
6
6
|
};
|
|
7
7
|
import { LitElement, html, css } from 'lit';
|
|
8
|
-
import { property } from 'lit/decorators.js';
|
|
8
|
+
import { property, state } from 'lit/decorators.js';
|
|
9
9
|
export class TextInput extends LitElement {
|
|
10
10
|
constructor() {
|
|
11
11
|
super();
|
|
@@ -18,6 +18,7 @@ export class TextInput extends LitElement {
|
|
|
18
18
|
this.required = false;
|
|
19
19
|
this.invalid = false;
|
|
20
20
|
this.type = 'text';
|
|
21
|
+
this._hasIcon = false;
|
|
21
22
|
this.internals = this.attachInternals();
|
|
22
23
|
}
|
|
23
24
|
connectedCallback() {
|
|
@@ -52,6 +53,11 @@ export class TextInput extends LitElement {
|
|
|
52
53
|
}
|
|
53
54
|
this.emitChangeEvent();
|
|
54
55
|
}
|
|
56
|
+
_handleSlotChange(e) {
|
|
57
|
+
const slot = e.target;
|
|
58
|
+
const nodes = slot.assignedNodes({ flatten: true });
|
|
59
|
+
this._hasIcon = nodes.length > 0;
|
|
60
|
+
}
|
|
55
61
|
firstUpdated() {
|
|
56
62
|
this._input = this.shadowRoot.querySelector('input');
|
|
57
63
|
this._input.addEventListener('input', () => {
|
|
@@ -89,7 +95,7 @@ export class TextInput extends LitElement {
|
|
|
89
95
|
>${this.required ? '*' : ''}</span
|
|
90
96
|
></label
|
|
91
97
|
>
|
|
92
|
-
<div class="input-wrapper">
|
|
98
|
+
<div class="input-wrapper ${this._hasIcon ? 'has-icon' : ''}">
|
|
93
99
|
<input
|
|
94
100
|
.type=${this.type}
|
|
95
101
|
name=${this.name}
|
|
@@ -102,7 +108,9 @@ export class TextInput extends LitElement {
|
|
|
102
108
|
step=${this.step ?? ''}
|
|
103
109
|
@input=${this.handleInput}
|
|
104
110
|
/>
|
|
105
|
-
<span class="icon"
|
|
111
|
+
<span class="icon"
|
|
112
|
+
><slot name="icon" @slotchange=${this._handleSlotChange}></slot
|
|
113
|
+
></span>
|
|
106
114
|
</div>
|
|
107
115
|
</div>
|
|
108
116
|
`;
|
|
@@ -139,7 +147,7 @@ TextInput.styles = css `
|
|
|
139
147
|
|
|
140
148
|
input {
|
|
141
149
|
width: 100%;
|
|
142
|
-
padding: 0.75em
|
|
150
|
+
padding: 0.75em 16px;
|
|
143
151
|
border-radius: 8px;
|
|
144
152
|
border: 1px solid var(--th-input-border, #d7d7d7);
|
|
145
153
|
outline: none;
|
|
@@ -152,6 +160,10 @@ TextInput.styles = css `
|
|
|
152
160
|
font-family: 'Montserrat', system-ui, sans-serif;
|
|
153
161
|
}
|
|
154
162
|
|
|
163
|
+
.input-wrapper.has-icon input {
|
|
164
|
+
padding-right: 3em;
|
|
165
|
+
}
|
|
166
|
+
|
|
155
167
|
input:disabled {
|
|
156
168
|
background-color: var(--th-input-bg, transparent);
|
|
157
169
|
opacity: 0.6;
|
|
@@ -229,13 +241,16 @@ __decorate([
|
|
|
229
241
|
property({ type: String })
|
|
230
242
|
], TextInput.prototype, "type", void 0);
|
|
231
243
|
__decorate([
|
|
232
|
-
property(
|
|
244
|
+
property()
|
|
233
245
|
], TextInput.prototype, "min", void 0);
|
|
234
246
|
__decorate([
|
|
235
|
-
property(
|
|
247
|
+
property()
|
|
236
248
|
], TextInput.prototype, "max", void 0);
|
|
237
249
|
__decorate([
|
|
238
|
-
property(
|
|
250
|
+
property()
|
|
239
251
|
], TextInput.prototype, "step", void 0);
|
|
252
|
+
__decorate([
|
|
253
|
+
state()
|
|
254
|
+
], TextInput.prototype, "_hasIcon", void 0);
|
|
240
255
|
customElements.define('trailhand-text-input', TextInput);
|
|
241
256
|
//# sourceMappingURL=text-input.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAkB,MAAM,KAAK,CAAC;AAC5D,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"text-input.js","sourceRoot":"","sources":["../../../src/components/text-input/text-input.ts"],"names":[],"mappings":"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"}
|