@aceshooting/lyra-ui 4.0.0 → 4.2.0

package/dist/components/policy-summary/policy-summary.class.js

@@ -0,0 +1,125 @@
+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 } from 'lit/decorators.js';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../badge/badge.class.js';
+import '../callout/callout.class.js';
+import '../details/details.class.js';
+import '../empty/empty.class.js';
+import { styles } from './policy-summary.styles.js';
+/** `allow` -> success, `deny` -> danger, `needs-review` -> warning -- shared by the state badge
+ *  and the explanation callout so both always agree on a decision's visual weight. */
+const STATE_VARIANT = {
+    allow: 'success',
+    deny: 'danger',
+    'needs-review': 'warning',
+};
+const STATE_LABEL_KEY = {
+    allow: 'policySummaryStateAllow',
+    deny: 'policySummaryStateDeny',
+    'needs-review': 'policySummaryStateNeedsReview',
+};
+const STATE_COUNT_KEY = {
+    allow: 'policySummaryAllowCount',
+    deny: 'policySummaryDenyCount',
+    'needs-review': 'policySummaryNeedsReviewCount',
+};
+const CATEGORY_LABEL_KEY = {
+    guardrail: 'policySummaryCategoryGuardrail',
+    permission: 'policySummaryCategoryPermission',
+    privacy: 'policySummaryCategoryPrivacy',
+    tool: 'policySummaryCategoryTool',
+};
+const STATES = ['allow', 'deny', 'needs-review'];
+/**
+ * `<lr-policy-summary>` — a read-only list of guardrail, permission, privacy, and tool-policy
+ * decisions, each carrying an `allow` / `deny` / `needs-review` state and an always-visible,
+ * accessible explanation of why that decision was made -- never conveyed by color alone.
+ *
+ * Composes `<lr-badge>` for the compact per-decision state indicator and `<lr-callout inline>`
+ * for the explanation text: the callout's own `role="alert"`/`role="status"` semantics already
+ * carry the right urgency per state (`deny` renders as an alert, `allow`/`needs-review` as
+ * status), so this component only needs to pick the matching `variant` rather than re-implement
+ * that wiring. `<lr-details>` renders a decision's optional richer `detail` (matched rule text,
+ * policy id, cited evidence) behind progressive disclosure, collapsed by default, instead of
+ * always showing it alongside the shorter `explanation`.
+ *
+ * `decisions` is controlled and never mutated by this component -- pass a new array (e.g. as a
+ * guardrail pipeline resolves) to update it. This is a summary surface, not an approval gate:
+ * there is no per-decision action here, and a decision's `state` is fixed data, not something a
+ * viewer can change from this component.
+ *
+ * @customElement lr-policy-summary
+ * @csspart base - The root wrapper, only rendered while `decisions` is non-empty.
+ * @csspart summary - The always-visible allow/deny/needs-review count row.
+ * @csspart count - One state's localized count text; carries `data-state`.
+ * @csspart list - The `role="list"` wrapper around every decision row.
+ * @csspart decision - One decision row (`role="listitem"`); carries `data-state` and `data-category`.
+ * @csspart decision-header - The row's category/label/state-badge line.
+ * @csspart category - The decision's localized category text.
+ * @csspart label - The decision's `label` text.
+ * @csspart state-badge - The resolved `<lr-badge>` state indicator.
+ * @csspart explanation - The `<lr-callout inline>` wrapping the always-visible `explanation` text.
+ * @csspart detail - The `<lr-details>` progressive-disclosure panel for `detail`, only rendered
+ *   when a decision defines one.
+ * @csspart empty - The `<lr-empty>` shown when `decisions` is empty.
+ */
+export class LyraPolicySummary extends LyraElement {
+    constructor() {
+        super(...arguments);
+        /** The decisions to render, in the given order. Controlled and never mutated by this component
+         *  -- pass a new array to update it. */
+        this.decisions = [];
+    }
+    static { this.styles = [LyraElement.styles, styles]; }
+    countOf(state) {
+        return this.decisions.filter((decision) => decision.state === state).length;
+    }
+    renderDecision(decision) {
+        const variant = STATE_VARIANT[decision.state];
+        return html `
+      <div part="decision" role="listitem" data-state=${decision.state} data-category=${decision.category}>
+        <div part="decision-header">
+          <span part="category">${this.localize(CATEGORY_LABEL_KEY[decision.category])}</span>
+          <span part="label">${decision.label}</span>
+          <lr-badge part="state-badge" variant=${variant}>${this.localize(STATE_LABEL_KEY[decision.state])}</lr-badge>
+        </div>
+        <lr-callout part="explanation" variant=${variant} inline>${decision.explanation}</lr-callout>
+        ${decision.detail
+            ? html `<lr-details part="detail" summary=${this.localize('policySummaryDetailLabel')}
+              >${decision.detail}</lr-details
+            >`
+            : nothing}
+      </div>
+    `;
+    }
+    render() {
+        if (this.decisions.length === 0) {
+            return html `<lr-empty part="empty" heading=${this.localize('noData')}></lr-empty>`;
+        }
+        return html `
+      <div part="base">
+        <div part="summary">
+          ${STATES.map((state) => {
+            const count = this.countOf(state);
+            return html `<span part="count" data-state=${state}
+              >${this.localize(STATE_COUNT_KEY[state], undefined, { count })}</span
+            >`;
+        })}
+        </div>
+        <div part="list" role="list" aria-label=${this.localize('policySummaryLabel')}>
+          ${this.decisions.map((decision) => this.renderDecision(decision))}
+        </div>
+      </div>
+    `;
+    }
+}
+__decorate([
+    property({ attribute: false })
+], LyraPolicySummary.prototype, "decisions", void 0);
+//# sourceMappingURL=policy-summary.class.js.map

package/dist/components/policy-summary/policy-summary.class.js.map

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

package/dist/components/policy-summary/policy-summary.d.ts

@@ -0,0 +1,6 @@
+export * from './policy-summary.class.js';
+import '../badge/badge.js';
+import '../callout/callout.js';
+import '../details/details.js';
+import '../empty/empty.js';
+//# sourceMappingURL=policy-summary.d.ts.map

package/dist/components/policy-summary/policy-summary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-summary.d.ts","sourceRoot":"","sources":["../../../src/components/policy-summary/policy-summary.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAG1C,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,CAAC"}

package/dist/components/policy-summary/policy-summary.js

@@ -0,0 +1,9 @@
+export * from './policy-summary.class.js';
+import { LyraPolicySummary } from './policy-summary.class.js';
+import { defineElement } from '../../internal/prefix.js';
+import '../badge/badge.js';
+import '../callout/callout.js';
+import '../details/details.js';
+import '../empty/empty.js';
+defineElement('policy-summary', LyraPolicySummary);
+//# sourceMappingURL=policy-summary.js.map

package/dist/components/policy-summary/policy-summary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"policy-summary.js","sourceRoot":"","sources":["../../../src/components/policy-summary/policy-summary.ts"],"names":[],"mappings":"AAAA,cAAc,2BAA2B,CAAC;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,mBAAmB,CAAC;AAC3B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,uBAAuB,CAAC;AAC/B,OAAO,mBAAmB,CAAC;AAC3B,aAAa,CAAC,gBAAgB,EAAE,iBAAiB,CAAC,CAAC"}

package/dist/components/policy-summary/policy-summary.styles.d.ts

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

package/dist/components/policy-summary/policy-summary.styles.d.ts.map

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

package/dist/components/policy-summary/policy-summary.styles.js

@@ -0,0 +1,68 @@
+import { css } from 'lit';
+export const styles = css `
+  :host {
+    display: block;
+  }
+  [part='summary'] {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--lr-space-s);
+    padding-block-end: var(--lr-space-s);
+  }
+  [part='count'] {
+    font-size: var(--lr-font-size-sm);
+    font-weight: var(--lr-font-weight-medium);
+  }
+  [part='count'][data-state='allow'] {
+    color: var(--lr-color-success);
+  }
+  [part='count'][data-state='deny'] {
+    color: var(--lr-color-danger);
+  }
+  [part='count'][data-state='needs-review'] {
+    color: var(--lr-color-warning);
+  }
+  [part='list'] {
+    display: flex;
+    flex-direction: column;
+  }
+  [part='decision'] {
+    display: flex;
+    flex-direction: column;
+    gap: var(--lr-space-2xs);
+    border-block-start: var(--lr-border-width-thin) solid var(--lr-color-border);
+    padding-block: var(--lr-space-s);
+  }
+  [part='decision']:first-child {
+    border-block-start: none;
+    padding-block-start: 0;
+  }
+  [part='decision-header'] {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    column-gap: var(--lr-space-xs);
+    row-gap: var(--lr-space-2xs);
+  }
+  [part='category'] {
+    flex: 0 0 auto;
+    font-size: var(--lr-font-size-xs);
+    color: var(--lr-color-text-quiet);
+  }
+  [part='label'] {
+    flex: 1 1 auto;
+    min-inline-size: var(--lr-size-6ch);
+    font-weight: var(--lr-font-weight-medium);
+    overflow-wrap: anywhere;
+  }
+  [part='state-badge'] {
+    flex: 0 0 auto;
+  }
+  [part='explanation'] {
+    font-size: var(--lr-font-size-sm);
+  }
+  [part='detail'] {
+    font-size: var(--lr-font-size-sm);
+  }
+`;
+//# sourceMappingURL=policy-summary.styles.js.map

package/dist/components/policy-summary/policy-summary.styles.js.map

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

package/dist/components/query-builder/query-builder.class.d.ts

@@ -0,0 +1,180 @@
+import { type TemplateResult } from 'lit';
+import { LyraElement } from '../../internal/lyra-element.js';
+import '../select/select.class.js';
+import '../combobox/option.class.js';
+import '../combobox/combobox.class.js';
+import '../input/input.class.js';
+import '../date-picker/date-input.class.js';
+import '../button/button.class.js';
+import '../icon-button/icon-button.class.js';
+/** The kind of value a `QueryBuilderField` holds — drives which existing sibling control
+ *  (`lr-input`/`lr-select`/`lr-date-input`/`lr-combobox`) renders for a condition row's value
+ *  cell, and which `QueryBuilderOperator`s are offered by default. */
+export type QueryBuilderFieldType = 'string' | 'number' | 'boolean' | 'date' | 'enum';
+/** A comparison a condition row can apply. `gt`/`gte`/`lt`/`lte` are shared by `number` and
+ *  `date` fields (labelled "Greater than"/"After" etc. depending on the field's own `type`, see
+ *  `operatorLabel()`) rather than duplicated as separate date-only tokens, so a host swapping a
+ *  field's `type` between the two doesn't need to remap any already-selected operator. `in`/
+ *  `notIn` only apply to `enum` fields (rendered as a multi-select `lr-combobox`); `isEmpty`/
+ *  `isNotEmpty` are unary and render no value control at all. */
+export type QueryBuilderOperator = 'eq' | 'neq' | 'gt' | 'gte' | 'lt' | 'lte' | 'contains' | 'startsWith' | 'endsWith' | 'in' | 'notIn' | 'isEmpty' | 'isNotEmpty';
+/** One selectable value for an `enum`-typed `QueryBuilderField`. */
+export interface QueryBuilderFieldOption {
+    value: string;
+    label?: string;
+}
+/** One field a host makes available for building conditions against. */
+export interface QueryBuilderField {
+    /** Machine key, matched against a `QueryBuilderCondition`'s own `field`. */
+    name: string;
+    /** Visible label; falls back to `name` when omitted. */
+    label?: string;
+    type: QueryBuilderFieldType;
+    /** Required (and only meaningful) for `type: 'enum'` — the choices offered for `eq`/`neq`
+     *  (single `lr-select`) and `in`/`notIn` (multi `lr-combobox`). */
+    options?: QueryBuilderFieldOption[];
+    /** Overrides the default operator set for this field's `type` (see `defaultOperatorsForType()`).
+     *  Lets a host narrow (or reorder) the operators offered for a specific field, e.g. a
+     *  free-text field that should only ever offer `contains`. */
+    operators?: QueryBuilderOperator[];
+    /** Forwarded to the rendered `lr-input` for a `string`-typed field's value cell. */
+    placeholder?: string;
+}
+/** A single field/operator/value row. `field`/`operator` are `''` until the user has picked
+ *  one — an incomplete row is a normal, valid intermediate state, not an error. `value` is
+ *  `undefined` for a unary operator (`isEmpty`/`isNotEmpty`), a `string[]` for `in`/`notIn`,
+ *  and a `string | number | boolean` otherwise, matching the selected field's `type`. */
+export interface QueryBuilderCondition {
+    id: string;
+    field: string;
+    operator: QueryBuilderOperator | '';
+    value?: string | number | boolean | string[];
+}
+export type QueryBuilderCombinator = 'and' | 'or';
+/** The whole builder's serializable state: a flat list of conditions combined with one
+ *  top-level `combinator` — plain data, safe to persist, restore, or send to a backend as-is.
+ *  This library's `lr-filter-bar` (a sibling orchestration component) follows the same
+ *  controlled-plain-object-`value` shape for its own filter state. */
+export interface QueryBuilderValue {
+    combinator: QueryBuilderCombinator;
+    conditions: QueryBuilderCondition[];
+}
+export interface LyraQueryBuilderEventMap {
+    /** Fired whenever `value` changes as a result of user interaction (picking a field/operator,
+     *  editing a value, changing the combinator, or adding/removing a row) — never for a
+     *  programmatic `value`/`fields` assignment. `detail.value` is the full current value. */
+    'lr-input': CustomEvent<{
+        value: QueryBuilderValue;
+    }>;
+    /** Fired after a new (blank) condition row is appended, whether triggered by the "Add
+     *  condition" button or a public `addCondition()` call. */
+    'lr-add-condition': CustomEvent<{
+        condition: QueryBuilderCondition;
+    }>;
+    /** Fired after a condition row is removed. */
+    'lr-remove-condition': CustomEvent<{
+        id: string;
+    }>;
+}
+/**
+ * `<lr-query-builder>` — a composable structured-query builder for tabular/dashboard data: a
+ * flat list of field/operator/value condition rows combined with one AND/OR combinator.
+ *
+ * Distinct from this package's `<lr-graph-query-builder>`: that component builds typed
+ * relationship/path queries over a knowledge graph, a genuinely different data model from this
+ * one's flat tabular field/operator/value conditions — they never share a file or a value type.
+ *
+ * Fully controlled: a host supplies `fields` (the available columns, each with a
+ * `QueryBuilderFieldType` that determines its offered operators and value control) and `value`
+ * (a plain, serializable `{ combinator, conditions }` object — safe to persist or send to a
+ * backend as-is, the same shape convention as this package's `<lr-rubric-form>`/`<lr-filter-bar>`).
+ * This component never mutates `fields`/`value` in place or calls out to storage/network itself;
+ * every change is surfaced through `value`/`lr-input` for the host to own.
+ *
+ * Each row composes `<lr-select>` for the field and operator pickers, and a value control chosen
+ * from the selected field's `type`: `<lr-input type="text">` (`string`), `<lr-input
+ * type="number">` (`number`), `<lr-select>` with `True`/`False` options (`boolean`),
+ * `<lr-date-input>` (`date`), `<lr-select>` (`enum`, `eq`/`neq`) or a multi-select
+ * `<lr-combobox>` (`enum`, `in`/`notIn`). A unary operator (`isEmpty`/`isNotEmpty`) renders no
+ * value control. `<lr-icon-button icon="trash">` removes a row; `<lr-button>` appends one.
+ *
+ * This is a composite query-definition control, not a single submittable form field — it
+ * deliberately ships no `label`/`hint`/`errorText` chrome or native form association (the
+ * `label`/`hint`/`error` triad those controls share doesn't fit a multi-row, multi-field
+ * composite the way it fits one value). A host names the whole control via a plain `aria-label`
+ * attribute, applied to the element that owns `role="group"`.
+ *
+ * @customElement lr-query-builder
+ * @event lr-input - `detail: { value }` — the full current value, after any user-driven change.
+ * @event lr-add-condition - `detail: { condition }` — a new blank row was appended.
+ * @event lr-remove-condition - `detail: { id }` — a row was removed.
+ * @csspart base - The outer wrapper.
+ * @csspart combinator - The AND/OR combinator `lr-select`, rendered only when there are 2+ conditions.
+ * @csspart conditions - The wrapper around the condition rows.
+ * @csspart condition - One field/operator/value row.
+ * @csspart field-select - A row's field `lr-select`.
+ * @csspart operator-select - A row's operator `lr-select`.
+ * @csspart value - A row's value control (whichever of `lr-input`/`lr-select`/`lr-date-input`/
+ *   `lr-combobox` applies, or an empty placeholder for a unary operator or an incomplete row).
+ * @csspart remove-button - A row's remove `lr-icon-button`.
+ * @csspart add-button - The "Add condition" `lr-button`.
+ * @csspart empty - The message shown when there are no fields, or no conditions yet.
+ */
+export declare class LyraQueryBuilder extends LyraElement<LyraQueryBuilderEventMap> {
+    static styles: import("lit").CSSResultGroup[];
+    static properties: {
+        fields: {
+            attribute: boolean;
+            noAccessor: boolean;
+        };
+        value: {
+            attribute: boolean;
+            noAccessor: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            reflect: boolean;
+            noAccessor: boolean;
+        };
+    };
+    private _fields;
+    private _value;
+    private _disabled;
+    private pendingFocusAdd;
+    /** The fields available to build conditions against. */
+    get fields(): QueryBuilderField[];
+    set fields(next: QueryBuilderField[]);
+    /** The current query: one combinator plus a flat list of conditions. Controlled — assigning
+     *  this directly never emits `lr-input` (that only fires for a user-driven change); see the
+     *  class doc's form-association note for why this stays a plain property, not a form value. */
+    get value(): QueryBuilderValue;
+    set value(next: QueryBuilderValue);
+    get disabled(): boolean;
+    set disabled(next: boolean);
+    private operatorsFor;
+    private operatorLabel;
+    /** The value a condition should reset to whenever its `field` or `operator` changes -- always
+     *  a fresh, type-appropriate default rather than attempting to carry over a value that may no
+     *  longer match the new field's type or the new operator's arity. */
+    private defaultValueFor;
+    private commit;
+    /** Appends a new, blank condition row (empty `field`/`operator`). */
+    addCondition(): void;
+    /** Removes the condition row with the given `id`, if present. */
+    removeCondition(id: string): void;
+    private setCombinator;
+    private setConditionField;
+    private setConditionOperator;
+    private setConditionValue;
+    protected updated(): void;
+    private renderCombinator;
+    private renderValueControl;
+    private renderCondition;
+    render(): TemplateResult;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'lr-query-builder': LyraQueryBuilder;
+    }
+}
+//# sourceMappingURL=query-builder.class.d.ts.map

package/dist/components/query-builder/query-builder.class.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"query-builder.class.d.ts","sourceRoot":"","sources":["../../../src/components/query-builder/query-builder.class.ts"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,OAAO,2BAA2B,CAAC;AACnC,OAAO,6BAA6B,CAAC;AACrC,OAAO,+BAA+B,CAAC;AACvC,OAAO,yBAAyB,CAAC;AACjC,OAAO,oCAAoC,CAAC;AAC5C,OAAO,2BAA2B,CAAC;AACnC,OAAO,qCAAqC,CAAC;AAO7C;;sEAEsE;AACtE,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEtF;;;;;iEAKiE;AACjE,MAAM,MAAM,oBAAoB,GAC5B,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,IAAI,GACJ,KAAK,GACL,UAAU,GACV,YAAY,GACZ,UAAU,GACV,IAAI,GACJ,OAAO,GACP,SAAS,GACT,YAAY,CAAC;AAEjB,oEAAoE;AACpE,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wEAAwE;AACxE,MAAM,WAAW,iBAAiB;IAChC,4EAA4E;IAC5E,IAAI,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,qBAAqB,CAAC;IAC5B;uEACmE;IACnE,OAAO,CAAC,EAAE,uBAAuB,EAAE,CAAC;IACpC;;kEAE8D;IAC9D,SAAS,CAAC,EAAE,oBAAoB,EAAE,CAAC;IACnC,oFAAoF;IACpF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED;;;yFAGyF;AACzF,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,oBAAoB,GAAG,EAAE,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,MAAM,EAAE,CAAC;CAC9C;AAED,MAAM,MAAM,sBAAsB,GAAG,KAAK,GAAG,IAAI,CAAC;AAElD;;;sEAGsE;AACtE,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,sBAAsB,CAAC;IACnC,UAAU,EAAE,qBAAqB,EAAE,CAAC;CACrC;AAED,MAAM,WAAW,wBAAwB;IACvC;;8FAE0F;IAC1F,UAAU,EAAE,WAAW,CAAC;QAAE,KAAK,EAAE,iBAAiB,CAAA;KAAE,CAAC,CAAC;IACtD;+DAC2D;IAC3D,kBAAkB,EAAE,WAAW,CAAC;QAAE,SAAS,EAAE,qBAAqB,CAAA;KAAE,CAAC,CAAC;IACtE,8CAA8C;IAC9C,qBAAqB,EAAE,WAAW,CAAC;QAAE,EAAE,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACpD;AAoCD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CG;AACH,qBAAa,gBAAiB,SAAQ,WAAW,CAAC,wBAAwB,CAAC;IACzE,MAAM,CAAC,MAAM,iCAAgC;IAE7C,MAAM,CAAC,UAAU;QACf,MAAM;YAAI,SAAS;YAAS,UAAU;;QACtC,KAAK;YAAI,SAAS;YAAS,UAAU;;QACrC,QAAQ;YAAI,IAAI;YAAW,OAAO;YAAQ,UAAU;;MACpD;IAEF,OAAO,CAAC,OAAO,CAAqC;IACpD,OAAO,CAAC,MAAM,CAAkC;IAChD,OAAO,CAAC,SAAS,CAAS;IAI1B,OAAO,CAAC,eAAe,CAAS;IAEhC,wDAAwD;IACxD,IAAI,MAAM,IAAI,iBAAiB,EAAE,CAEhC;IACD,IAAI,MAAM,CAAC,IAAI,EAAE,iBAAiB,EAAE,EAInC;IAED;;mGAE+F;IAC/F,IAAI,KAAK,IAAI,iBAAiB,CAE7B;IACD,IAAI,KAAK,CAAC,IAAI,EAAE,iBAAiB,EAIhC;IAED,IAAI,QAAQ,IAAI,OAAO,CAEtB;IACD,IAAI,QAAQ,CAAC,IAAI,EAAE,OAAO,EAKzB;IAED,OAAO,CAAC,YAAY;IAKpB,OAAO,CAAC,aAAa;IA+BrB;;yEAEqE;IACrE,OAAO,CAAC,eAAe;IAQvB,OAAO,CAAC,MAAM;IAKd,qEAAqE;IACrE,YAAY,IAAI,IAAI,CAKnB;IAED,iEAAiE;IACjE,eAAe,CAAC,EAAE,EAAE,MAAM,GAAG,IAAI,CAShC;IAED,OAAO,CAAC,aAAa;IAKrB,OAAO,CAAC,iBAAiB;IAMzB,OAAO,CAAC,oBAAoB;IAQ5B,OAAO,CAAC,iBAAiB;IAMzB,SAAS,CAAC,OAAO,IAAI,IAAI,CAKxB;IAED,OAAO,CAAC,gBAAgB;IAgBxB,OAAO,CAAC,kBAAkB;IAoG1B,OAAO,CAAC,eAAe;IA0CvB,MAAM,IAAI,cAAc,CAwBvB;CACF;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,gBAAgB,CAAC;KACtC;CACF"}