@nldd/design-system 0.8.39 → 0.8.40
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.
- package/dist/components/components.js +1015 -409
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +1 -0
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts +9 -1
- package/dist/components/inputs/checkbox/checkbox.d.ts.map +1 -1
- package/dist/components/inputs/checkbox/checkbox.js +22 -1
- package/dist/components/inputs/checkbox/checkbox.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +7 -0
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +34 -1
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +74 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +175 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.d.ts.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js +174 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.styles.js.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts +5 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +48 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -0
- package/dist/components/inputs/number-field/number-field.d.ts +6 -0
- package/dist/components/inputs/number-field/number-field.d.ts.map +1 -1
- package/dist/components/inputs/number-field/number-field.js +21 -1
- package/dist/components/inputs/number-field/number-field.js.map +1 -1
- package/dist/components/inputs/password-field/password-field.d.ts +7 -4
- package/dist/components/inputs/password-field/password-field.d.ts.map +1 -1
- package/dist/components/inputs/password-field/password-field.js +20 -5
- package/dist/components/inputs/password-field/password-field.js.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts +9 -1
- package/dist/components/inputs/radio-button/radio-button.d.ts.map +1 -1
- package/dist/components/inputs/radio-button/radio-button.js +21 -1
- package/dist/components/inputs/radio-button/radio-button.js.map +1 -1
- package/dist/components/inputs/search-field/search-field.d.ts +7 -0
- package/dist/components/inputs/search-field/search-field.d.ts.map +1 -1
- package/dist/components/inputs/search-field/search-field.js +20 -1
- package/dist/components/inputs/search-field/search-field.js.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.d.ts +8 -0
- package/dist/components/inputs/segmented-control/segmented-control.d.ts.map +1 -1
- package/dist/components/inputs/segmented-control/segmented-control.js +48 -1
- package/dist/components/inputs/segmented-control/segmented-control.js.map +1 -1
- package/dist/components/inputs/stepper/stepper.d.ts +10 -1
- package/dist/components/inputs/stepper/stepper.d.ts.map +1 -1
- package/dist/components/inputs/stepper/stepper.js +28 -0
- package/dist/components/inputs/stepper/stepper.js.map +1 -1
- package/dist/components/inputs/switch/switch.d.ts +9 -1
- package/dist/components/inputs/switch/switch.d.ts.map +1 -1
- package/dist/components/inputs/switch/switch.js +22 -0
- package/dist/components/inputs/switch/switch.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +7 -3
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +20 -4
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.d.ts +9 -2
- package/dist/components/inputs/toggle-button/toggle-button.d.ts.map +1 -1
- package/dist/components/inputs/toggle-button/toggle-button.js +22 -2
- package/dist/components/inputs/toggle-button/toggle-button.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js +8 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.js.map +1 -1
- package/package.json +5 -1
|
@@ -0,0 +1,174 @@
|
|
|
1
|
+
import { css } from 'lit';
|
|
2
|
+
export const multiLineTextFieldStyles = css `
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
/* # Host */
|
|
6
|
+
|
|
7
|
+
:host {
|
|
8
|
+
display: block;
|
|
9
|
+
--_background-color: var(--semantics-input-fields-background-color);
|
|
10
|
+
-webkit-tap-highlight-color: transparent;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
:host([size='sm']) {
|
|
14
|
+
--_inline-padding: calc(var(--semantics-controls-sm-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
15
|
+
--_icon-area-size: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
16
|
+
}
|
|
17
|
+
|
|
18
|
+
:host([size='md']),
|
|
19
|
+
:host(:not([size])) {
|
|
20
|
+
--_inline-padding: calc(var(--semantics-controls-md-inline-padding) - var(--semantics-input-fields-border-thickness));
|
|
21
|
+
--_icon-area-size: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
22
|
+
}
|
|
23
|
+
|
|
24
|
+
:host([hidden]) {
|
|
25
|
+
display: none;
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
|
|
29
|
+
/* # Block */
|
|
30
|
+
|
|
31
|
+
.multi-line-text-field {
|
|
32
|
+
position: relative;
|
|
33
|
+
display: block;
|
|
34
|
+
box-sizing: border-box;
|
|
35
|
+
border: var(--semantics-input-fields-border);
|
|
36
|
+
background-color: var(--_background-color);
|
|
37
|
+
overflow: hidden;
|
|
38
|
+
}
|
|
39
|
+
|
|
40
|
+
:host([size='sm']) .multi-line-text-field {
|
|
41
|
+
border-radius: var(--semantics-controls-sm-corner-radius);
|
|
42
|
+
}
|
|
43
|
+
|
|
44
|
+
:host([size='md']) .multi-line-text-field,
|
|
45
|
+
:host(:not([size])) .multi-line-text-field {
|
|
46
|
+
border-radius: var(--semantics-controls-md-corner-radius);
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
:host([valid]) .multi-line-text-field {
|
|
50
|
+
border-color: var(--semantics-input-fields-is-valid-border-color);
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:host([invalid]) .multi-line-text-field {
|
|
54
|
+
border-color: var(--semantics-input-fields-is-invalid-border-color);
|
|
55
|
+
}
|
|
56
|
+
|
|
57
|
+
:host([readonly]) .multi-line-text-field {
|
|
58
|
+
border-color: var(--semantics-input-fields-is-read-only-border-color);
|
|
59
|
+
--_background-color: var(--semantics-input-fields-is-read-only-background-color);
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
:host([disabled]) .multi-line-text-field {
|
|
63
|
+
opacity: var(--primitives-opacity-disabled);
|
|
64
|
+
}
|
|
65
|
+
|
|
66
|
+
.multi-line-text-field:has(textarea:-webkit-autofill),
|
|
67
|
+
.multi-line-text-field:has(textarea:autofill) {
|
|
68
|
+
--_background-color: var(--semantics-input-fields-is-autofill-background-color);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
.multi-line-text-field:focus-within {
|
|
72
|
+
outline: var(--semantics-focus-ring-outline);
|
|
73
|
+
outline-offset: var(--semantics-focus-ring-outline-offset);
|
|
74
|
+
box-shadow: var(--semantics-focus-ring-box-shadow);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
|
|
78
|
+
/* # Input */
|
|
79
|
+
|
|
80
|
+
.multi-line-text-field__input {
|
|
81
|
+
display: block;
|
|
82
|
+
width: 100%;
|
|
83
|
+
box-sizing: border-box;
|
|
84
|
+
margin: 0;
|
|
85
|
+
color: var(--semantics-content-color);
|
|
86
|
+
background: transparent;
|
|
87
|
+
border: none;
|
|
88
|
+
outline: none;
|
|
89
|
+
appearance: none;
|
|
90
|
+
padding-inline: var(--_inline-padding);
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
:host([resize='vertical']) .multi-line-text-field__input {
|
|
94
|
+
resize: vertical;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
:host([resize='none']) .multi-line-text-field__input {
|
|
98
|
+
resize: none;
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
:host([resize='auto']) .multi-line-text-field__input {
|
|
102
|
+
resize: none;
|
|
103
|
+
field-sizing: content;
|
|
104
|
+
}
|
|
105
|
+
|
|
106
|
+
:host([size='sm']) .multi-line-text-field__input {
|
|
107
|
+
font: var(--semantics-input-fields-sm-text-font);
|
|
108
|
+
padding-block: calc((var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
109
|
+
min-height: calc(var(--semantics-controls-sm-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
:host([size='md']) .multi-line-text-field__input,
|
|
113
|
+
:host(:not([size])) .multi-line-text-field__input {
|
|
114
|
+
font: var(--semantics-input-fields-md-text-font);
|
|
115
|
+
padding-block: calc((var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2 - 1lh) / 2);
|
|
116
|
+
min-height: calc(var(--semantics-controls-md-min-size) - var(--semantics-input-fields-border-thickness) * 2);
|
|
117
|
+
}
|
|
118
|
+
|
|
119
|
+
:host([valid]) .multi-line-text-field__input,
|
|
120
|
+
:host([invalid]) .multi-line-text-field__input {
|
|
121
|
+
padding-inline-end: var(--_icon-area-size);
|
|
122
|
+
}
|
|
123
|
+
|
|
124
|
+
:host([disabled]) .multi-line-text-field__input {
|
|
125
|
+
pointer-events: none;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
.multi-line-text-field__input::placeholder {
|
|
129
|
+
color: var(--semantics-input-fields-placeholder-color);
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
.multi-line-text-field__input:-webkit-autofill,
|
|
133
|
+
.multi-line-text-field__input:autofill {
|
|
134
|
+
box-shadow: 0 0 0 999px var(--_background-color) inset;
|
|
135
|
+
}
|
|
136
|
+
|
|
137
|
+
|
|
138
|
+
/* # Validation icon area */
|
|
139
|
+
|
|
140
|
+
.multi-line-text-field__validation-icon-area {
|
|
141
|
+
position: absolute;
|
|
142
|
+
top: 0;
|
|
143
|
+
right: 0;
|
|
144
|
+
display: flex;
|
|
145
|
+
align-items: center;
|
|
146
|
+
justify-content: center;
|
|
147
|
+
width: var(--_icon-area-size);
|
|
148
|
+
height: var(--_icon-area-size);
|
|
149
|
+
pointer-events: none;
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
:host([valid]) .multi-line-text-field__validation-icon-area {
|
|
153
|
+
color: var(--semantics-input-fields-is-valid-icon-color);
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
:host([invalid]) .multi-line-text-field__validation-icon-area {
|
|
157
|
+
color: var(--semantics-input-fields-is-invalid-icon-color);
|
|
158
|
+
}
|
|
159
|
+
|
|
160
|
+
|
|
161
|
+
/* # Validation icon */
|
|
162
|
+
|
|
163
|
+
:host([size='sm']) .multi-line-text-field__validation-icon {
|
|
164
|
+
width: var(--semantics-input-fields-sm-validation-icon-size);
|
|
165
|
+
height: var(--semantics-input-fields-sm-validation-icon-size);
|
|
166
|
+
}
|
|
167
|
+
|
|
168
|
+
:host([size='md']) .multi-line-text-field__validation-icon,
|
|
169
|
+
:host(:not([size])) .multi-line-text-field__validation-icon {
|
|
170
|
+
width: var(--semantics-input-fields-md-validation-icon-size);
|
|
171
|
+
height: var(--semantics-input-fields-md-validation-icon-size);
|
|
172
|
+
}
|
|
173
|
+
`;
|
|
174
|
+
//# sourceMappingURL=multi-line-text-field.styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.styles.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,wBAAwB,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2K1C,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { TemplateResult } from 'lit';
|
|
2
|
+
import type { NLDDMultiLineTextField } from './multi-line-text-field.js';
|
|
3
|
+
import './../../content/icon/icon.js';
|
|
4
|
+
export declare function multiLineTextFieldTemplate(component: NLDDMultiLineTextField): TemplateResult;
|
|
5
|
+
//# sourceMappingURL=multi-line-text-field.template.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,4BAA4B,CAAC;AACzE,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,0BAA0B,CAAC,SAAS,EAAE,sBAAsB,GAAG,cAAc,CAqB5F"}
|
|
@@ -0,0 +1,48 @@
|
|
|
1
|
+
import { html, nothing } from 'lit';
|
|
2
|
+
import './../../content/icon/icon.js';
|
|
3
|
+
function renderValidationIcon(component) {
|
|
4
|
+
if (component.invalid) {
|
|
5
|
+
return html `
|
|
6
|
+
<div class="multi-line-text-field__validation-icon-area">
|
|
7
|
+
<nldd-icon class="multi-line-text-field__validation-icon"
|
|
8
|
+
name="invalid"
|
|
9
|
+
aria-hidden="true"
|
|
10
|
+
></nldd-icon>
|
|
11
|
+
</div>
|
|
12
|
+
`;
|
|
13
|
+
}
|
|
14
|
+
if (component.valid) {
|
|
15
|
+
return html `
|
|
16
|
+
<div class="multi-line-text-field__validation-icon-area">
|
|
17
|
+
<nldd-icon class="multi-line-text-field__validation-icon"
|
|
18
|
+
name="valid"
|
|
19
|
+
aria-hidden="true"
|
|
20
|
+
></nldd-icon>
|
|
21
|
+
</div>
|
|
22
|
+
`;
|
|
23
|
+
}
|
|
24
|
+
return nothing;
|
|
25
|
+
}
|
|
26
|
+
export function multiLineTextFieldTemplate(component) {
|
|
27
|
+
return html `
|
|
28
|
+
<div class="multi-line-text-field">
|
|
29
|
+
<textarea class="multi-line-text-field__input"
|
|
30
|
+
id=${component.inputId || nothing}
|
|
31
|
+
rows=${component.rows}
|
|
32
|
+
.value=${component.value}
|
|
33
|
+
placeholder=${component.placeholder || nothing}
|
|
34
|
+
?disabled=${component.disabled}
|
|
35
|
+
?readonly=${component.readonly}
|
|
36
|
+
?required=${component.required}
|
|
37
|
+
autocomplete=${component.autocomplete || nothing}
|
|
38
|
+
aria-label=${component.accessibleLabel || nothing}
|
|
39
|
+
aria-describedby=${component.errorMessageIds || nothing}
|
|
40
|
+
aria-invalid=${component.invalid ? 'true' : nothing}
|
|
41
|
+
@input=${component._handleInput}
|
|
42
|
+
@change=${component._handleChange}
|
|
43
|
+
></textarea>
|
|
44
|
+
${renderValidationIcon(component)}
|
|
45
|
+
</div>
|
|
46
|
+
`;
|
|
47
|
+
}
|
|
48
|
+
//# sourceMappingURL=multi-line-text-field.template.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"multi-line-text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/multi-line-text-field/multi-line-text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAiC;IAC9D,IAAI,SAAS,CAAC,OAAO,EAAE,CAAC;QACvB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,IAAI,SAAS,CAAC,KAAK,EAAE,CAAC;QACrB,OAAO,IAAI,CAAA;;;;;;;GAOV,CAAC;IACH,CAAC;IACD,OAAO,OAAO,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,0BAA0B,CAAC,SAAiC;IAC3E,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;aACZ,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;mBACf,SAAS,CAAC,YAAY,IAAI,OAAO;iBACnC,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;aAC1C,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;KAEhC,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}
|
|
@@ -30,7 +30,10 @@ import './../../actions/icon-button/icon-button.js';
|
|
|
30
30
|
import './../../content/icon/icon.js';
|
|
31
31
|
export type NumberFieldSize = 'sm' | 'md';
|
|
32
32
|
export declare class NLDDNumberField extends LitElement {
|
|
33
|
+
static formAssociated: boolean;
|
|
33
34
|
static styles: import("lit").CSSResult;
|
|
35
|
+
private _internals;
|
|
36
|
+
private _initialValue;
|
|
34
37
|
value: number;
|
|
35
38
|
min: number;
|
|
36
39
|
max: number;
|
|
@@ -52,6 +55,9 @@ export declare class NLDDNumberField extends LitElement {
|
|
|
52
55
|
private _lastValidValue;
|
|
53
56
|
firstUpdated(): void;
|
|
54
57
|
updated(changedProperties: Map<string, unknown>): void;
|
|
58
|
+
formResetCallback(): void;
|
|
59
|
+
formDisabledCallback(disabled: boolean): void;
|
|
60
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
55
61
|
_t(key: keyof NLDDNumberFieldTranslations): string;
|
|
56
62
|
_handleDecrease(): void;
|
|
57
63
|
_handleIncrease(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;
|
|
1
|
+
{"version":3,"file":"number-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAqB;IAE3C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAK;IAG1B,KAAK,SAAK;IAGV,GAAG,SAAa;IAGhB,GAAG,SAAY;IAGf,IAAI,SAAK;IAGT,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,SAAS,UAAS;IAElB,4FAA4F;IAE5F,KAAK,SAAM;IAGX,eAAe,UAAS;IAExB,oEAAoE;IAEpE,eAAe,SAAM;IAErB,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD;;oFAEgF;IAChF,OAAO,CAAC,eAAe,CAAK;IAEnB,YAAY,IAAI,IAAI;IAQpB,OAAO,CAAC,iBAAiB,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG,IAAI;IAe/D,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAQ/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,eAAe,IAAI,IAAI;IAKvB,eAAe,IAAI,IAAI;IAK9B,mGAAmG;IAC5F,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAanC,kGAAkG;IAC3F,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAQpC,OAAO,CAAC,YAAY;IAsBpB,OAAO,CAAC,MAAM;IAIL,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -40,6 +40,8 @@ import './../../content/icon/icon.js';
|
|
|
40
40
|
let NLDDNumberField = class NLDDNumberField extends LitElement {
|
|
41
41
|
constructor() {
|
|
42
42
|
super(...arguments);
|
|
43
|
+
this._internals = this.attachInternals();
|
|
44
|
+
this._initialValue = 0;
|
|
43
45
|
this.value = 0;
|
|
44
46
|
this.min = -Infinity;
|
|
45
47
|
this.max = Infinity;
|
|
@@ -65,6 +67,7 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
|
|
|
65
67
|
console.warn('<nldd-number-field>: No accessible-label provided. Add an accessible-label attribute so screen readers can announce the input\'s purpose.');
|
|
66
68
|
}
|
|
67
69
|
this._lastValidValue = this._clamp(this.value);
|
|
70
|
+
this._initialValue = this._lastValidValue;
|
|
68
71
|
}
|
|
69
72
|
updated(changedProperties) {
|
|
70
73
|
if (changedProperties.has('width')) {
|
|
@@ -77,6 +80,22 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
|
|
|
77
80
|
this.removeAttribute('width');
|
|
78
81
|
}
|
|
79
82
|
}
|
|
83
|
+
if (changedProperties.has('value')) {
|
|
84
|
+
this._internals.setFormValue(String(this.value));
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
formResetCallback() {
|
|
88
|
+
this.value = this._initialValue;
|
|
89
|
+
}
|
|
90
|
+
formDisabledCallback(disabled) {
|
|
91
|
+
this.disabled = disabled;
|
|
92
|
+
}
|
|
93
|
+
formStateRestoreCallback(state) {
|
|
94
|
+
if (typeof state !== 'string')
|
|
95
|
+
return;
|
|
96
|
+
const parsed = parseFloat(state);
|
|
97
|
+
if (!isNaN(parsed))
|
|
98
|
+
this.value = this._clamp(parsed);
|
|
80
99
|
}
|
|
81
100
|
// — i18n —————————————————————————————————————————————————————————————————
|
|
82
101
|
_t(key) {
|
|
@@ -147,6 +166,7 @@ let NLDDNumberField = class NLDDNumberField extends LitElement {
|
|
|
147
166
|
return numberFieldTemplate(this);
|
|
148
167
|
}
|
|
149
168
|
};
|
|
169
|
+
NLDDNumberField.formAssociated = true;
|
|
150
170
|
NLDDNumberField.styles = numberFieldStyles;
|
|
151
171
|
__decorate([
|
|
152
172
|
property({ type: Number })
|
|
@@ -167,7 +187,7 @@ __decorate([
|
|
|
167
187
|
property({ type: Boolean, reflect: true })
|
|
168
188
|
], NLDDNumberField.prototype, "disabled", void 0);
|
|
169
189
|
__decorate([
|
|
170
|
-
property({ type: String })
|
|
190
|
+
property({ type: String, reflect: true })
|
|
171
191
|
], NLDDNumberField.prototype, "name", void 0);
|
|
172
192
|
__decorate([
|
|
173
193
|
property({ type: Boolean, reflect: true, attribute: 'full-width' })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAK/B,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;
|
|
1
|
+
{"version":3,"file":"number-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/number-field/number-field.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAErE,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAK/B,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAKE,eAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEpC,kBAAa,GAAG,CAAC,CAAC;QAG1B,UAAK,GAAG,CAAC,CAAC;QAGV,QAAG,GAAG,CAAC,QAAQ,CAAC;QAGhB,QAAG,GAAG,QAAQ,CAAC;QAGf,SAAI,GAAG,CAAC,CAAC;QAGT,SAAI,GAAoB,IAAI,CAAC;QAG7B,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,cAAS,GAAG,KAAK,CAAC;QAElB,4FAA4F;QAE5F,UAAK,GAAG,EAAE,CAAC;QAGX,oBAAe,GAAG,KAAK,CAAC;QAExB,oEAAoE;QAEpE,oBAAe,GAAG,EAAE,CAAC;QAErB,kFAAkF;QAElF,iBAAY,GAAyC,EAAE,CAAC;QAExD;;wFAEgF;QACxE,oBAAe,GAAG,CAAC,CAAC;IA6G7B,CAAC;IA3GS,YAAY;QACpB,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC,IAAI,CAAC,eAAe,EAAE,CAAC;YACnD,OAAO,CAAC,IAAI,CAAC,2IAA2I,CAAC,CAAC;QAC3J,CAAC;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC/C,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,eAAe,CAAC;IAC3C,CAAC;IAEQ,OAAO,CAAC,iBAAuC;QACvD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;gBAChB,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,UAAU,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;gBAC/C,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;YACxC,CAAC;iBAAM,CAAC;gBACP,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,UAAU,CAAC,CAAC;gBACtC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,CAAC;YAC/B,CAAC;QACF,CAAC;QACD,IAAI,iBAAiB,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpC,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC;QAClD,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,aAAa,CAAC;IACjC,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACrC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,OAAO,KAAK,KAAK,QAAQ;YAAE,OAAO;QACtC,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,CAAC;QACjC,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAAE,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IACtD,CAAC;IAED,2EAA2E;IAEpE,EAAE,CAAC,GAAsC;QAC/C,OAAO,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,IAAI,2BAA2B,CAAC,GAAG,CAAC,CAAC;IACnE,CAAC;IAED,2EAA2E;IAEpE,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAEM,eAAe;QACrB,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;IAC3C,CAAC;IAED,mGAAmG;IAC5F,YAAY,CAAC,CAAQ;QAC3B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,IAAI,KAAK,CAAC,MAAM,CAAC;YAAE,OAAO;QAC1B,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC;QACpB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE;YAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAED,kGAAkG;IAC3F,aAAa,CAAC,CAAQ;QAC5B,IAAI,IAAI,CAAC,QAAQ;YAAE,OAAO;QAC1B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,MAAM,MAAM,GAAG,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;QACvC,MAAM,UAAU,GAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;QAC9E,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,KAAK,CAAC,CAAC;IACtC,CAAC;IAEO,YAAY,CAAC,QAAgB,EAAE,KAAwB;QAC9D,MAAM,YAAY,GAAG,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;QAC3C,MAAM,OAAO,GAAG,YAAY,KAAK,IAAI,CAAC,KAAK,CAAC;QAC5C,IAAI,CAAC,KAAK,GAAG,YAAY,CAAC;QAC1B,IAAI,CAAC,eAAe,GAAG,YAAY,CAAC;QACpC,4EAA4E;QAC5E,2EAA2E;QAC3E,0DAA0D;QAC1D,IAAI,KAAK;YAAE,KAAK,CAAC,KAAK,GAAG,MAAM,CAAC,YAAY,CAAC,CAAC;QAC9C,IAAI,CAAC,OAAO;YAAE,OAAO;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,OAAO,EAAE;YAC3C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;QACJ,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE;YAC7B,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEO,MAAM,CAAC,KAAa;QAC3B,OAAO,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IACtD,CAAC;IAEQ,MAAM;QACd,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;;AA9JM,8BAAc,GAAG,IAAI,AAAP,CAAQ;AAEb,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAO3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACjB;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACX;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;4CACZ;AAGf;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;6CAClB;AAGT;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CACb;AAG7B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,YAAY,EAAE,CAAC;kDAClD;AAIlB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;wDACnD;AAIxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDACrC;AAIrB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;qDAC6B;AA9C5C,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAgK3B"}
|
|
@@ -26,13 +26,10 @@
|
|
|
26
26
|
*
|
|
27
27
|
* @fires input - When the input value changes ({ detail: { value } })
|
|
28
28
|
* @fires change - When the input value is committed ({ detail: { value } })
|
|
29
|
-
*
|
|
30
|
-
* @csspart field - The field container
|
|
31
|
-
* @csspart input - The native input element
|
|
32
|
-
* @csspart toggle - The toggle button wrapper
|
|
33
29
|
*/
|
|
34
30
|
import { LitElement, type PropertyValues } from 'lit';
|
|
35
31
|
export declare class NLDDPasswordField extends LitElement {
|
|
32
|
+
static formAssociated: boolean;
|
|
36
33
|
static shadowRootOptions: {
|
|
37
34
|
delegatesFocus: boolean;
|
|
38
35
|
clonable?: boolean;
|
|
@@ -42,6 +39,8 @@ export declare class NLDDPasswordField extends LitElement {
|
|
|
42
39
|
slotAssignment?: SlotAssignmentMode;
|
|
43
40
|
};
|
|
44
41
|
static styles: import("lit").CSSResult;
|
|
42
|
+
private _internals;
|
|
43
|
+
private _initialValue;
|
|
45
44
|
size: 'md' | 'sm';
|
|
46
45
|
value: string;
|
|
47
46
|
inputId: string;
|
|
@@ -68,7 +67,11 @@ export declare class NLDDPasswordField extends LitElement {
|
|
|
68
67
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
69
68
|
width: string;
|
|
70
69
|
private _input;
|
|
70
|
+
firstUpdated(): void;
|
|
71
71
|
updated(changed: PropertyValues): void;
|
|
72
|
+
formResetCallback(): void;
|
|
73
|
+
formDisabledCallback(disabled: boolean): void;
|
|
74
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
72
75
|
_handleInput(e: Event): void;
|
|
73
76
|
_handleChange(e: Event): void;
|
|
74
77
|
_handleToggle(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"password-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4BG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,qBACa,iBAAkB,SAAQ,UAAU;IAChD,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAuB;IAE7C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,IAAI,EAAE,IAAI,GAAG,IAAI,CAAQ;IAGzB,KAAK,SAAM;IAGX,OAAO,SAAM;IAGb,WAAW,SAAM;IAGjB,KAAK,UAAS;IAGd,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,MAAM,UAAQ;IAEd,gFAAgF;IAEhF,QAAQ,SAAU;IAElB,kFAAkF;IAElF,QAAQ,SAAa;IAErB,uGAAuG;IAEvG,mBAAmB,SAAqB;IAExC,yGAAyG;IAEzG,mBAAmB,SAAwB;IAG3C,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,YAAY,SAAM;IAElB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAGX,OAAO,CAAC,MAAM,CAAoB;IAEzB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAS/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW7B,aAAa,IAAI,IAAI;IAIrB,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,qBAAqB,EAAE,iBAAiB,CAAC;KACzC;CACD"}
|
|
@@ -32,10 +32,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
32
32
|
*
|
|
33
33
|
* @fires input - When the input value changes ({ detail: { value } })
|
|
34
34
|
* @fires change - When the input value is committed ({ detail: { value } })
|
|
35
|
-
*
|
|
36
|
-
* @csspart field - The field container
|
|
37
|
-
* @csspart input - The native input element
|
|
38
|
-
* @csspart toggle - The toggle button wrapper
|
|
39
35
|
*/
|
|
40
36
|
import { LitElement } from 'lit';
|
|
41
37
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
@@ -44,6 +40,8 @@ import { passwordFieldTemplate } from './password-field.template.js';
|
|
|
44
40
|
let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
45
41
|
constructor() {
|
|
46
42
|
super(...arguments);
|
|
43
|
+
this._internals = this.attachInternals();
|
|
44
|
+
this._initialValue = '';
|
|
47
45
|
this.size = 'md';
|
|
48
46
|
this.value = '';
|
|
49
47
|
this.inputId = '';
|
|
@@ -70,10 +68,26 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
|
70
68
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
71
69
|
this.width = '';
|
|
72
70
|
}
|
|
71
|
+
firstUpdated() {
|
|
72
|
+
this._initialValue = this.value;
|
|
73
|
+
}
|
|
73
74
|
updated(changed) {
|
|
74
75
|
if (changed.has('width')) {
|
|
75
76
|
this.style.width = this.width || '';
|
|
76
77
|
}
|
|
78
|
+
if (changed.has('value')) {
|
|
79
|
+
this._internals.setFormValue(this.value);
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
formResetCallback() {
|
|
83
|
+
this.value = this._initialValue;
|
|
84
|
+
}
|
|
85
|
+
formDisabledCallback(disabled) {
|
|
86
|
+
this.disabled = disabled;
|
|
87
|
+
}
|
|
88
|
+
formStateRestoreCallback(state) {
|
|
89
|
+
if (typeof state === 'string')
|
|
90
|
+
this.value = state;
|
|
77
91
|
}
|
|
78
92
|
_handleInput(e) {
|
|
79
93
|
e.stopPropagation();
|
|
@@ -108,6 +122,7 @@ let NLDDPasswordField = class NLDDPasswordField extends LitElement {
|
|
|
108
122
|
return passwordFieldTemplate(this);
|
|
109
123
|
}
|
|
110
124
|
};
|
|
125
|
+
NLDDPasswordField.formAssociated = true;
|
|
111
126
|
NLDDPasswordField.shadowRootOptions = {
|
|
112
127
|
...LitElement.shadowRootOptions,
|
|
113
128
|
delegatesFocus: true,
|
|
@@ -156,7 +171,7 @@ __decorate([
|
|
|
156
171
|
property({ type: Boolean, reflect: true })
|
|
157
172
|
], NLDDPasswordField.prototype, "required", void 0);
|
|
158
173
|
__decorate([
|
|
159
|
-
property({ type: String })
|
|
174
|
+
property({ type: String, reflect: true })
|
|
160
175
|
], NLDDPasswordField.prototype, "name", void 0);
|
|
161
176
|
__decorate([
|
|
162
177
|
property({ type: String })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"password-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/password-field/password-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -19,15 +19,23 @@
|
|
|
19
19
|
*
|
|
20
20
|
* @fires change - When checked state changes; detail: { checked: boolean, value: string, name: string }
|
|
21
21
|
*/
|
|
22
|
-
import { LitElement } from 'lit';
|
|
22
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
23
23
|
export declare class NLDDRadioButton extends LitElement {
|
|
24
|
+
static formAssociated: boolean;
|
|
24
25
|
static styles: import("lit").CSSResult;
|
|
26
|
+
private _internals;
|
|
27
|
+
private _initialChecked;
|
|
25
28
|
checked: boolean;
|
|
26
29
|
disabled: boolean;
|
|
27
30
|
required: boolean;
|
|
28
31
|
name: string;
|
|
29
32
|
value: string;
|
|
30
33
|
accessibleLabel: string;
|
|
34
|
+
firstUpdated(): void;
|
|
35
|
+
updated(changed: PropertyValues): void;
|
|
36
|
+
formResetCallback(): void;
|
|
37
|
+
formDisabledCallback(disabled: boolean): void;
|
|
38
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
31
39
|
select(): void;
|
|
32
40
|
_handleChange(e: Event): void;
|
|
33
41
|
render(): import("lit-html").TemplateResult;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"radio-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,qBACa,eAAgB,SAAQ,UAAU;IAC9C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAqB;IAE3C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,eAAe,CAAS;IAGhC,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,KAAK,SAAM;IAGX,eAAe,SAAM;IAEZ,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAM/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAI/D,MAAM,IAAI,IAAI;IAQd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -32,6 +32,8 @@ import { radioButtonTemplate } from './radio-button.template.js';
|
|
|
32
32
|
let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
33
33
|
constructor() {
|
|
34
34
|
super(...arguments);
|
|
35
|
+
this._internals = this.attachInternals();
|
|
36
|
+
this._initialChecked = false;
|
|
35
37
|
this.checked = false;
|
|
36
38
|
this.disabled = false;
|
|
37
39
|
this.required = false;
|
|
@@ -39,6 +41,23 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
|
39
41
|
this.value = '';
|
|
40
42
|
this.accessibleLabel = '';
|
|
41
43
|
}
|
|
44
|
+
firstUpdated() {
|
|
45
|
+
this._initialChecked = this.checked;
|
|
46
|
+
}
|
|
47
|
+
updated(changed) {
|
|
48
|
+
if (changed.has('checked') || changed.has('value')) {
|
|
49
|
+
this._internals.setFormValue(this.checked ? this.value : null);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
formResetCallback() {
|
|
53
|
+
this.checked = this._initialChecked;
|
|
54
|
+
}
|
|
55
|
+
formDisabledCallback(disabled) {
|
|
56
|
+
this.disabled = disabled;
|
|
57
|
+
}
|
|
58
|
+
formStateRestoreCallback(state) {
|
|
59
|
+
this.checked = state !== null;
|
|
60
|
+
}
|
|
42
61
|
select() {
|
|
43
62
|
if (this.disabled || this.checked)
|
|
44
63
|
return;
|
|
@@ -61,6 +80,7 @@ let NLDDRadioButton = class NLDDRadioButton extends LitElement {
|
|
|
61
80
|
return radioButtonTemplate(this);
|
|
62
81
|
}
|
|
63
82
|
};
|
|
83
|
+
NLDDRadioButton.formAssociated = true;
|
|
64
84
|
NLDDRadioButton.styles = radioButtonStyles;
|
|
65
85
|
__decorate([
|
|
66
86
|
property({ type: Boolean, reflect: true })
|
|
@@ -72,7 +92,7 @@ __decorate([
|
|
|
72
92
|
property({ type: Boolean, reflect: true })
|
|
73
93
|
], NLDDRadioButton.prototype, "required", void 0);
|
|
74
94
|
__decorate([
|
|
75
|
-
property({ type: String })
|
|
95
|
+
property({ type: String, reflect: true })
|
|
76
96
|
], NLDDRadioButton.prototype, "name", void 0);
|
|
77
97
|
__decorate([
|
|
78
98
|
property({ type: String })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"radio-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/radio-button/radio-button.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,KAAK,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAG1D,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAKE,eAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAEpC,oBAAe,GAAG,KAAK,CAAC;QAGhC,YAAO,GAAG,KAAK,CAAC;QAGhB,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGjB,SAAI,GAAG,EAAE,CAAC;QAGV,UAAK,GAAG,EAAE,CAAC;QAGX,oBAAe,GAAG,EAAE,CAAC;IA6CtB,CAAC;IA3CS,YAAY;QACpB,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,OAAO,CAAC;IACrC,CAAC;IAEQ,OAAO,CAAC,OAAuB;QACvC,IAAI,OAAO,CAAC,GAAG,CAAC,SAAS,CAAC,IAAI,OAAO,CAAC,GAAG,CAAC,OAAO,CAAC,EAAE,CAAC;YACpD,IAAI,CAAC,UAAU,CAAC,YAAY,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC;QAChE,CAAC;IACF,CAAC;IAED,iBAAiB;QAChB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,eAAe,CAAC;IACrC,CAAC;IAED,oBAAoB,CAAC,QAAiB;QACrC,IAAI,CAAC,QAAQ,GAAG,QAAQ,CAAC;IAC1B,CAAC;IAED,wBAAwB,CAAC,KAAsC;QAC9D,IAAI,CAAC,OAAO,GAAG,KAAK,KAAK,IAAI,CAAC;IAC/B,CAAC;IAEM,MAAM;QACZ,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,OAAO;YAAE,OAAO;QAC1C,MAAM,KAAK,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,OAAO,CAA4B,CAAC;QACjF,IAAI,CAAC,KAAK;YAAE,OAAO;QACnB,KAAK,CAAC,OAAO,GAAG,IAAI,CAAC;QACrB,KAAK,CAAC,aAAa,CAAC,IAAI,KAAK,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC,CAAC;IAC7D,CAAC;IAEM,aAAa,CAAC,CAAQ;QAC5B,MAAM,KAAK,GAAG,CAAC,CAAC,MAA0B,CAAC;QAC3C,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC;QAC7B,IAAI,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,QAAQ,EAAE;YAC5C,MAAM,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE;YACrE,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACd,CAAC,CAAC,CAAC;IACL,CAAC;IAEQ,MAAM;QACd,OAAO,mBAAmB,CAAC,IAAI,CAAC,CAAC;IAClC,CAAC;;AApEM,8BAAc,GAAG,IAAI,AAAP,CAAQ;AAEb,sBAAM,GAAG,iBAAiB,AAApB,CAAqB;AAO3C;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;gDAC3B;AAGhB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;iDAC1B;AAGjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;6CAChC;AAGV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CAChB;AAGX;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;wDACrC;AAzBT,eAAe;IAD3B,aAAa,CAAC,mBAAmB,CAAC;GACtB,eAAe,CAsE3B"}
|
|
@@ -29,7 +29,10 @@ import './../../actions/button/button.js';
|
|
|
29
29
|
import './../../content/icon/icon.js';
|
|
30
30
|
export type SearchFieldSize = 'sm' | 'md';
|
|
31
31
|
export declare class NLDDSearchField extends LitElement {
|
|
32
|
+
static formAssociated: boolean;
|
|
32
33
|
static styles: import("lit").CSSResult;
|
|
34
|
+
private _internals;
|
|
35
|
+
private _initialValue;
|
|
33
36
|
value: string;
|
|
34
37
|
placeholder: string;
|
|
35
38
|
/** Accessible label forwarded as aria-label to the native input.
|
|
@@ -47,7 +50,11 @@ export declare class NLDDSearchField extends LitElement {
|
|
|
47
50
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
48
51
|
width: string;
|
|
49
52
|
_input: HTMLInputElement;
|
|
53
|
+
firstUpdated(): void;
|
|
50
54
|
updated(changed: PropertyValues): void;
|
|
55
|
+
formResetCallback(): void;
|
|
56
|
+
formDisabledCallback(disabled: boolean): void;
|
|
57
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
51
58
|
_t(key: keyof NLDDSearchFieldTranslations): string;
|
|
52
59
|
_handleInput(e: Event): void;
|
|
53
60
|
_handleChange(e: Event): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;
|
|
1
|
+
{"version":3,"file":"search-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/search-field/search-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,wBAAwB,CAAC;AAC1E,OAAO,4CAA4C,CAAC;AACpD,OAAO,kCAAkC,CAAC;AAC1C,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,CAAC;AAE1C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAqB;IAE3C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAM;IAG3B,KAAK,SAAM;IAGX,WAAW,SAAY;IAEvB;;;;yFAIqF;IAErF,eAAe,SAAM;IAGrB,IAAI,EAAE,eAAe,CAAQ;IAG7B,QAAQ,UAAS;IAGjB,IAAI,SAAM;IAGV,gBAAgB,UAAS;IAEzB,4EAA4E;IAE5E,YAAY,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAM;IAExD,oGAAoG;IAEpG,KAAK,SAAM;IAGX,MAAM,EAAG,gBAAgB,CAAC;IAEjB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAS/C,iBAAiB,IAAI,IAAI;IAIzB,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI;IAI7C,wBAAwB,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,QAAQ,GAAG,IAAI,GAAG,IAAI;IAM/D,EAAE,CAAC,GAAG,EAAE,MAAM,2BAA2B,GAAG,MAAM;IAMlD,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU5B,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAU7B,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IAMtC,YAAY,IAAI,IAAI;IAepB,aAAa,IAAI,IAAI;IAI5B,OAAO,CAAC,eAAe;IAQd,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|