@nldd/design-system 0.8.38 → 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 +1083 -439
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +28 -0
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +40 -30
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- 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
|
@@ -14,21 +14,30 @@
|
|
|
14
14
|
*
|
|
15
15
|
* @fires change - When the value changes; detail: { value: number }
|
|
16
16
|
*/
|
|
17
|
-
import { LitElement } from 'lit';
|
|
17
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
18
18
|
import type { NLDDStepperTranslations } from './stepper.i18n.js';
|
|
19
19
|
import './../../actions/icon-button/icon-button.js';
|
|
20
20
|
import './../../content/icon/icon.js';
|
|
21
21
|
export type StepperSize = 'xs' | 'sm' | 'md';
|
|
22
22
|
export declare class NLDDStepper extends LitElement {
|
|
23
|
+
static formAssociated: boolean;
|
|
23
24
|
static styles: import("lit").CSSResult;
|
|
25
|
+
private _internals;
|
|
26
|
+
private _initialValue;
|
|
24
27
|
value: number;
|
|
25
28
|
min: number;
|
|
26
29
|
max: number;
|
|
27
30
|
step: number;
|
|
28
31
|
disabled: boolean;
|
|
29
32
|
size: StepperSize;
|
|
33
|
+
name: string;
|
|
30
34
|
/** Override one or more translation keys. Unspecified keys fall back to Dutch. */
|
|
31
35
|
translations: Partial<NLDDStepperTranslations>;
|
|
36
|
+
firstUpdated(): void;
|
|
37
|
+
updated(changed: PropertyValues): void;
|
|
38
|
+
formResetCallback(): void;
|
|
39
|
+
formDisabledCallback(disabled: boolean): void;
|
|
40
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
32
41
|
_t(key: keyof NLDDStepperTranslations): string;
|
|
33
42
|
_decrement(): void;
|
|
34
43
|
_increment(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/stepper/stepper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"stepper.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/stepper/stepper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mBAAmB,CAAC;AACjE,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE7C,qBACa,WAAY,SAAQ,UAAU;IAC1C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAiB;IAEvC,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,aAAa,CAAK;IAG1B,KAAK,SAAK;IAGV,GAAG,SAAK;IAGR,GAAG,SAAY;IAGf,IAAI,SAAK;IAGT,QAAQ,UAAS;IAGjB,IAAI,EAAE,WAAW,CAAQ;IAGzB,IAAI,SAAM;IAEV,kFAAkF;IAElF,YAAY,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAM;IAE3C,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;IAQ/D,EAAE,CAAC,GAAG,EAAE,MAAM,uBAAuB,GAAG,MAAM;IAM9C,UAAU,IAAI,IAAI;IASlB,UAAU,IAAI,IAAI;IASlB,cAAc,CAAC,CAAC,EAAE,aAAa,GAAG,IAAI;IA6B7C,OAAO,CAAC,eAAe;IAQd,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,cAAc,EAAE,WAAW,CAAC;KAC5B;CACD"}
|
|
@@ -30,15 +30,39 @@ import './../../content/icon/icon.js';
|
|
|
30
30
|
let NLDDStepper = class NLDDStepper extends LitElement {
|
|
31
31
|
constructor() {
|
|
32
32
|
super(...arguments);
|
|
33
|
+
this._internals = this.attachInternals();
|
|
34
|
+
this._initialValue = 0;
|
|
33
35
|
this.value = 0;
|
|
34
36
|
this.min = 0;
|
|
35
37
|
this.max = Infinity;
|
|
36
38
|
this.step = 1;
|
|
37
39
|
this.disabled = false;
|
|
38
40
|
this.size = 'md';
|
|
41
|
+
this.name = '';
|
|
39
42
|
/** Override one or more translation keys. Unspecified keys fall back to Dutch. */
|
|
40
43
|
this.translations = {};
|
|
41
44
|
}
|
|
45
|
+
firstUpdated() {
|
|
46
|
+
this._initialValue = this.value;
|
|
47
|
+
}
|
|
48
|
+
updated(changed) {
|
|
49
|
+
if (changed.has('value')) {
|
|
50
|
+
this._internals.setFormValue(String(this.value));
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
formResetCallback() {
|
|
54
|
+
this.value = this._initialValue;
|
|
55
|
+
}
|
|
56
|
+
formDisabledCallback(disabled) {
|
|
57
|
+
this.disabled = disabled;
|
|
58
|
+
}
|
|
59
|
+
formStateRestoreCallback(state) {
|
|
60
|
+
if (typeof state !== 'string')
|
|
61
|
+
return;
|
|
62
|
+
const parsed = parseFloat(state);
|
|
63
|
+
if (!isNaN(parsed))
|
|
64
|
+
this.value = Math.max(this.min, Math.min(this.max, parsed));
|
|
65
|
+
}
|
|
42
66
|
// — i18n —————————————————————————————————————————————————————————————————
|
|
43
67
|
_t(key) {
|
|
44
68
|
return this.translations[key] ?? nlddStepperTranslations[key];
|
|
@@ -101,6 +125,7 @@ let NLDDStepper = class NLDDStepper extends LitElement {
|
|
|
101
125
|
return stepperTemplate(this);
|
|
102
126
|
}
|
|
103
127
|
};
|
|
128
|
+
NLDDStepper.formAssociated = true;
|
|
104
129
|
NLDDStepper.styles = stepperStyles;
|
|
105
130
|
__decorate([
|
|
106
131
|
property({ type: Number })
|
|
@@ -120,6 +145,9 @@ __decorate([
|
|
|
120
145
|
__decorate([
|
|
121
146
|
property({ type: String, reflect: true })
|
|
122
147
|
], NLDDStepper.prototype, "size", void 0);
|
|
148
|
+
__decorate([
|
|
149
|
+
property({ type: String, reflect: true })
|
|
150
|
+
], NLDDStepper.prototype, "name", void 0);
|
|
123
151
|
__decorate([
|
|
124
152
|
property({ type: Object })
|
|
125
153
|
], NLDDStepper.prototype, "translations", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../src/components/inputs/stepper/stepper.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"stepper.js","sourceRoot":"","sources":["../../../../src/components/inputs/stepper/stepper.ts"],"names":[],"mappings":"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"}
|
|
@@ -14,16 +14,24 @@
|
|
|
14
14
|
*
|
|
15
15
|
* @fires change - When the switch state changes; detail: { checked: boolean, value: string }
|
|
16
16
|
*/
|
|
17
|
-
import { LitElement } from 'lit';
|
|
17
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
18
18
|
export type SwitchSize = 'xs' | 'sm';
|
|
19
19
|
export declare class NLDDSwitch extends LitElement {
|
|
20
|
+
static formAssociated: boolean;
|
|
20
21
|
static styles: import("lit").CSSResult;
|
|
22
|
+
private _internals;
|
|
23
|
+
name: string;
|
|
21
24
|
checked: boolean;
|
|
22
25
|
disabled: boolean;
|
|
23
26
|
size: SwitchSize;
|
|
24
27
|
accessibleLabel: string;
|
|
25
28
|
value: string;
|
|
29
|
+
private _initialChecked;
|
|
26
30
|
firstUpdated(): void;
|
|
31
|
+
updated(changed: PropertyValues): void;
|
|
32
|
+
formResetCallback(): void;
|
|
33
|
+
formDisabledCallback(disabled: boolean): void;
|
|
34
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
27
35
|
private _pointerStartX;
|
|
28
36
|
private _swiped;
|
|
29
37
|
private static readonly SWIPE_THRESHOLD;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/switch/switch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"switch.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/switch/switch.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,CAAC;AAErC,qBACa,UAAW,SAAQ,UAAU;IACzC,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAgB;IAEtC,OAAO,CAAC,UAAU,CAA0B;IAG5C,IAAI,SAAM;IAGV,OAAO,UAAS;IAGhB,QAAQ,UAAS;IAGjB,IAAI,EAAE,UAAU,CAAQ;IAGxB,eAAe,SAAM;IAGrB,KAAK,SAAQ;IAEb,OAAO,CAAC,eAAe,CAAS;IAEvB,YAAY,IAAI,IAAI;IAOpB,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;IAMtE,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,eAAe,CAAM;IAE7C,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAMzC,kBAAkB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAWzC,gBAAgB,CAAC,CAAC,EAAE,YAAY,GAAG,IAAI;IAkBvC,oBAAoB,IAAI,IAAI;IAK5B,YAAY,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IASrB,MAAM,IAAI,IAAI;IAUd,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAW3B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,aAAa,EAAE,UAAU,CAAC;KAC1B;CACD"}
|
|
@@ -28,11 +28,14 @@ import { switchTemplate } from './switch.template.js';
|
|
|
28
28
|
let NLDDSwitch = NLDDSwitch_1 = class NLDDSwitch extends LitElement {
|
|
29
29
|
constructor() {
|
|
30
30
|
super(...arguments);
|
|
31
|
+
this._internals = this.attachInternals();
|
|
32
|
+
this.name = '';
|
|
31
33
|
this.checked = false;
|
|
32
34
|
this.disabled = false;
|
|
33
35
|
this.size = 'sm';
|
|
34
36
|
this.accessibleLabel = '';
|
|
35
37
|
this.value = 'on';
|
|
38
|
+
this._initialChecked = false;
|
|
36
39
|
// ## Swipe gesture
|
|
37
40
|
this._pointerStartX = null;
|
|
38
41
|
this._swiped = false;
|
|
@@ -41,6 +44,21 @@ let NLDDSwitch = NLDDSwitch_1 = class NLDDSwitch extends LitElement {
|
|
|
41
44
|
if (import.meta.env?.DEV && !this.accessibleLabel) {
|
|
42
45
|
console.warn('<nldd-switch>: No accessible-label provided. Use nldd-switch-field for labeled usage, or provide an accessible-label attribute for screen reader accessibility.');
|
|
43
46
|
}
|
|
47
|
+
this._initialChecked = this.checked;
|
|
48
|
+
}
|
|
49
|
+
updated(changed) {
|
|
50
|
+
if (changed.has('checked') || changed.has('value')) {
|
|
51
|
+
this._internals.setFormValue(this.checked ? this.value : null);
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
formResetCallback() {
|
|
55
|
+
this.checked = this._initialChecked;
|
|
56
|
+
}
|
|
57
|
+
formDisabledCallback(disabled) {
|
|
58
|
+
this.disabled = disabled;
|
|
59
|
+
}
|
|
60
|
+
formStateRestoreCallback(state) {
|
|
61
|
+
this.checked = state !== null;
|
|
44
62
|
}
|
|
45
63
|
_handlePointerDown(e) {
|
|
46
64
|
this._pointerStartX = e.clientX;
|
|
@@ -113,8 +131,12 @@ let NLDDSwitch = NLDDSwitch_1 = class NLDDSwitch extends LitElement {
|
|
|
113
131
|
return switchTemplate(this);
|
|
114
132
|
}
|
|
115
133
|
};
|
|
134
|
+
NLDDSwitch.formAssociated = true;
|
|
116
135
|
NLDDSwitch.styles = switchStyles;
|
|
117
136
|
NLDDSwitch.SWIPE_THRESHOLD = 10;
|
|
137
|
+
__decorate([
|
|
138
|
+
property({ type: String, reflect: true })
|
|
139
|
+
], NLDDSwitch.prototype, "name", void 0);
|
|
118
140
|
__decorate([
|
|
119
141
|
property({ type: Boolean, reflect: true })
|
|
120
142
|
], NLDDSwitch.prototype, "checked", void 0);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/inputs/switch/switch.ts"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;GAeG;AACH,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"switch.js","sourceRoot":"","sources":["../../../../src/components/inputs/switch/switch.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,13 +20,11 @@
|
|
|
20
20
|
*
|
|
21
21
|
* @fires input - When input value changes
|
|
22
22
|
* @fires change - When input value is committed
|
|
23
|
-
*
|
|
24
|
-
* @csspart container - The field container
|
|
25
|
-
* @csspart input - The native input element
|
|
26
23
|
*/
|
|
27
24
|
import { LitElement, type PropertyValues } from 'lit';
|
|
28
25
|
export type InputType = 'text' | 'email' | 'tel' | 'url';
|
|
29
26
|
export declare class NLDDTextField extends LitElement {
|
|
27
|
+
static formAssociated: boolean;
|
|
30
28
|
static shadowRootOptions: {
|
|
31
29
|
delegatesFocus: boolean;
|
|
32
30
|
clonable?: boolean;
|
|
@@ -36,6 +34,8 @@ export declare class NLDDTextField extends LitElement {
|
|
|
36
34
|
slotAssignment?: SlotAssignmentMode;
|
|
37
35
|
};
|
|
38
36
|
static styles: import("lit").CSSResult;
|
|
37
|
+
private _internals;
|
|
38
|
+
private _initialValue;
|
|
39
39
|
size: 'md' | 'sm';
|
|
40
40
|
value: string;
|
|
41
41
|
inputId: string;
|
|
@@ -54,7 +54,11 @@ export declare class NLDDTextField extends LitElement {
|
|
|
54
54
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
55
55
|
width: string;
|
|
56
56
|
private _input;
|
|
57
|
+
firstUpdated(): void;
|
|
57
58
|
updated(changed: PropertyValues): void;
|
|
59
|
+
formResetCallback(): void;
|
|
60
|
+
formDisabledCallback(disabled: boolean): void;
|
|
61
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
58
62
|
_handleInput(e: Event): void;
|
|
59
63
|
_handleChange(e: Event): void;
|
|
60
64
|
focus(): void;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.ts"],"names":[],"mappings":"AAAA
|
|
1
|
+
{"version":3,"file":"text-field.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAKtD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,KAAK,CAAC;AAEzD,qBACa,aAAc,SAAQ,UAAU;IAC5C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,iBAAiB;;;;;;;MAG/B;IAEF,OAAgB,MAAM,0BAAmB;IAEzC,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,OAAO,UAAS;IAGhB,KAAK,UAAS;IAGd,QAAQ,UAAS;IAGjB,IAAI,EAAE,SAAS,CAAU;IAGzB,IAAI,SAAM;IAGV,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,YAAY,SAAM;IAElB,6FAA6F;IAE7F,eAAe,SAAM;IAGrB,eAAe,SAAM;IAErB,oGAAoG;IAEpG,KAAK,SAAM;IAIX,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,KAAK,IAAI,IAAI;IAIb,IAAI,IAAI,IAAI;IAIV,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,iBAAiB,EAAE,aAAa,CAAC;KACjC;CACD"}
|
|
@@ -26,9 +26,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
26
26
|
*
|
|
27
27
|
* @fires input - When input value changes
|
|
28
28
|
* @fires change - When input value is committed
|
|
29
|
-
*
|
|
30
|
-
* @csspart container - The field container
|
|
31
|
-
* @csspart input - The native input element
|
|
32
29
|
*/
|
|
33
30
|
import { LitElement } from 'lit';
|
|
34
31
|
import { customElement, property, query } from 'lit/decorators.js';
|
|
@@ -37,6 +34,8 @@ import { textFieldTemplate } from './text-field.template.js';
|
|
|
37
34
|
let NLDDTextField = class NLDDTextField extends LitElement {
|
|
38
35
|
constructor() {
|
|
39
36
|
super(...arguments);
|
|
37
|
+
this._internals = this.attachInternals();
|
|
38
|
+
this._initialValue = '';
|
|
40
39
|
this.size = 'md';
|
|
41
40
|
this.value = '';
|
|
42
41
|
this.inputId = '';
|
|
@@ -55,10 +54,26 @@ let NLDDTextField = class NLDDTextField extends LitElement {
|
|
|
55
54
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
56
55
|
this.width = '';
|
|
57
56
|
}
|
|
57
|
+
firstUpdated() {
|
|
58
|
+
this._initialValue = this.value;
|
|
59
|
+
}
|
|
58
60
|
updated(changed) {
|
|
59
61
|
if (changed.has('width')) {
|
|
60
62
|
this.style.width = this.width || '';
|
|
61
63
|
}
|
|
64
|
+
if (changed.has('value')) {
|
|
65
|
+
this._internals.setFormValue(this.value);
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
formResetCallback() {
|
|
69
|
+
this.value = this._initialValue;
|
|
70
|
+
}
|
|
71
|
+
formDisabledCallback(disabled) {
|
|
72
|
+
this.disabled = disabled;
|
|
73
|
+
}
|
|
74
|
+
formStateRestoreCallback(state) {
|
|
75
|
+
if (typeof state === 'string')
|
|
76
|
+
this.value = state;
|
|
62
77
|
}
|
|
63
78
|
_handleInput(e) {
|
|
64
79
|
e.stopPropagation();
|
|
@@ -90,6 +105,7 @@ let NLDDTextField = class NLDDTextField extends LitElement {
|
|
|
90
105
|
return textFieldTemplate(this);
|
|
91
106
|
}
|
|
92
107
|
};
|
|
108
|
+
NLDDTextField.formAssociated = true;
|
|
93
109
|
NLDDTextField.shadowRootOptions = {
|
|
94
110
|
...LitElement.shadowRootOptions,
|
|
95
111
|
delegatesFocus: true,
|
|
@@ -120,7 +136,7 @@ __decorate([
|
|
|
120
136
|
property({ type: String })
|
|
121
137
|
], NLDDTextField.prototype, "type", void 0);
|
|
122
138
|
__decorate([
|
|
123
|
-
property({ type: String })
|
|
139
|
+
property({ type: String, reflect: true })
|
|
124
140
|
], NLDDTextField.prototype, "name", void 0);
|
|
125
141
|
__decorate([
|
|
126
142
|
property({ type: Boolean, reflect: true })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.ts"],"names":[],"mappings":";;;;;;AAAA
|
|
1
|
+
{"version":3,"file":"text-field.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,12 +20,15 @@
|
|
|
20
20
|
*
|
|
21
21
|
* @fires change - When selection changes; detail: { selected: boolean, value: string }
|
|
22
22
|
*/
|
|
23
|
-
import { LitElement } from 'lit';
|
|
23
|
+
import { LitElement, type PropertyValues } from 'lit';
|
|
24
24
|
import './../../content/icon/icon.js';
|
|
25
25
|
export type ToggleButtonType = 'button' | 'checkbox' | 'radio';
|
|
26
26
|
export type ToggleButtonSize = 'xs' | 'sm' | 'md';
|
|
27
27
|
export declare class NLDDToggleButton extends LitElement {
|
|
28
|
+
static formAssociated: boolean;
|
|
28
29
|
static styles: import("lit").CSSResult;
|
|
30
|
+
private _internals;
|
|
31
|
+
private _initialSelected;
|
|
29
32
|
type: ToggleButtonType;
|
|
30
33
|
size: ToggleButtonSize;
|
|
31
34
|
selected: boolean;
|
|
@@ -40,7 +43,11 @@ export declare class NLDDToggleButton extends LitElement {
|
|
|
40
43
|
/** Whether an icon is present via attribute or slot. */
|
|
41
44
|
private get _hasIcon();
|
|
42
45
|
private _warnedA11y;
|
|
43
|
-
|
|
46
|
+
firstUpdated(): void;
|
|
47
|
+
updated(changed: PropertyValues): void;
|
|
48
|
+
formResetCallback(): void;
|
|
49
|
+
formDisabledCallback(disabled: boolean): void;
|
|
50
|
+
formStateRestoreCallback(state: File | string | FormData | null): void;
|
|
44
51
|
_handleButtonClick(): void;
|
|
45
52
|
_handleInputChange(e: Event): void;
|
|
46
53
|
private _toggle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"toggle-button.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;AAEH,OAAO,EAAE,UAAU,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAItD,OAAO,8BAA8B,CAAC;AAEtC,MAAM,MAAM,gBAAgB,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAC/D,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAElD,qBACa,gBAAiB,SAAQ,UAAU;IAC/C,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAgB,MAAM,0BAAsB;IAE5C,OAAO,CAAC,UAAU,CAA0B;IAE5C,OAAO,CAAC,gBAAgB,CAAS;IAGjC,IAAI,EAAE,gBAAgB,CAAY;IAGlC,IAAI,EAAE,gBAAgB,CAAQ;IAG9B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,KAAK,SAAQ;IAGb,IAAI,SAAM;IAEV,mBAAmB;IAEnB,IAAI,SAAM;IAEV,gFAAgF;IAEhF,IAAI,SAAM;IAGV,eAAe,SAAM;IAErB,wDAAwD;IACxD,OAAO,KAAK,QAAQ,GAInB;IAED,OAAO,CAAC,WAAW,CAAS;IAEnB,YAAY,IAAI,IAAI;IAIpB,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAiB/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;IAItE,kBAAkB,IAAI,IAAI;IAK1B,kBAAkB,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAMlC,OAAO,CAAC,OAAO;IAKf,OAAO,CAAC,eAAe;IAQvB;;;OAGG;IACH,MAAM,IAAI,IAAI;IAML,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,oBAAoB,EAAE,gBAAgB,CAAC;KACvC;CACD"}
|
|
@@ -34,6 +34,8 @@ import './../../content/icon/icon.js';
|
|
|
34
34
|
let NLDDToggleButton = class NLDDToggleButton extends LitElement {
|
|
35
35
|
constructor() {
|
|
36
36
|
super(...arguments);
|
|
37
|
+
this._internals = this.attachInternals();
|
|
38
|
+
this._initialSelected = false;
|
|
37
39
|
this.type = 'button';
|
|
38
40
|
this.size = 'md';
|
|
39
41
|
this.selected = false;
|
|
@@ -54,7 +56,10 @@ let NLDDToggleButton = class NLDDToggleButton extends LitElement {
|
|
|
54
56
|
const slot = this.shadowRoot?.querySelector('slot[name="icon"]');
|
|
55
57
|
return (slot?.assignedElements().length ?? 0) > 0;
|
|
56
58
|
}
|
|
57
|
-
|
|
59
|
+
firstUpdated() {
|
|
60
|
+
this._initialSelected = this.selected;
|
|
61
|
+
}
|
|
62
|
+
updated(changed) {
|
|
58
63
|
const iconOnly = this._hasIcon && !this.text;
|
|
59
64
|
this.toggleAttribute('icon-only', iconOnly);
|
|
60
65
|
const inaccessible = iconOnly && !this.accessibleLabel;
|
|
@@ -65,6 +70,20 @@ let NLDDToggleButton = class NLDDToggleButton extends LitElement {
|
|
|
65
70
|
else if (!inaccessible) {
|
|
66
71
|
this._warnedA11y = false;
|
|
67
72
|
}
|
|
73
|
+
if (changed.has('selected') || changed.has('value') || changed.has('type')) {
|
|
74
|
+
// Only checkbox/radio variants participate in form submission.
|
|
75
|
+
const submits = this.type === 'checkbox' || this.type === 'radio';
|
|
76
|
+
this._internals.setFormValue(submits && this.selected ? this.value : null);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
formResetCallback() {
|
|
80
|
+
this.selected = this._initialSelected;
|
|
81
|
+
}
|
|
82
|
+
formDisabledCallback(disabled) {
|
|
83
|
+
this.disabled = disabled;
|
|
84
|
+
}
|
|
85
|
+
formStateRestoreCallback(state) {
|
|
86
|
+
this.selected = state !== null;
|
|
68
87
|
}
|
|
69
88
|
_handleButtonClick() {
|
|
70
89
|
if (this.disabled)
|
|
@@ -102,6 +121,7 @@ let NLDDToggleButton = class NLDDToggleButton extends LitElement {
|
|
|
102
121
|
return toggleButtonTemplate(this);
|
|
103
122
|
}
|
|
104
123
|
};
|
|
124
|
+
NLDDToggleButton.formAssociated = true;
|
|
105
125
|
NLDDToggleButton.styles = toggleButtonStyles;
|
|
106
126
|
__decorate([
|
|
107
127
|
property({ type: String, reflect: true })
|
|
@@ -119,7 +139,7 @@ __decorate([
|
|
|
119
139
|
property({ type: String })
|
|
120
140
|
], NLDDToggleButton.prototype, "value", void 0);
|
|
121
141
|
__decorate([
|
|
122
|
-
property({ type: String })
|
|
142
|
+
property({ type: String, reflect: true })
|
|
123
143
|
], NLDDToggleButton.prototype, "name", void 0);
|
|
124
144
|
__decorate([
|
|
125
145
|
property({ type: String })
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;GAqBG;;;;;;;AAEH,OAAO,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"toggle-button.js","sourceRoot":"","sources":["../../../../src/components/inputs/toggle-button/toggle-button.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAEpB,oFAAoF;IAEpF,eAAe,SAAM;IAErB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,YAAY;IAWpB,IAAI,IAAI,IAAI;IAuBZ,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;
|
|
1
|
+
{"version":3,"file":"modal-dialog.d.ts","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAKjC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAC;AAC7E,OAAO,mCAAmC,CAAC;AAE3C,qBACa,eAAgB,SAAQ,UAAU;IAC9C,OAAgB,MAAM,0BAAqB;IAG3C,OAAO,EAAE,mBAAmB,GAAG,EAAE,CAAM;IAGvC,IAAI,SAAM;IAGV,IAAI,SAAM;IAGV,cAAc,SAAM;IAEpB,oFAAoF;IAEpF,eAAe,SAAM;IAErB,OAAO,CAAC,QAAQ,CAAS;IAEzB,OAAO,KAAK,OAAO,GAElB;IAED,IAAI,IAAI,IAAI;IAQZ,OAAO,CAAC,YAAY;IAWpB,IAAI,IAAI,IAAI;IAuBZ,oBAAoB,CAAC,CAAC,EAAE,UAAU,GAAG,IAAI;IAWzC,aAAa,CAAC,CAAC,EAAE,KAAK,GAAG,IAAI;IAKpB,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,mBAAmB,EAAE,eAAe,CAAC;KACrC;CACD"}
|
|
@@ -88,7 +88,14 @@ let NLDDModalDialog = class NLDDModalDialog extends LitElement {
|
|
|
88
88
|
});
|
|
89
89
|
}
|
|
90
90
|
_handleBackdropClick(e) {
|
|
91
|
-
if (e.target
|
|
91
|
+
if (e.target !== this._dialog)
|
|
92
|
+
return;
|
|
93
|
+
// e.target is the dialog for both backdrop clicks and clicks on the dialog's
|
|
94
|
+
// own padding — distinguish by checking the pointer position against the rect.
|
|
95
|
+
const rect = this._dialog.getBoundingClientRect();
|
|
96
|
+
const insideDialog = e.clientX >= rect.left && e.clientX <= rect.right &&
|
|
97
|
+
e.clientY >= rect.top && e.clientY <= rect.bottom;
|
|
98
|
+
if (!insideDialog)
|
|
92
99
|
this.hide();
|
|
93
100
|
}
|
|
94
101
|
_handleCancel(e) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;GAsBG;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,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAErE,OAAO,mCAAmC,CAAC;AAGpC,IAAM,eAAe,GAArB,MAAM,eAAgB,SAAQ,UAAU;IAAxC;;QAIN,YAAO,GAA6B,EAAE,CAAC;QAGvC,SAAI,GAAG,EAAE,CAAC;QAGV,SAAI,GAAG,EAAE,CAAC;QAGV,mBAAc,GAAG,EAAE,CAAC;QAEpB,oFAAoF;QAEpF,oBAAe,GAAG,EAAE,CAAC;QAEb,aAAQ,GAAG,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"modal-dialog.js","sourceRoot":"","sources":["../../../../src/components/status-and-feedback/modal-dialog/modal-dialog.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@nldd/design-system",
|
|
3
|
-
"version": "0.8.
|
|
3
|
+
"version": "0.8.40",
|
|
4
4
|
"description": "Design System voor Nederlandse Digitale Dienst",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/components/components.js",
|
|
@@ -83,6 +83,10 @@
|
|
|
83
83
|
"types": "./dist/components/inputs/text-field/text-field.d.ts",
|
|
84
84
|
"default": "./dist/components/inputs/text-field/text-field.js"
|
|
85
85
|
},
|
|
86
|
+
"./multi-line-text-field": {
|
|
87
|
+
"types": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts",
|
|
88
|
+
"default": "./dist/components/inputs/multi-line-text-field/multi-line-text-field.js"
|
|
89
|
+
},
|
|
86
90
|
"./password-field": {
|
|
87
91
|
"types": "./dist/components/inputs/password-field/password-field.d.ts",
|
|
88
92
|
"default": "./dist/components/inputs/password-field/password-field.js"
|