@aceshooting/lyra-ui 3.3.0 → 3.5.0

package/dist/components/code-editor/code-editor.class.js

@@ -0,0 +1,169 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import { html, nothing } from 'lit';
+import { property, query, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { FormAssociated } from '../../internal/form-associated.js';
+import { styles } from './code-editor.styles.js';
+class LyraCodeEditorBase extends LyraElement {
+}
+/** `<lyra-code-editor>` — dependency-free multiline code editing surface with optional line numbers.
+ * @customElement lyra-code-editor
+ * @slot label - Visible label content.
+ * @slot hint - Supporting text.
+ * @slot error - Validation message.
+ * @event input - User edited the code.
+ * @event change - Native change timing.
+ * @csspart form-control - Outer wrapper.
+ * @csspart label - Label.
+ * @csspart editor - Editor frame.
+ * @csspart gutter - Line-number gutter.
+ * @csspart textarea - Native textarea.
+ * @csspart hint - Supporting text.
+ * @csspart error - Validation message.
+ */
+export class LyraCodeEditor extends FormAssociated(LyraCodeEditorBase) {
+    constructor() {
+        super(...arguments);
+        this.language = '';
+        this.lineNumbers = true;
+        this.tabSize = 2;
+        this.label = '';
+        this.hint = '';
+        this.errorText = '';
+        this.placeholder = '';
+        this.readonly = false;
+        this.resize = 'both';
+        this.wrap = 'off';
+        this.spellcheck = false;
+        this.autocapitalize = 'off';
+        this.autoCorrect = 'off';
+        this.accessibleLabel = '';
+        this.touched = false;
+        this.hasLabelSlot = false;
+        this.hasHintSlot = false;
+        this.hasErrorSlot = false;
+        this.onInput = (event) => { this.value = event.target.value; this.emit('input', { value: this.value }); };
+        this.onChange = () => { this.emit('change', { value: this.value }); };
+        this.onFocus = () => { this.emit('focus'); };
+        this.onBlur = () => { this.touched = true; this.emit('blur'); };
+        this.onKeyDown = (event) => { if (event.key === 'Tab' && !this.readonly) {
+            event.preventDefault();
+            const target = event.target;
+            const start = target.selectionStart;
+            target.setRangeText(' '.repeat(Math.max(1, this.tabSize)), start, target.selectionEnd, 'end');
+            this.value = target.value;
+            this.emit('input', { value: this.value });
+        } };
+        this.onLabelSlotChange = (e) => { this.hasLabelSlot = e.target.assignedElements({ flatten: true }).length > 0; };
+        this.onHintSlotChange = (e) => { this.hasHintSlot = e.target.assignedElements({ flatten: true }).length > 0; };
+        this.onErrorSlotChange = (e) => { this.hasErrorSlot = e.target.assignedElements({ flatten: true }).length > 0; };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    focus(options) { this.textarea?.focus(options); }
+    blur() { this.textarea?.blur(); }
+    select() { this.textarea?.select(); }
+    get selectionStart() { return this.textarea?.selectionStart ?? 0; }
+    get selectionEnd() { return this.textarea?.selectionEnd ?? 0; }
+    setSelectionRange(start, end, direction) { this.textarea?.setSelectionRange(start, end, direction); }
+    setRangeText(replacement, start, end, selectionMode) {
+        const textarea = this.textarea;
+        if (!textarea)
+            return;
+        textarea.setRangeText(replacement, start ?? textarea.selectionStart, end ?? textarea.selectionEnd, selectionMode);
+        this.value = textarea.value;
+    }
+    willUpdate() {
+        if (!this.hasUpdated) {
+            this.hasLabelSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'label');
+            this.hasHintSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'hint');
+            this.hasErrorSlot = Array.from(this.children).some((el) => el.getAttribute('slot') === 'error');
+        }
+    }
+    updated(changed) {
+        if (this.textarea && this.textarea.value !== this.value)
+            this.textarea.value = this.value;
+        if (changed.has('touched') || changed.has('required') || changed.has('value')) {
+            this.toggleAttribute('data-invalid', this.touched && !this.internals.validity.valid);
+        }
+    }
+    render() {
+        const lineCount = Math.max(1, this.value.split('\n').length);
+        const hasLabel = this.hasLabelSlot || this.label.length > 0;
+        const hasHint = this.hasHintSlot || this.hint.length > 0;
+        const hasError = this.hasErrorSlot || this.errorText.length > 0;
+        const describedBy = [hasError ? 'textarea-error' : '', hasHint ? 'textarea-hint' : ''].filter(Boolean).join(' ');
+        const label = this.accessibleLabel || (hasLabel ? nothing : this.localize('codeEditorLabel'));
+        return html `<div part="form-control">
+      <label part="label" for="textarea" ?hidden=${!hasLabel}>${this.label}<slot name="label" @slotchange=${this.onLabelSlotChange}></slot>${this.required ? html `<span aria-hidden="true">*</span>` : nothing}</label>
+      <div part="editor" data-language=${this.language}>
+        ${this.lineNumbers ? html `<div part="gutter" aria-hidden="true">${Array.from({ length: lineCount }, (_v, i) => html `<div>${i + 1}</div>`)}</div>` : nothing}
+        <textarea id="textarea" part="textarea" .value=${this.value} aria-label=${label} aria-describedby=${describedBy || nothing} aria-invalid=${this.touched && !this.internals.validity.valid ? 'true' : 'false'} placeholder=${this.placeholder} ?readonly=${this.readonly} ?disabled=${this.effectiveDisabled} spellcheck=${this.spellcheck} autocapitalize=${this.autocapitalize} autocorrect=${this.autoCorrect} wrap=${this.wrap} style=${`resize:${this.resize};tab-size:${this.tabSize}`} @input=${this.onInput} @change=${this.onChange} @keydown=${this.onKeyDown} @focus=${this.onFocus} @blur=${this.onBlur}></textarea>
+      </div>
+      <div id="textarea-hint" part="hint" ?hidden=${!hasHint}>${this.hint}<slot name="hint" @slotchange=${this.onHintSlotChange}></slot></div>
+      <div id="textarea-error" part="error" ?hidden=${!hasError}>${this.errorText}<slot name="error" @slotchange=${this.onErrorSlotChange}></slot></div>
+    </div>`;
+    }
+}
+__decorate([
+    property()
+], LyraCodeEditor.prototype, "language", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true, attribute: 'line-numbers' })
+], LyraCodeEditor.prototype, "lineNumbers", void 0);
+__decorate([
+    property({ type: Number, attribute: 'tab-size' })
+], LyraCodeEditor.prototype, "tabSize", void 0);
+__decorate([
+    property()
+], LyraCodeEditor.prototype, "label", void 0);
+__decorate([
+    property()
+], LyraCodeEditor.prototype, "hint", void 0);
+__decorate([
+    property({ attribute: 'error-text' })
+], LyraCodeEditor.prototype, "errorText", void 0);
+__decorate([
+    property()
+], LyraCodeEditor.prototype, "placeholder", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraCodeEditor.prototype, "readonly", void 0);
+__decorate([
+    property()
+], LyraCodeEditor.prototype, "resize", void 0);
+__decorate([
+    property({ attribute: 'wrap' })
+], LyraCodeEditor.prototype, "wrap", void 0);
+__decorate([
+    property({ converter: { fromAttribute: (value) => value !== 'false', toAttribute: (value) => value ? 'true' : 'false' } })
+], LyraCodeEditor.prototype, "spellcheck", void 0);
+__decorate([
+    property()
+], LyraCodeEditor.prototype, "autocapitalize", void 0);
+__decorate([
+    property({ attribute: 'autocorrect' })
+], LyraCodeEditor.prototype, "autoCorrect", void 0);
+__decorate([
+    property({ attribute: 'aria-label' })
+], LyraCodeEditor.prototype, "accessibleLabel", void 0);
+__decorate([
+    state()
+], LyraCodeEditor.prototype, "touched", void 0);
+__decorate([
+    state()
+], LyraCodeEditor.prototype, "hasLabelSlot", void 0);
+__decorate([
+    state()
+], LyraCodeEditor.prototype, "hasHintSlot", void 0);
+__decorate([
+    state()
+], LyraCodeEditor.prototype, "hasErrorSlot", void 0);
+__decorate([
+    query('textarea')
+], LyraCodeEditor.prototype, "textarea", void 0);
+//# sourceMappingURL=code-editor.class.js.map

package/dist/components/code-editor/code-editor.class.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.class.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.class.ts"],"names":[],"mappings":"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"}

package/dist/components/code-editor/code-editor.d.ts

@@ -0,0 +1,2 @@
+export * from './code-editor.class.js';
+//# sourceMappingURL=code-editor.d.ts.map

package/dist/components/code-editor/code-editor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC"}

package/dist/components/code-editor/code-editor.js

@@ -0,0 +1,5 @@
+export * from './code-editor.class.js';
+import { LyraCodeEditor } from './code-editor.class.js';
+import { defineElement } from '../../internal/prefix.js';
+defineElement('code-editor', LyraCodeEditor);
+//# sourceMappingURL=code-editor.js.map

package/dist/components/code-editor/code-editor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,aAAa,CAAC,aAAa,EAAE,cAAc,CAAC,CAAC"}

package/dist/components/code-editor/code-editor.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const styles: import("lit").CSSResult;
+//# sourceMappingURL=code-editor.styles.d.ts.map

package/dist/components/code-editor/code-editor.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.styles.d.ts","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AACA,eAAO,MAAM,MAAM,yBAYlB,CAAC"}

package/dist/components/code-editor/code-editor.styles.js

@@ -0,0 +1,15 @@
+import { css } from 'lit';
+export const styles = css `
+  :host { display: block; --lyra-code-editor-min-block-size: var(--lyra-size-8rem); --lyra-code-editor-line-height: 1.5; --lyra-code-editor-tab-size: 2; }
+  [part='form-control'] { display: grid; gap: var(--lyra-space-xs); }
+  [part='label'] { color: var(--lyra-color-text); font-weight: var(--lyra-font-weight-semibold); }
+  [part='editor'] { display: grid; grid-template-columns: auto minmax(0, 1fr); overflow: auto; min-block-size: var(--lyra-code-editor-min-block-size); border: var(--lyra-border-width-thin) solid var(--lyra-color-border); border-radius: var(--lyra-radius); background: var(--lyra-color-surface); }
+  [part='gutter'] { padding: var(--lyra-space-s) var(--lyra-space-xs); border-inline-end: var(--lyra-border-width-thin) solid var(--lyra-color-border); color: var(--lyra-color-text-quiet); text-align: end; user-select: none; font: inherit; line-height: var(--lyra-code-editor-line-height); }
+  [part='textarea'] { display: block; box-sizing: border-box; inline-size: 100%; min-block-size: var(--lyra-code-editor-min-block-size); padding: var(--lyra-space-s); resize: both; border: 0; outline: 0; background: transparent; color: var(--lyra-color-text); font: var(--lyra-font-mono); line-height: var(--lyra-code-editor-line-height); tab-size: var(--lyra-code-editor-tab-size); }
+  [part='textarea']:focus-visible { outline: var(--lyra-focus-ring-width) solid var(--lyra-focus-ring-color); outline-offset: calc(var(--lyra-focus-ring-offset) * -1); }
+  [part='hint'], [part='error'] { color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); }
+  [part='error'] { color: var(--lyra-color-danger); }
+  :host([data-invalid]) [part='editor'] { border-color: var(--lyra-color-danger); }
+  :host([disabled]) { opacity: var(--lyra-opacity-disabled); }
+`;
+//# sourceMappingURL=code-editor.styles.js.map

package/dist/components/code-editor/code-editor.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"code-editor.styles.js","sourceRoot":"","sources":["../../../src/components/code-editor/code-editor.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;CAYxB,CAAC"}

package/dist/components/color-picker/color-picker.class.d.ts

@@ -13,26 +13,37 @@ declare class ColorPickerBase extends LyraElement<LyraColorPickerEventMap> {
 }
 declare const LyraColorPicker_base: typeof ColorPickerBase & (new (...args: any[]) => import("../../lyra.js").FormAssociatedInterface);
 /**
- * `<lyra-color-picker>` — a form-associated native color picker with label and hint chrome.
+ * `<lyra-color-picker>` — a form-associated native color picker with label, hint and error chrome.
  *
  * @customElement lyra-color-picker
  * @slot label - Custom label content.
  * @slot hint - Supporting text.
+ * @slot error - Custom validation-error content.
  * @event input - Native-style composed color input event.
  * @event change - Native-style composed color change event.
  * @event lyra-change - Change detail with the selected hex value.
+ * @event focus - Re-dispatched from the internal `<input>`'s own `focus`, bubbling and composed
+ *   unlike the native event.
+ * @event blur - Re-dispatched from the internal `<input>`'s own `blur`, for the same reason as `focus`.
  * @csspart form-control - The field wrapper.
- * @csspart label - The label.
+ * @csspart form-control-label - The label. Also carries the `label` part token for back-compat.
+ * @csspart label - Alias of `form-control-label`, kept for back-compat.
  * @csspart input - The native color input.
  * @csspart hint - Supporting text.
+ * @csspart error - The validation message.
  */
 export declare class LyraColorPicker extends LyraColorPicker_base {
     static styles: import("lit").CSSResultGroup[];
     label: string;
     hint: string;
+    errorText: string;
     accessibleLabel: string;
     private hasLabel;
     private hasHint;
+    private hasError;
+    private touched;
+    private hintId;
+    private errorId;
     private inputEl?;
     private onInput;
     private onChange;

package/dist/components/color-picker/color-picker.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.class.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAI7D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AACD,cAAM,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;CAAG;;AAErE;;;;;;;;;;;;;GAaG;AACH,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,MAAM,CAAC,MAAM,iCAAgC;IACjC,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACjB,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnD,OAAO,CAAC,OAAO,CAKb;IACF,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,YAAY,CAAsC;IAC1D,OAAO,CAAC,YAAY,CAIlB;IACF,MAAM,IAAI,cAAc,CAQvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,eAAe,CAAC;KAAE;CAAE"}
+{"version":3,"file":"color-picker.class.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAEzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAK7D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,MAAM,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC/B,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC9B,aAAa,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC/C;AACD,cAAM,eAAgB,SAAQ,WAAW,CAAC,uBAAuB,CAAC;CAAG;;AAErE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,qBAAa,eAAgB,SAAQ,oBAA+B;IAClE,MAAM,CAAC,MAAM,iCAAgC;IACjC,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IACf,eAAe,SAAM;IACnD,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,OAAO,CAAS;IACjC,OAAO,CAAC,MAAM,CAA+B;IAC7C,OAAO,CAAC,OAAO,CAAgC;IAC/B,OAAO,CAAC,OAAO,CAAC,CAAmB;IACnD,OAAO,CAAC,OAAO,CAKb;IACF,OAAO,CAAC,QAAQ,CAAwC;IACxD,OAAO,CAAC,aAAa,CAAuC;IAC5D,OAAO,CAAC,YAAY,CAGlB;IACF,OAAO,CAAC,YAAY,CAKlB;IACF,MAAM,IAAI,cAAc,CA2BvB;CACF;AACD,OAAO,CAAC,MAAM,CAAC;IAAE,UAAU,qBAAqB;QAAG,mBAAmB,EAAE,eAAe,CAAC;KAAE;CAAE"}

package/dist/components/color-picker/color-picker.class.js

@@ -8,31 +8,43 @@ import { html, nothing } from 'lit';
 import { property, query, state } from 'lit/decorators.js';
 import { LyraElement } from '../../internal/lyra-element.js';
 import { FormAssociated } from '../../internal/form-associated.js';
+import { nextId } from '../../internal/a11y.js';
 import { styles } from './color-picker.styles.js';
 class ColorPickerBase extends LyraElement {
 }
 /**
- * `<lyra-color-picker>` — a form-associated native color picker with label and hint chrome.
+ * `<lyra-color-picker>` — a form-associated native color picker with label, hint and error chrome.
  *
  * @customElement lyra-color-picker
  * @slot label - Custom label content.
  * @slot hint - Supporting text.
+ * @slot error - Custom validation-error content.
  * @event input - Native-style composed color input event.
  * @event change - Native-style composed color change event.
  * @event lyra-change - Change detail with the selected hex value.
+ * @event focus - Re-dispatched from the internal `<input>`'s own `focus`, bubbling and composed
+ *   unlike the native event.
+ * @event blur - Re-dispatched from the internal `<input>`'s own `blur`, for the same reason as `focus`.
  * @csspart form-control - The field wrapper.
- * @csspart label - The label.
+ * @csspart form-control-label - The label. Also carries the `label` part token for back-compat.
+ * @csspart label - Alias of `form-control-label`, kept for back-compat.
  * @csspart input - The native color input.
  * @csspart hint - Supporting text.
+ * @csspart error - The validation message.
  */
 export class LyraColorPicker extends FormAssociated(ColorPickerBase) {
     constructor() {
         super(...arguments);
         this.label = '';
         this.hint = '';
+        this.errorText = '';
         this.accessibleLabel = '';
         this.hasLabel = false;
         this.hasHint = false;
+        this.hasError = false;
+        this.touched = false;
+        this.hintId = nextId('color-picker-hint');
+        this.errorId = nextId('color-picker-error');
         this.onInput = () => {
             if (!this.inputEl)
                 return;
@@ -42,23 +54,47 @@ export class LyraColorPicker extends FormAssociated(ColorPickerBase) {
         };
         this.onChange = () => { this.emit('change'); };
         this.onNativeFocus = () => { this.emit('focus'); };
-        this.onNativeBlur = () => { this.emit('blur'); };
+        this.onNativeBlur = () => {
+            this.touched = true;
+            this.emit('blur');
+        };
         this.onSlotChange = (event) => {
             const slot = event.target;
             if (slot.name === 'label')
                 this.hasLabel = slot.assignedElements({ flatten: true }).length > 0;
             if (slot.name === 'hint')
                 this.hasHint = slot.assignedElements({ flatten: true }).length > 0;
+            if (slot.name === 'error')
+                this.hasError = slot.assignedElements({ flatten: true }).length > 0;
         };
     }
     static { this.styles = [LyraElement.styles, styles]; }
     render() {
         const hasLabel = this.hasLabel || Boolean(this.label);
+        const hasHint = this.hasHint || Boolean(this.hint);
+        const hasError = this.hasError || Boolean(this.errorText);
         const name = this.accessibleLabel || (hasLabel ? nothing : this.localize('colorPicker'));
+        const invalid = this.touched && !this.internals.validity.valid;
+        const describedBy = [hasError ? this.errorId : '', hasHint ? this.hintId : ''].filter(Boolean).join(' ');
         return html `<div part="form-control">
-      <label part="label" for="color" ?hidden=${!hasLabel}>${this.label}<slot name="label" @slotchange=${this.onSlotChange}></slot></label>
-      <input id="color" part="input" type="color" .value=${this.value || '#000000'} aria-label=${name} @input=${this.onInput} @change=${this.onChange} @focus=${this.onNativeFocus} @blur=${this.onNativeBlur} ?disabled=${this.effectiveDisabled} />
-      <div part="hint" ?hidden=${!this.hint && !this.hasHint}>${this.hint}<slot name="hint" @slotchange=${this.onSlotChange}></slot></div>
+      <label part="label form-control-label" for="color" ?hidden=${!hasLabel}>${this.label}<slot name="label" @slotchange=${this.onSlotChange}></slot></label>
+      <input
+        id="color"
+        part="input"
+        type="color"
+        .value=${this.value || '#000000'}
+        aria-label=${name}
+        aria-describedby=${describedBy || nothing}
+        aria-required=${this.required ? 'true' : 'false'}
+        aria-invalid=${invalid ? 'true' : 'false'}
+        @input=${this.onInput}
+        @change=${this.onChange}
+        @focus=${this.onNativeFocus}
+        @blur=${this.onNativeBlur}
+        ?disabled=${this.effectiveDisabled}
+      />
+      <div id=${this.errorId} part="error" ?hidden=${!hasError}>${this.errorText}<slot name="error" @slotchange=${this.onSlotChange}></slot></div>
+      <div id=${this.hintId} part="hint" ?hidden=${!hasHint}>${this.hint}<slot name="hint" @slotchange=${this.onSlotChange}></slot></div>
     </div>`;
     }
 }
@@ -68,6 +104,9 @@ __decorate([
 __decorate([
     property()
 ], LyraColorPicker.prototype, "hint", void 0);
+__decorate([
+    property({ attribute: 'error-text' })
+], LyraColorPicker.prototype, "errorText", void 0);
 __decorate([
     property({ attribute: 'aria-label' })
 ], LyraColorPicker.prototype, "accessibleLabel", void 0);
@@ -77,6 +116,12 @@ __decorate([
 __decorate([
     state()
 ], LyraColorPicker.prototype, "hasHint", void 0);
+__decorate([
+    state()
+], LyraColorPicker.prototype, "hasError", void 0);
+__decorate([
+    state()
+], LyraColorPicker.prototype, "touched", void 0);
 __decorate([
     query('input')
 ], LyraColorPicker.prototype, "inputEl", void 0);

package/dist/components/color-picker/color-picker.class.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.class.js","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.class.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"color-picker.class.js","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.class.ts"],"names":[],"mappings":"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"}

package/dist/components/color-picker/color-picker.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAMlB,CAAC"}
+{"version":3,"file":"color-picker.styles.d.ts","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAyBlB,CAAC"}

package/dist/components/color-picker/color-picker.styles.js

@@ -2,8 +2,27 @@ import { css } from 'lit';
 export const styles = css `
   :host { display: inline-block; }
   [part='form-control'] { display: inline-flex; flex-direction: column; gap: var(--lyra-space-xs); }
-  [part='label'] { color: var(--lyra-color-text); font-size: var(--lyra-font-size-md-sm); }
+  [part~='label'] { color: var(--lyra-color-text); font-size: var(--lyra-font-size-md-sm); }
+  /* [part]:empty never matches -- the part always contains a literal <slot> child element
+     regardless of assigned content -- so real emptiness is tracked in JS (hasLabel/hasHint/
+     hasError) and reflected via the hidden attribute instead. Without this, the required-asterisk
+     ::after below (which attaches to this box) would render a stray ' *' with nothing before it
+     whenever label is unset. */
+  [part~='label'][hidden] {
+    display: none;
+  }
+  :host([required]) [part~='label']::after {
+    content: ' *';
+    color: var(--lyra-color-danger);
+  }
   [part='input'] { inline-size: var(--lyra-size-2-5rem); block-size: var(--lyra-size-2-5rem); padding: var(--lyra-size-2px); border: var(--lyra-border-width-thin) solid var(--lyra-color-border); border-radius: var(--lyra-radius); background: var(--lyra-color-surface); cursor: pointer; }
   [part='hint'] { color: var(--lyra-color-text-quiet); font-size: var(--lyra-font-size-sm); }
+  [part='hint'][hidden] {
+    display: none;
+  }
+  [part='error'] { color: var(--lyra-color-danger); font-size: var(--lyra-font-size-sm); }
+  [part='error'][hidden] {
+    display: none;
+  }
 `;
 //# sourceMappingURL=color-picker.styles.js.map

package/dist/components/color-picker/color-picker.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"color-picker.styles.js","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;CAMxB,CAAC"}
+{"version":3,"file":"color-picker.styles.js","sourceRoot":"","sources":["../../../src/components/color-picker/color-picker.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;CAyBxB,CAAC"}

package/dist/components/combobox/combobox.class.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"combobox.class.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAE9E,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAM7D,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAC/C,OAAO,mBAAmB,CAAC;AAE3B,MAAM,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC;AAC1E,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,CAAC;AAE7D,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,0CAA0C;IAC1C,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,yEAAyE;IACzE,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,6DAA6D;IAC7D,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,iBAAiB,EAAE,CAAC,CAAC;AAC7E,MAAM,MAAM,8BAA8B,GAAG,SAAS,GAAG,UAAU,GAAG,MAAM,CAAC;AAO7E,MAAM,WAAW,oBAAoB;IACnC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACrC,IAAI,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAC/B;AACD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8CG;AACH,qBAAa,YAAa,SAAQ,WAAW,CAAC,oBAAoB,CAAC;IACjE,MAAM,CAAC,cAAc,UAAQ;IAC7B,MAAM,CAAC,MAAM,iCAAgC;IAE7C,MAAM,CAAC,UAAU;QACf,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;QACpD,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;QACpD,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;QACpD,KAAK;YAAI,UAAU;;QACnB,IAAI;YAAI,OAAO;YAAQ,UAAU;;MACjC;IAEU,WAAW,SAAM;IACjB,KAAK,SAAM;IACX,IAAI,SAAM;IACiB,SAAS,SAAM;IACV,IAAI,UAAS;IACzD,oEAAoE;IACvC,IAAI,EAAE,gBAAgB,CAAO;IAC1D,+FAA+F;IACnD,SAAS,UAAS;IAC9D,sEAAsE;IAChB,SAAS,UAAS;IACxE,2EAA2E;IAC/D,YAAY,SAAS;IACK,SAAS,SAAM;IACZ,YAAY,SAAM;IACb,UAAU,UAAQ;IACpD,cAAc,SAAM;IACQ,WAAW,SAAM;IACK,iBAAiB,SAAK;IACpF,2GAA2G;IACpE,SAAS,SAAM;IACtD,4HAA4H;IACnF,WAAW,SAAM;IAC1D,qJAAqJ;IAC3G,YAAY,SAAM;IAC5B,MAAM,EAAE,YAAY,GAAG,IAAI,CAAQ;IACnC,MAAM,EAAE,cAAc,GAAG,IAAI,CAAQ;IAChB,SAAS,SAAO;IAE5D,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,WAAW,CAAM;IACzB,OAAO,CAAC,OAAO,CAAoB;IAGnC,OAAO,CAAC,OAAO,CAAS;IAQxB,OAAO,CAAC,WAAW,CAAS;IAC5B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,OAAO,CAAS;IACxB,OAAO,CAAC,SAAS,CAA2B;IACnB,OAAO,CAAC,OAAO,CAAC,CAAmB;IACrE,OAAO,CAAC,WAAW,CAAC,CAAgC;IACpD,OAAO,CAAC,WAAW,CAAK;IAKxB,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,mBAAmB,CAA6B;IACxD,OAAO,CAAC,iBAAiB,CAAwC;IAKjE,OAAO,CAAC,YAAY,CAAwC;IAE5D,OAAO,CAAC,SAAS,CAAmB;IACpC,OAAO,CAAC,kBAAkB,CAA6B;IAKvD,OAAO,CAAC,iBAAiB,CAAS;IAClC,OAAO,CAAC,MAAM,CAA2B;IACzC,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,OAAO,CAAC,CAAa;IAC7B,OAAO,CAAC,cAAc,CAAQ;IAC9B,OAAO,CAAC,SAAS,CAAgB;IACjC,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAC1B,OAAO,CAAC,SAAS,CAAS;IAS1B,OAAO,CAAC,gBAAgB,CAAgB;IACxC,OAAO,CAAC,gBAAgB,CAAS;IAGjC,OAAO,CAAC,oBAAoB,CAAS;IAUrC,OAAO,CAAC,KAAK,CAAM;IAEnB,cAIC;IAED,IAAI,IAAI,IAAI,eAAe,GAAG,IAAI,CAEjC;IACD,IAAI,MAAM,IAAI,QAAQ,CAErB;IACD,IAAI,QAAQ,IAAI,aAAa,CAE5B;IACD,IAAI,iBAAiB,IAAI,MAAM,CAE9B;IACD,IAAI,YAAY,IAAI,OAAO,CAE1B;IAED,2EAA2E;IAC3E,IAAI,KAAK,IAAI,gBAAgB,GAAG,IAAI,CAEnC;IAED,IAAI,cAAc,IAAI,MAAM,GAAG,IAAI,CAElC;IAED,IAAI,cAAc,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAEtC;IAED,IAAI,YAAY,IAAI,MAAM,GAAG,IAAI,CAEhC;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI,EAEpC;IAED,IAAI,kBAAkB,IAAI,8BAA8B,GAAG,IAAI,CAE9D;IAED,IAAI,kBAAkB,CAAC,KAAK,EAAE,8BAA8B,GAAG,IAAI,EAElE;IAEQ,KAAK,CAAC,OAAO,CAAC,EAAE,YAAY,GAAG,IAAI,CAE3C;IAEQ,IAAI,IAAI,IAAI,CAEpB;IAED,MAAM,IAAI,IAAI,CAEb;IAED,iBAAiB,CACf,KAAK,EAAE,MAAM,GAAG,IAAI,EACpB,GAAG,EAAE,MAAM,GAAG,IAAI,EAClB,SAAS,CAAC,EAAE,8BAA8B,GACzC,IAAI,CAEN;IAED,YAAY,CAAC,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IACxC,YAAY,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAmBhG,iBAAiB,IAAI,IAAI,CAGxB;IAED,SAAS,CAAC,UAAU,IAAI,IAAI,CAqB3B;IAED,IAAI,IAAI,IAAI,MAAM,CAEjB;IACD,IAAI,IAAI,CAAC,IAAI,EAAE,MAAM,EAUpB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAMzB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAMzB;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAMzB;IAED,qFAAqF;IACrF,IAAI,KAAK,IAAI,MAAM,GAAG,MAAM,EAAE,CAE7B;IACD,IAAI,KAAK,CAAC,IAAI,EAAE,MAAM,GAAG,MAAM,EAAE,EAkBhC;IAED,+FAA+F;IAC/F,IAAI,YAAY,IAAI,iBAAiB,EAAE,CAStC;IAED,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,aAAa;IAqBrB;;gFAE4E;IAC5E,IAAI,iBAAiB,IAAI,OAAO,CAE/B;IAED,iBAAiB,IAAI,IAAI,CAGxB;IACD,wBAAwB,CACtB,KAAK,EAAE,MAAM,GAAG,IAAI,GAAG,QAAQ,GAAG,IAAI,EACtC,KAAK,CAAC,EAAE,SAAS,GAAG,cAAc,GACjC,IAAI,CAYN;IACD;;;;;OAKG;IACH,oBAAoB,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAI5C;IACD,aAAa,IAAI,OAAO,CAEvB;IACD,cAAc,IAAI,OAAO,CAExB;IAED,oBAAoB,IAAI,IAAI,CAY3B;IAED,OAAO,CAAC,cAAc,CAoCpB;IAEF,OAAO,CAAC,cAAc,CAOpB;IAEF,OAAO,CAAC,eAAe;IAKvB,OAAO,CAAC,QAAQ;IAgBhB,sEAAsE;IACtE,OAAO,KAAK,aAAa,GAUxB;IAED,2FAA2F;IAC3F,OAAO,KAAK,YAAY,GAyBvB;IAED,OAAO,KAAK,QAAQ,GASnB;IAED,OAAO,KAAK,YAAY,GAGvB;IAED,OAAO,CAAC,IAAI;IAIZ,OAAO,CAAC,IAAI;IAaZ,OAAO,CAAC,YAAY,CAElB;IAEF,SAAS,CAAC,OAAO,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI,CA4B/C;IAED;;2EAEuE;IACvE,OAAO,CAAC,eAAe;IAOvB,OAAO,CAAC,OAAO;IA+Bf,OAAO,CAAC,WAAW;IAOnB,OAAO,CAAC,KAAK;IASb,OAAO,CAAC,OAAO,CAKb;IAEF,OAAO,CAAC,SAAS;IA+BjB,OAAO,CAAC,WAAW,CASjB;IAEF,OAAO,CAAC,YAAY,CAGlB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,iBAAiB,CAEvB;IAEF,OAAO,CAAC,SAAS,CA2Cf;IAEF,OAAO,CAAC,gBAAgB,CAMtB;IAKF,OAAO,CAAC,kBAAkB,CAExB;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,OAAO,CAAC,UAAU;IAmClB,MAAM,IAAI,cAAc,CA6GvB;CACF;AAGD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,YAAY,CAAC;KAC/B;CACF"}
+{"version":3,"file":"combobox.class.d.ts","sourceRoot":"","sources":["../../../src/components/combobox/combobox.class.ts"],"names":[],"mappings":"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"}

package/dist/components/combobox/combobox.class.js

@@ -486,6 +486,14 @@ export class LyraCombobox extends LyraElement {
             if (!selected.has(value))
                 this._selectedRowCache.delete(value);
         }
+        // `_selectedLabelCache` gets the identical treatment -- otherwise it
+        // grows by one permanent entry per distinct value ever selected over the
+        // element's lifetime, unlike `_selectedRowCache` above which is already
+        // pruned back to the live selection on every write.
+        for (const value of this._selectedLabelCache.keys()) {
+            if (!selected.has(value))
+                this._selectedLabelCache.delete(value);
+        }
         this.syncFormValue();
         this.reflectSelected();
         this.updateValidity();
@@ -577,7 +585,7 @@ export class LyraCombobox extends LyraElement {
         this.cleanup?.();
         this.cleanup = undefined;
         clearTimeout(this.sourceTimer);
-        document.removeEventListener('pointerdown', this.onDocPointer);
+        this.ownerDocument.removeEventListener('pointerdown', this.onDocPointer);
         // Reset so a reconnect (e.g. a drag-drop reparent) re-triggers
         // `updated()`'s `open`-driven branch -- without this, `open` stays
         // `true` across the disconnect/reconnect and `changed.has('open')` never
@@ -645,13 +653,17 @@ export class LyraCombobox extends LyraElement {
         return { rows: capped, overflow: all.length - capped.length };
     }
     get filtered() {
-        const q = this.query.trim().toLowerCase();
+        // `toLocaleLowerCase()` (not the invariant-Unicode `toLowerCase()`) so a
+        // `tr`/`az` locale's dotted/dotless I case-folds the way that locale
+        // actually expects -- matches `<lyra-table>`'s identical filter fold.
+        const locale = this.effectiveLocale;
+        const q = this.query.trim().toLocaleLowerCase(locale);
         const selectedLabel = !this.multiple ? (this.labelFor(this._selected[0] ?? '') ?? '') : '';
-        const effective = q && q === selectedLabel.toLowerCase() ? '' : q;
+        const effective = q && q === selectedLabel.toLocaleLowerCase(locale) ? '' : q;
         if (!effective)
             return this.options;
         const fn = this.filter ??
-            ((o, query) => o.label.toLowerCase().includes(query) || o.searchText.toLowerCase().includes(query));
+            ((o, query) => o.label.toLocaleLowerCase(locale).includes(query) || o.searchText.toLocaleLowerCase(locale).includes(query));
         return this.options.filter((o) => fn(o, effective));
     }
     get displayValue() {
@@ -689,7 +701,7 @@ export class LyraCombobox extends LyraElement {
             // show()/hide()'s own user-interaction paths, or a consumer/test
             // setting `el.open` directly, which bypasses both entirely.
             if (this.open) {
-                document.addEventListener('pointerdown', this.onDocPointer);
+                this.ownerDocument.addEventListener('pointerdown', this.onDocPointer);
                 // Don't announce a "show" transition for markup that's simply
                 // rendering open for the first time (e.g. `<lyra-combobox open>`) --
                 // only for an actual closed-to-open transition.
@@ -703,7 +715,7 @@ export class LyraCombobox extends LyraElement {
                     this.runSource(this.query);
             }
             else {
-                document.removeEventListener('pointerdown', this.onDocPointer);
+                this.ownerDocument.removeEventListener('pointerdown', this.onDocPointer);
                 if (!this._isFirstUpdate)
                     this.emit('lyra-hide');
             }
@@ -713,6 +725,16 @@ export class LyraCombobox extends LyraElement {
         if (changed.has('touched') || changed.has('required') || changed.has('value')) {
             this.toggleAttribute('data-invalid', this.touched && !this.internals.validity.valid);
         }
+        // The listbox is a fixed-height, scrollable box (see combobox.styles.ts's
+        // `max-block-size`/`overflow-y`) -- without this, arrowing/Home/End past
+        // its visible rows moves `activeIndex` and `aria-activedescendant`
+        // correctly but leaves the highlighted row scrolled out of view for a
+        // sighted keyboard user. `block: 'nearest'` is a no-op whenever the
+        // active row is already fully visible. Mirrors lyra-mention-popover's
+        // identical fix for the same shape of listbox.
+        if (changed.has('activeIndex')) {
+            this.renderRoot.querySelector('[part="option"][data-active]')?.scrollIntoView({ block: 'nearest' });
+        }
     }
     /** Dispatches the platform-style value-event pair used by non-text user
      * interactions. Text editing keeps and exposes the original InputEvent