@ixfx/components 0.5.6 → 0.5.7
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/bundle/index.d.ts +5 -0
- package/bundle/index.d.ts.map +1 -1
- package/bundle/index.js +44 -5
- package/bundle/index.js.map +1 -1
- package/dist/ac-text.d.ts +4 -1
- package/dist/ac-text.d.ts.map +1 -1
- package/dist/ac-text.js +34 -5
- package/dist/ac-text.js.map +1 -1
- package/dist/button.d.ts +1 -1
- package/dist/button.d.ts.map +1 -1
- package/dist/colour-picker.d.ts +1 -1
- package/dist/crumbs.d.ts +1 -1
- package/dist/{icon-DpA9x2Ve.d.ts → icon-BUwP1CZ1.d.ts} +2 -2
- package/dist/icon-BUwP1CZ1.d.ts.map +1 -0
- package/dist/icons.d.ts +2 -2
- package/dist/{index-DfEkTGvT.d.ts → index-B1UKcA7l.d.ts} +3 -3
- package/dist/{index-DfEkTGvT.d.ts.map → index-B1UKcA7l.d.ts.map} +1 -1
- package/dist/{index-D_ftz_IT.d.ts → index-BKAlRgbq.d.ts} +2 -2
- package/dist/{index-D_ftz_IT.d.ts.map → index-BKAlRgbq.d.ts.map} +1 -1
- package/dist/{index-CoqtMSd9.d.ts → index-BUB5SICW.d.ts} +2 -2
- package/dist/{index-CoqtMSd9.d.ts.map → index-BUB5SICW.d.ts.map} +1 -1
- package/dist/{index-BtGFYfaK.d.ts → index-RqMh1i-O.d.ts} +2 -2
- package/dist/{index-BtGFYfaK.d.ts.map → index-RqMh1i-O.d.ts.map} +1 -1
- package/dist/index.d.ts +10 -8
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +10 -0
- package/dist/index.js.map +1 -1
- package/dist/{labelled-input-base-DiTme1JO.d.ts → labelled-input-base-Dp_9KP0G.d.ts} +2 -2
- package/dist/{labelled-input-base-DiTme1JO.d.ts.map → labelled-input-base-Dp_9KP0G.d.ts.map} +1 -1
- package/dist/labelled-radial-input.d.ts +2 -2
- package/dist/labelled-radial-input.d.ts.map +1 -1
- package/dist/labelled-range-input.d.ts +1 -1
- package/dist/{menu-item-DSyf9f_L.d.ts → menu-item-CQ4Qg731.d.ts} +2 -2
- package/dist/{menu-item-DSyf9f_L.d.ts.map → menu-item-CQ4Qg731.d.ts.map} +1 -1
- package/dist/menu.d.ts +2 -2
- package/dist/panel.d.ts +1 -1
- package/dist/{tab-list-BohmbvqF.d.ts → tab-list-VtWT-_FG.d.ts} +2 -2
- package/dist/{tab-list-BohmbvqF.d.ts.map → tab-list-VtWT-_FG.d.ts.map} +1 -1
- package/dist/tabs.d.ts +1 -1
- package/docs-user/snackbar.md +2 -0
- package/package.json +1 -1
- package/dist/icon-DpA9x2Ve.d.ts.map +0 -1
package/dist/ac-text.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-BUwP1CZ1.js";
|
|
2
2
|
import { LitElement, PropertyValues } from "lit";
|
|
3
3
|
//#region src/ac-text/ac-text.d.ts
|
|
4
4
|
type AcTextItem = {
|
|
@@ -59,6 +59,8 @@ type AcTextCompletionProvider = (query: string, signal: AbortSignal) => Promise<
|
|
|
59
59
|
*/
|
|
60
60
|
declare class AcTextElement extends LitElement {
|
|
61
61
|
#private;
|
|
62
|
+
private static _count;
|
|
63
|
+
private readonly _anchorName;
|
|
62
64
|
/** Provides completion results for a query string. */
|
|
63
65
|
completionProvider: AcTextCompletionProvider | undefined;
|
|
64
66
|
/** Placeholder text for the input. */
|
|
@@ -84,6 +86,7 @@ declare class AcTextElement extends LitElement {
|
|
|
84
86
|
private tickled;
|
|
85
87
|
constructor();
|
|
86
88
|
disconnectedCallback(): void;
|
|
89
|
+
firstUpdated(): void;
|
|
87
90
|
protected updated(changedProps: PropertyValues): void;
|
|
88
91
|
focus(options?: FocusOptions, selectionStart?: number, selectionEnd?: number): void;
|
|
89
92
|
focusWithValue(value: string, selectionStart?: number, selectionEnd?: number): void;
|
package/dist/ac-text.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ac-text.d.ts","names":[],"sources":["../src/ac-text/ac-text.ts"],"mappings":";;;KAeY;WACD;WACA;WACA;WACA;WACA;;WAEA;;WAEA,YAAY;;KAGX;WACD,MAAM;WACN;;KAGC,oBAAoB,YAAY;;;;;KAMhC;;WAED;;;;;WAKA;;WAEA;;WAEA;;KAGC,oBAAoB,YAAY;KAEhC,4BACP,eAAe,QAAQ,gBAAgB,QAAQ,gBAAgB;;;;;;;;;;;;;;;;;;;;;;cAmDvD,sBAAsB
|
|
1
|
+
{"version":3,"file":"ac-text.d.ts","names":[],"sources":["../src/ac-text/ac-text.ts"],"mappings":";;;KAeY;WACD;WACA;WACA;WACA;WACA;;WAEA;;WAEA,YAAY;;KAGX;WACD,MAAM;WACN;;KAGC,oBAAoB,YAAY;;;;;KAMhC;;WAED;;;;;WAKA;;WAEA;;WAEA;;KAGC,oBAAoB,YAAY;KAEhC,4BACP,eAAe,QAAQ,gBAAgB,QAAQ,gBAAgB;;;;;;;;;;;;;;;;;;;;;;cAmDvD,sBAAsB;;iBAClB;mBACE;;EAIjB,oBAAoB;;EAIpB;;EAIA;;EAIA;;;;;EAOA;;;;;EAOA;UAEiB;UACA;UACA;UACA;UAET;;EAaC;EAMA;YAIU,QAAQ,cAAc;EAqDhC,MAAM,UAAU,cAAc,yBAAyB;EAWhE,eAAe,eAAe,yBAAyB;EAavD,YAAY,eAAe;YAoPR,wBAAM;SA6BT,sBAAM;;QAsJhB;YACI;IACR,gBAAgB"}
|
package/dist/ac-text.js
CHANGED
|
@@ -6,6 +6,7 @@ import "./icon-B22XVlCt.js";
|
|
|
6
6
|
import { LitElement, css, html, nothing } from "lit";
|
|
7
7
|
import { property, state } from "lit/decorators.js";
|
|
8
8
|
//#region src/ac-text/ac-text.ts
|
|
9
|
+
var _AcTextElement;
|
|
9
10
|
const HIGHLIGHT_KEY = `ac-text-highlight`;
|
|
10
11
|
function makeLruCache(maxSize) {
|
|
11
12
|
const map = /* @__PURE__ */ new Map();
|
|
@@ -21,11 +22,18 @@ function makeLruCache(maxSize) {
|
|
|
21
22
|
};
|
|
22
23
|
}
|
|
23
24
|
let AcTextElement = class AcTextElement extends LitElement {
|
|
25
|
+
static {
|
|
26
|
+
_AcTextElement = this;
|
|
27
|
+
}
|
|
28
|
+
static {
|
|
29
|
+
this._count = 0;
|
|
30
|
+
}
|
|
24
31
|
#cache;
|
|
25
32
|
#debounceTimer;
|
|
26
33
|
#abortController;
|
|
27
34
|
constructor() {
|
|
28
35
|
super();
|
|
36
|
+
this._anchorName = `--ac-text-anchor-${_AcTextElement._count++}`;
|
|
29
37
|
this.placeholder = ``;
|
|
30
38
|
this.cacheSize = 20;
|
|
31
39
|
this.debounceMs = 150;
|
|
@@ -120,6 +128,9 @@ let AcTextElement = class AcTextElement extends LitElement {
|
|
|
120
128
|
this.#cancelPending();
|
|
121
129
|
clearHighlights({ key: HIGHLIGHT_KEY });
|
|
122
130
|
}
|
|
131
|
+
firstUpdated() {
|
|
132
|
+
this.style.setProperty(`--anchor-name`, this._anchorName);
|
|
133
|
+
}
|
|
123
134
|
updated(changedProps) {
|
|
124
135
|
if (changedProps.has(`completionProvider`)) this.#cache.clear();
|
|
125
136
|
if (changedProps.has(`cacheSize`)) this.#cache = makeLruCache(this.cacheSize);
|
|
@@ -128,6 +139,18 @@ let AcTextElement = class AcTextElement extends LitElement {
|
|
|
128
139
|
if (!input || document.activeElement !== input) this._query = this.value;
|
|
129
140
|
}
|
|
130
141
|
this.#applyHighlights();
|
|
142
|
+
this.#syncPopover();
|
|
143
|
+
}
|
|
144
|
+
/** Keep the native popover in sync with `_isOpen` (popup is lazily rendered). */
|
|
145
|
+
#syncPopover() {
|
|
146
|
+
if (!this.shadowRoot) return;
|
|
147
|
+
const popup = this.shadowRoot.querySelector(`.popup`);
|
|
148
|
+
if (!popup) return;
|
|
149
|
+
try {
|
|
150
|
+
if (this._isOpen) {
|
|
151
|
+
if (!popup.matches(`:popover-open`)) popup.showPopover();
|
|
152
|
+
} else if (popup.matches(`:popover-open`)) popup.hidePopover();
|
|
153
|
+
} catch {}
|
|
131
154
|
}
|
|
132
155
|
#applyHighlights() {
|
|
133
156
|
if (!this._isOpen || !this.shadowRoot) {
|
|
@@ -282,6 +305,7 @@ let AcTextElement = class AcTextElement extends LitElement {
|
|
|
282
305
|
return html`
|
|
283
306
|
<div
|
|
284
307
|
class="popup"
|
|
308
|
+
popover="manual"
|
|
285
309
|
role="listbox"
|
|
286
310
|
aria-label="Suggestions"
|
|
287
311
|
data-input-mode=${this.tickled.inputMode}
|
|
@@ -335,6 +359,7 @@ let AcTextElement = class AcTextElement extends LitElement {
|
|
|
335
359
|
display: flex;
|
|
336
360
|
align-items: center;
|
|
337
361
|
position: relative;
|
|
362
|
+
anchor-name: var(--anchor-name);
|
|
338
363
|
}
|
|
339
364
|
|
|
340
365
|
input {
|
|
@@ -382,10 +407,14 @@ let AcTextElement = class AcTextElement extends LitElement {
|
|
|
382
407
|
/* ---- Popup ---- */
|
|
383
408
|
|
|
384
409
|
.popup {
|
|
385
|
-
position:
|
|
386
|
-
|
|
387
|
-
|
|
388
|
-
|
|
410
|
+
position: fixed;
|
|
411
|
+
inset: unset;
|
|
412
|
+
margin: 0;
|
|
413
|
+
width: anchor-size(width);
|
|
414
|
+
position-anchor: var(--anchor-name);
|
|
415
|
+
position-area: block-end span-inline-start;
|
|
416
|
+
margin-block-start: 2px;
|
|
417
|
+
position-try-fallbacks: flip-block;
|
|
389
418
|
z-index: 100;
|
|
390
419
|
background: var(--surface-3, var(--surface-2));
|
|
391
420
|
border: var(--border);
|
|
@@ -481,7 +510,7 @@ __decorate([state()], AcTextElement.prototype, "_query", void 0);
|
|
|
481
510
|
__decorate([state()], AcTextElement.prototype, "_results", void 0);
|
|
482
511
|
__decorate([state()], AcTextElement.prototype, "_isOpen", void 0);
|
|
483
512
|
__decorate([state()], AcTextElement.prototype, "_isLoading", void 0);
|
|
484
|
-
AcTextElement = __decorate([safeCustomElement(`ixfx-ac-text`)], AcTextElement);
|
|
513
|
+
AcTextElement = _AcTextElement = __decorate([safeCustomElement(`ixfx-ac-text`)], AcTextElement);
|
|
485
514
|
//#endregion
|
|
486
515
|
export { AcTextElement };
|
|
487
516
|
|
package/dist/ac-text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ac-text.js","names":["#triggerQuery","#cancelPending","#debounceTimer","#scrollActiveIntoView","#selectItem","#commitText","#closePopup","#cache","#applyHighlights","#abortController","#onItemPointerDown","#renderItem","#onInput","#onKeyDown","#onFocus","#onBlur","#renderPopup","customElement"],"sources":["../src/ac-text/ac-text.ts"],"sourcesContent":["import type { PropertyValues } from 'lit';\nimport type { HighlightTarget } from '../incr-search/types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { applyHighlights, clearHighlights } from '../incr-search/highlight.js';\nimport { TickledController } from '../interaction/tickled-controller.js';\nimport { tickledStyles } from '../interaction/tickled-styles.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\n\nconst HIGHLIGHT_KEY = `ac-text-highlight`;\n\n// ---- Public types ----\n\nexport type AcTextItem = {\n readonly label: string;\n readonly subLabel?: string;\n readonly icon?: string;\n readonly key?: string;\n readonly data?: unknown;\n /** When true, Tab-accept will not append `tabSuffix`. */\n readonly isLeaf?: boolean;\n /** Character positions within label that matched the query, used for CSS highlight rendering. */\n readonly positions?: ReadonlySet<number>;\n};\n\nexport type AcTextSelectDetail = {\n readonly item: AcTextItem;\n readonly query: string;\n};\n\nexport type AcTextSelectEvent = CustomEvent<AcTextSelectDetail>;\n\n/**\n * Fired when the user commits a value — either by pressing Enter on typed text\n * or by selecting an item from the autocomplete popup (keyboard or click).\n */\nexport type AcTextChangeDetail = {\n /** The committed text value (typed text, or the selected item's label). */\n readonly value: string;\n /**\n * The item key. For autocomplete items: `item.key ?? item.label`.\n * For plain typed text: the text itself.\n */\n readonly key: string;\n /** The item's `data` payload. Only present for autocomplete selections. */\n readonly data?: unknown;\n /** Whether the commit came from plain typed text or an autocomplete selection. */\n readonly source: `text` | `autocomplete`;\n};\n\nexport type AcTextChangeEvent = CustomEvent<AcTextChangeDetail>;\n\nexport type AcTextCompletionProvider\n = (query: string, signal: AbortSignal) => Promise<AcTextItem[]> | AcTextItem[];\n\n// ---- LRU cache ----\n\ntype LruCache<K, V> = {\n get: (key: K) => V | undefined;\n set: (key: K, value: V) => void;\n has: (key: K) => boolean;\n clear: () => void;\n};\n\nfunction makeLruCache<K, V>(maxSize: number): LruCache<K, V> {\n const map = new Map<K, V>();\n return {\n get: (key: K) => map.get(key),\n set: (key: K, value: V) => {\n if (map.has(key))\n map.delete(key);\n map.set(key, value);\n if (map.size > maxSize)\n map.delete(map.keys().next().value!);\n },\n has: (key: K) => map.has(key),\n clear: () => map.clear(),\n };\n}\n\n// ---- Component ----\n\n/**\n * VS Code command-palette style autocomplete text input.\n *\n * Set `completionProvider` to a function that returns matching items for a\n * given query string. Results are shown in a popup that only exists in the\n * DOM while the input has focus.\n *\n * @fires {AcTextSelectEvent} ac-select — when an autocomplete item is selected\n * @fires {AcTextChangeEvent} change — when the user commits a value (Enter on typed text or autocomplete selection)\n *\n * @example\n * ```html\n * <ixfx-ac-text placeholder=\"Search commands…\"></ixfx-ac-text>\n * ```\n * ```ts\n * el.completionProvider = async (query) => commands.filter(c =>\n * c.label.toLowerCase().includes(query.toLowerCase())\n * );\n * el.addEventListener('change', e => console.log(e.detail));\n * ```\n */\n@customElement(`ixfx-ac-text`)\nexport class AcTextElement extends LitElement {\n /** Provides completion results for a query string. */\n @property({ type: Object })\n completionProvider: AcTextCompletionProvider | undefined;\n\n /** Placeholder text for the input. */\n @property({ type: String })\n placeholder = ``;\n\n /** Maximum number of query results to cache (LRU). */\n @property({ type: Number, attribute: `cache-size` })\n cacheSize = 20;\n\n /** Debounce delay in ms before invoking the provider after keystroke. */\n @property({ type: Number, attribute: `debounce-ms` })\n debounceMs = 150;\n\n /**\n * Pre-populate the input with this value. Updated externally after construction is ignored\n * unless the input is not currently focused.\n */\n @property({ type: String })\n value = ``;\n\n /**\n * String appended to the label when Tab is used to accept a suggestion.\n * Useful for path-style inputs where Tab-accepting a segment should add the separator.\n */\n @property({ type: String, attribute: `tab-suffix` })\n tabSuffix = ``;\n\n @state() private _query = ``;\n @state() private _results: AcTextItem[] = [];\n @state() private _isOpen = false;\n @state() private _isLoading = false;\n\n private tickled = new TickledController<number>(this, {\n getItems: () => this._results.map((_, i) => ({ id: i, enabled: true })),\n });\n\n #cache: LruCache<string, AcTextItem[]> = makeLruCache(20);\n #debounceTimer: ReturnType<typeof setTimeout> | undefined;\n #abortController: AbortController | undefined;\n\n constructor() {\n super();\n this.#cache = makeLruCache(this.cacheSize);\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#cancelPending();\n clearHighlights({ key: HIGHLIGHT_KEY });\n }\n\n protected override updated(changedProps: PropertyValues): void {\n if (changedProps.has(`completionProvider`)) {\n this.#cache.clear();\n }\n if (changedProps.has(`cacheSize`)) {\n this.#cache = makeLruCache(this.cacheSize);\n }\n if (changedProps.has(`value`)) {\n // Only sync when the input isn't focused (avoid clobbering user typing)\n const input = this.shadowRoot?.querySelector(`input`);\n if (!input || document.activeElement !== input) {\n this._query = this.value;\n }\n }\n this.#applyHighlights();\n }\n\n #applyHighlights(): void {\n if (!this._isOpen || !this.shadowRoot) {\n clearHighlights({ key: HIGHLIGHT_KEY });\n return;\n }\n const labelEls = this.shadowRoot.querySelectorAll(`.item-label`);\n const targets: HighlightTarget[] = [];\n labelEls.forEach((el, index) => {\n const positions = this._results[index]?.positions;\n if (!positions?.size)\n return;\n targets.push({ element: el, text: this._results[index].label, positions });\n });\n applyHighlights(targets, { key: HIGHLIGHT_KEY });\n }\n\n override focus(options?: FocusOptions, selectionStart?: number, selectionEnd?: number): void {\n const input = this.shadowRoot?.querySelector(`input`) as HTMLInputElement | null;\n if (!input)\n return;\n input.focus(options);\n const start = selectionStart ?? input.value.length;\n const end = selectionEnd ?? input.value.length;\n input.setSelectionRange(start, end);\n input.scrollLeft = input.scrollWidth;\n }\n\n focusWithValue(value: string, selectionStart?: number, selectionEnd?: number): void {\n this._query = value;\n this.updateComplete.then(() => {\n const input = this.shadowRoot?.querySelector(`input`) as HTMLInputElement | null;\n if (!input)\n return;\n input.focus();\n const start = selectionStart ?? input.value.length;\n const end = selectionEnd ?? input.value.length;\n input.setSelectionRange(start, end);\n });\n }\n\n selectRange(start: number, end?: number): void {\n const input = this.shadowRoot?.querySelector(`input`) as HTMLInputElement | null;\n if (!input)\n return;\n const endPos = end ?? input.value.length;\n input.setSelectionRange(start, endPos);\n }\n\n // ---- Handlers ----\n\n #onFocus = (): void => {\n this._isOpen = true;\n if (this._query.trim()) {\n this.#triggerQuery(this._query);\n }\n };\n\n #onBlur = (): void => {\n this.#cancelPending();\n this._isOpen = false;\n this.tickled.clearTickled();\n };\n\n #onInput = (e: Event): void => {\n const input = e.target as HTMLInputElement;\n this._query = input.value;\n\n if (this.#debounceTimer !== undefined) {\n clearTimeout(this.#debounceTimer);\n }\n\n if (!this._query.trim()) {\n this._results = [];\n this.tickled.clearTickled();\n this._isLoading = false;\n this._isOpen = false;\n return;\n }\n\n this._isOpen = true;\n this.#debounceTimer = setTimeout(() => {\n this.#triggerQuery(this._query);\n }, this.debounceMs);\n };\n\n #onKeyDown = (e: KeyboardEvent): void => {\n switch (e.key) {\n case `ArrowDown`: {\n if (!this._isOpen)\n return;\n e.preventDefault();\n if (this._results.length === 0)\n return;\n this.tickled.handleKeyboardNavigation(`next`);\n this.#scrollActiveIntoView();\n break;\n }\n case `ArrowUp`: {\n if (!this._isOpen)\n return;\n e.preventDefault();\n if (this._results.length === 0)\n return;\n this.tickled.handleKeyboardNavigation(`previous`);\n this.#scrollActiveIntoView();\n break;\n }\n case `Enter`: {\n const tickledIndex = this.tickled.tickledId ?? -1;\n if (this._isOpen && tickledIndex >= 0 && this._results[tickledIndex]) {\n // Autocomplete selection via keyboard\n e.preventDefault();\n this.#selectItem(this._results[tickledIndex]);\n } else if (this._query.trim()) {\n // Plain text commit\n e.preventDefault();\n this.#commitText(this._query);\n }\n break;\n }\n case `Tab`: {\n const tickledIndex = this.tickled.tickledId ?? -1;\n if (this._isOpen && tickledIndex >= 0 && this._results[tickledIndex]) {\n e.preventDefault();\n const tabItem = this._results[tickledIndex];\n this._query = tabItem.label + (tabItem.isLeaf ? `` : this.tabSuffix);\n this.tickled.clearTickled();\n this.#triggerQuery(this._query);\n }\n break;\n }\n case `Escape`: {\n if (!this._isOpen)\n return;\n e.preventDefault();\n this.#closePopup();\n break;\n }\n }\n };\n\n /** pointerdown beats blur — prevents popup vanishing before click registers */\n #onItemPointerDown = (e: PointerEvent, item: AcTextItem): void => {\n e.preventDefault();\n this.#selectItem(item);\n };\n\n // ---- Internal logic ----\n\n #triggerQuery(query: string): void {\n if (!this.completionProvider)\n return;\n\n const cached = this.#cache.get(query);\n if (cached !== undefined) {\n this._results = cached;\n this.tickled.clearTickled();\n this._isLoading = false;\n return;\n }\n\n // Cancel any in-flight request\n this.#abortController?.abort();\n this.#abortController = new AbortController();\n const { signal } = this.#abortController;\n\n this._isLoading = true;\n\n Promise.resolve(this.completionProvider(query, signal))\n .then((results) => {\n if (signal.aborted)\n return;\n this.#cache.set(query, results);\n this._results = results;\n this.tickled.clearTickled();\n this._isLoading = false;\n })\n .catch((err) => {\n if (signal.aborted)\n return;\n console.error(`[ixfx-ac-text] completionProvider error:`, err);\n this._results = [];\n this._isLoading = false;\n });\n }\n\n #selectItem(item: AcTextItem): void {\n this.dispatchEvent(new CustomEvent<AcTextSelectDetail>(`ac-select`, {\n detail: { item, query: this._query },\n bubbles: true,\n composed: true,\n }));\n this.dispatchEvent(new CustomEvent<AcTextChangeDetail>(`change`, {\n detail: {\n value: item.label,\n key: item.key ?? item.label,\n data: item.data,\n source: `autocomplete`,\n },\n bubbles: true,\n composed: true,\n }));\n this._query = item.label;\n this._isOpen = false;\n this.tickled.clearTickled();\n }\n\n #commitText(text: string): void {\n this.dispatchEvent(new CustomEvent<AcTextChangeDetail>(`change`, {\n detail: {\n value: text,\n key: text,\n source: `text`,\n },\n bubbles: true,\n composed: true,\n }));\n this._isOpen = false;\n this.tickled.clearTickled();\n }\n\n #closePopup(): void {\n this._isOpen = false;\n this.tickled.clearTickled();\n clearHighlights({ key: HIGHLIGHT_KEY });\n }\n\n #cancelPending(): void {\n if (this.#debounceTimer !== undefined) {\n clearTimeout(this.#debounceTimer);\n this.#debounceTimer = undefined;\n }\n this.#abortController?.abort();\n this.#abortController = undefined;\n this._isLoading = false;\n }\n\n #scrollActiveIntoView(): void {\n // After Lit renders the new tickled item, scroll it into view\n this.updateComplete.then(() => {\n const item = this.shadowRoot?.querySelector(`.item.tickled`);\n item?.scrollIntoView({ block: `nearest` });\n });\n }\n\n // ---- Render helpers ----\n\n #renderItem(item: AcTextItem, index: number) {\n const isTickled = this.tickled.isTickled(index);\n return html`\n <div\n class=\"item ${isTickled ? `tickled` : ``}\"\n role=\"option\"\n id=\"ac-item-${index}\"\n aria-selected=${isTickled}\n @pointerenter=${() => this.tickled.handlePointerEnter(index)}\n @pointerdown=${(e: PointerEvent) => this.#onItemPointerDown(e, item)}\n >\n ${item.icon ? html`<ixfx-icon class=\"item-icon\" name=${item.icon}></ixfx-icon>` : nothing}\n <span class=\"item-label\">${item.label}</span>\n ${item.subLabel ? html`<span class=\"item-sublabel\">${item.subLabel}</span>` : nothing}\n </div>\n `;\n }\n\n #renderPopup() {\n const showEmpty = !this._isLoading && this._results.length === 0;\n return html`\n <div\n class=\"popup\"\n role=\"listbox\"\n aria-label=\"Suggestions\"\n data-input-mode=${this.tickled.inputMode}\n @pointerleave=${(e: PointerEvent) => this.tickled.handlePointerLeave(e)}\n >\n ${showEmpty\n ? html`<div class=\"no-results\">No matching results</div>`\n : this._results.map((item, i) => this.#renderItem(item, i))\n }\n </div>\n `;\n }\n\n protected override render() {\n const tickledIndex = this.tickled.tickledId ?? -1;\n const activeDescendant = tickledIndex >= 0 ? `ac-item-${tickledIndex}` : undefined;\n return html`\n <div class=\"input-wrapper\">\n <input\n type=\"text\"\n .value=${this._query}\n placeholder=${this.placeholder || nothing}\n autocomplete=\"off\"\n spellcheck=\"false\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-expanded=${this._isOpen}\n aria-activedescendant=${activeDescendant ?? nothing}\n @input=${this.#onInput}\n @keydown=${this.#onKeyDown}\n @focus=${this.#onFocus}\n @blur=${this.#onBlur}\n >\n ${this._isLoading\n ? html`<span class=\"spinner\" aria-hidden=\"true\"></span>`\n : nothing\n }\n </div>\n ${this._isOpen ? this.#renderPopup() : nothing}\n `;\n }\n\n static override styles = [\n themeFallbacks,\n tickledStyles,\n css`\n :host {\n display: block;\n position: relative;\n font-family: var(--font-family, system-ui, sans-serif);\n font-size: var(--text-m, 12px);\n color: var(--surface-2-text);\n }\n\n /* ---- Input ---- */\n\n .input-wrapper {\n display: flex;\n align-items: center;\n position: relative;\n }\n\n input {\n appearance: none;\n width: 100%;\n box-sizing: border-box;\n padding: var(--ac-input-padding, var(--space-m, 8px) var(--space-l, 12px));\n background: var(--ac-input-background, var(--surface-3, var(--surface-2)));\n color: var(--surface-2-text);\n border: var(--ac-input-border, var(--border));\n border-radius: var(--ac-input-border-radius, var(--radius-m, 4px));\n font: inherit;\n caret-color: var(--accent);\n outline: none;\n transition: border-color var(--transition, 0.15s ease-out);\n }\n\n input:focus {\n border-color: var(--accent);\n }\n\n input::placeholder {\n color: var(--surface-muted-text);\n }\n\n /* ---- Spinner ---- */\n\n .spinner {\n position: absolute;\n right: var(--space-m, 8px);\n width: 12px;\n height: 12px;\n border: 2px solid var(--surface-5);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: ac-spin 0.7s linear infinite;\n flex-shrink: 0;\n pointer-events: none;\n }\n\n @keyframes ac-spin {\n to { transform: rotate(360deg); }\n }\n\n /* ---- Popup ---- */\n\n .popup {\n position: absolute;\n top: calc(100% + 2px);\n left: 0;\n right: 0;\n z-index: 100;\n background: var(--surface-3, var(--surface-2));\n border: var(--border);\n border-radius: var(--radius-m, 4px);\n box-shadow: var(--shadow-l, 0 4px 24px rgba(0, 0, 0, 0.5));\n padding: var(--space-xs, 3px) 0;\n max-height: 280px;\n overflow-y: auto;\n font-size: var(--ac-popup-font-size, var(--text-s, 11px));\n }\n\n /* ---- Items ---- */\n\n .item {\n display: flex;\n align-items: center;\n gap: var(--space-m, 8px);\n padding: var(--space-xs, 3px) var(--space-l, 12px);\n cursor: pointer;\n border-radius: var(--radius-s, 3px);\n margin: 0 var(--space-xs, 3px);\n transition: background var(--transition, 0.1s ease-out);\n user-select: none;\n white-space: nowrap;\n min-height: 28px;\n }\n\n \n\n .item.tickled {\n background: var(--_item-focused-bg, var(--accent));\n color: var(--accent-text, #fff);\n }\n\n .item.tickled .item-sublabel {\n color: color-mix(in srgb, var(--accent-text, #fff) 70%, transparent);\n }\n\n .item-icon {\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n }\n\n .item-label {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .item-sublabel {\n flex-shrink: 0;\n margin-left: auto;\n color: var(--surface-muted-text);\n font-size: var(--text-s, 11px);\n }\n\n ::highlight(ac-text-highlight) {\n background: var(--ac-highlight-background, var(--accent));\n color: var(--ac-highlight-color, var(--accent-text, #fff));\n border-radius: 2px;\n padding: 0 1px;\n }\n\n /* ---- Empty state ---- */\n\n .no-results {\n padding: var(--space-m, 8px) var(--space-l, 12px);\n color: var(--surface-muted-text);\n font-style: italic;\n font-size: var(--text-s, 11px);\n }\n `,\n ];\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ixfx-ac-text': AcTextElement;\n }\n}\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"ac-text.js","names":["#triggerQuery","#cancelPending","#debounceTimer","#scrollActiveIntoView","#selectItem","#commitText","#closePopup","#cache","#applyHighlights","#syncPopover","#abortController","#onItemPointerDown","#renderItem","#onInput","#onKeyDown","#onFocus","#onBlur","#renderPopup","customElement"],"sources":["../src/ac-text/ac-text.ts"],"sourcesContent":["import type { PropertyValues } from 'lit';\nimport type { HighlightTarget } from '../incr-search/types.js';\nimport { css, html, LitElement, nothing } from 'lit';\nimport { property, state } from 'lit/decorators.js';\nimport { applyHighlights, clearHighlights } from '../incr-search/highlight.js';\nimport { TickledController } from '../interaction/tickled-controller.js';\nimport { tickledStyles } from '../interaction/tickled-styles.js';\nimport { themeFallbacks } from '../styles/fallbacks.js';\nimport { safeCustomElement as customElement } from '../util/custom-elements.js';\nimport '../icons/icon.js';\n\nconst HIGHLIGHT_KEY = `ac-text-highlight`;\n\n// ---- Public types ----\n\nexport type AcTextItem = {\n readonly label: string;\n readonly subLabel?: string;\n readonly icon?: string;\n readonly key?: string;\n readonly data?: unknown;\n /** When true, Tab-accept will not append `tabSuffix`. */\n readonly isLeaf?: boolean;\n /** Character positions within label that matched the query, used for CSS highlight rendering. */\n readonly positions?: ReadonlySet<number>;\n};\n\nexport type AcTextSelectDetail = {\n readonly item: AcTextItem;\n readonly query: string;\n};\n\nexport type AcTextSelectEvent = CustomEvent<AcTextSelectDetail>;\n\n/**\n * Fired when the user commits a value — either by pressing Enter on typed text\n * or by selecting an item from the autocomplete popup (keyboard or click).\n */\nexport type AcTextChangeDetail = {\n /** The committed text value (typed text, or the selected item's label). */\n readonly value: string;\n /**\n * The item key. For autocomplete items: `item.key ?? item.label`.\n * For plain typed text: the text itself.\n */\n readonly key: string;\n /** The item's `data` payload. Only present for autocomplete selections. */\n readonly data?: unknown;\n /** Whether the commit came from plain typed text or an autocomplete selection. */\n readonly source: `text` | `autocomplete`;\n};\n\nexport type AcTextChangeEvent = CustomEvent<AcTextChangeDetail>;\n\nexport type AcTextCompletionProvider\n = (query: string, signal: AbortSignal) => Promise<AcTextItem[]> | AcTextItem[];\n\n// ---- LRU cache ----\n\ntype LruCache<K, V> = {\n get: (key: K) => V | undefined;\n set: (key: K, value: V) => void;\n has: (key: K) => boolean;\n clear: () => void;\n};\n\nfunction makeLruCache<K, V>(maxSize: number): LruCache<K, V> {\n const map = new Map<K, V>();\n return {\n get: (key: K) => map.get(key),\n set: (key: K, value: V) => {\n if (map.has(key))\n map.delete(key);\n map.set(key, value);\n if (map.size > maxSize)\n map.delete(map.keys().next().value!);\n },\n has: (key: K) => map.has(key),\n clear: () => map.clear(),\n };\n}\n\n// ---- Component ----\n\n/**\n * VS Code command-palette style autocomplete text input.\n *\n * Set `completionProvider` to a function that returns matching items for a\n * given query string. Results are shown in a popup that only exists in the\n * DOM while the input has focus.\n *\n * @fires {AcTextSelectEvent} ac-select — when an autocomplete item is selected\n * @fires {AcTextChangeEvent} change — when the user commits a value (Enter on typed text or autocomplete selection)\n *\n * @example\n * ```html\n * <ixfx-ac-text placeholder=\"Search commands…\"></ixfx-ac-text>\n * ```\n * ```ts\n * el.completionProvider = async (query) => commands.filter(c =>\n * c.label.toLowerCase().includes(query.toLowerCase())\n * );\n * el.addEventListener('change', e => console.log(e.detail));\n * ```\n */\n@customElement(`ixfx-ac-text`)\nexport class AcTextElement extends LitElement {\n private static _count = 0;\n private readonly _anchorName = `--ac-text-anchor-${AcTextElement._count++}`;\n\n /** Provides completion results for a query string. */\n @property({ type: Object })\n completionProvider: AcTextCompletionProvider | undefined;\n\n /** Placeholder text for the input. */\n @property({ type: String })\n placeholder = ``;\n\n /** Maximum number of query results to cache (LRU). */\n @property({ type: Number, attribute: `cache-size` })\n cacheSize = 20;\n\n /** Debounce delay in ms before invoking the provider after keystroke. */\n @property({ type: Number, attribute: `debounce-ms` })\n debounceMs = 150;\n\n /**\n * Pre-populate the input with this value. Updated externally after construction is ignored\n * unless the input is not currently focused.\n */\n @property({ type: String })\n value = ``;\n\n /**\n * String appended to the label when Tab is used to accept a suggestion.\n * Useful for path-style inputs where Tab-accepting a segment should add the separator.\n */\n @property({ type: String, attribute: `tab-suffix` })\n tabSuffix = ``;\n\n @state() private _query = ``;\n @state() private _results: AcTextItem[] = [];\n @state() private _isOpen = false;\n @state() private _isLoading = false;\n\n private tickled = new TickledController<number>(this, {\n getItems: () => this._results.map((_, i) => ({ id: i, enabled: true })),\n });\n\n #cache: LruCache<string, AcTextItem[]> = makeLruCache(20);\n #debounceTimer: ReturnType<typeof setTimeout> | undefined;\n #abortController: AbortController | undefined;\n\n constructor() {\n super();\n this.#cache = makeLruCache(this.cacheSize);\n }\n\n override disconnectedCallback(): void {\n super.disconnectedCallback();\n this.#cancelPending();\n clearHighlights({ key: HIGHLIGHT_KEY });\n }\n\n override firstUpdated(): void {\n this.style.setProperty(`--anchor-name`, this._anchorName);\n }\n\n protected override updated(changedProps: PropertyValues): void {\n if (changedProps.has(`completionProvider`)) {\n this.#cache.clear();\n }\n if (changedProps.has(`cacheSize`)) {\n this.#cache = makeLruCache(this.cacheSize);\n }\n if (changedProps.has(`value`)) {\n // Only sync when the input isn't focused (avoid clobbering user typing)\n const input = this.shadowRoot?.querySelector(`input`);\n if (!input || document.activeElement !== input) {\n this._query = this.value;\n }\n }\n this.#applyHighlights();\n this.#syncPopover();\n }\n\n /** Keep the native popover in sync with `_isOpen` (popup is lazily rendered). */\n #syncPopover(): void {\n if (!this.shadowRoot)\n return;\n const popup = this.shadowRoot.querySelector<HTMLElement>(`.popup`);\n if (!popup)\n return;\n try {\n if (this._isOpen) {\n if (!popup.matches(`:popover-open`))\n popup.showPopover();\n } else if (popup.matches(`:popover-open`)) {\n popup.hidePopover();\n }\n } catch {\n // Popover API not supported\n }\n }\n\n #applyHighlights(): void {\n if (!this._isOpen || !this.shadowRoot) {\n clearHighlights({ key: HIGHLIGHT_KEY });\n return;\n }\n const labelEls = this.shadowRoot.querySelectorAll(`.item-label`);\n const targets: HighlightTarget[] = [];\n labelEls.forEach((el, index) => {\n const positions = this._results[index]?.positions;\n if (!positions?.size)\n return;\n targets.push({ element: el, text: this._results[index].label, positions });\n });\n applyHighlights(targets, { key: HIGHLIGHT_KEY });\n }\n\n override focus(options?: FocusOptions, selectionStart?: number, selectionEnd?: number): void {\n const input = this.shadowRoot?.querySelector(`input`) as HTMLInputElement | null;\n if (!input)\n return;\n input.focus(options);\n const start = selectionStart ?? input.value.length;\n const end = selectionEnd ?? input.value.length;\n input.setSelectionRange(start, end);\n input.scrollLeft = input.scrollWidth;\n }\n\n focusWithValue(value: string, selectionStart?: number, selectionEnd?: number): void {\n this._query = value;\n this.updateComplete.then(() => {\n const input = this.shadowRoot?.querySelector(`input`) as HTMLInputElement | null;\n if (!input)\n return;\n input.focus();\n const start = selectionStart ?? input.value.length;\n const end = selectionEnd ?? input.value.length;\n input.setSelectionRange(start, end);\n });\n }\n\n selectRange(start: number, end?: number): void {\n const input = this.shadowRoot?.querySelector(`input`) as HTMLInputElement | null;\n if (!input)\n return;\n const endPos = end ?? input.value.length;\n input.setSelectionRange(start, endPos);\n }\n\n // ---- Handlers ----\n\n #onFocus = (): void => {\n this._isOpen = true;\n if (this._query.trim()) {\n this.#triggerQuery(this._query);\n }\n };\n\n #onBlur = (): void => {\n this.#cancelPending();\n this._isOpen = false;\n this.tickled.clearTickled();\n };\n\n #onInput = (e: Event): void => {\n const input = e.target as HTMLInputElement;\n this._query = input.value;\n\n if (this.#debounceTimer !== undefined) {\n clearTimeout(this.#debounceTimer);\n }\n\n if (!this._query.trim()) {\n this._results = [];\n this.tickled.clearTickled();\n this._isLoading = false;\n this._isOpen = false;\n return;\n }\n\n this._isOpen = true;\n this.#debounceTimer = setTimeout(() => {\n this.#triggerQuery(this._query);\n }, this.debounceMs);\n };\n\n #onKeyDown = (e: KeyboardEvent): void => {\n switch (e.key) {\n case `ArrowDown`: {\n if (!this._isOpen)\n return;\n e.preventDefault();\n if (this._results.length === 0)\n return;\n this.tickled.handleKeyboardNavigation(`next`);\n this.#scrollActiveIntoView();\n break;\n }\n case `ArrowUp`: {\n if (!this._isOpen)\n return;\n e.preventDefault();\n if (this._results.length === 0)\n return;\n this.tickled.handleKeyboardNavigation(`previous`);\n this.#scrollActiveIntoView();\n break;\n }\n case `Enter`: {\n const tickledIndex = this.tickled.tickledId ?? -1;\n if (this._isOpen && tickledIndex >= 0 && this._results[tickledIndex]) {\n // Autocomplete selection via keyboard\n e.preventDefault();\n this.#selectItem(this._results[tickledIndex]);\n } else if (this._query.trim()) {\n // Plain text commit\n e.preventDefault();\n this.#commitText(this._query);\n }\n break;\n }\n case `Tab`: {\n const tickledIndex = this.tickled.tickledId ?? -1;\n if (this._isOpen && tickledIndex >= 0 && this._results[tickledIndex]) {\n e.preventDefault();\n const tabItem = this._results[tickledIndex];\n this._query = tabItem.label + (tabItem.isLeaf ? `` : this.tabSuffix);\n this.tickled.clearTickled();\n this.#triggerQuery(this._query);\n }\n break;\n }\n case `Escape`: {\n if (!this._isOpen)\n return;\n e.preventDefault();\n this.#closePopup();\n break;\n }\n }\n };\n\n /** pointerdown beats blur — prevents popup vanishing before click registers */\n #onItemPointerDown = (e: PointerEvent, item: AcTextItem): void => {\n e.preventDefault();\n this.#selectItem(item);\n };\n\n // ---- Internal logic ----\n\n #triggerQuery(query: string): void {\n if (!this.completionProvider)\n return;\n\n const cached = this.#cache.get(query);\n if (cached !== undefined) {\n this._results = cached;\n this.tickled.clearTickled();\n this._isLoading = false;\n return;\n }\n\n // Cancel any in-flight request\n this.#abortController?.abort();\n this.#abortController = new AbortController();\n const { signal } = this.#abortController;\n\n this._isLoading = true;\n\n Promise.resolve(this.completionProvider(query, signal))\n .then((results) => {\n if (signal.aborted)\n return;\n this.#cache.set(query, results);\n this._results = results;\n this.tickled.clearTickled();\n this._isLoading = false;\n })\n .catch((err) => {\n if (signal.aborted)\n return;\n console.error(`[ixfx-ac-text] completionProvider error:`, err);\n this._results = [];\n this._isLoading = false;\n });\n }\n\n #selectItem(item: AcTextItem): void {\n this.dispatchEvent(new CustomEvent<AcTextSelectDetail>(`ac-select`, {\n detail: { item, query: this._query },\n bubbles: true,\n composed: true,\n }));\n this.dispatchEvent(new CustomEvent<AcTextChangeDetail>(`change`, {\n detail: {\n value: item.label,\n key: item.key ?? item.label,\n data: item.data,\n source: `autocomplete`,\n },\n bubbles: true,\n composed: true,\n }));\n this._query = item.label;\n this._isOpen = false;\n this.tickled.clearTickled();\n }\n\n #commitText(text: string): void {\n this.dispatchEvent(new CustomEvent<AcTextChangeDetail>(`change`, {\n detail: {\n value: text,\n key: text,\n source: `text`,\n },\n bubbles: true,\n composed: true,\n }));\n this._isOpen = false;\n this.tickled.clearTickled();\n }\n\n #closePopup(): void {\n this._isOpen = false;\n this.tickled.clearTickled();\n clearHighlights({ key: HIGHLIGHT_KEY });\n }\n\n #cancelPending(): void {\n if (this.#debounceTimer !== undefined) {\n clearTimeout(this.#debounceTimer);\n this.#debounceTimer = undefined;\n }\n this.#abortController?.abort();\n this.#abortController = undefined;\n this._isLoading = false;\n }\n\n #scrollActiveIntoView(): void {\n // After Lit renders the new tickled item, scroll it into view\n this.updateComplete.then(() => {\n const item = this.shadowRoot?.querySelector(`.item.tickled`);\n item?.scrollIntoView({ block: `nearest` });\n });\n }\n\n // ---- Render helpers ----\n\n #renderItem(item: AcTextItem, index: number) {\n const isTickled = this.tickled.isTickled(index);\n return html`\n <div\n class=\"item ${isTickled ? `tickled` : ``}\"\n role=\"option\"\n id=\"ac-item-${index}\"\n aria-selected=${isTickled}\n @pointerenter=${() => this.tickled.handlePointerEnter(index)}\n @pointerdown=${(e: PointerEvent) => this.#onItemPointerDown(e, item)}\n >\n ${item.icon ? html`<ixfx-icon class=\"item-icon\" name=${item.icon}></ixfx-icon>` : nothing}\n <span class=\"item-label\">${item.label}</span>\n ${item.subLabel ? html`<span class=\"item-sublabel\">${item.subLabel}</span>` : nothing}\n </div>\n `;\n }\n\n #renderPopup() {\n const showEmpty = !this._isLoading && this._results.length === 0;\n return html`\n <div\n class=\"popup\"\n popover=\"manual\"\n role=\"listbox\"\n aria-label=\"Suggestions\"\n data-input-mode=${this.tickled.inputMode}\n @pointerleave=${(e: PointerEvent) => this.tickled.handlePointerLeave(e)}\n >\n ${showEmpty\n ? html`<div class=\"no-results\">No matching results</div>`\n : this._results.map((item, i) => this.#renderItem(item, i))\n }\n </div>\n `;\n }\n\n protected override render() {\n const tickledIndex = this.tickled.tickledId ?? -1;\n const activeDescendant = tickledIndex >= 0 ? `ac-item-${tickledIndex}` : undefined;\n return html`\n <div class=\"input-wrapper\">\n <input\n type=\"text\"\n .value=${this._query}\n placeholder=${this.placeholder || nothing}\n autocomplete=\"off\"\n spellcheck=\"false\"\n role=\"combobox\"\n aria-autocomplete=\"list\"\n aria-expanded=${this._isOpen}\n aria-activedescendant=${activeDescendant ?? nothing}\n @input=${this.#onInput}\n @keydown=${this.#onKeyDown}\n @focus=${this.#onFocus}\n @blur=${this.#onBlur}\n >\n ${this._isLoading\n ? html`<span class=\"spinner\" aria-hidden=\"true\"></span>`\n : nothing\n }\n </div>\n ${this._isOpen ? this.#renderPopup() : nothing}\n `;\n }\n\n static override styles = [\n themeFallbacks,\n tickledStyles,\n css`\n :host {\n display: block;\n position: relative;\n font-family: var(--font-family, system-ui, sans-serif);\n font-size: var(--text-m, 12px);\n color: var(--surface-2-text);\n }\n\n /* ---- Input ---- */\n\n .input-wrapper {\n display: flex;\n align-items: center;\n position: relative;\n anchor-name: var(--anchor-name);\n }\n\n input {\n appearance: none;\n width: 100%;\n box-sizing: border-box;\n padding: var(--ac-input-padding, var(--space-m, 8px) var(--space-l, 12px));\n background: var(--ac-input-background, var(--surface-3, var(--surface-2)));\n color: var(--surface-2-text);\n border: var(--ac-input-border, var(--border));\n border-radius: var(--ac-input-border-radius, var(--radius-m, 4px));\n font: inherit;\n caret-color: var(--accent);\n outline: none;\n transition: border-color var(--transition, 0.15s ease-out);\n }\n\n input:focus {\n border-color: var(--accent);\n }\n\n input::placeholder {\n color: var(--surface-muted-text);\n }\n\n /* ---- Spinner ---- */\n\n .spinner {\n position: absolute;\n right: var(--space-m, 8px);\n width: 12px;\n height: 12px;\n border: 2px solid var(--surface-5);\n border-top-color: var(--accent);\n border-radius: 50%;\n animation: ac-spin 0.7s linear infinite;\n flex-shrink: 0;\n pointer-events: none;\n }\n\n @keyframes ac-spin {\n to { transform: rotate(360deg); }\n }\n\n /* ---- Popup ---- */\n\n .popup {\n position: fixed;\n inset: unset;\n margin: 0;\n width: anchor-size(width);\n position-anchor: var(--anchor-name);\n position-area: block-end span-inline-start;\n margin-block-start: 2px;\n position-try-fallbacks: flip-block;\n z-index: 100;\n background: var(--surface-3, var(--surface-2));\n border: var(--border);\n border-radius: var(--radius-m, 4px);\n box-shadow: var(--shadow-l, 0 4px 24px rgba(0, 0, 0, 0.5));\n padding: var(--space-xs, 3px) 0;\n max-height: 280px;\n overflow-y: auto;\n font-size: var(--ac-popup-font-size, var(--text-s, 11px));\n }\n\n /* ---- Items ---- */\n\n .item {\n display: flex;\n align-items: center;\n gap: var(--space-m, 8px);\n padding: var(--space-xs, 3px) var(--space-l, 12px);\n cursor: pointer;\n border-radius: var(--radius-s, 3px);\n margin: 0 var(--space-xs, 3px);\n transition: background var(--transition, 0.1s ease-out);\n user-select: none;\n white-space: nowrap;\n min-height: 28px;\n }\n\n \n\n .item.tickled {\n background: var(--_item-focused-bg, var(--accent));\n color: var(--accent-text, #fff);\n }\n\n .item.tickled .item-sublabel {\n color: color-mix(in srgb, var(--accent-text, #fff) 70%, transparent);\n }\n\n .item-icon {\n flex-shrink: 0;\n width: 1em;\n height: 1em;\n }\n\n .item-label {\n flex: 1;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .item-sublabel {\n flex-shrink: 0;\n margin-left: auto;\n color: var(--surface-muted-text);\n font-size: var(--text-s, 11px);\n }\n\n ::highlight(ac-text-highlight) {\n background: var(--ac-highlight-background, var(--accent));\n color: var(--ac-highlight-color, var(--accent-text, #fff));\n border-radius: 2px;\n padding: 0 1px;\n }\n\n /* ---- Empty state ---- */\n\n .no-results {\n padding: var(--space-m, 8px) var(--space-l, 12px);\n color: var(--surface-muted-text);\n font-style: italic;\n font-size: var(--text-s, 11px);\n }\n `,\n ];\n}\n\ndeclare global {\n interface HTMLElementTagNameMap {\n 'ixfx-ac-text': AcTextElement;\n }\n}\n"],"mappings":"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"}
|
package/dist/button.d.ts
CHANGED
|
@@ -6,7 +6,7 @@ declare class ButtonElement extends LitElement {
|
|
|
6
6
|
hideIcon: boolean;
|
|
7
7
|
hideLabel: boolean;
|
|
8
8
|
subtle: boolean;
|
|
9
|
-
protected _renderIcon():
|
|
9
|
+
protected _renderIcon(): import("lit").TemplateResult<1> | typeof nothing;
|
|
10
10
|
protected render(): import("lit").TemplateResult<1>;
|
|
11
11
|
static styles: import("lit").CSSResult[];
|
|
12
12
|
}
|
package/dist/button.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","names":[],"sources":["../src/button/button.ts"],"mappings":";;cASa,sBAAsB;EAEjC;EAGA;EAGA;EAGA;EAGA;YAEU,
|
|
1
|
+
{"version":3,"file":"button.d.ts","names":[],"sources":["../src/button/button.ts"],"mappings":";;cASa,sBAAsB;EAEjC;EAGA;EAGA;EAGA;EAGA;YAEU,6BAAW,2BAAA;YAgBX,wBAAM;SAOT,sBAAM;;QAMP;YACI;IACR,eAAe"}
|
package/dist/colour-picker.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-
|
|
1
|
+
import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-BKAlRgbq.js";
|
|
2
2
|
export { ColourPicker, type ColourPickerChangeEvent, type ColourPickerEventDetail, type ColourPickerInputEvent, ColourPickerPopup, type OklchValue };
|
package/dist/crumbs.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback } from "./types-DO3gt5vg.js";
|
|
2
2
|
import { a as TreeComponent, c as TreeExpandEvent, g as TreeDataModel, h as TreeTickleEvent, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, u as TreeItemClickEvent } from "./tree-component-DCmmKZ4j.js";
|
|
3
|
-
import "./menu-item-
|
|
3
|
+
import "./menu-item-CQ4Qg731.js";
|
|
4
4
|
import "./narrowed-text.js";
|
|
5
5
|
import { LitElement, PropertyValues } from "lit";
|
|
6
6
|
//#region src/crumbs/crumb-navigation.d.ts
|
|
@@ -20,7 +20,7 @@ declare class IxfxIconElement extends LitElement {
|
|
|
20
20
|
rotate: string;
|
|
21
21
|
connectedCallback(): void;
|
|
22
22
|
disconnectedCallback(): void;
|
|
23
|
-
protected render():
|
|
23
|
+
protected render(): import("lit").TemplateResult<1> | typeof nothing;
|
|
24
24
|
protected updated(changed: Map<string, unknown>): void;
|
|
25
25
|
static styles: import("lit").CSSResult[];
|
|
26
26
|
}
|
|
@@ -31,4 +31,4 @@ declare global {
|
|
|
31
31
|
}
|
|
32
32
|
//#endregion
|
|
33
33
|
export { IxfxIconElement as t };
|
|
34
|
-
//# sourceMappingURL=icon-
|
|
34
|
+
//# sourceMappingURL=icon-BUwP1CZ1.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"icon-BUwP1CZ1.d.ts","names":[],"sources":["../src/icons/icon.ts"],"mappings":";;;;;;;;;;;;;cAoBa,wBAAwB;;EACvB;EACgB;EAChB;EAC0C;EACU;EAQvD;EAKA;YAKU,wBAAM,2BAAA;YAgBN,QAAQ,SAAS;SAWpB,sBAAM;;QAsChB;YACI;IACR,aAAa"}
|
package/dist/icons.d.ts
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import { t as IxfxIconElement } from "./icon-
|
|
2
|
-
import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-
|
|
1
|
+
import { t as IxfxIconElement } from "./icon-BUwP1CZ1.js";
|
|
2
|
+
import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-RqMh1i-O.js";
|
|
3
3
|
export { ICON_CARET_RIGHT, ICON_CHECK, ICON_CHEVRON_DOWN, ICON_CLOSE, type IconChangedDetail, type IconChangedEvent, IxfxIconElement, getIcon, hasIcon, iconBus, registerIcon, svgToDataUri };
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-BUwP1CZ1.js";
|
|
2
2
|
import { o as TreeNode } from "./types-DO3gt5vg.js";
|
|
3
|
-
import { i as MenuContainer, n as MenuTrigger, r as MenuTriggerCommandDetail, t as MenuItem } from "./menu-item-
|
|
3
|
+
import { i as MenuContainer, n as MenuTrigger, r as MenuTriggerCommandDetail, t as MenuItem } from "./menu-item-CQ4Qg731.js";
|
|
4
4
|
import { LitElement, TemplateResult } from "lit";
|
|
5
5
|
import { CommandRegistry, KeyboardManager } from "@clinth/ui-commands";
|
|
6
6
|
//#region src/menu/menu-bar.d.ts
|
|
@@ -179,4 +179,4 @@ declare namespace index_d_exports {
|
|
|
179
179
|
}
|
|
180
180
|
//#endregion
|
|
181
181
|
export { menuFromTree as a, MenuSeparator as c, MenuCheckItem as d, MenuBar as f, MenuFromTreeOptions as i, MenuSubTrigger as l, MenuRadioGroup as n, menuFromTreeToElements as o, MenuRadioItem as r, MenuHeader as s, index_d_exports as t, MenuCommandController as u };
|
|
182
|
-
//# sourceMappingURL=index-
|
|
182
|
+
//# sourceMappingURL=index-B1UKcA7l.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-B1UKcA7l.d.ts","names":[],"sources":["../src/menu/menu-bar.ts","../src/menu/menu-check-item.ts","../src/menu/menu-command-controller.ts","../src/menu/menu-sub-trigger.ts","../src/menu/menu-separator.ts","../src/menu/menu-header.ts","../src/menu/menu-from-tree.ts","../src/menu/menu-radio-item.ts","../src/menu/menu-radio-group.ts","../src/menu/index.ts"],"mappings":";;;;;;cAMa,gBAAgB;UACnB;UACA;EAER;EASA;UASQ;UAOA;UAIA;UAMA;UAIA;UAQA;UASA;SAkCD,sBAAM;EAab,wBAAM;;QAKA;YACI;IACR,iBAAiB;;;;;cCvGR,sBAAsB;EACL;EAC2B;EAC3B;EACC;EACA;EACuB;EACpB,WAAW;EACX,kBAAkB;UAE1C;UAYA;UASA;EASR,WAAW,mBAAmB;EAU9B,QAAQ,mBAAmB;UAInB;SAaQ,sBAAM;EA0DtB,wBAAM;;QAoBA;YACI;IACR,wBAAwB;;;;;cClKf;UACH;UACA;UACA;EAEI,YAAA;IAAW,UAAU;IAA0B,SAAS;;EAMpE;EAIA;UAIQ;;;;cCZG,uBAAuB;EACN;EAC2B;EAC3B;EACC;EACuB;EACpB,WAAW;EACX,kBAAkB;UAEjC;UACsB;UACJ;UACX;iBAET;UACP;UACA;UACA;EAER;EAKA;EAIA;UAWQ;EAUC,QAAQ,mBAAmB;EAMpC,WAAW,mBAAmB;UAUtB;UASA;UAKA;UAQA;UAQA;UAOA;UAQA;UAYA;UAQA;UAIA;UAIA;UAWA;SAiCQ,sBAAM;EAmEtB,wBAAM;;QA2BA;YACI;IACR,yBAAyB;;;;;cC1RhB,sBAAsB;SAC1B,sBAAM;EAYb,wBAAM;;QAKA;YACI;IACR,uBAAuB;;;;;cCnBd,mBAAmB;EACF;SAErB,sBAAM;EAYb,wBAAM;;QAKA;YACI;IACR,oBAAoB;;;;;KCjBZ;EACV,aAAa,QAAQ;EACrB,WAAW;EACX,kBAAkB;;iBAOJ,aACd,OAAO,YACP,UAAS,sBACR;iBAmGa,uBACd,OAAO,YACP,UAAS,sBACR;;;cChHU,sBAAsB;EACL;EACA;EACC;EACD;EACwB;UAE5C;SAWQ,sBAAM;EAoDtB,wBAAM;;QAmBA;YACI;IACR,wBAAwB;;;;;cC5Ff,uBAAuB;EACN;EACA;UAEX;UAET;UAMA;UAMA;EAYR,QAAQ,mBAAmB;SAMpB,sBAAM;EAUb,wBAAM;;QAOA;YACI;IACR,yBAAyB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./index-
|
|
1
|
+
import "./index-BUB5SICW.js";
|
|
2
2
|
import { CSSResultGroup, LitElement, PropertyValues } from "lit";
|
|
3
3
|
import { Colour } from "@ixfx/visual";
|
|
4
4
|
//#region src/colour-picker/types.d.ts
|
|
@@ -181,4 +181,4 @@ declare global {
|
|
|
181
181
|
}
|
|
182
182
|
//#endregion
|
|
183
183
|
export { ColourPickerInputEvent as a, ColourPickerEventDetail as i, ColourPicker as n, OklchValue as o, ColourPickerChangeEvent as r, ColourPickerPopup as t };
|
|
184
|
-
//# sourceMappingURL=index-
|
|
184
|
+
//# sourceMappingURL=index-BKAlRgbq.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BKAlRgbq.d.ts","names":[],"sources":["../src/colour-picker/types.ts","../src/colour-picker/colour-picker.ts","../src/colour-picker/colour-picker-popup.ts"],"mappings":";;;;;;;KAGY;WACD;WACA;WACA;WACA;;;;;KAMC,0BAA0B;;;;KAK1B,yBAAyB,YAAY;KACrC,0BAA0B,YAAY;KAiBtC;KACA;;;;QAKJ;YACI;IACR,sBAAmD;;;;;cCV1C,qBAAqB;EACJ;EACA;EACA;EACA;EAE2C;EACN;EACA;EACA;EACf;EACmB;EACM;EACH;UAGhE;EAE0C;EACA;EACA;EACA;UAE1C;EAOY,UAAW;EACX,UAAW;EACX,UAAW;EACX,UAAW;EACZ,YAAa;UAIxB;UACA;UACA;UACA;mBAKS;MAEb;MAIA,MAAM;;;;;;EAcV,UAAU,QAAQ,OAAO;MASrB,UAAU;MAIV,OAAO,OAAO;MAId,UAAU;MAIV,OAAO,OAAO;MAId,UAAU;MAIV,OAAO,OAAO;MAId,UAAU;MAIV,OAAO,OAAO;EAIlB,UAAU,OAAO;EAIjB,UAAU,OAAO;EAIjB,UAAU,OAAO;EAIjB,UAAU,OAAO;EAIR,WAAW,mBAAmB;UAY/B;UAOA;UASA;UAUA;UA0BA;UAIA;UAYA;UAWA;EAKC,wBAAM;EAoCN,aAAa,mBAAmB;EAKhC,QAAQ,mBAAmB;EAqBpC;EA4FA,WAAY,GAAG,OAAO;EAQtB,YAAa,GAAG,OAAO;EAevB;EAKA;SAKO,QAAQ;;QAoIT;YACI;IACR,sBAAsB;;;;;cCvhBpB;;;;;;;;;;;;;;;;;;KAOD,0BAA0B;cAgBlB,0BAA0B;EACT;EAEA;EACA;EACA;EACA;EAE4B;EACS;EACA;EACA;EACf;EACI;EAC1B,MAAM;UAEjB;UACA;EAEA,UAAW;EACC,WAAY;mBAExB;mBACA;mBACA;UAGT;UACA;UACA;UACA;UAGA;UACA;UACA;UACA;UAGA;;MAUJ;cAIQ;cAQA;EAIZ,UAAU,QAAQ,OAAO;EAQhB,aAAa,mBAAmB;EAMhC,QAAQ,mBAAmB;UAS5B;UAUA;UAOA;UAoBA;UAmBA;UAmBA;UAcA;UAYA;UAKA;EAKC,wBAAM;SAiDR,QAAQ;;QAmGT;YACI;IACR,4BAA4B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { t as LabelledInputBase } from "./labelled-input-base-
|
|
1
|
+
import { t as LabelledInputBase } from "./labelled-input-base-Dp_9KP0G.js";
|
|
2
2
|
import { CSSResultGroup } from "lit";
|
|
3
3
|
//#region src/labelled-range-input/labelled-range-input.d.ts
|
|
4
4
|
declare class LabelledRangeInput extends LabelledInputBase {
|
|
@@ -21,4 +21,4 @@ declare global {
|
|
|
21
21
|
}
|
|
22
22
|
//#endregion
|
|
23
23
|
export { LabelledRangeInput as t };
|
|
24
|
-
//# sourceMappingURL=index-
|
|
24
|
+
//# sourceMappingURL=index-BUB5SICW.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-BUB5SICW.d.ts","names":[],"sources":["../src/labelled-range-input/labelled-range-input.ts"],"mappings":";;;cAuEa,2BAA2B;WAC7B;EAEmB;EACC;EACyB;EACQ;;EAEjC;EAE2B;YAErC,uCAAqB;EA2B/B,wBAAM;SA2BR,QAAQ;;QA2ET;YACI;IACR,6BAA6B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import "./icon-
|
|
1
|
+
import "./icon-BUwP1CZ1.js";
|
|
2
2
|
//#region src/icons/defaults.d.ts
|
|
3
3
|
/**
|
|
4
4
|
* Chevron pointing down. Used for split-button dropdown toggle.
|
|
@@ -34,4 +34,4 @@ declare function hasIcon(name: string): boolean;
|
|
|
34
34
|
declare function svgToDataUri(svg: string): string;
|
|
35
35
|
//#endregion
|
|
36
36
|
export { iconBus as a, ICON_CARET_RIGHT as c, ICON_CLOSE as d, hasIcon as i, ICON_CHECK as l, IconChangedEvent as n, registerIcon as o, getIcon as r, svgToDataUri as s, IconChangedDetail as t, ICON_CHEVRON_DOWN as u };
|
|
37
|
-
//# sourceMappingURL=index-
|
|
37
|
+
//# sourceMappingURL=index-RqMh1i-O.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index-
|
|
1
|
+
{"version":3,"file":"index-RqMh1i-O.d.ts","names":[],"sources":["../src/icons/defaults.ts","../src/icons/registry.ts"],"mappings":";;;;;;cAMa;;;;;cAMA;;;;;cAMA;;;;;cAMA;;;cCtBA,SAAO;KAER;WAA+B;;KAC/B,mBAAmB,YAAY;iBAE3B,aAAa,cAAc;iBAK3B,QAAQ;iBAIR,QAAQ;;iBAKR,aAAa"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,25 +1,25 @@
|
|
|
1
|
-
import { t as IxfxIconElement } from "./icon-
|
|
1
|
+
import { t as IxfxIconElement } from "./icon-BUwP1CZ1.js";
|
|
2
2
|
import { AcTextChangeDetail, AcTextChangeEvent, AcTextCompletionProvider, AcTextElement, AcTextItem, AcTextSelectDetail, AcTextSelectEvent } from "./ac-text.js";
|
|
3
3
|
import { ButtonElement } from "./button.js";
|
|
4
4
|
import { Checkbox, CheckboxChangeDetail, CheckboxChangeEvent, CheckboxEventMap } from "./checkbox.js";
|
|
5
|
-
import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-
|
|
6
|
-
import { t as LabelledRangeInput } from "./index-
|
|
5
|
+
import { a as ColourPickerInputEvent, i as ColourPickerEventDetail, n as ColourPicker, o as OklchValue, r as ColourPickerChangeEvent, t as ColourPickerPopup } from "./index-BKAlRgbq.js";
|
|
6
|
+
import { t as LabelledRangeInput } from "./index-BUB5SICW.js";
|
|
7
7
|
import { a as TreeItem, c as DataBatch, d as collectDataResult, i as TreeInteractionMode, l as DataProviderResult, n as TreeExclusivity, o as TreeNode, r as TreeFilterPredicate, s as TreeSelectionFilter, t as LoadChildrenCallback, u as IDataProvider } from "./types-DO3gt5vg.js";
|
|
8
8
|
import { _ as TreeDataModelOptions, a as TreeComponent, c as TreeExpandEvent, d as TreeSearchHost, f as TreeSelectDetail, g as TreeDataModel, h as TreeTickleEvent, i as TreeCollapseEvent, l as TreeItemClickDetail, m as TreeTickleDetail, n as TreeActivateEvent, o as TreeComponentEventMap, p as TreeSelectEvent, r as TreeCollapseDetail, s as TreeExpandDetail, t as TreeActivateDetail, u as TreeItemClickEvent } from "./tree-component-DCmmKZ4j.js";
|
|
9
|
-
import "./menu-item-
|
|
9
|
+
import "./menu-item-CQ4Qg731.js";
|
|
10
10
|
import { FuzzySearchResult, NarrowedTextChangeDetail, NarrowedTextChangeEvent, NarrowedTextElement, NarrowedTextItem, Orientation, SelectionMode } from "./narrowed-text.js";
|
|
11
11
|
import { CrumbNavigationChangeDetail, CrumbNavigationChangeEvent, CrumbNavigationElement, CrumbNavigationElementEventMap, CrumbNavigationExpandDetail, CrumbNavigationExpandEvent, CrumbNavigationItemClickDetail, CrumbNavigationItemClickEvent } from "./crumbs.js";
|
|
12
12
|
import { ConfigEntry, DataDisplayComponent, FormattingOptions, RendererStyle } from "./data-display.js";
|
|
13
13
|
import { DisplayTextLogic, EditableLabel, EditableLabelChangeDetail, EditableLabelChangeEvent, EditableMode, EntryMode } from "./editable-label.js";
|
|
14
14
|
import { a as NoneSelectEventDetail, c as SingleSelectEventDetail, i as IxfxHexEditorElement, n as HexChangeDetail, o as RectangularSelectEventDetail, r as HexChangeEvent, s as SelectEventDetail, t as ContiguousSelectEventDetail } from "./hex-editor-Caq8vNQk.js";
|
|
15
|
-
import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-
|
|
15
|
+
import { a as iconBus, c as ICON_CARET_RIGHT, d as ICON_CLOSE, i as hasIcon, l as ICON_CHECK, n as IconChangedEvent, o as registerIcon, r as getIcon, s as svgToDataUri, t as IconChangedDetail, u as ICON_CHEVRON_DOWN } from "./index-RqMh1i-O.js";
|
|
16
16
|
import { _ as IncrSearchChangeCallback, a as createFuzzySearch, b as IncrSearchState, c as IncrSearchTreeController, d as ElementIncrSearchOptions, f as FuzzySearch, g as IncrSearch, h as HighlightTarget, i as clearHighlights, l as IncrSearchTreeOptions, m as HighlightOptions, n as applyHighlights, o as ElementIncrSearch, p as FuzzySearchOptions, r as buildHighlightTargets, s as createElementIncrSearch, t as createIncrSearch, u as createAcCompletionProvider, v as IncrSearchOptions, y as IncrSearchResult } from "./index-Cxwxtj6g.js";
|
|
17
17
|
import { n as WheelNudgeConsumerType, t as WheelDirection } from "./wheel-nudge-DgMTRYlh.js";
|
|
18
18
|
import { PanelCloseEvent, PanelElement, PanelElementEventMap, PanelOrientation, PanelToggleDetail, PanelToggleEvent, PanelToggleInteraction, PanelVariant } from "./panel.js";
|
|
19
19
|
import { a as RadialInputChangeDetail, c as RadialInputInputEvent, i as MarkerStyle, l as ValueMode, n as LaneData, o as RadialInputChangeEvent, r as LaneType, s as RadialInputInputDetail, t as RadialInputElement } from "./radial-input-BhZeyyP-.js";
|
|
20
20
|
import { LabelledRadialInput } from "./labelled-radial-input.js";
|
|
21
21
|
import { LedElement } from "./led.js";
|
|
22
|
-
import { t as index_d_exports } from "./index-
|
|
22
|
+
import { t as index_d_exports } from "./index-B1UKcA7l.js";
|
|
23
23
|
import { MillerBaseElement, MillerBaseElementEventMap, MillerConfig, MillerHeaderClickDetail, MillerHeaderClickEvent, MillerHeaderRightClickDetail, MillerHeaderRightClickEvent, MillerItemDblClickDetail, MillerItemDblClickEvent, MillerItemRightClickDetail, MillerItemRightClickEvent, MillerItemState, MillerListElement, MillerSelectionMode, MillerTreeController, MillerTreeControllerOptions } from "./miller.js";
|
|
24
24
|
import { C as ColourMapConfig, D as computeColour, E as applyAgeModification, O as parseColourScaleAttr, S as PlotDataSeriesOptions, T as ColourResult, _ as PlotSingleAxisPointerMoveDetail, a as PlotHistogramBucketClickDetail, b as SingleAxisDrawStyle, c as PlotHistogramOrientation, d as PlotMultiAxisDataPointClickDetail, f as PlotMultiAxisDataPointClickEvent, g as PlotSingleAxisElementEventMap, h as PlotSingleAxis, i as PlotHistogram, k as readBaseColour, l as PlotHistogramValueTooltips, m as PlotMultiAxisLayout, n as XyAgeStyle, o as PlotHistogramBucketClickEvent, p as PlotMultiAxisElementEventMap, r as XyDrawStyle, s as PlotHistogramElementEventMap, t as PlotXyAxis, u as PlotMultiAxis, v as PlotSingleAxisPointerMoveEvent, w as ColourMode, x as PlotDataSeries, y as SingleAxisAgeStyle } from "./xy-axis-5KhVTNoX.js";
|
|
25
25
|
import { PolarPad, PolarPadInputDetail, PolarPadInputEvent } from "./polar-pad.js";
|
|
@@ -31,7 +31,7 @@ import { _ as SliderValueMode, a as SliderInputChangeDetail, c as SliderInputInp
|
|
|
31
31
|
import { ClickSnapMode, SnapChangeDetail, SnapChangeEvent, SnapContainer, SnapInputDetail, SnapInputEvent, SnapLogic } from "./snap-container.js";
|
|
32
32
|
import { SplitLayoutElement } from "./split-layout.js";
|
|
33
33
|
import { SwipeElement, SwipeElementEventMap, SwipeInputDetail, SwipeInputEvent } from "./swipe.js";
|
|
34
|
-
import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, s as TabListItemElement, t as TabListChangeDetail } from "./tab-list-
|
|
34
|
+
import { a as TabListReorderDetail, i as TabListElement, n as TabListChangeEvent, o as TabListReorderEvent, r as TabListDragMode, s as TabListItemElement, t as TabListChangeDetail } from "./tab-list-VtWT-_FG.js";
|
|
35
35
|
import { A as TimelineTrackReorderEvent, C as TimelineEventResizeEvent, D as TimelineTickleChangeEvent, E as TimelineTickleChangeDetail, F as TrackHeightMode, I as TrackLayout, L as UserScale, M as TimelineTrackResizeEvent, N as TimelineTrackSelectDetail, O as TimelineTrack, P as TimelineTrackSelectEvent, R as ViewRange, S as TimelineEventResizeDetail, T as TimelineSelectionChangeEvent, _ as TimelineDraggingEvent, a as CssVars, b as TimelineEventMoveDetail, c as resolveGrid, d as DragSnappingFn, f as DragTarget, g as TimelineDraggingDetail, h as TimelineDraggingCallbackDetail, i as TimelineTrackTabElement, j as TimelineTrackResizeDetail, k as TimelineTrackReorderDetail, l as TimelineController, m as GridResolution, n as attachTimelineInteractions, o as Rect, p as GridMode, r as IxfxTimelineElement, s as resolveCssVars, t as timelineStyles, u as TimelineControllerConfig, v as TimelineElementEventMap, w as TimelineSelectionChangeDetail, x as TimelineEventMoveEvent, y as TimelineEvent } from "./index-BeuCXtiO.js";
|
|
36
36
|
import { TreeBaseElement, TreeBaseElementEventMap, TreeConfig, TreeController, TreeControllerOptions, TreeListElement } from "./tree.js";
|
|
37
37
|
import { XyPad, XyPadEventMap, XyPadInputDetail, XyPadInputEvent } from "./xy-pad.js";
|
|
@@ -653,7 +653,7 @@ declare class GroupedItemListerElement<T = unknown> extends LitElement {
|
|
|
653
653
|
connectedCallback(): void;
|
|
654
654
|
disconnectedCallback(): void;
|
|
655
655
|
protected updated(changed: PropertyValues): void;
|
|
656
|
-
protected render():
|
|
656
|
+
protected render(): import("lit").TemplateResult<1> | typeof nothing;
|
|
657
657
|
}
|
|
658
658
|
declare global {
|
|
659
659
|
interface HTMLElementTagNameMap {
|
|
@@ -1081,6 +1081,7 @@ declare class SnackbarElement extends LitElement {
|
|
|
1081
1081
|
showDelay: number;
|
|
1082
1082
|
hideDelay: number;
|
|
1083
1083
|
private _isOpen;
|
|
1084
|
+
private _recentCloseAt;
|
|
1084
1085
|
private readonly _anchorName;
|
|
1085
1086
|
private _target;
|
|
1086
1087
|
private _addedTabindex;
|
|
@@ -1093,6 +1094,7 @@ declare class SnackbarElement extends LitElement {
|
|
|
1093
1094
|
private readonly _onTickleOut;
|
|
1094
1095
|
private readonly _onPanelClick;
|
|
1095
1096
|
private readonly _onToggle;
|
|
1097
|
+
private readonly _onBeforeToggle;
|
|
1096
1098
|
get isOpen(): boolean;
|
|
1097
1099
|
show(): void;
|
|
1098
1100
|
hide(): void;
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts","../src/button/radio-group.ts","../src/button/types.ts","../src/button/split-button.ts","../src/common/data-controller.ts","../src/crumbs/crumb-path.ts","../src/crumbs/crumb-path-controller.ts","../src/editable-label/editable-number.ts","../src/form/form-group.ts","../src/form/form-part.ts","../src/form/form.ts","../src/vertical-list/types.ts","../src/grouped-item-lister/types.ts","../src/grouped-item-lister/grouped-item-lister.ts","../src/grouped-item-lister/tree-list-adapter.ts","../src/vertical-list/vertical-list.ts","../src/grouped-item-lister/vertical-list-adapter.ts","../src/notifier/types.ts","../src/notifier/notification-pill.ts","../src/notifier/manager.ts","../src/notifier/pill-renderer.ts","../src/panel/panel-group.ts","../src/range/range-multi.ts","../src/snackbar/snackbar.ts","../src/tabs/tab-panel.ts","../src/tabs/tab-panels.ts","../src/tabs/tab-controller.ts","../src/transitory-label/transitory-label.ts","../src/util/checkbox.ts","../src/index.ts"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","names":[],"sources":["../src/ac-token/types.ts","../src/ac-token/ac-token.ts","../src/button/radio-group.ts","../src/button/types.ts","../src/button/split-button.ts","../src/common/data-controller.ts","../src/crumbs/crumb-path.ts","../src/crumbs/crumb-path-controller.ts","../src/editable-label/editable-number.ts","../src/form/form-group.ts","../src/form/form-part.ts","../src/form/form.ts","../src/vertical-list/types.ts","../src/grouped-item-lister/types.ts","../src/grouped-item-lister/grouped-item-lister.ts","../src/grouped-item-lister/tree-list-adapter.ts","../src/vertical-list/vertical-list.ts","../src/grouped-item-lister/vertical-list-adapter.ts","../src/notifier/types.ts","../src/notifier/notification-pill.ts","../src/notifier/manager.ts","../src/notifier/pill-renderer.ts","../src/panel/panel-group.ts","../src/range/range-multi.ts","../src/snackbar/snackbar.ts","../src/tabs/tab-panel.ts","../src/tabs/tab-panels.ts","../src/tabs/tab-controller.ts","../src/transitory-label/transitory-label.ts","../src/util/checkbox.ts","../src/index.ts"],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -5225,6 +5225,10 @@ let SnackbarElement = class SnackbarElement extends LitElement {
|
|
|
5225
5225
|
this._isOpen = newState === `open`;
|
|
5226
5226
|
if (newState === `closed` && this.contains(document.activeElement)) this._target?.focus();
|
|
5227
5227
|
};
|
|
5228
|
+
this._onBeforeToggle = (e) => {
|
|
5229
|
+
const { newState } = e;
|
|
5230
|
+
this._recentCloseAt = newState === `closed` ? performance.now() : void 0;
|
|
5231
|
+
};
|
|
5228
5232
|
}
|
|
5229
5233
|
get isOpen() {
|
|
5230
5234
|
return this._isOpen;
|
|
@@ -5243,6 +5247,10 @@ let SnackbarElement = class SnackbarElement extends LitElement {
|
|
|
5243
5247
|
}
|
|
5244
5248
|
toggle() {
|
|
5245
5249
|
if (!this.popover) return;
|
|
5250
|
+
if (this._recentCloseAt !== void 0 && performance.now() - this._recentCloseAt < 50) {
|
|
5251
|
+
this._recentCloseAt = void 0;
|
|
5252
|
+
return;
|
|
5253
|
+
}
|
|
5246
5254
|
try {
|
|
5247
5255
|
this.togglePopover();
|
|
5248
5256
|
} catch {}
|
|
@@ -5252,6 +5260,7 @@ let SnackbarElement = class SnackbarElement extends LitElement {
|
|
|
5252
5260
|
if (!this.hasAttribute(`popover`)) this.popover = `auto`;
|
|
5253
5261
|
this.classList.add(`popup-surface`);
|
|
5254
5262
|
this.addEventListener(`toggle`, this._onToggle);
|
|
5263
|
+
this.addEventListener(`beforetoggle`, this._onBeforeToggle);
|
|
5255
5264
|
this.addEventListener(`click`, this._onPanelClick);
|
|
5256
5265
|
this.style.setProperty(`position-anchor`, this._anchorName);
|
|
5257
5266
|
this._attachToTarget();
|
|
@@ -5259,6 +5268,7 @@ let SnackbarElement = class SnackbarElement extends LitElement {
|
|
|
5259
5268
|
disconnectedCallback() {
|
|
5260
5269
|
super.disconnectedCallback();
|
|
5261
5270
|
this.removeEventListener(`toggle`, this._onToggle);
|
|
5271
|
+
this.removeEventListener(`beforetoggle`, this._onBeforeToggle);
|
|
5262
5272
|
this.removeEventListener(`click`, this._onPanelClick);
|
|
5263
5273
|
this._detachFromTarget();
|
|
5264
5274
|
this._cancelShow();
|