@tartaguti/ui-components 0.2.0 → 0.3.0
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/CHANGELOG.md +37 -0
- package/README.md +12 -0
- package/custom-elements.json +3160 -1264
- package/dist/accordion/tt-accordion-item.d.ts.map +1 -1
- package/dist/accordion/tt-accordion-item.js +5 -2
- package/dist/accordion/tt-accordion-item.js.map +1 -1
- package/dist/bento/tt-bento-item.d.ts.map +1 -1
- package/dist/bento/tt-bento-item.js +7 -13
- package/dist/bento/tt-bento-item.js.map +1 -1
- package/dist/docs.d.ts +7 -0
- package/dist/docs.d.ts.map +1 -0
- package/dist/docs.js +15 -0
- package/dist/docs.js.map +1 -0
- package/dist/index.d.ts +4 -6
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +8 -7
- package/dist/index.js.map +1 -1
- package/dist/sidebar/tt-menu-group.d.ts.map +1 -1
- package/dist/sidebar/tt-menu-group.js +16 -5
- package/dist/sidebar/tt-menu-group.js.map +1 -1
- package/dist/sidebar/tt-menu-item.d.ts.map +1 -1
- package/dist/sidebar/tt-menu-item.js +24 -11
- package/dist/sidebar/tt-menu-item.js.map +1 -1
- package/dist/sidebar/tt-sidebar-footer.d.ts.map +1 -1
- package/dist/sidebar/tt-sidebar-footer.js +7 -3
- package/dist/sidebar/tt-sidebar-footer.js.map +1 -1
- package/dist/sidebar/tt-sidebar.d.ts +8 -3
- package/dist/sidebar/tt-sidebar.d.ts.map +1 -1
- package/dist/sidebar/tt-sidebar.js +196 -44
- package/dist/sidebar/tt-sidebar.js.map +1 -1
- package/dist/strings.d.ts +64 -0
- package/dist/strings.d.ts.map +1 -0
- package/dist/strings.js +68 -0
- package/dist/strings.js.map +1 -0
- package/dist/tokens.css +30 -6
- package/dist/tt-alert.d.ts.map +1 -1
- package/dist/tt-alert.js +5 -2
- package/dist/tt-alert.js.map +1 -1
- package/dist/tt-auth.d.ts +5 -1
- package/dist/tt-auth.d.ts.map +1 -1
- package/dist/tt-auth.js +72 -10
- package/dist/tt-auth.js.map +1 -1
- package/dist/tt-breadcrumbs.d.ts.map +1 -1
- package/dist/tt-breadcrumbs.js +6 -3
- package/dist/tt-breadcrumbs.js.map +1 -1
- package/dist/tt-button-group.d.ts.map +1 -1
- package/dist/tt-button-group.js +7 -1
- package/dist/tt-button-group.js.map +1 -1
- package/dist/tt-button.d.ts.map +1 -1
- package/dist/tt-button.js +37 -28
- package/dist/tt-button.js.map +1 -1
- package/dist/tt-card.d.ts.map +1 -1
- package/dist/tt-card.js +9 -6
- package/dist/tt-card.js.map +1 -1
- package/dist/tt-chart.d.ts +10 -2
- package/dist/tt-chart.d.ts.map +1 -1
- package/dist/tt-chart.js +167 -29
- package/dist/tt-chart.js.map +1 -1
- package/dist/tt-checkbox.d.ts.map +1 -1
- package/dist/tt-checkbox.js +5 -2
- package/dist/tt-checkbox.js.map +1 -1
- package/dist/tt-code-block.d.ts +4 -5
- package/dist/tt-code-block.d.ts.map +1 -1
- package/dist/tt-code-block.js +53 -17
- package/dist/tt-code-block.js.map +1 -1
- package/dist/tt-combobox.d.ts +14 -0
- package/dist/tt-combobox.d.ts.map +1 -1
- package/dist/tt-combobox.js +234 -31
- package/dist/tt-combobox.js.map +1 -1
- package/dist/tt-company-card.d.ts +18 -0
- package/dist/tt-company-card.d.ts.map +1 -1
- package/dist/tt-company-card.js +73 -4
- package/dist/tt-company-card.js.map +1 -1
- package/dist/tt-comparison-table.d.ts.map +1 -1
- package/dist/tt-comparison-table.js +6 -3
- package/dist/tt-comparison-table.js.map +1 -1
- package/dist/tt-component-doc.d.ts.map +1 -1
- package/dist/tt-component-doc.js +6 -3
- package/dist/tt-component-doc.js.map +1 -1
- package/dist/tt-contact-list.d.ts +17 -2
- package/dist/tt-contact-list.d.ts.map +1 -1
- package/dist/tt-contact-list.js +68 -10
- package/dist/tt-contact-list.js.map +1 -1
- package/dist/tt-copy-button.d.ts.map +1 -1
- package/dist/tt-copy-button.js +6 -3
- package/dist/tt-copy-button.js.map +1 -1
- package/dist/tt-data-table.d.ts +4 -0
- package/dist/tt-data-table.d.ts.map +1 -1
- package/dist/tt-data-table.js +25 -9
- package/dist/tt-data-table.js.map +1 -1
- package/dist/tt-dock-item.d.ts +53 -0
- package/dist/tt-dock-item.d.ts.map +1 -0
- package/dist/tt-dock-item.js +270 -0
- package/dist/tt-dock-item.js.map +1 -0
- package/dist/tt-dock.d.ts +59 -0
- package/dist/tt-dock.d.ts.map +1 -0
- package/dist/tt-dock.js +337 -0
- package/dist/tt-dock.js.map +1 -0
- package/dist/tt-drawer.d.ts +4 -0
- package/dist/tt-drawer.d.ts.map +1 -1
- package/dist/tt-drawer.js +14 -4
- package/dist/tt-drawer.js.map +1 -1
- package/dist/tt-dropdown-menu.d.ts +5 -0
- package/dist/tt-dropdown-menu.d.ts.map +1 -1
- package/dist/tt-dropdown-menu.js +34 -8
- package/dist/tt-dropdown-menu.js.map +1 -1
- package/dist/tt-file-upload.d.ts +35 -0
- package/dist/tt-file-upload.d.ts.map +1 -1
- package/dist/tt-file-upload.js +210 -21
- package/dist/tt-file-upload.js.map +1 -1
- package/dist/tt-filter.d.ts.map +1 -1
- package/dist/tt-filter.js +10 -5
- package/dist/tt-filter.js.map +1 -1
- package/dist/tt-form.d.ts +25 -1
- package/dist/tt-form.d.ts.map +1 -1
- package/dist/tt-form.js +151 -12
- package/dist/tt-form.js.map +1 -1
- package/dist/tt-grid.d.ts +10 -1
- package/dist/tt-grid.d.ts.map +1 -1
- package/dist/tt-grid.js +38 -9
- package/dist/tt-grid.js.map +1 -1
- package/dist/tt-icon.d.ts.map +1 -1
- package/dist/tt-icon.js +5 -0
- package/dist/tt-icon.js.map +1 -1
- package/dist/tt-inbox.d.ts +4 -0
- package/dist/tt-inbox.d.ts.map +1 -1
- package/dist/tt-inbox.js +13 -3
- package/dist/tt-inbox.js.map +1 -1
- package/dist/tt-input.d.ts.map +1 -1
- package/dist/tt-input.js +15 -5
- package/dist/tt-input.js.map +1 -1
- package/dist/tt-key-values.d.ts +2 -0
- package/dist/tt-key-values.d.ts.map +1 -1
- package/dist/tt-key-values.js +45 -2
- package/dist/tt-key-values.js.map +1 -1
- package/dist/tt-layout.d.ts +53 -2
- package/dist/tt-layout.d.ts.map +1 -1
- package/dist/tt-layout.js +233 -27
- package/dist/tt-layout.js.map +1 -1
- package/dist/tt-modal.d.ts +4 -0
- package/dist/tt-modal.d.ts.map +1 -1
- package/dist/tt-modal.js +14 -4
- package/dist/tt-modal.js.map +1 -1
- package/dist/tt-navbar.d.ts +4 -0
- package/dist/tt-navbar.d.ts.map +1 -1
- package/dist/tt-navbar.js +42 -7
- package/dist/tt-navbar.js.map +1 -1
- package/dist/tt-pagination.d.ts +4 -0
- package/dist/tt-pagination.d.ts.map +1 -1
- package/dist/tt-pagination.js +8 -1
- package/dist/tt-pagination.js.map +1 -1
- package/dist/tt-product.d.ts +67 -15
- package/dist/tt-product.d.ts.map +1 -1
- package/dist/tt-product.js +447 -366
- package/dist/tt-product.js.map +1 -1
- package/dist/tt-progress.d.ts +1 -0
- package/dist/tt-progress.d.ts.map +1 -1
- package/dist/tt-progress.js +26 -7
- package/dist/tt-progress.js.map +1 -1
- package/dist/tt-quantity.d.ts.map +1 -1
- package/dist/tt-quantity.js +5 -2
- package/dist/tt-quantity.js.map +1 -1
- package/dist/tt-radio-group.d.ts.map +1 -1
- package/dist/tt-radio-group.js +5 -2
- package/dist/tt-radio-group.js.map +1 -1
- package/dist/tt-scroller.d.ts +76 -0
- package/dist/tt-scroller.d.ts.map +1 -0
- package/dist/tt-scroller.js +525 -0
- package/dist/tt-scroller.js.map +1 -0
- package/dist/tt-search.d.ts.map +1 -1
- package/dist/tt-search.js +10 -5
- package/dist/tt-search.js.map +1 -1
- package/dist/tt-select.d.ts +9 -0
- package/dist/tt-select.d.ts.map +1 -1
- package/dist/tt-select.js +99 -14
- package/dist/tt-select.js.map +1 -1
- package/dist/tt-slider.d.ts.map +1 -1
- package/dist/tt-slider.js +13 -2
- package/dist/tt-slider.js.map +1 -1
- package/dist/tt-social-links.d.ts.map +1 -1
- package/dist/tt-social-links.js +7 -4
- package/dist/tt-social-links.js.map +1 -1
- package/dist/tt-switcher.d.ts +2 -0
- package/dist/tt-switcher.d.ts.map +1 -1
- package/dist/tt-switcher.js +24 -76
- package/dist/tt-switcher.js.map +1 -1
- package/dist/tt-table-row.d.ts.map +1 -1
- package/dist/tt-table-row.js +5 -2
- package/dist/tt-table-row.js.map +1 -1
- package/dist/tt-table.d.ts.map +1 -1
- package/dist/tt-table.js +5 -2
- package/dist/tt-table.js.map +1 -1
- package/dist/tt-tabs.d.ts.map +1 -1
- package/dist/tt-tabs.js +5 -2
- package/dist/tt-tabs.js.map +1 -1
- package/dist/tt-tag-list.d.ts.map +1 -1
- package/dist/tt-tag-list.js +6 -3
- package/dist/tt-tag-list.js.map +1 -1
- package/dist/tt-textarea.d.ts.map +1 -1
- package/dist/tt-textarea.js +5 -2
- package/dist/tt-textarea.js.map +1 -1
- package/dist/tt-toast.d.ts +4 -1
- package/dist/tt-toast.d.ts.map +1 -1
- package/dist/tt-toast.js +40 -6
- package/dist/tt-toast.js.map +1 -1
- package/dist/tt-toggle-group.d.ts.map +1 -1
- package/dist/tt-toggle-group.js +7 -1
- package/dist/tt-toggle-group.js.map +1 -1
- package/dist/tt-toggle.d.ts.map +1 -1
- package/dist/tt-toggle.js +14 -9
- package/dist/tt-toggle.js.map +1 -1
- package/package.json +1 -1
- package/vscode.html-custom-data.json +236 -65
package/dist/tt-form.js
CHANGED
|
@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { LitElement, html, css } from "lit";
|
|
8
8
|
import { customElement, property } from "lit/decorators.js";
|
|
9
|
+
import { StringsController } from "./strings.js";
|
|
9
10
|
/**
|
|
10
11
|
* Groups form controls, validates them, and reports their values.
|
|
11
12
|
*
|
|
@@ -33,6 +34,8 @@ const NOT_TEXT = new Set([
|
|
|
33
34
|
"color",
|
|
34
35
|
"image",
|
|
35
36
|
]);
|
|
37
|
+
// Controls where a missing value is a choice not made, not text not typed.
|
|
38
|
+
const CHOICE_HOSTS = new Set(["TT-SELECT", "TT-RADIO-GROUP", "TT-CHECKBOX-GROUP"]);
|
|
36
39
|
function isTextField(el) {
|
|
37
40
|
if (TEXT_HOSTS.has(el.tagName))
|
|
38
41
|
return true;
|
|
@@ -41,6 +44,18 @@ function isTextField(el) {
|
|
|
41
44
|
let TTForm = class TTForm extends LitElement {
|
|
42
45
|
constructor() {
|
|
43
46
|
super(...arguments);
|
|
47
|
+
/** This component's own text, over setStrings() (see strings.ts). */
|
|
48
|
+
this.strings = {};
|
|
49
|
+
this.text = new StringsController(this);
|
|
50
|
+
/*
|
|
51
|
+
The messages this form put on its controls, by control.
|
|
52
|
+
|
|
53
|
+
A control's `error` belongs to whoever renders it. The form writes one
|
|
54
|
+
only after a failed check, remembers that it did, and clears only the
|
|
55
|
+
ones it wrote, when that control changes. An error the app set itself
|
|
56
|
+
is never touched.
|
|
57
|
+
*/
|
|
58
|
+
this.written = new Map();
|
|
44
59
|
this.name = "";
|
|
45
60
|
// Reflected so the :host([layout=...]) and :host([loading]) rules match.
|
|
46
61
|
this.layout = "vertical";
|
|
@@ -81,22 +96,142 @@ let TTForm = class TTForm extends LitElement {
|
|
|
81
96
|
event.preventDefault();
|
|
82
97
|
this.submit();
|
|
83
98
|
};
|
|
99
|
+
/*
|
|
100
|
+
A control the person changed no longer shows the form's message for
|
|
101
|
+
it: they are fixing it. A required-field message comes back on the
|
|
102
|
+
next submit if it is still empty; a server's message is about a value
|
|
103
|
+
that is now gone.
|
|
104
|
+
*/
|
|
105
|
+
this.handleEdit = (event) => {
|
|
106
|
+
const control = this.controls.find((one) => one === event.target || event.composedPath().includes(one));
|
|
107
|
+
if (control)
|
|
108
|
+
this.clearWritten(control);
|
|
109
|
+
};
|
|
84
110
|
}
|
|
85
111
|
connectedCallback() {
|
|
86
112
|
super.connectedCallback();
|
|
87
113
|
this.addEventListener("keydown", this.handleKeydown);
|
|
88
114
|
this.addEventListener("tt-button-click", this.handleButtonClick);
|
|
89
115
|
this.addEventListener("click", this.handleClick);
|
|
116
|
+
this.addEventListener("tt-input", this.handleEdit);
|
|
117
|
+
this.addEventListener("tt-change", this.handleEdit);
|
|
90
118
|
}
|
|
91
119
|
disconnectedCallback() {
|
|
92
120
|
this.removeEventListener("keydown", this.handleKeydown);
|
|
93
121
|
this.removeEventListener("tt-button-click", this.handleButtonClick);
|
|
94
122
|
this.removeEventListener("click", this.handleClick);
|
|
123
|
+
this.removeEventListener("tt-input", this.handleEdit);
|
|
124
|
+
this.removeEventListener("tt-change", this.handleEdit);
|
|
95
125
|
super.disconnectedCallback();
|
|
96
126
|
}
|
|
97
|
-
|
|
127
|
+
/*
|
|
128
|
+
Every named control inside the form, in document order, including
|
|
129
|
+
controls slotted into it.
|
|
130
|
+
|
|
131
|
+
querySelectorAll stops at a <slot>: what is shown there belongs to
|
|
132
|
+
another tree. tt-auth slots the app's extra sign-up fields into its
|
|
133
|
+
tt-form, so this follows each slot to the elements shown in it. A
|
|
134
|
+
<slot> has a name attribute too, but it is not a control.
|
|
135
|
+
*/
|
|
98
136
|
get controls() {
|
|
99
|
-
|
|
137
|
+
const found = [];
|
|
138
|
+
const visit = (parent) => {
|
|
139
|
+
for (const child of parent.children) {
|
|
140
|
+
if (child instanceof HTMLSlotElement) {
|
|
141
|
+
for (const shown of child.assignedElements({ flatten: true }))
|
|
142
|
+
take(shown);
|
|
143
|
+
}
|
|
144
|
+
else {
|
|
145
|
+
take(child);
|
|
146
|
+
}
|
|
147
|
+
}
|
|
148
|
+
};
|
|
149
|
+
const take = (el) => {
|
|
150
|
+
if (el.hasAttribute("name"))
|
|
151
|
+
found.push(el);
|
|
152
|
+
visit(el);
|
|
153
|
+
};
|
|
154
|
+
visit(this);
|
|
155
|
+
return found;
|
|
156
|
+
}
|
|
157
|
+
nameOf(control) {
|
|
158
|
+
return control.name || control.getAttribute("name") || "";
|
|
159
|
+
}
|
|
160
|
+
clearWritten(control) {
|
|
161
|
+
const message = this.written.get(control);
|
|
162
|
+
if (message === undefined)
|
|
163
|
+
return;
|
|
164
|
+
if (control.error === message)
|
|
165
|
+
control.error = "";
|
|
166
|
+
this.written.delete(control);
|
|
167
|
+
}
|
|
168
|
+
write(control, message) {
|
|
169
|
+
control.error = message;
|
|
170
|
+
this.written.set(control, message);
|
|
171
|
+
}
|
|
172
|
+
/*
|
|
173
|
+
The message for a control that failed its check, in this form's words
|
|
174
|
+
(strings.ts), not the browser's: the same language as the rest of the
|
|
175
|
+
page, and for every field at once rather than the first.
|
|
176
|
+
*/
|
|
177
|
+
messageFor(control) {
|
|
178
|
+
if (control.validity?.valueMissing) {
|
|
179
|
+
if (control.files)
|
|
180
|
+
return this.text.get("requiredFile");
|
|
181
|
+
if (typeof control.checked === "boolean")
|
|
182
|
+
return this.text.get("requiredCheck");
|
|
183
|
+
if (CHOICE_HOSTS.has(control.tagName))
|
|
184
|
+
return this.text.get("requiredChoice");
|
|
185
|
+
return this.text.get("required");
|
|
186
|
+
}
|
|
187
|
+
return this.text.get("invalid");
|
|
188
|
+
}
|
|
189
|
+
/**
|
|
190
|
+
* Checks every control and shows each failure as that control's error,
|
|
191
|
+
* then focuses the first. Returns true when all pass.
|
|
192
|
+
*/
|
|
193
|
+
validate() {
|
|
194
|
+
const failed = [];
|
|
195
|
+
for (const control of this.controls) {
|
|
196
|
+
if (control.disabled || !control.checkValidity)
|
|
197
|
+
continue;
|
|
198
|
+
if (control.checkValidity()) {
|
|
199
|
+
if (this.written.has(control))
|
|
200
|
+
this.clearWritten(control);
|
|
201
|
+
continue;
|
|
202
|
+
}
|
|
203
|
+
// A plain <input> has no error to show: it gets the browser's own
|
|
204
|
+
// message, and only if it is the first that failed.
|
|
205
|
+
if ("error" in control)
|
|
206
|
+
this.write(control, this.messageFor(control));
|
|
207
|
+
else if (failed.length === 0)
|
|
208
|
+
control.reportValidity?.();
|
|
209
|
+
failed.push(control);
|
|
210
|
+
}
|
|
211
|
+
failed[0]?.focus();
|
|
212
|
+
return failed.length === 0;
|
|
213
|
+
}
|
|
214
|
+
/**
|
|
215
|
+
* Shows errors from the server on the controls they name, and focuses
|
|
216
|
+
* the first one: setErrors({ email: "Already registered" }). A name no
|
|
217
|
+
* control has is ignored. Each clears when its control changes.
|
|
218
|
+
*/
|
|
219
|
+
setErrors(errors) {
|
|
220
|
+
const controls = this.controls;
|
|
221
|
+
let first;
|
|
222
|
+
for (const control of controls) {
|
|
223
|
+
const message = errors[this.nameOf(control)];
|
|
224
|
+
if (!message)
|
|
225
|
+
continue;
|
|
226
|
+
this.write(control, message);
|
|
227
|
+
first ??= control;
|
|
228
|
+
}
|
|
229
|
+
first?.focus();
|
|
230
|
+
}
|
|
231
|
+
/** Removes every error this form put on its controls. */
|
|
232
|
+
clearErrors() {
|
|
233
|
+
for (const control of [...this.written.keys()])
|
|
234
|
+
this.clearWritten(control);
|
|
100
235
|
}
|
|
101
236
|
/**
|
|
102
237
|
* Validates, then emits tt-form-submit with the collected values.
|
|
@@ -105,15 +240,8 @@ let TTForm = class TTForm extends LitElement {
|
|
|
105
240
|
submit() {
|
|
106
241
|
if (this.disabled || this.loading)
|
|
107
242
|
return false;
|
|
108
|
-
if (!this.novalidate)
|
|
109
|
-
|
|
110
|
-
if (control.checkValidity && !control.checkValidity()) {
|
|
111
|
-
// Focuses and shows the browser's own message.
|
|
112
|
-
control.reportValidity?.();
|
|
113
|
-
return false;
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
}
|
|
243
|
+
if (!this.novalidate && !this.validate())
|
|
244
|
+
return false;
|
|
117
245
|
this.dispatchEvent(new CustomEvent("tt-form-submit", {
|
|
118
246
|
detail: { formData: this.collect() },
|
|
119
247
|
bubbles: true,
|
|
@@ -125,9 +253,16 @@ let TTForm = class TTForm extends LitElement {
|
|
|
125
253
|
collect() {
|
|
126
254
|
const data = new FormData();
|
|
127
255
|
for (const control of this.controls) {
|
|
128
|
-
const name =
|
|
256
|
+
const name = this.nameOf(control);
|
|
129
257
|
if (!name || control.disabled)
|
|
130
258
|
continue;
|
|
259
|
+
// Files go in as files, one entry each, the way a native
|
|
260
|
+
// <input type="file" multiple> sends them. Read with getAll(name).
|
|
261
|
+
if (control.files) {
|
|
262
|
+
for (const file of Array.from(control.files))
|
|
263
|
+
data.append(name, file);
|
|
264
|
+
continue;
|
|
265
|
+
}
|
|
131
266
|
// A control with a checked state contributes nothing when it is
|
|
132
267
|
// off, exactly like a native checkbox: the key is absent, not empty.
|
|
133
268
|
if (typeof control.checked === "boolean" && !control.checked)
|
|
@@ -138,6 +273,7 @@ let TTForm = class TTForm extends LitElement {
|
|
|
138
273
|
}
|
|
139
274
|
/** Clears every control by calling its form reset callback. */
|
|
140
275
|
reset() {
|
|
276
|
+
this.clearErrors();
|
|
141
277
|
for (const control of this.controls) {
|
|
142
278
|
control.formResetCallback?.();
|
|
143
279
|
}
|
|
@@ -180,6 +316,9 @@ let TTForm = class TTForm extends LitElement {
|
|
|
180
316
|
return html `<slot></slot>`;
|
|
181
317
|
}
|
|
182
318
|
};
|
|
319
|
+
__decorate([
|
|
320
|
+
property({ attribute: false })
|
|
321
|
+
], TTForm.prototype, "strings", void 0);
|
|
183
322
|
__decorate([
|
|
184
323
|
property({ type: String })
|
|
185
324
|
], TTForm.prototype, "name", void 0);
|
package/dist/tt-form.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-form.js","sourceRoot":"","sources":["../src/tt-form.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;
|
|
1
|
+
{"version":3,"file":"tt-form.js","sourceRoot":"","sources":["../src/tt-form.ts"],"names":[],"mappings":"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"}
|
package/dist/tt-grid.d.ts
CHANGED
|
@@ -1,9 +1,18 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
import type { PropertyValues } from "lit";
|
|
3
|
+
/**
|
|
4
|
+
* What a gap value means as CSS. "4" used to go into the CSS as it was,
|
|
5
|
+
* and a bare number is not a length, so the gap silently became 0. Now:
|
|
6
|
+
* a name (none, small, medium, large), a step of the spacing scale
|
|
7
|
+
* ("4" is --tt-space-4), any other bare number as pixels, and anything
|
|
8
|
+
* else ("1.5rem", "var(--x)") unchanged.
|
|
9
|
+
*/
|
|
10
|
+
export declare function gapToCss(gap: string): string;
|
|
3
11
|
/**
|
|
4
12
|
* Responsive grid. By default it auto-fills as many columns as will fit
|
|
5
13
|
* at `minWidth`, so it reflows without media queries. Set `columns` for a
|
|
6
|
-
* fixed count
|
|
14
|
+
* fixed count on screens wider than 768px; at 768px and below it always
|
|
15
|
+
* auto-fills from `minWidth`.
|
|
7
16
|
*/
|
|
8
17
|
export declare class TTGrid extends LitElement {
|
|
9
18
|
minWidth: string;
|
package/dist/tt-grid.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-grid.d.ts","sourceRoot":"","sources":["../src/tt-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;
|
|
1
|
+
{"version":3,"file":"tt-grid.d.ts","sourceRoot":"","sources":["../src/tt-grid.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAc1C;;;;;;GAMG;AACH,wBAAgB,QAAQ,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAQ5C;AAED;;;;;GAKG;AACH,qBACa,MAAO,SAAQ,UAAU;IAIgB,QAAQ,SAAM;IAStC,GAAG,SAAM;IAGT,OAAO,SAAK;IAExC,UAAU,CAAC,OAAO,EAAE,cAAc;IAelC,OAAO,CAAC,MAAM;IAQd,MAAM,CAAC,MAAM,0BAmCX;IAEF,MAAM;CAOP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
package/dist/tt-grid.js
CHANGED
|
@@ -6,18 +6,52 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import { LitElement, html, css } from "lit";
|
|
8
8
|
import { customElement, property } from "lit/decorators.js";
|
|
9
|
+
// The steps of the spacing scale in tokens.css (--tt-space-N).
|
|
10
|
+
const SPACE_STEPS = new Set([1, 2, 3, 4, 5, 6, 8, 10, 12]);
|
|
11
|
+
// The same names tt-stack takes, so both read alike.
|
|
12
|
+
const NAMED_GAPS = {
|
|
13
|
+
none: "0",
|
|
14
|
+
small: "var(--tt-space-2)",
|
|
15
|
+
medium: "var(--tt-space-4)",
|
|
16
|
+
large: "var(--tt-space-6)",
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* What a gap value means as CSS. "4" used to go into the CSS as it was,
|
|
20
|
+
* and a bare number is not a length, so the gap silently became 0. Now:
|
|
21
|
+
* a name (none, small, medium, large), a step of the spacing scale
|
|
22
|
+
* ("4" is --tt-space-4), any other bare number as pixels, and anything
|
|
23
|
+
* else ("1.5rem", "var(--x)") unchanged.
|
|
24
|
+
*/
|
|
25
|
+
export function gapToCss(gap) {
|
|
26
|
+
const value = gap.trim();
|
|
27
|
+
if (value in NAMED_GAPS)
|
|
28
|
+
return NAMED_GAPS[value];
|
|
29
|
+
if (/^\d+(\.\d+)?$/.test(value)) {
|
|
30
|
+
const step = Number(value);
|
|
31
|
+
return SPACE_STEPS.has(step) ? `var(--tt-space-${step})` : `${step}px`;
|
|
32
|
+
}
|
|
33
|
+
return value;
|
|
34
|
+
}
|
|
9
35
|
/**
|
|
10
36
|
* Responsive grid. By default it auto-fills as many columns as will fit
|
|
11
37
|
* at `minWidth`, so it reflows without media queries. Set `columns` for a
|
|
12
|
-
* fixed count
|
|
38
|
+
* fixed count on screens wider than 768px; at 768px and below it always
|
|
39
|
+
* auto-fills from `minWidth`.
|
|
13
40
|
*/
|
|
14
41
|
let TTGrid = class TTGrid extends LitElement {
|
|
15
42
|
constructor() {
|
|
16
43
|
super(...arguments);
|
|
17
44
|
// Smallest an item may shrink to before the grid drops a column.
|
|
18
|
-
// Any CSS length ("220px", "14rem").
|
|
45
|
+
// Any CSS length ("220px", "14rem"). While `columns` is set it only
|
|
46
|
+
// applies at 768px and below, where the grid always auto-fills.
|
|
19
47
|
this.minWidth = "";
|
|
20
|
-
|
|
48
|
+
/*
|
|
49
|
+
Space between items, both axes:
|
|
50
|
+
none, small, medium, large as tt-stack
|
|
51
|
+
1 2 3 4 5 6 8 10 12 a step of the spacing scale, --tt-space-N
|
|
52
|
+
24px, 1.5rem, var(--x) any CSS length
|
|
53
|
+
Empty means 24px. See gapToCss.
|
|
54
|
+
*/
|
|
21
55
|
this.gap = "";
|
|
22
56
|
// Fixed column count. 0 (default) = responsive auto-fill from minWidth.
|
|
23
57
|
this.columns = 0;
|
|
@@ -27,7 +61,7 @@ let TTGrid = class TTGrid extends LitElement {
|
|
|
27
61
|
this.setVar("--tt-grid-min", this.minWidth);
|
|
28
62
|
}
|
|
29
63
|
if (changed.has("gap")) {
|
|
30
|
-
this.setVar("--tt-grid-gap", this.gap);
|
|
64
|
+
this.setVar("--tt-grid-gap", gapToCss(this.gap));
|
|
31
65
|
}
|
|
32
66
|
if (changed.has("columns")) {
|
|
33
67
|
this.setVar("--tt-grid-columns", this.columns > 0 ? `repeat(${this.columns}, 1fr)` : "");
|
|
@@ -76,11 +110,6 @@ let TTGrid = class TTGrid extends LitElement {
|
|
|
76
110
|
);
|
|
77
111
|
}
|
|
78
112
|
}
|
|
79
|
-
|
|
80
|
-
/* The grid owns the width; cards fill their cell. */
|
|
81
|
-
::slotted(tt-product) {
|
|
82
|
-
--tt-product-width: 100%;
|
|
83
|
-
}
|
|
84
113
|
`; }
|
|
85
114
|
render() {
|
|
86
115
|
return html `
|
package/dist/tt-grid.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-grid.js","sourceRoot":"","sources":["../src/tt-grid.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D
|
|
1
|
+
{"version":3,"file":"tt-grid.js","sourceRoot":"","sources":["../src/tt-grid.ts"],"names":[],"mappings":"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"}
|
package/dist/tt-icon.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-icon.d.ts","sourceRoot":"","sources":["../src/tt-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AA0B7D,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,
|
|
1
|
+
{"version":3,"file":"tt-icon.d.ts","sourceRoot":"","sources":["../src/tt-icon.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAkB,MAAM,KAAK,CAAC;AACjD,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,KAAK,CAAC;AA0B7D,QAAA,MAAM,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CA8c7C,CAAC;AAEF,MAAM,MAAM,QAAQ,GAAG,MAAM,OAAO,MAAM,CAAC;AAE3C,2EAA2E;AAC3E,eAAO,MAAM,UAAU,UAA6B,CAAC;AAErD,qBACa,MAAO,SAAQ,UAAU;IACR,IAAI,SAAM;IAYV,IAAI,SAAM;IAEtC,UAAU,CAAC,OAAO,EAAE,cAAc;IAUlC,MAAM,CAAC,MAAM,0BAqCX;IAEF,MAAM;CAuBP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,SAAS,EAAE,MAAM,CAAC;KACnB;CACF"}
|
package/dist/tt-icon.js
CHANGED
|
@@ -321,6 +321,11 @@ const shapes = {
|
|
|
321
321
|
<circle cx="12" cy="12" r="10" />
|
|
322
322
|
<path d="m15 9-6 6" />
|
|
323
323
|
<path d="m9 9 6 6" />
|
|
324
|
+
`,
|
|
325
|
+
heart: svg `
|
|
326
|
+
<path
|
|
327
|
+
d="M19 14c1.5-1.5 3-3.2 3-5.5A5.5 5.5 0 0 0 16.5 3c-1.8 0-3 .5-4.5 2-1.5-1.5-2.7-2-4.5-2A5.5 5.5 0 0 0 2 8.5c0 2.3 1.5 4 3 5.5l7 7Z"
|
|
328
|
+
/>
|
|
324
329
|
`,
|
|
325
330
|
star: svg `
|
|
326
331
|
<path
|
package/dist/tt-icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-icon.js","sourceRoot":"","sources":["../src/tt-icon.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"tt-icon.js","sourceRoot":"","sources":["../src/tt-icon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D;;;;;;;;;;;;;;;;;;;;;;EAsBE;AACF,MAAM,MAAM,GAAsC;IAChD,0BAA0B;IAE1B,cAAc,EAAE,GAAG,CAAA,2BAA2B;IAC9C,YAAY,EAAE,GAAG,CAAA,6BAA6B;IAC9C,cAAc,EAAE,GAAG,CAAA,6BAA6B;IAChD,eAAe,EAAE,GAAG,CAAA,4BAA4B;IAEhD,UAAU,EAAE,GAAG,CAAA,iDAAiD;IAChE,YAAY,EAAE,GAAG,CAAA,kDAAkD;IACnE,YAAY,EAAE,GAAG,CAAA,kDAAkD;IACnE,aAAa,EAAE,GAAG,CAAA,iDAAiD;IAEnE,IAAI,EAAE,GAAG,CAAA,gEAAgE;IAEzE,eAAe,EAAE,GAAG,CAAA;;;;GAInB;IAED,iBAAiB,EAAE,GAAG,CAAA;;;;GAIrB;IAED,eAAe,EAAE,GAAG,CAAA;;;;GAInB;IAED,uBAAuB;IAEvB,CAAC,EAAE,GAAG,CAAA,gDAAgD;IACtD,KAAK,EAAE,GAAG,CAAA,8BAA8B;IACxC,IAAI,EAAE,GAAG,CAAA,4CAA4C;IACrD,KAAK,EAAE,GAAG,CAAA,uBAAuB;IAEjC,MAAM,EAAE,GAAG,CAAA,+DAA+D;IAE1E,MAAM,EAAE,GAAG,CAAA,sCAAsC;IAEjD,OAAO,EAAE,GAAG,CAAA;;;GAGX;IAED,KAAK,EAAE,GAAG,CAAA;;;;;;GAMT;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,QAAQ,EAAE,GAAG,CAAA;;;;GAIZ;IAED,MAAM,EAAE,GAAG,CAAA;;;;GAIV;IAED;6DACyD;IACzD,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED;;;;;0BAKsB;IAEtB,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IAED,qEAAqE;IACrE,OAAO,EAAE,GAAG,CAAA;;;GAGX;IAED,IAAI,EAAE,GAAG,CAAA;;;;;GAKR;IAED,MAAM,EAAE,GAAG,CAAA,oDAAoD;IAE/D;;;;4DAIwD;IAExD,WAAW,EAAE,GAAG,CAAA;;;;GAIf;IAED,YAAY,EAAE,GAAG,CAAA;;;GAGhB;IAED,kBAAkB,EAAE,GAAG,CAAA;;;;;GAKtB;IAED,sEAAsE;IACtE,KAAK,EAAE,GAAG,CAAA;;;GAGT;IAED,gBAAgB,EAAE,GAAG,CAAA,4EAA4E;IAEjG,IAAI,EAAE,GAAG,CAAA;;;;;;;GAOR;IAED,KAAK,EAAE,GAAG,CAAA;;;;;GAKT;IAED,WAAW,EAAE,GAAG,CAAA;;;;;GAKf;IAED,aAAa,EAAE,GAAG,CAAA;;;GAGjB;IAED,QAAQ,EAAE,GAAG,CAAA;;;;;;;;;;GAUZ;IAED,sCAAsC;IACtC,MAAM,EAAE,GAAG,CAAA,yCAAyC;IAEpD,gEAAgE;IAChE,eAAe,EAAE,GAAG,CAAA;;;;;;;;;;;;;GAanB;IAED,KAAK,EAAE,GAAG,CAAA;;;;;;GAMT;IAED,IAAI,EAAE,GAAG,CAAA;;;;;GAKR;IAED,OAAO,EAAE,GAAG,CAAA;;;;;;GAMX;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,SAAS,EAAE,GAAG,CAAA;;;;;GAKb;IAED,oDAAoD;IACpD,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IAED,OAAO,EAAE,GAAG,CAAA;;;;GAIX;IAED,YAAY,EAAE,GAAG,CAAA;;;;GAIhB;IAED,aAAa,EAAE,GAAG,CAAA;;;;GAIjB;IAED,eAAe,EAAE,GAAG,CAAA;;;GAGnB;IAED,mEAAmE;IACnE,cAAc,EAAE,GAAG,CAAA;;;GAGlB;IAED,cAAc,EAAE,GAAG,CAAA;;;GAGlB;IAED,GAAG,EAAE,GAAG,CAAA;;;GAGP;IAED,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IAED,MAAM,EAAE,GAAG,CAAA;;;;GAIV;IAED,6DAA6D;IAC7D,eAAe,EAAE,GAAG,CAAA;;;;;;;GAOnB;IAED,UAAU,EAAE,GAAG,CAAA;;;GAGd;IAED,MAAM,EAAE,GAAG,CAAA;;;GAGV;IAED,OAAO,EAAE,GAAG,CAAA;;;;GAIX;IAED,sBAAsB;IAEtB,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IAED,gBAAgB,EAAE,GAAG,CAAA;;;;GAIpB;IAED,cAAc,EAAE,GAAG,CAAA;;;GAGlB;IAED,UAAU,EAAE,GAAG,CAAA;;;;GAId;IAED,KAAK,EAAE,GAAG,CAAA;;;;GAIT;IAED,IAAI,EAAE,GAAG,CAAA;;;;GAIR;IAED,uBAAuB;IAEvB,IAAI,EAAE,GAAG,CAAA,yEAAyE;IAElF,KAAK,EAAE,GAAG,CAAA;;;;;GAKT;IAED,QAAQ,EAAE,GAAG,CAAA;;;;;GAKZ;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,KAAK,EAAE,GAAG,CAAA;;;;GAIT;IAED,QAAQ,EAAE,GAAG,CAAA;;;;;GAKZ;IAED,QAAQ,EAAE,GAAG,CAAA;;;;;GAKZ;IAED,OAAO,EAAE,GAAG,CAAA;;;;GAIX;IAED,cAAc,EAAE,GAAG,CAAA;;;;GAIlB;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,GAAG,EAAE,GAAG,CAAA;;;GAGP;IAED;;+DAE2D;IAC3D,KAAK,EAAE,GAAG,CAAA;;;;GAIT;IAED,IAAI,EAAE,GAAG,CAAA;;;GAGR;IAED,GAAG,EAAE,GAAG,CAAA;;;;;;GAMP;IAED,IAAI,EAAE,GAAG,CAAA,2DAA2D;IAEpE,MAAM,EAAE,GAAG,CAAA;;;;;;GAMV;CACF,CAAC;AAIF,2EAA2E;AAC3E,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC;AAG9C,IAAM,MAAM,GAAZ,MAAM,MAAO,SAAQ,UAAU;IAA/B;;QACuB,SAAI,GAAG,EAAE,CAAC;QAEtC;;;;;;;;;UASE;QAC0B,SAAI,GAAG,EAAE,CAAC;IA0ExC,CAAC;IAxEC,UAAU,CAAC,OAAuB;QAChC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,MAAM,CAAC;YAAE,OAAO;QAEjC,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;YACd,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,gBAAgB,EAAE,IAAI,CAAC,IAAI,CAAC,CAAC;QACtD,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAC;QAC9C,CAAC;IACH,CAAC;aAEM,WAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAqClB,AArCY,CAqCX;IAEF,MAAM;QACJ,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QAEhC,oEAAoE;QACpE,oEAAoE;QACpE,sBAAsB;QACtB,IAAI,CAAC,KAAK;YAAE,OAAO,IAAI,CAAA,EAAE,CAAC;QAE1B,OAAO,IAAI,CAAA;;;;;;;;;;;UAWL,KAAK;;KAEV,CAAC;IACJ,CAAC;;AArF2B;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAAW;AAYV;IAA3B,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oCAAW;AAb3B,MAAM;IADlB,aAAa,CAAC,SAAS,CAAC;GACZ,MAAM,CAuFlB"}
|
package/dist/tt-inbox.d.ts
CHANGED
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { LitElement } from "lit";
|
|
2
2
|
import "./tt-avatar.js";
|
|
3
3
|
import "./tt-empty-state.js";
|
|
4
|
+
import type { TTStrings } from "./strings.js";
|
|
4
5
|
export interface Conversation {
|
|
5
6
|
id: string;
|
|
6
7
|
name: string;
|
|
@@ -29,6 +30,9 @@ export interface Conversation {
|
|
|
29
30
|
* strongly would leave nothing for the eye to catch.
|
|
30
31
|
*/
|
|
31
32
|
export declare class TTInbox extends LitElement {
|
|
33
|
+
/** This component's own text, over setStrings() (see strings.ts). */
|
|
34
|
+
strings: Partial<TTStrings>;
|
|
35
|
+
private text;
|
|
32
36
|
conversations: Conversation[];
|
|
33
37
|
selected: string;
|
|
34
38
|
emptyHeading: string;
|
package/dist/tt-inbox.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-inbox.d.ts","sourceRoot":"","sources":["../src/tt-inbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,gBAAgB,CAAC;AAExB,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IAEX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,OAAQ,SAAQ,UAAU;
|
|
1
|
+
{"version":3,"file":"tt-inbox.d.ts","sourceRoot":"","sources":["../src/tt-inbox.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,OAAO,gBAAgB,CAAC;AAExB,OAAO,qBAAqB,CAAC;AAE7B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAC;IAEX,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,OAAO,CAAC,EAAE,MAAM,CAAC;IAEjB,OAAO,CAAC,EAAE,MAAM,CAAC;IAGjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,qBACa,OAAQ,SAAQ,UAAU;IACrC,qEAAqE;IACrC,OAAO,EAAE,OAAO,CAAC,SAAS,CAAC,CAAM;IAEjE,OAAO,CAAC,IAAI,CAA+B;IAEhB,aAAa,EAAE,YAAY,EAAE,CAAM;IAElC,QAAQ,SAAM;IAEc,YAAY,SAAiB;IAEzB,gBAAgB,SAAM;IAElF,OAAO,CAAC,MAAM;IAUd,MAAM,CAAC,MAAM,4BAmJV;IAEH,MAAM;CAsEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/tt-inbox.js
CHANGED
|
@@ -9,6 +9,7 @@ import { customElement, property } from "lit/decorators.js";
|
|
|
9
9
|
import "./tt-avatar.js";
|
|
10
10
|
import { srOnly } from "./sr-only.js";
|
|
11
11
|
import "./tt-empty-state.js";
|
|
12
|
+
import { StringsController } from "./strings.js";
|
|
12
13
|
/**
|
|
13
14
|
* The list side of a messaging surface: who wrote, about what, when, and
|
|
14
15
|
* whether it has been read.
|
|
@@ -30,6 +31,9 @@ import "./tt-empty-state.js";
|
|
|
30
31
|
let TTInbox = class TTInbox extends LitElement {
|
|
31
32
|
constructor() {
|
|
32
33
|
super(...arguments);
|
|
34
|
+
/** This component's own text, over setStrings() (see strings.ts). */
|
|
35
|
+
this.strings = {};
|
|
36
|
+
this.text = new StringsController(this);
|
|
33
37
|
this.conversations = [];
|
|
34
38
|
this.selected = "";
|
|
35
39
|
this.emptyHeading = "No messages";
|
|
@@ -89,8 +93,11 @@ let TTInbox = class TTInbox extends LitElement {
|
|
|
89
93
|
transition: background var(--tt-duration-fast) var(--tt-ease);
|
|
90
94
|
}
|
|
91
95
|
|
|
92
|
-
|
|
93
|
-
|
|
96
|
+
/* Only where a pointer can hover: a tap would leave this on. */
|
|
97
|
+
@media (hover: hover) {
|
|
98
|
+
.row:hover {
|
|
99
|
+
background: var(--tt-accent);
|
|
100
|
+
}
|
|
94
101
|
}
|
|
95
102
|
|
|
96
103
|
.row:focus-visible {
|
|
@@ -246,7 +253,7 @@ let TTInbox = class TTInbox extends LitElement {
|
|
|
246
253
|
|
|
247
254
|
${conversation.unread
|
|
248
255
|
? html `<span class="dot" aria-hidden="true"></span
|
|
249
|
-
><span class="sr-only"
|
|
256
|
+
><span class="sr-only">${this.text.get("unread")}</span>`
|
|
250
257
|
: ""}
|
|
251
258
|
</button>
|
|
252
259
|
</li>
|
|
@@ -256,6 +263,9 @@ let TTInbox = class TTInbox extends LitElement {
|
|
|
256
263
|
`;
|
|
257
264
|
}
|
|
258
265
|
};
|
|
266
|
+
__decorate([
|
|
267
|
+
property({ attribute: false })
|
|
268
|
+
], TTInbox.prototype, "strings", void 0);
|
|
259
269
|
__decorate([
|
|
260
270
|
property({ type: Array })
|
|
261
271
|
], TTInbox.prototype, "conversations", void 0);
|
package/dist/tt-inbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-inbox.js","sourceRoot":"","sources":["../src/tt-inbox.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,gBAAgB,CAAC;AACxB,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AACtC,OAAO,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"tt-inbox.js","sourceRoot":"","sources":["../src/tt-inbox.ts"],"names":[],"mappings":"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"}
|
package/dist/tt-input.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-input.d.ts","sourceRoot":"","sources":["../src/tt-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAyBrD,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,KAAK,GACL,MAAM,GACN,YAAY,GACZ,aAAa,GACb,UAAU,GACV,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,OAAO,GACP,KAAK,GACL,KAAK,GACL,MAAM,GACN,SAAS,GACT,WAAW,GACX,QAAQ,GACR,QAAQ,CAAC;AAgBb,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,CAAC;AAIX,qBACa,OAAQ,SAAQ,UAAU;IAGrC,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAA0B;IAG3C,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,KAAK,SAAM;IAagC,IAAI,SAAM;IAGrD,IAAI,EAAE,SAAS,CAAU;IAezB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAGjC,IAAI,EAAE,SAAS,CAAY;IAM3B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,SAAS,UAAS;IAGlB,KAAK,SAAM;IAUX,WAAW,UAAS;IAEpB,OAAO,CAAC,OAAO,CAAuB;IAEtC,IAAI,IAAI,2BAEP;IACD,IAAI,QAAQ,kBAEX;IAID,aAAa;IAIb,cAAc;IAId,iBAAiB;IAKjB,OAAO,CAAC,OAAO,EAAE,cAAc;IAS/B,OAAO,CAAC,aAAa;IAiBrB,iBAAiB;IAKjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAItC,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,YAAY;IAYpB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAU5B,OAAO,CAAC,YAAY;IAOpB,MAAM,CAAC,MAAM,
|
|
1
|
+
{"version":3,"file":"tt-input.d.ts","sourceRoot":"","sources":["../src/tt-input.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1C,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAyBrD,MAAM,MAAM,iBAAiB,GACzB,IAAI,GACJ,KAAK,GACL,MAAM,GACN,YAAY,GACZ,aAAa,GACb,UAAU,GACV,UAAU,GACV,cAAc,GACd,kBAAkB,GAClB,cAAc,GACd,oBAAoB,GACpB,gBAAgB,GAChB,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,gBAAgB,GAChB,SAAS,GACT,cAAc,GACd,aAAa,GACb,OAAO,GACP,KAAK,GACL,KAAK,GACL,MAAM,GACN,SAAS,GACT,WAAW,GACX,QAAQ,GACR,QAAQ,CAAC;AAgBb,MAAM,MAAM,SAAS,GACjB,MAAM,GACN,OAAO,GACP,UAAU,GACV,QAAQ,GACR,KAAK,GACL,KAAK,GACL,QAAQ,GACR,MAAM,GACN,MAAM,GACN,gBAAgB,GAChB,OAAO,GACP,MAAM,CAAC;AAIX,qBACa,OAAQ,SAAQ,UAAU;IAGrC,MAAM,CAAC,cAAc,UAAQ;IAE7B,OAAO,CAAC,SAAS,CAA0B;IAG3C,KAAK,SAAM;IAGX,WAAW,SAAM;IAGjB,KAAK,SAAM;IAagC,IAAI,SAAM;IAGrD,IAAI,EAAE,SAAS,CAAU;IAezB,YAAY,CAAC,EAAE,iBAAiB,CAAC;IAGjC,IAAI,EAAE,SAAS,CAAY;IAM3B,QAAQ,UAAS;IAGjB,QAAQ,UAAS;IAGjB,SAAS,UAAS;IAGlB,KAAK,SAAM;IAUX,WAAW,UAAS;IAEpB,OAAO,CAAC,OAAO,CAAuB;IAEtC,IAAI,IAAI,2BAEP;IACD,IAAI,QAAQ,kBAEX;IAID,aAAa;IAIb,cAAc;IAId,iBAAiB;IAKjB,OAAO,CAAC,OAAO,EAAE,cAAc;IAS/B,OAAO,CAAC,aAAa;IAiBrB,iBAAiB;IAKjB,wBAAwB,CAAC,KAAK,EAAE,MAAM;IAItC,OAAO,CAAC,WAAW;IAgBnB,OAAO,CAAC,YAAY;IAYpB,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY;IAU5B,OAAO,CAAC,YAAY;IAOpB,MAAM,CAAC,MAAM,4BAoPV;IAEH,MAAM;CAqEP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,OAAO,CAAC;KACrB;CACF"}
|
package/dist/tt-input.js
CHANGED
|
@@ -210,8 +210,11 @@ let TTInput = class TTInput extends LitElement {
|
|
|
210
210
|
transition: border-color var(--tt-duration-normal) var(--tt-ease);
|
|
211
211
|
}
|
|
212
212
|
|
|
213
|
-
|
|
214
|
-
|
|
213
|
+
/* Only where a pointer can hover: a tap would leave this on. */
|
|
214
|
+
@media (hover: hover) {
|
|
215
|
+
.control:hover:not(.disabled):not(.error) {
|
|
216
|
+
border-color: var(--tt-border-strong);
|
|
217
|
+
}
|
|
215
218
|
}
|
|
216
219
|
|
|
217
220
|
/*
|
|
@@ -297,8 +300,10 @@ let TTInput = class TTInput extends LitElement {
|
|
|
297
300
|
transition: opacity var(--tt-duration-fast) var(--tt-ease);
|
|
298
301
|
}
|
|
299
302
|
|
|
300
|
-
|
|
301
|
-
|
|
303
|
+
@media (hover: hover) {
|
|
304
|
+
input::-webkit-calendar-picker-indicator:hover {
|
|
305
|
+
opacity: 1;
|
|
306
|
+
}
|
|
302
307
|
}
|
|
303
308
|
|
|
304
309
|
input:disabled {
|
|
@@ -337,11 +342,16 @@ let TTInput = class TTInput extends LitElement {
|
|
|
337
342
|
border-color: var(--tt-destructive);
|
|
338
343
|
}
|
|
339
344
|
|
|
340
|
-
.error:hover:not(.disabled),
|
|
341
345
|
.error:focus-within {
|
|
342
346
|
border-color: var(--tt-destructive);
|
|
343
347
|
}
|
|
344
348
|
|
|
349
|
+
@media (hover: hover) {
|
|
350
|
+
.error:hover:not(.disabled) {
|
|
351
|
+
border-color: var(--tt-destructive);
|
|
352
|
+
}
|
|
353
|
+
}
|
|
354
|
+
|
|
345
355
|
/* An invalid field still gets a ring, in the destructive colour, so
|
|
346
356
|
the ring carries the error instead of a second glow doing it. */
|
|
347
357
|
.error:focus-within {
|
package/dist/tt-input.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-input.js","sourceRoot":"","sources":["../src/tt-input.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAoFtC,IAAI,GAAG,GAAG,CAAC,CAAC;AAGL,IAAM,OAAO,GAAb,MAAM,OAAQ,SAAQ,UAAU;IAAhC;;QAKG,cAAS,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QAG3C,UAAK,GAAG,EAAE,CAAC;QAGX,gBAAW,GAAG,EAAE,CAAC;QAGjB,UAAK,GAAG,EAAE,CAAC;QAEX,+DAA+D;QAC/D;;;;;;;;;UASE;QACyC,SAAI,GAAG,EAAE,CAAC;QAGrD,SAAI,GAAc,MAAM,CAAC;QAkBzB,SAAI,GAAc,QAAQ,CAAC;QAE3B,uEAAuE;QACvE,qEAAqE;QACrE,4CAA4C;QAE5C,aAAQ,GAAG,KAAK,CAAC;QAGjB,aAAQ,GAAG,KAAK,CAAC;QAGjB,cAAS,GAAG,KAAK,CAAC;QAGlB,UAAK,GAAG,EAAE,CAAC;QAEX;;;;;;UAME;QAEF,gBAAW,GAAG,KAAK,CAAC;QAEZ,YAAO,GAAG,YAAY,EAAE,GAAG,EAAE,CAAC;
|
|
1
|
+
{"version":3,"file":"tt-input.js","sourceRoot":"","sources":["../src/tt-input.ts"],"names":[],"mappings":"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"}
|
package/dist/tt-key-values.d.ts
CHANGED
|
@@ -4,8 +4,10 @@ export interface KeyValue {
|
|
|
4
4
|
label: string;
|
|
5
5
|
value: string | TemplateResult;
|
|
6
6
|
}
|
|
7
|
+
export type KeyValuesLayout = "columns" | "split";
|
|
7
8
|
export declare class TTKeyValues extends LitElement {
|
|
8
9
|
items: KeyValue[];
|
|
10
|
+
layout: KeyValuesLayout;
|
|
9
11
|
static styles: import("lit").CSSResult;
|
|
10
12
|
render(): TemplateResult<1>;
|
|
11
13
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"tt-key-values.d.ts","sourceRoot":"","sources":["../src/tt-key-values.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;
|
|
1
|
+
{"version":3,"file":"tt-key-values.d.ts","sourceRoot":"","sources":["../src/tt-key-values.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAC5C,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAG1C,MAAM,WAAW,QAAQ;IACvB,KAAK,EAAE,MAAM,CAAC;IAGd,KAAK,EAAE,MAAM,GAAG,cAAc,CAAC;CAChC;AAUD,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,OAAO,CAAC;AAElD,qBACa,WAAY,SAAQ,UAAU;IAEzC,KAAK,EAAE,QAAQ,EAAE,CAAM;IAKvB,MAAM,EAAE,eAAe,CAAa;IAEpC,MAAM,CAAC,MAAM,0BAkIX;IAEF,MAAM;CAYP;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,WAAW,CAAC;KAC9B;CACF"}
|