@nldd/design-system 0.8.82 → 0.8.83
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/custom-elements.json +436 -68
- package/dist/components/actions/button/button.d.ts +5 -0
- package/dist/components/actions/button/button.d.ts.map +1 -1
- package/dist/components/actions/button/button.js +8 -0
- package/dist/components/actions/button/button.js.map +1 -1
- package/dist/components/actions/button/button.template.d.ts.map +1 -1
- package/dist/components/actions/button/button.template.js +2 -0
- package/dist/components/actions/button/button.template.js.map +1 -1
- package/dist/components/actions/icon-button/icon-button.d.ts +1 -1
- package/dist/components/actions/icon-button/icon-button.js +1 -1
- package/dist/components/components.js +894 -226
- package/dist/components/content/avatar/avatar.styles.d.ts.map +1 -1
- package/dist/components/content/avatar/avatar.styles.js +5 -1
- package/dist/components/content/avatar/avatar.styles.js.map +1 -1
- package/dist/components/content/icon/icon-aliases.d.ts.map +1 -1
- package/dist/components/content/icon/icon-aliases.js +78 -6
- package/dist/components/content/icon/icon-aliases.js.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.d.ts.map +1 -1
- package/dist/components/content/icon/icon-gallery-status.js +55 -94
- package/dist/components/content/icon/icon-gallery-status.js.map +1 -1
- package/dist/components/content/icon/icon-registry.d.ts.map +1 -1
- package/dist/components/content/icon/icon-registry.js +34 -4
- package/dist/components/content/icon/icon-registry.js.map +1 -1
- package/dist/components/content/icon/icon.d.ts +8 -2
- package/dist/components/content/icon/icon.d.ts.map +1 -1
- package/dist/components/content/icon/icon.js +17 -2
- package/dist/components/content/icon/icon.js.map +1 -1
- package/dist/components/content/icon/icon.styles.d.ts.map +1 -1
- package/dist/components/content/icon/icon.styles.js +8 -0
- package/dist/components/content/icon/icon.styles.js.map +1 -1
- package/dist/components/content/text/text.d.ts +50 -0
- package/dist/components/content/text/text.d.ts.map +1 -0
- package/dist/components/content/text/text.js +81 -0
- package/dist/components/content/text/text.js.map +1 -0
- package/dist/components/content/text/text.styles.d.ts +2 -0
- package/dist/components/content/text/text.styles.d.ts.map +1 -0
- package/dist/components/content/text/text.styles.js +116 -0
- package/dist/components/content/text/text.styles.js.map +1 -0
- package/dist/components/content/text/text.template.d.ts +3 -0
- package/dist/components/content/text/text.template.d.ts.map +1 -0
- package/dist/components/content/text/text.template.js +7 -0
- package/dist/components/content/text/text.template.js.map +1 -0
- package/dist/components/content/title/title.styles.d.ts.map +1 -1
- package/dist/components/content/title/title.styles.js +9 -13
- package/dist/components/content/title/title.styles.js.map +1 -1
- package/dist/components/{icon-CIpJq_cf.js → icon-C1Kikpol.js} +100 -10
- package/dist/components/{icon-button-BAkUJTn6.js → icon-button-BYy6hnAY.js} +2 -2
- package/dist/components/index.d.ts +2 -1
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +2 -1
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.d.ts +2 -0
- package/dist/components/inputs/combo-box/combo-box.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.js +22 -0
- package/dist/components/inputs/combo-box/combo-box.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.styles.js +5 -0
- package/dist/components/inputs/combo-box/combo-box.styles.js.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.d.ts.map +1 -1
- package/dist/components/inputs/combo-box/combo-box.template.js +23 -20
- package/dist/components/inputs/combo-box/combo-box.template.js.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.d.ts.map +1 -1
- package/dist/components/inputs/date-field/date-field.template.js +7 -1
- package/dist/components/inputs/date-field/date-field.template.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts +8 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js +8 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.js.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.d.ts.map +1 -1
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js +2 -0
- package/dist/components/inputs/multi-line-text-field/multi-line-text-field.template.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.d.ts +21 -0
- package/dist/components/inputs/text-field/text-field.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.js +48 -0
- package/dist/components/inputs/text-field/text-field.js.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.d.ts.map +1 -1
- package/dist/components/inputs/text-field/text-field.template.js +2 -0
- package/dist/components/inputs/text-field/text-field.template.js.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.d.ts.map +1 -1
- package/dist/components/inputs/time-field/time-field.template.js +7 -1
- package/dist/components/inputs/time-field/time-field.template.js.map +1 -1
- package/dist/components/layout/box/box.d.ts +3 -3
- package/dist/components/layout/box/box.d.ts.map +1 -1
- package/dist/components/layout/box/box.js +3 -3
- package/dist/components/layout/box/box.js.map +1 -1
- package/dist/components/layout/box/box.styles.d.ts.map +1 -1
- package/dist/components/layout/box/box.styles.js +3 -6
- package/dist/components/layout/box/box.styles.js.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.d.ts.map +1 -1
- package/dist/components/layout/sheet/sheet.styles.js +10 -3
- package/dist/components/layout/sheet/sheet.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list/list.d.ts +60 -45
- package/dist/components/lists-and-tables/list/list.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list/list.js +94 -80
- package/dist/components/lists-and-tables/list/list.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.d.ts +94 -21
- package/dist/components/lists-and-tables/list-item/list-item.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.js +275 -48
- package/dist/components/lists-and-tables/list-item/list-item.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.styles.js +116 -34
- package/dist/components/lists-and-tables/list-item/list-item.styles.js.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.d.ts.map +1 -1
- package/dist/components/lists-and-tables/list-item/list-item.template.js +5 -2
- package/dist/components/lists-and-tables/list-item/list-item.template.js.map +1 -1
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts +116 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.d.ts.map +1 -0
- package/dist/components/lists-and-tables/{list-item-action/list-item-action.js → list-item-segment/list-item-segment.js} +77 -52
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts +2 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.d.ts.map +1 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js +179 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.styles.js.map +1 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts +3 -0
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.d.ts.map +1 -0
- package/dist/components/lists-and-tables/{list-item-action/list-item-action.template.js → list-item-segment/list-item-segment.template.js} +5 -4
- package/dist/components/lists-and-tables/list-item-segment/list-item-segment.template.js.map +1 -0
- package/dist/components/status-and-feedback/badge/badge.d.ts +8 -2
- package/dist/components/status-and-feedback/badge/badge.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.js +17 -1
- package/dist/components/status-and-feedback/badge/badge.js.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/badge/badge.styles.js +35 -6
- package/dist/components/status-and-feedback/badge/badge.styles.js.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.d.ts.map +1 -1
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js +7 -0
- package/dist/components/status-and-feedback/modal-dialog/modal-dialog.styles.js.map +1 -1
- package/dist/css/variables.css +25 -1
- package/dist/nldd.min.js +1002 -593
- package/dist/types/vue.d.ts +93 -47
- package/dist/utilities/scroll-mode-controller.d.ts +9 -1
- package/dist/utilities/scroll-mode-controller.d.ts.map +1 -1
- package/dist/utilities/scroll-mode-controller.js +10 -2
- package/dist/utilities/scroll-mode-controller.js.map +1 -1
- package/package.json +8 -4
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts +0 -108
- package/dist/components/lists-and-tables/list-item-action/list-item-action.d.ts.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.js.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts +0 -2
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.d.ts.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js +0 -145
- package/dist/components/lists-and-tables/list-item-action/list-item-action.styles.js.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts +0 -3
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.d.ts.map +0 -1
- package/dist/components/lists-and-tables/list-item-action/list-item-action.template.js.map +0 -1
|
@@ -17,6 +17,8 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
17
17
|
* @attr {boolean} valid - Marks the field as valid
|
|
18
18
|
* @attr {boolean} disabled - Disabled state
|
|
19
19
|
* @attr {string} type - Input type: 'text' | 'email' | 'tel' | 'url'
|
|
20
|
+
* @attr {string} keyboard - Which virtual keyboard a phone or tablet raises, forwarded as `inputmode`: 'none' | 'text' | 'decimal' | 'numeric' | 'tel' | 'search' | 'email' | 'url'. It changes nothing about what the field accepts, and nothing at all on a desktop. Reach for it where the value is digits but not a quantity you would step (a house number, a postcode, a rack unit): 'numeric'. The keyboard for 'tel', 'email' and 'url' already follows from `type`.
|
|
21
|
+
* @attr {string} enter-key - What the Enter key of the virtual keyboard says, forwarded as `enterkeyhint`: 'enter' | 'done' | 'go' | 'next' | 'previous' | 'search' | 'send'. It only labels the key; what Enter does is still up to the form, and on a desktop it changes nothing.
|
|
20
22
|
* @attr {string} name - Input name for form submission
|
|
21
23
|
* @attr {boolean} readonly - Readonly state
|
|
22
24
|
* @attr {boolean} required - Required state
|
|
@@ -36,6 +38,18 @@ import { submitOnEnter } from '../../../utilities/implicit-submission.js';
|
|
|
36
38
|
import { reflectNonDefault } from '../../../utilities/reflect-non-default.js';
|
|
37
39
|
import { textFieldStyles } from './text-field.styles.js';
|
|
38
40
|
import { textFieldTemplate } from './text-field.template.js';
|
|
41
|
+
/** The tokens `inputmode` and `enterkeyhint` accept. Arrays, so one list types
|
|
42
|
+
* the property and answers at runtime: a value outside it is dropped by the
|
|
43
|
+
* browser without a word, which is a typo you only find on a phone. */
|
|
44
|
+
export const KEYBOARDS = ['none', 'text', 'decimal', 'numeric', 'tel', 'search', 'email', 'url'];
|
|
45
|
+
export const ENTER_KEYS = ['enter', 'done', 'go', 'next', 'previous', 'search', 'send'];
|
|
46
|
+
/** The keyboard each `type` already asks for. Setting `keyboard` to something
|
|
47
|
+
* else contradicts the type, which is worth saying out loud in dev. */
|
|
48
|
+
const KEYBOARD_IMPLIED_BY_TYPE = {
|
|
49
|
+
email: 'email',
|
|
50
|
+
tel: 'tel',
|
|
51
|
+
url: 'url',
|
|
52
|
+
};
|
|
39
53
|
let NLDDTextField = class NLDDTextField extends FormAssociated(LitElement) {
|
|
40
54
|
constructor() {
|
|
41
55
|
super(...arguments);
|
|
@@ -58,11 +72,18 @@ let NLDDTextField = class NLDDTextField extends FormAssociated(LitElement) {
|
|
|
58
72
|
this.noSpellcheck = false;
|
|
59
73
|
/** Optional fixed width (any CSS length). When unset, the field stretches to fill its container. */
|
|
60
74
|
this.width = '';
|
|
75
|
+
this._warnedKeyboard = false;
|
|
61
76
|
}
|
|
62
77
|
firstUpdated() {
|
|
63
78
|
this._initialValue = this.value;
|
|
64
79
|
}
|
|
65
80
|
updated(changed) {
|
|
81
|
+
if (changed.has('keyboard') || changed.has('type'))
|
|
82
|
+
this._warnKeyboardVsType();
|
|
83
|
+
if (changed.has('keyboard'))
|
|
84
|
+
this._warnUnknownToken('keyboard', this.keyboard, KEYBOARDS);
|
|
85
|
+
if (changed.has('enterKey'))
|
|
86
|
+
this._warnUnknownToken('enter-key', this.enterKey, ENTER_KEYS);
|
|
66
87
|
if (changed.has('width')) {
|
|
67
88
|
const w = this.width;
|
|
68
89
|
if (w && w !== 'full' && CSS.supports('width', w)) {
|
|
@@ -73,6 +94,27 @@ let NLDDTextField = class NLDDTextField extends FormAssociated(LitElement) {
|
|
|
73
94
|
}
|
|
74
95
|
}
|
|
75
96
|
}
|
|
97
|
+
/** A token the browser does not know is dropped silently, and the field falls
|
|
98
|
+
* back to the default keyboard. */
|
|
99
|
+
_warnUnknownToken(attribute, value, allowed) {
|
|
100
|
+
if (!import.meta.env?.DEV || !value || allowed.includes(value))
|
|
101
|
+
return;
|
|
102
|
+
console.warn(`<nldd-text-field>: ${attribute}="${value}" is not a value the browser knows. Use one of: ${allowed.join(', ')}.`);
|
|
103
|
+
}
|
|
104
|
+
/** A `type` other than text already asks for its own keyboard. Overriding it
|
|
105
|
+
* with a different one gives a field that says "email" and shows digits,
|
|
106
|
+
* which is never what was meant. */
|
|
107
|
+
_warnKeyboardVsType() {
|
|
108
|
+
const implied = KEYBOARD_IMPLIED_BY_TYPE[this.type];
|
|
109
|
+
const contradicts = !!this.keyboard && !!implied && this.keyboard !== implied;
|
|
110
|
+
if (import.meta.env?.DEV && contradicts && !this._warnedKeyboard) {
|
|
111
|
+
this._warnedKeyboard = true;
|
|
112
|
+
console.warn(`<nldd-text-field>: keyboard="${this.keyboard}" contradicts type="${this.type}", which already raises the ${implied} keyboard. Drop one of the two.`);
|
|
113
|
+
}
|
|
114
|
+
else if (!contradicts) {
|
|
115
|
+
this._warnedKeyboard = false;
|
|
116
|
+
}
|
|
117
|
+
}
|
|
76
118
|
formValue() {
|
|
77
119
|
return this.value;
|
|
78
120
|
}
|
|
@@ -159,6 +201,12 @@ __decorate([
|
|
|
159
201
|
__decorate([
|
|
160
202
|
property({ type: String })
|
|
161
203
|
], NLDDTextField.prototype, "type", void 0);
|
|
204
|
+
__decorate([
|
|
205
|
+
property({ type: String, reflect: true })
|
|
206
|
+
], NLDDTextField.prototype, "keyboard", void 0);
|
|
207
|
+
__decorate([
|
|
208
|
+
property({ type: String, reflect: true, attribute: 'enter-key' })
|
|
209
|
+
], NLDDTextField.prototype, "enterKey", void 0);
|
|
162
210
|
__decorate([
|
|
163
211
|
property({ type: String, reflect: true })
|
|
164
212
|
], NLDDTextField.prototype, "name", void 0);
|
|
@@ -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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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,
|
|
1
|
+
{"version":3,"file":"text-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,8BAA8B,CAAC;AA0BtC,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CA2B1E"}
|
|
@@ -29,6 +29,8 @@ export function textFieldTemplate(component) {
|
|
|
29
29
|
<input class="text-field__input"
|
|
30
30
|
id=${component.inputId || nothing}
|
|
31
31
|
type=${component.type}
|
|
32
|
+
inputmode=${component.keyboard || nothing}
|
|
33
|
+
enterkeyhint=${component.enterKey || nothing}
|
|
32
34
|
.value=${component.value}
|
|
33
35
|
placeholder=${component.placeholder || nothing}
|
|
34
36
|
?disabled=${component.disabled}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAwB;IACrD,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,iBAAiB,CAAC,SAAwB;IACzD,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;
|
|
1
|
+
{"version":3,"file":"text-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/text-field/text-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,8BAA8B,CAAC;AAEtC,SAAS,oBAAoB,CAAC,SAAwB;IACrD,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,iBAAiB,CAAC,SAAwB;IACzD,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;WAC1B,SAAS,CAAC,IAAI;gBACT,SAAS,CAAC,QAAQ,IAAI,OAAO;mBAC1B,SAAS,CAAC,QAAQ,IAAI,OAAO;aACnC,SAAS,CAAC,KAAK;kBACV,SAAS,CAAC,WAAW,IAAI,OAAO;gBAClC,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;gBAClB,SAAS,CAAC,QAAQ;WACvB,SAAS,CAAC,IAAI,IAAI,OAAO;mBACjB,SAAS,CAAC,YAAY,IAAI,OAAO;iBACnC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;iBACzC,SAAS,CAAC,eAAe,IAAI,OAAO;uBAC9B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;eACxC,SAAS,CAAC,cAAc;aAC1B,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;;KAGhC,oBAAoB,CAAC,SAAS,CAAC;;EAElC,CAAC;AACH,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iCAAiC,CAAC;AAOzC;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,kHAAkH,CAAC;
|
|
1
|
+
{"version":3,"file":"time-field.template.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,cAAc,EAAE,MAAM,KAAK,CAAC;AACpD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iCAAiC,CAAC;AAOzC;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,kHAAkH,CAAC;AAqFpJ,wBAAgB,iBAAiB,CAAC,SAAS,EAAE,aAAa,GAAG,cAAc,CAyB1E"}
|
|
@@ -43,6 +43,12 @@ function renderValidationIcon(component) {
|
|
|
43
43
|
function renderPicker(component) {
|
|
44
44
|
if (component.noPicker)
|
|
45
45
|
return nothing;
|
|
46
|
+
// Read-only takes the picker away rather than dimming it: a button that can
|
|
47
|
+
// never do anything is a promise the field cannot keep, and the value beside
|
|
48
|
+
// it already says what kind of field this is. Disabled keeps its button,
|
|
49
|
+
// because that one comes back.
|
|
50
|
+
if (component.readonly)
|
|
51
|
+
return nothing;
|
|
46
52
|
const buttonSize = component.size === 'sm' ? 'xs' : 'sm';
|
|
47
53
|
return html `
|
|
48
54
|
<div class="time-field__picker-button">
|
|
@@ -52,7 +58,7 @@ function renderPicker(component) {
|
|
|
52
58
|
icon="clock"
|
|
53
59
|
text=${component._t('components.time-field.to-pick-time-action')}
|
|
54
60
|
tooltip-timing="never"
|
|
55
|
-
?disabled=${component.disabled
|
|
61
|
+
?disabled=${component.disabled}
|
|
56
62
|
@click=${component._handlePickerClick}
|
|
57
63
|
></nldd-icon-button>
|
|
58
64
|
<nldd-popover
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"time-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iCAAiC,CAAC;AAEzC;;;gEAGgE;AAEhE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,+GAA+G,CAAC;AAEpJ,uFAAuF;AACvF,SAAS,oBAAoB,CAAC,SAAwB;IACrD,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9E,IAAI,CAAC,IAAI;QAAE,OAAO,OAAO,CAAC;IAC1B,OAAO,IAAI,CAAA;;;;YAIA,IAAI;;;;;EAKd,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,YAAY,CAAC,SAAwB;IAC7C,IAAI,SAAS,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IACvC,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,OAAO,IAAI,CAAA;;;;WAID,UAAU;;WAEV,SAAS,CAAC,EAAE,CAAC,2CAA2C,CAAC;;gBAEpD,SAAS,CAAC,QAAQ
|
|
1
|
+
{"version":3,"file":"time-field.template.js","sourceRoot":"","sources":["../../../../src/components/inputs/time-field/time-field.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAkB,MAAM,KAAK,CAAC;AAEpD,OAAO,4CAA4C,CAAC;AACpD,OAAO,8BAA8B,CAAC;AACtC,OAAO,mCAAmC,CAAC;AAC3C,OAAO,uCAAuC,CAAC;AAC/C,OAAO,iCAAiC,CAAC;AACzC,OAAO,kCAAkC,CAAC;AAC1C,OAAO,mDAAmD,CAAC;AAC3D,OAAO,iCAAiC,CAAC;AAEzC;;;gEAGgE;AAEhE;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG,+GAA+G,CAAC;AAEpJ,uFAAuF;AACvF,SAAS,oBAAoB,CAAC,SAAwB;IACrD,MAAM,IAAI,GAAG,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;IAC9E,IAAI,CAAC,IAAI;QAAE,OAAO,OAAO,CAAC;IAC1B,OAAO,IAAI,CAAA;;;;YAIA,IAAI;;;;;EAKd,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,YAAY,CAAC,SAAwB;IAC7C,IAAI,SAAS,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IACvC,4EAA4E;IAC5E,6EAA6E;IAC7E,yEAAyE;IACzE,+BAA+B;IAC/B,IAAI,SAAS,CAAC,QAAQ;QAAE,OAAO,OAAO,CAAC;IACvC,MAAM,UAAU,GAAG,SAAS,CAAC,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IACzD,OAAO,IAAI,CAAA;;;;WAID,UAAU;;WAEV,SAAS,CAAC,EAAE,CAAC,2CAA2C,CAAC;;gBAEpD,SAAS,CAAC,QAAQ;aACrB,SAAS,CAAC,kBAAkB;;;uBAGlB,SAAS,CAAC,YAAY;;YAEjC,oBAAoB;cAClB,SAAS,CAAC,oBAAoB;;;YAGhC,SAAS,CAAC,YAAY;oBACd,SAAS,CAAC,EAAE,CAAC,qCAAqC,CAAC;gBACvD,SAAS,CAAC,oBAAoB;;;gBAG9B,SAAS,CAAC,oBAAoB;cAChC,SAAS,CAAC,kBAAkB;eAC3B,SAAS,CAAC,mBAAmB;;;oBAGxB,SAAS,CAAC,uBAAuB;;OAE9C,SAAS,CAAC,iBAAiB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAA;;;;eAIpC,SAAS,CAAC,YAAY,IAAI,OAAO;aACnC,SAAS,CAAC,GAAG,IAAI,OAAO;aACxB,SAAS,CAAC,GAAG,IAAI,OAAO;cACvB,SAAS,CAAC,IAAI;;MAEtB;;;;aAIO,SAAS,CAAC,iBAAiB;;aAE3B,SAAS,CAAC,EAAE,CAAC,sCAAsC,CAAC;eAClD,SAAS,CAAC,oBAAoB;;;;;EAK3C,CAAC;AACH,CAAC;AAED,MAAM,UAAU,iBAAiB,CAAC,SAAwB;IACzD,OAAO,IAAI,CAAA;;;SAGH,SAAS,CAAC,OAAO,IAAI,OAAO;;;aAGxB,SAAS,CAAC,aAAa;kBAClB,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,WAAW,IAAI,OAAO;uBAC1B,SAAS,CAAC,eAAe,IAAI,OAAO;mBACxC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;eACxC,SAAS,CAAC,mBAAmB;aAC/B,SAAS,CAAC,YAAY;cACrB,SAAS,CAAC,aAAa;;;KAGhC,oBAAoB,CAAC,SAAS,CAAC;KAC/B,YAAY,CAAC,SAAS,CAAC;;EAE1B,CAAC;AACH,CAAC"}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
* helping users understand their relationship at a glance.
|
|
7
7
|
*
|
|
8
8
|
* @element nldd-box
|
|
9
|
-
* @attr {'tinted'|'base'|'critical'}
|
|
9
|
+
* @attr {'tinted'|'base'|'critical'} background - Which surface this box draws, named as it is on nldd-app-view, nldd-page, nldd-split-view-pane and nldd-card. It starts tinted where a card starts base: a box is there to stand out from the page, a card to sit on it.
|
|
10
10
|
* - `tinted` (default): a box on a plain page background.
|
|
11
11
|
* - `base`: a box on an already-tinted parent (the border ring gets +2
|
|
12
12
|
* palette steps so it still reads against a card-on-card).
|
|
@@ -23,10 +23,10 @@
|
|
|
23
23
|
* that carries the padding
|
|
24
24
|
*/
|
|
25
25
|
import { LitElement } from 'lit';
|
|
26
|
-
export type
|
|
26
|
+
export type BoxBackground = 'tinted' | 'base' | 'critical';
|
|
27
27
|
export declare class NLDDBox extends LitElement {
|
|
28
28
|
static styles: import("lit").CSSResult;
|
|
29
|
-
|
|
29
|
+
background: BoxBackground;
|
|
30
30
|
render(): import("lit-html").TemplateResult;
|
|
31
31
|
}
|
|
32
32
|
declare global {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"box.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAMjC,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,MAAM,GAAG,UAAU,CAAC;AAE3D,qBACa,OAAQ,SAAQ,UAAU;IACtC,OAAgB,MAAM,0BAAa;IAGnC,UAAU,EAAE,aAAa,CAAY;IAE5B,MAAM;CAGf;AAED,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,qBAAqB;QAC9B,UAAU,EAAE,OAAO,CAAC;KACpB;CACD"}
|
|
@@ -12,7 +12,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
12
12
|
* helping users understand their relationship at a glance.
|
|
13
13
|
*
|
|
14
14
|
* @element nldd-box
|
|
15
|
-
* @attr {'tinted'|'base'|'critical'}
|
|
15
|
+
* @attr {'tinted'|'base'|'critical'} background - Which surface this box draws, named as it is on nldd-app-view, nldd-page, nldd-split-view-pane and nldd-card. It starts tinted where a card starts base: a box is there to stand out from the page, a card to sit on it.
|
|
16
16
|
* - `tinted` (default): a box on a plain page background.
|
|
17
17
|
* - `base`: a box on an already-tinted parent (the border ring gets +2
|
|
18
18
|
* palette steps so it still reads against a card-on-card).
|
|
@@ -36,7 +36,7 @@ import { boxTemplate } from './box.template.js';
|
|
|
36
36
|
let NLDDBox = class NLDDBox extends LitElement {
|
|
37
37
|
constructor() {
|
|
38
38
|
super(...arguments);
|
|
39
|
-
this.
|
|
39
|
+
this.background = 'tinted';
|
|
40
40
|
}
|
|
41
41
|
render() {
|
|
42
42
|
return boxTemplate(this);
|
|
@@ -45,7 +45,7 @@ let NLDDBox = class NLDDBox extends LitElement {
|
|
|
45
45
|
NLDDBox.styles = boxStyles;
|
|
46
46
|
__decorate([
|
|
47
47
|
property({ reflect: true, converter: reflectNonDefault('tinted') })
|
|
48
|
-
], NLDDBox.prototype, "
|
|
48
|
+
], NLDDBox.prototype, "background", void 0);
|
|
49
49
|
NLDDBox = __decorate([
|
|
50
50
|
customElement('nldd-box')
|
|
51
51
|
], NLDDBox);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKzC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAIN,
|
|
1
|
+
{"version":3,"file":"box.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.ts"],"names":[],"mappings":";;;;;;AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAKzC,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAIN,eAAU,GAAkB,QAAQ,CAAC;IAKtC,CAAC;IAHS,MAAM;QACd,OAAO,WAAW,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;;AAPe,cAAM,GAAG,SAAS,AAAZ,CAAa;AAGnC;IADC,QAAQ,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,iBAAiB,CAAgB,QAAQ,CAAC,EAAE,CAAC;2CAC9C;AAJzB,OAAO;IADnB,aAAa,CAAC,UAAU,CAAC;GACb,OAAO,CASnB"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,
|
|
1
|
+
{"version":3,"file":"box.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,SAAS,yBAqDrB,CAAC"}
|
|
@@ -22,17 +22,14 @@ export const boxStyles = css `
|
|
|
22
22
|
}
|
|
23
23
|
|
|
24
24
|
|
|
25
|
-
/* ##
|
|
25
|
+
/* ## Backgrounds */
|
|
26
26
|
|
|
27
|
-
:host([
|
|
27
|
+
:host([background="base"]) {
|
|
28
28
|
--_background-color: var(--components-box-base-background-color);
|
|
29
29
|
--_border-color: var(--components-box-base-border-color);
|
|
30
30
|
}
|
|
31
31
|
|
|
32
|
-
|
|
33
|
-
/* ## Variants */
|
|
34
|
-
|
|
35
|
-
:host([variant="critical"]) {
|
|
32
|
+
:host([background="critical"]) {
|
|
36
33
|
--_background-color: var(--components-box-critical-background-color);
|
|
37
34
|
--_border-color: var(--components-box-critical-border-color);
|
|
38
35
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"box.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/box/box.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,SAAS,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqD3B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,
|
|
1
|
+
{"version":3,"file":"sheet.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,WAAW,yBA2MvB,CAAC"}
|
|
@@ -60,6 +60,14 @@ export const sheetStyles = css `
|
|
|
60
60
|
/* # Block */
|
|
61
61
|
|
|
62
62
|
.sheet {
|
|
63
|
+
/* Where the app's layout context ends. The sheet scrolls itself and starts
|
|
64
|
+
at its own top edge, so a page inside it keeps its own scroller and its
|
|
65
|
+
sticky header sticks to that edge instead of to a bar that stands
|
|
66
|
+
outside. See findScrollModeProvider for the other half. */
|
|
67
|
+
--context-scroll-mode: nested;
|
|
68
|
+
--context-layer-top: 0px;
|
|
69
|
+
--context-layer-bottom: 0px;
|
|
70
|
+
|
|
63
71
|
display: flex;
|
|
64
72
|
position: fixed;
|
|
65
73
|
margin: 0;
|
|
@@ -189,9 +197,8 @@ export const sheetStyles = css `
|
|
|
189
197
|
flex-grow: 1;
|
|
190
198
|
}
|
|
191
199
|
|
|
192
|
-
/*
|
|
193
|
-
|
|
194
|
-
intrinsic height instead of being stretched. */
|
|
200
|
+
/* Scoped to these two so other direct children keep their intrinsic height
|
|
201
|
+
instead of being stretched. */
|
|
195
202
|
::slotted(nldd-page),
|
|
196
203
|
::slotted(nldd-container) {
|
|
197
204
|
min-height: 0;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA
|
|
1
|
+
{"version":3,"file":"sheet.styles.js","sourceRoot":"","sources":["../../../../src/components/layout/sheet/sheet.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AACrC,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAC3C,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBA4EP,KAAK;;;;;;;;;;;;;;;;;uBAiBL,KAAK;;;;;;;;;;;;;;;uBAeL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;uBAwBL,KAAK;;;;;;;;;;;;;;;uBAeL,KAAK;;;;;;uBAML,KAAK;;;;;;;;;;;;;;;;;;uBAkBL,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC3B,CAAC"}
|
|
@@ -34,6 +34,28 @@ export interface NLDDReorderEventDetail {
|
|
|
34
34
|
*
|
|
35
35
|
* Selection state is consumer-managed: the list never mutates `selected` itself.
|
|
36
36
|
*
|
|
37
|
+
* ### Keyboard
|
|
38
|
+
*
|
|
39
|
+
* Every list answers to the arrow keys, and there is no attribute to switch that
|
|
40
|
+
* on. Whether the keys do something is not a property of one list: it is what a
|
|
41
|
+
* reader may assume about all of them, and a per-list setting made that
|
|
42
|
+
* unknowable from the outside.
|
|
43
|
+
*
|
|
44
|
+
* - ArrowUp / ArrowDown — move focus between the rows there is something to do
|
|
45
|
+
* with. A row of nothing but text is skipped, because focus that leads nowhere
|
|
46
|
+
* is a dead end.
|
|
47
|
+
* - Home / End — the first / last of those rows.
|
|
48
|
+
* - Tab — the list is ONE tab stop, so Tab moves past it rather than through it.
|
|
49
|
+
* Within the current row Tab walks that row's own controls: a chevron beside a
|
|
50
|
+
* checkbox, a menu button at the end. The same controls in the other rows are
|
|
51
|
+
* held out of the tab order (`tabindex="-1"`, or `no-tab` on a design-system
|
|
52
|
+
* control that keeps its tab stop in its own shadow root).
|
|
53
|
+
*
|
|
54
|
+
* Arrows move focus only; selection stays consumer-managed. Two types answer
|
|
55
|
+
* differently, and both say so on screen before you touch a key: a listbox runs
|
|
56
|
+
* its keyboard from its search field, and a reorderable list moves rows with the
|
|
57
|
+
* arrows.
|
|
58
|
+
*
|
|
37
59
|
* ### Listbox
|
|
38
60
|
*
|
|
39
61
|
* In `type="listbox"` the list owns a native `<input role="combobox">` (mirroring
|
|
@@ -52,24 +74,23 @@ export interface NLDDReorderEventDetail {
|
|
|
52
74
|
* on the item, a highlight) is distinct from `selected`. Filtering is the
|
|
53
75
|
* consumer's job: listen to `input` (`{ detail: { value } }`) and toggle `[hidden]`
|
|
54
76
|
* on items; after the visible set changes the list resets the active option to the
|
|
55
|
-
* first visible one. `reorderable` and
|
|
56
|
-
* mode (listbox has its own keyboard).
|
|
77
|
+
* first visible one. `reorderable` and the roving arrow keys are ignored in
|
|
78
|
+
* listbox mode (listbox has its own keyboard).
|
|
57
79
|
*
|
|
58
80
|
* ### Tree
|
|
59
81
|
*
|
|
60
|
-
* A tree
|
|
61
|
-
*
|
|
62
|
-
* - ArrowDown / ArrowUp — move between the rows in the order they appear on
|
|
63
|
-
* screen, the rows of an open branch included.
|
|
64
|
-
* - Home / End — first / last row.
|
|
82
|
+
* A tree adds to that keyboard, and counts the rows of an open branch as part of
|
|
83
|
+
* the order the arrows walk:
|
|
65
84
|
* - ArrowRight — opens a closed branch; on an open one it steps to its first child.
|
|
66
85
|
* - ArrowLeft — closes an open branch; on a leaf it steps out to the parent row.
|
|
67
|
-
* - Enter
|
|
86
|
+
* - Enter — follows the row: its own link or button, or on a segmented branch the
|
|
87
|
+
* first action that is not the chevron. A branch with only a chevron folds instead.
|
|
88
|
+
* - Space — open and close, the same as Right and Left. Only while focus
|
|
68
89
|
* sits on the row itself: a row that is its own control, and a segmented
|
|
69
90
|
* action you tabbed into, handle both keys themselves.
|
|
70
91
|
*
|
|
71
92
|
* Opening and closing runs through the row's own disclosure control — the
|
|
72
|
-
*
|
|
93
|
+
* segment marked `disclosure`, or the row itself when it is a button.
|
|
73
94
|
* The list activates that control rather than writing `expanded`, so the state
|
|
74
95
|
* keeps being set in one place: the consumer's handler. A row that is a link is
|
|
75
96
|
* never activated this way, since that would navigate away.
|
|
@@ -100,9 +121,8 @@ export interface NLDDReorderEventDetail {
|
|
|
100
121
|
*
|
|
101
122
|
* @attr {'simple'|'box-tinted'|'box-base'} variant - Visual style (default 'simple'): `simple` is a plain vertical strip with no chrome, the two `box` values a framed card with rounded corners, fill and inset border ring. `box-tinted` for a list on a plain page, `box-base` for one on an already-tinted parent (the border ring gets +2 palette steps so it still reads against a card-on-card)
|
|
102
123
|
* @attr {'list'|'navigation'|'listbox'|'tree'} type - A11y role and behavior (default 'list'). See the docblock above.
|
|
103
|
-
* @attr {boolean} reorderable - Enables drag-to-reorder and pushes `reorderable` onto the items. Only valid with `type="list"`;
|
|
124
|
+
* @attr {boolean} reorderable - Enables drag-to-reorder and pushes `reorderable` onto the items. Only valid with `type="list"`; there the arrow keys move rows instead of focus.
|
|
104
125
|
* @attr {'always'|'on-touch'|'never'} dividers - When to draw the lines between the items (default 'always'). `on-touch` draws them only where the primary input is touch, under `(pointer: coarse)`: a pointer has the hover highlight to tell one row from the next and a finger has nothing, so the line earns its place in the one case and is clutter in the other. `never` hides them everywhere
|
|
105
|
-
* @attr {boolean} arrow-navigation - Roving-tabindex arrow-key navigation: ArrowUp/ArrowDown move focus between the rows, Home/End jump to first/last, and the list becomes a single tab stop. Implied by `type="tree"` (which adds ArrowLeft/ArrowRight, see above). Ignored when `reorderable` is active on a `type="list"`, and in listbox mode.
|
|
106
126
|
* @attr {string} height - Listbox only: caps the options' scroll region at this CSS length (e.g. '320px'). Unset means no cap.
|
|
107
127
|
* @attr {string} empty-text - Text for the default empty-state dialog (falls back to the Dutch i18n default). Ignored when `[slot=empty]` is filled.
|
|
108
128
|
* @attr {string} empty-supporting-text - Supporting text for the default empty-state dialog. Ignored when `[slot=empty]` is filled.
|
|
@@ -131,27 +151,6 @@ export declare class NLDDList extends LitElement {
|
|
|
131
151
|
* primary input is touch: a pointer has the hover highlight to tell one row
|
|
132
152
|
* from the next, and a finger has nothing. */
|
|
133
153
|
dividers: ListDividers;
|
|
134
|
-
/**
|
|
135
|
-
* Roving-tabindex arrow-key navigation. When set, ArrowUp/ArrowDown move focus
|
|
136
|
-
* between the (interactive) items, Home/End jump to the first/last, and the
|
|
137
|
-
* whole list becomes a single tab stop — so Tab moves past the rest instead of
|
|
138
|
-
* stepping through every item. Arrows move focus only; selection stays
|
|
139
|
-
* consumer-managed.
|
|
140
|
-
*
|
|
141
|
-
* Pragmatic by design: the `list`/`navigation` role is kept (no widget role).
|
|
142
|
-
* Use it only on **simple** lists where each item has a single action and no
|
|
143
|
-
* extra controls (a control in a `start`/`end` slot would not be reachable as
|
|
144
|
-
* its own tab stop). Mutually exclusive with `reorderable` (both use the arrow
|
|
145
|
-
* keys); when both are set, `reorderable` wins and this is ignored.
|
|
146
|
-
*
|
|
147
|
-
* Known a11y limitation: because the role stays `list`/`navigation` (not
|
|
148
|
-
* `listbox`/`menu`), screen readers do not auto-announce that the arrow keys
|
|
149
|
-
* navigate. As a best-effort signal the host carries
|
|
150
|
-
* `aria-keyshortcuts="ArrowUp ArrowDown Home End"` while active, but blind users
|
|
151
|
-
* may still not discover the feature — another reason to keep it to genuinely
|
|
152
|
-
* simple lists.
|
|
153
|
-
*/
|
|
154
|
-
arrowNavigation: boolean;
|
|
155
154
|
/**
|
|
156
155
|
* Only in `type="listbox"`: caps the options' scroll region at this CSS
|
|
157
156
|
* length (any value `CSS.supports('max-height', …)` accepts, e.g. "320px").
|
|
@@ -284,15 +283,21 @@ export declare class NLDDList extends LitElement {
|
|
|
284
283
|
* activates it by triggering its inner action; Escape clears the value.
|
|
285
284
|
*/
|
|
286
285
|
private _onSearchKeyDown;
|
|
287
|
-
/**
|
|
288
|
-
*
|
|
289
|
-
*
|
|
290
|
-
*
|
|
291
|
-
*
|
|
292
|
-
*
|
|
286
|
+
/**
|
|
287
|
+
* Every list answers to the arrow keys. There is no switch for it, on purpose:
|
|
288
|
+
* whether the keys do something is not a property of one list, it is what a
|
|
289
|
+
* reader may assume about all of them, and a per-list setting made that
|
|
290
|
+
* unknowable from the outside.
|
|
291
|
+
*
|
|
292
|
+
* Two lists answer differently, and you can see which before you touch a key:
|
|
293
|
+
* a listbox has a search field and runs its own keyboard from there, and a
|
|
294
|
+
* reorderable list uses the arrows to move rows. The guard checks
|
|
295
|
+
* `type === 'list'` because reorderable is inert without it, so there is no
|
|
296
|
+
* conflict to resolve.
|
|
297
|
+
*/
|
|
293
298
|
private get _arrowNavActive();
|
|
294
299
|
/** Interactive, painted rows — the roving stops, in the order they appear on
|
|
295
|
-
* screen.
|
|
300
|
+
* screen. Rows with nothing to operate and hidden ones are skipped.
|
|
296
301
|
* Painted, not top-level: in a tree the rows of an open branch sit between
|
|
297
302
|
* the branch and the next top-level row, and arrows have to walk them too. */
|
|
298
303
|
private _getInteractiveItems;
|
|
@@ -300,8 +305,11 @@ export declare class NLDDList extends LitElement {
|
|
|
300
305
|
/** Push roving state onto the items, deferred to a microtask: _updateItems can
|
|
301
306
|
* run inside the update lifecycle (firstUpdated/updated), and setting the
|
|
302
307
|
* items' reactive state there would trip Lit's change-in-update warning.
|
|
303
|
-
* Coalesced so repeated item updates schedule it only once.
|
|
304
|
-
|
|
308
|
+
* Coalesced so repeated item updates schedule it only once.
|
|
309
|
+
*
|
|
310
|
+
* @internal Also called by a row whose content changed after the stops were
|
|
311
|
+
* picked. */
|
|
312
|
+
_updateRoving(): void;
|
|
305
313
|
/** Sets the arrow-navigation flag on all items and a single roving entry point
|
|
306
314
|
* (keep the current one if still valid, else the selected item, else the first
|
|
307
315
|
* interactive item). */
|
|
@@ -314,10 +322,17 @@ export declare class NLDDList extends LitElement {
|
|
|
314
322
|
* through the row's own disclosure control, so `expanded` keeps being
|
|
315
323
|
* written in one place — the consumer's handler. */
|
|
316
324
|
private _onTreeHorizontal;
|
|
317
|
-
/**
|
|
318
|
-
*
|
|
319
|
-
*
|
|
320
|
-
*
|
|
325
|
+
/**
|
|
326
|
+
* Tree only, and only while focus sits on the row ITSELF: a row that is its
|
|
327
|
+
* own control, and a segment you tabbed into, handle both keys
|
|
328
|
+
* natively, and acting here as well would fire twice.
|
|
329
|
+
*
|
|
330
|
+
* Enter does what the row is for — it follows the row's own link or button,
|
|
331
|
+
* or on a branch cut into segments the first one that is not the chevron.
|
|
332
|
+
* Space folds, the same thing Right and Left do, because a chevron is a
|
|
333
|
+
* button and Space is what a button answers to. A branch with nothing but a
|
|
334
|
+
* chevron takes Enter for folding too, so the key is never dead.
|
|
335
|
+
*/
|
|
321
336
|
private _onTreeActivate;
|
|
322
337
|
private _moveRovingTo;
|
|
323
338
|
private _warnArrowNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAOjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAC;AAC3D,OAAO,0DAA0D,CAAC;AAClE,OAAO,4BAA4B,CAAC;AACpC,OAAO,0CAA0C,CAAC;AAElD,MAAM,MAAM,YAAY,GAAG,QAAQ,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3D,MAAM,MAAM,WAAW,GAAG,QAAQ,GAAG,YAAY,GAAG,UAAU,CAAC;AAC/D,MAAM,MAAM,QAAQ,GAAG,MAAM,GAAG,YAAY,GAAG,SAAS,GAAG,MAAM,CAAC;AAElE,MAAM,WAAW,sBAAsB;IACtC,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CAChB;AAED
|
|
1
|
+
{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../../src/components/lists-and-tables/list/list.ts"],"names":[],"mappings":"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"}
|