@aceshooting/lyra-ui 4.0.0 → 4.2.0

package/dist/components/filter-bar/filter-bar.class.d.ts.map

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

package/dist/components/filter-bar/filter-bar.class.js

@@ -0,0 +1,322 @@
+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, state } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import { styles } from './filter-bar.styles.js';
+import '../select/select.class.js';
+import '../combobox/combobox.class.js';
+import '../combobox/option.class.js';
+import '../date-picker/date-input.class.js';
+import '../chip/chip.class.js';
+import '../chip/chip-group.class.js';
+import '../button/button.class.js';
+import '../spinner/spinner.class.js';
+const EMPTY_FILTERS = [];
+const EMPTY_VALUE = {};
+/** A filter's value counts as "active" (shown as a chip, counted toward `hasActiveFilters`,
+ *  satisfying `required`) once it's neither absent, `''`, nor `[]`. */
+function isSet(value) {
+    if (value == null)
+        return false;
+    return Array.isArray(value) ? value.length > 0 : value !== '';
+}
+/**
+ * `<lr-filter-bar>` — a row of dashboard filters, each declared by the host (`filters`) rather
+ * than invented by this component: every filter composes an existing Lyra input --
+ * `<lr-select>`/`<lr-combobox>` for closed choice sets, `<lr-date-input>` (single or `mode="range"`)
+ * for dates -- plus a `<lr-chip-group>` of removable `<lr-chip>`s summarizing the currently-active
+ * filters, an `<lr-button>` that resets every filter, and (while `loading`) an `<lr-spinner>`
+ * status indicator.
+ *
+ * Controlled, like every other Lyra data component: `value` is a plain, JSON-serializable object
+ * (`FilterBarValue`) the host reads/writes directly -- this component never touches
+ * `location`/`history`/storage itself, so turning `value` into (and back out of) a URL
+ * querystring or an app state store is entirely the host's own concern. Every edit -- picking an
+ * option, committing a date, removing an active-filter chip, or clicking reset -- goes through
+ * the same `setFilterValue()` path and emits a single `lr-input` carrying the *full* resulting
+ * `value`, not just the changed filter's own value, mirroring `<lr-tool-param-form>`'s identical
+ * "always the whole object" event contract.
+ *
+ * Validation is scoped to each filter definition's own `required` flag: `invalidFilterIds`/
+ * `checkValidity()` are always live (plain getters over `filters`/`value`, not cached), and
+ * `reportValidity()` additionally reveals every currently-invalid filter's inline error (rendered
+ * by that filter's own composed control, via its `errorText`/`required` props -- this component
+ * never renders a second, duplicate label/hint/error chrome of its own around an already-chromed
+ * control) the same way a blur naturally would. `lr-validity-change` fires whenever the computed
+ * `{ valid, invalidFilterIds }` actually changes.
+ *
+ * Deliberately not form-associated: a dashboard filter bar's state is not a submitted form field,
+ * and every value it holds already round-trips through `value` directly -- see `disabled` below,
+ * a plain property with no `<fieldset disabled>` cascade, for the same reason.
+ *
+ * @customElement lr-filter-bar
+ * @event lr-input - A filter's value changed (including a chip removal or `reset()`).
+ *   `detail: { value, filterId }` -- `value` is always the complete object; `filterId` is the
+ *   one filter that changed, or `undefined` for a `reset()`.
+ * @event lr-validity-change - The computed `{ valid, invalidFilterIds }` changed.
+ * @event lr-reset - `reset()` ran (via the reset button or a direct call). `detail: { value }`.
+ * @csspart base - The root `role="group"` wrapper.
+ * @csspart controls - The row holding every filter control, the reset button, and the loading status.
+ * @csspart filter-control - One filter's composed `<lr-select>`/`<lr-combobox>`/`<lr-date-input>`.
+ * @csspart reset-button - The reset `<lr-button>`.
+ * @csspart status - The loading `<lr-spinner>`, only rendered while `loading`.
+ * @csspart active-filters - The `role="group"` wrapper around the active-filter chip row, only rendered while any filter is set.
+ * @csspart chips - The `<lr-chip-group>` inside `active-filters`.
+ * @csspart chip - One active-filter `<lr-chip>`.
+ */
+export class LyraFilterBar extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** Accessible name for the root `role="group"` wrapper. A plain `aria-label` attribute on the
+         *  host itself is honored as a fallback when this is left unset, matching `<lr-control-group>`. */
+        this.label = '';
+        /** Disables every composed filter control and the reset button. Plain property -- see the
+         *  class doc for why this component isn't form-associated / fieldset-cascaded. */
+        this.disabled = false;
+        /** Shows the `status` spinner. Purely presentational -- filters stay editable while `loading`,
+         *  since a host typically wants a user to keep refining filters while a previous query is
+         *  still in flight; only the reset button (which would otherwise race a fresh, unrequeried
+         *  reset against an in-flight fetch for the *previous* value) is disabled by it. */
+        this.loading = false;
+        /** Filters that have been visited (focusout'd) at least once -- gates only the *visual*
+         *  inline-error presentation on each composed control, matching every other form control in
+         *  this library (`lr-select`/`lr-combobox`/`lr-tool-param-form` all avoid flashing red before
+         *  the user has touched anything). */
+        this.touchedFilters = new Set();
+        this._filters = EMPTY_FILTERS;
+        this._value = EMPTY_VALUE;
+        this.onControlChange = (id, e) => {
+            this.setFilterValue(id, e.target.value);
+        };
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    static { this.properties = {
+        filters: { attribute: false, noAccessor: true },
+        value: { attribute: false, noAccessor: true },
+    }; }
+    /** Host-declared filter definitions, rendered in array order. `null`/`undefined` is treated as
+     *  an empty array rather than throwing. */
+    get filters() {
+        return this._filters;
+    }
+    set filters(next) {
+        const old = this._filters;
+        this._filters = Array.isArray(next) ? next : EMPTY_FILTERS;
+        this.requestUpdate('filters', old);
+    }
+    /** The current value of every filter -- see the class doc's serialization contract. Always a
+     *  fresh shallow copy; mutating a returned object does not affect this component's own state. */
+    get value() {
+        return { ...this._value };
+    }
+    set value(next) {
+        const old = this._value;
+        this._value = next ? { ...next } : {};
+        this.requestUpdate('value', old);
+    }
+    /** Whether any filter currently has a value. Also what gates the reset button's own disabled
+     *  state and whether the `active-filters` chip row renders at all. */
+    get hasActiveFilters() {
+        return this._filters.some((def) => isSet(this._value[def.id]));
+    }
+    /** Filter ids currently failing their own `required` check -- a filter is invalid only when
+     *  `required` is set and its value is unset (see `isSet`). Always live, never cached. */
+    get invalidFilterIds() {
+        return this._filters.filter((def) => def.required && !isSet(this._value[def.id])).map((def) => def.id);
+    }
+    /** Whether every `required` filter currently has a value. Never reveals inline errors on its
+     *  own -- see `reportValidity()`. */
+    checkValidity() {
+        return this.invalidFilterIds.length === 0;
+    }
+    /** Like `checkValidity()`, but also marks every currently-invalid filter as touched so its
+     *  inline error becomes visible immediately -- the hook a consumer's own "Apply"/search action
+     *  should call right before acting, mirroring `<lr-tool-param-form>`'s identical method. */
+    reportValidity() {
+        const invalid = this.invalidFilterIds;
+        if (invalid.length)
+            this.touchedFilters = new Set([...this.touchedFilters, ...invalid]);
+        return invalid.length === 0;
+    }
+    /** Resets every filter to its own `defaultValue` (or unset, if it declared none), clears
+     *  touched state, and emits both `lr-input` (the standard "value changed" event, so a listener
+     *  that only listens for that still observes the reset) and `lr-reset` -- mirrors
+     *  `<lr-combobox>`'s own `clear()`, which likewise emits its standard value events *plus* a
+     *  dedicated `lr-clear`. */
+    reset() {
+        if (this.disabled)
+            return;
+        this.touchedFilters = new Set();
+        this.value = this.resetValue;
+        this.emit('lr-input', { value: this.value, filterId: undefined });
+        this.emit('lr-reset', { value: this.value });
+    }
+    get resetValue() {
+        const out = {};
+        for (const def of this._filters) {
+            if (def.defaultValue !== undefined) {
+                out[def.id] = Array.isArray(def.defaultValue) ? [...def.defaultValue] : def.defaultValue;
+            }
+        }
+        return out;
+    }
+    setFilterValue(id, value) {
+        if (this.disabled)
+            return;
+        this.value = { ...this._value, [id]: value };
+        this.emit('lr-input', { value: this.value, filterId: id });
+    }
+    markTouched(id) {
+        if (this.touchedFilters.has(id))
+            return;
+        this.touchedFilters = new Set(this.touchedFilters).add(id);
+    }
+    clearFilter(id) {
+        if (this.disabled)
+            return;
+        const def = this._filters.find((f) => f.id === id);
+        const empty = def?.type === 'combobox' && def.multiple ? [] : '';
+        this.setFilterValue(id, empty);
+    }
+    displayValueFor(def, value) {
+        if (def.type === 'select' || def.type === 'combobox') {
+            const values = Array.isArray(value) ? value : value ? [value] : [];
+            // Show each option's own label, not its raw value, when it's a known choice -- falls back
+            // to the raw value verbatim for a value that no longer matches any declared option.
+            return values.map((v) => def.options?.find((o) => o.value === v)?.label ?? v).join(', ');
+        }
+        // 'date' / 'date-range': the raw ISO value(s) are caller-supplied data, not UI copy -- not
+        // an i18n concern. The '/' range separator is swapped for an en dash purely as display
+        // punctuation, mirroring <lr-date-input>'s own displayText join.
+        return typeof value === 'string' ? value.replace('/', ' – ') : '';
+    }
+    get activeEntries() {
+        return this._filters
+            .filter((def) => isSet(this._value[def.id]))
+            .map((def) => ({ def, display: this.displayValueFor(def, this._value[def.id]) }));
+    }
+    updated(changed) {
+        if (changed.has('value') || changed.has('filters')) {
+            const invalidFilterIds = this.invalidFilterIds;
+            const valid = invalidFilterIds.length === 0;
+            const key = JSON.stringify({ valid, invalidFilterIds });
+            if (key !== this.lastValidityKey) {
+                this.lastValidityKey = key;
+                this.emit('lr-validity-change', { valid, invalidFilterIds });
+            }
+        }
+    }
+    renderControl(def) {
+        const value = this._value[def.id];
+        const missing = Boolean(def.required) && !isSet(value);
+        const errorText = this.touchedFilters.has(def.id) && missing ? this.localize('fieldRequired') : '';
+        const onChange = (e) => this.onControlChange(def.id, e);
+        const onFocusout = () => this.markTouched(def.id);
+        if (def.type === 'combobox') {
+            const multiple = Boolean(def.multiple);
+            const comboValue = multiple ? (Array.isArray(value) ? value : []) : typeof value === 'string' ? value : '';
+            return html `<lr-combobox
+        part="filter-control"
+        data-filter-id=${def.id}
+        .label=${def.label}
+        placeholder=${def.placeholder || ''}
+        ?multiple=${multiple}
+        ?required=${Boolean(def.required)}
+        .errorText=${errorText}
+        .value=${comboValue}
+        ?disabled=${this.disabled}
+        @change=${onChange}
+        @focusout=${onFocusout}
+        >${(def.options ?? []).map((o) => html `<lr-option value=${o.value}>${o.label}</lr-option>`)}</lr-combobox
+      >`;
+        }
+        if (def.type === 'date' || def.type === 'date-range') {
+            return html `<lr-date-input
+        part="filter-control"
+        data-filter-id=${def.id}
+        .label=${def.label}
+        placeholder=${def.placeholder || ''}
+        .mode=${def.type === 'date-range' ? 'range' : 'single'}
+        .min=${def.min || ''}
+        .max=${def.max || ''}
+        ?required=${Boolean(def.required)}
+        .errorText=${errorText}
+        .value=${typeof value === 'string' ? value : ''}
+        ?disabled=${this.disabled}
+        @change=${onChange}
+        @focusout=${onFocusout}
+      ></lr-date-input>`;
+        }
+        // 'select' (also the fallback for an unrecognized type, so a filter with a bad `type` still
+        // renders a usable, if empty, control instead of vanishing silently).
+        return html `<lr-select
+      part="filter-control"
+      data-filter-id=${def.id}
+      .label=${def.label}
+      placeholder=${def.placeholder || ''}
+      ?required=${Boolean(def.required)}
+      .errorText=${errorText}
+      .value=${typeof value === 'string' ? value : ''}
+      ?disabled=${this.disabled}
+      @change=${onChange}
+      @focusout=${onFocusout}
+      >${(def.options ?? []).map((o) => html `<lr-option value=${o.value}>${o.label}</lr-option>`)}</lr-select
+    >`;
+    }
+    render() {
+        const accessibleLabel = this.label || this.getAttribute('aria-label') || nothing;
+        const active = this.activeEntries;
+        return html `
+      <div part="base" role="group" aria-label=${accessibleLabel}>
+        <div part="controls">
+          ${this._filters.map((def) => this.renderControl(def))}
+          <lr-button
+            part="reset-button"
+            appearance="quiet"
+            size="s"
+            ?disabled=${this.disabled || this.loading || !this.hasActiveFilters}
+            @click=${() => this.reset()}
+          >
+            ${this.localize('filterBarReset')}
+          </lr-button>
+          ${this.loading ? html `<lr-spinner part="status"></lr-spinner>` : nothing}
+        </div>
+        ${active.length > 0
+            ? html `<div
+              part="active-filters"
+              role="group"
+              aria-label=${this.localize('filterBarActiveFilters')}
+            >
+              <lr-chip-group part="chips">
+                ${active.map(({ def, display }) => html `<lr-chip
+                    part="chip"
+                    removable
+                    value=${def.id}
+                    @lr-remove=${() => this.clearFilter(def.id)}
+                    >${def.label}: ${display}</lr-chip
+                  >`)}
+              </lr-chip-group>
+            </div>`
+            : nothing}
+      </div>
+    `;
+    }
+}
+__decorate([
+    property()
+], LyraFilterBar.prototype, "label", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraFilterBar.prototype, "disabled", void 0);
+__decorate([
+    property({ type: Boolean, reflect: true })
+], LyraFilterBar.prototype, "loading", void 0);
+__decorate([
+    state()
+], LyraFilterBar.prototype, "touchedFilters", void 0);
+//# sourceMappingURL=filter-bar.class.js.map

package/dist/components/filter-bar/filter-bar.class.js.map

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

package/dist/components/filter-bar/filter-bar.d.ts

@@ -0,0 +1,10 @@
+export * from './filter-bar.class.js';
+import "../select/select.js";
+import "../combobox/combobox.js";
+import "../combobox/option.js";
+import "../date-picker/date-input.js";
+import "../chip/chip.js";
+import "../chip/chip-group.js";
+import "../button/button.js";
+import "../spinner/spinner.js";
+//# sourceMappingURL=filter-bar.d.ts.map

package/dist/components/filter-bar/filter-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.d.ts","sourceRoot":"","sources":["../../../src/components/filter-bar/filter-bar.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AAGtC,OAAO,qBAAqB,CAAC;AAC7B,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,8BAA8B,CAAC;AACtC,OAAO,iBAAiB,CAAC;AACzB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC"}

package/dist/components/filter-bar/filter-bar.js

@@ -0,0 +1,13 @@
+export * from './filter-bar.class.js';
+import { LyraFilterBar } from './filter-bar.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import "../select/select.js";
+import "../combobox/combobox.js";
+import "../combobox/option.js";
+import "../date-picker/date-input.js";
+import "../chip/chip.js";
+import "../chip/chip-group.js";
+import "../button/button.js";
+import "../spinner/spinner.js";
+defineElement('filter-bar', LyraFilterBar);
+//# sourceMappingURL=filter-bar.js.map

package/dist/components/filter-bar/filter-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.js","sourceRoot":"","sources":["../../../src/components/filter-bar/filter-bar.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,qBAAqB,CAAC;AAC7B,OAAO,yBAAyB,CAAC;AACjC,OAAO,uBAAuB,CAAC;AAC/B,OAAO,8BAA8B,CAAC;AACtC,OAAO,iBAAiB,CAAC;AACzB,OAAO,uBAAuB,CAAC;AAC/B,OAAO,qBAAqB,CAAC;AAC7B,OAAO,uBAAuB,CAAC;AAC/B,aAAa,CAAC,YAAY,EAAE,aAAa,CAAC,CAAC"}

package/dist/components/filter-bar/filter-bar.styles.d.ts

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

package/dist/components/filter-bar/filter-bar.styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-bar.styles.d.ts","sourceRoot":"","sources":["../../../src/components/filter-bar/filter-bar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,yBAkClB,CAAC"}

package/dist/components/filter-bar/filter-bar.styles.js

@@ -0,0 +1,37 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+  [part='base'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-s);
+  }
+  [part='controls'] {
+    display: flex;
+    flex-wrap: wrap;
+    /* end (not center/stretch): every composed control (lr-select/lr-combobox/lr-date-input)
+       renders its own label above its own field, so aligning to the field row's own baseline
+       keeps the reset button (no label above it) sitting flush with the fields beside it. */
+    align-items: flex-end;
+    gap: var(--lr-space-s);
+  }
+  [part='filter-control'] {
+    flex: 1 1 var(--lr-size-12rem);
+    min-inline-size: 0;
+  }
+  [part='reset-button'] {
+    flex: 0 0 auto;
+  }
+  [part='status'] {
+    flex: 0 0 auto;
+  }
+  [part='active-filters'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: var(--lr-space-xs);
+  }
+`;
+//# sourceMappingURL=filter-bar.styles.js.map

package/dist/components/filter-bar/filter-bar.styles.js.map

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