@happyvertical/smrt-manufacturing 0.53.4 → 0.53.6

package/dist/svelte/components/BomStructureTree.svelte

@@ -0,0 +1,164 @@
+<script lang="ts">
+/**
+ * BomStructureTree — a read-only view of one level of a bill: each line's
+ * component, kind, quantity and unit. A sub-assembly with its own active bill
+ * can be expanded to show that bill, loaded through `loadBill`, to any depth.
+ *
+ * Used by `BomEditor` to show a sub-assembly's structure without making it
+ * editable there; a sub-assembly's bill is edited on its own assembly.
+ */
+
+import { Badge, Button } from '@happyvertical/smrt-ui';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../i18n.js';
+import { type BomEditorLine, componentKindLabelKey } from '../types.js';
+import BomStructureTree from './BomStructureTree.svelte';
+
+const { t } = useI18n();
+
+export interface BomStructureTreeProps {
+  /** The lines of this level. */
+  lines: BomEditorLine[];
+  /** Loads a sub-assembly's bill lines by bill id. */
+  loadBill?: (bomId: string) => Promise<BomEditorLine[]>;
+  /** Bill ids already open above this level; never opened again. */
+  ancestors?: readonly string[];
+  /** Accessible name for the list. */
+  label: string;
+}
+
+const {
+  lines,
+  loadBill,
+  ancestors = [],
+  label,
+}: BomStructureTreeProps = $props();
+
+const uid = $props.id();
+
+type Loaded =
+  | { state: 'loading' }
+  | { state: 'ready'; lines: BomEditorLine[] }
+  | { state: 'failed' };
+
+let open = $state<Record<string, boolean>>({});
+let loaded = $state<Record<string, Loaded>>({});
+
+function componentText(line: BomEditorLine): string {
+  return line.skuCode && line.skuCode !== line.componentName
+    ? `${line.componentName} (${line.skuCode})`
+    : line.componentName;
+}
+
+async function toggle(line: BomEditorLine) {
+  const bomId = line.subBomId;
+  if (!bomId || !loadBill) return;
+  open[line.id] = !open[line.id];
+  if (!open[line.id] || loaded[bomId]?.state === 'ready') return;
+  loaded[bomId] = { state: 'loading' };
+  try {
+    loaded[bomId] = { state: 'ready', lines: await loadBill(bomId) };
+  } catch {
+    loaded[bomId] = { state: 'failed' };
+  }
+}
+</script>
+
+<ul class="bom-tree" aria-label={label}>
+  {#each lines as line (line.id)}
+    {@const canOpen =
+      line.kind === 'assembly' &&
+      line.subBomId !== null &&
+      loadBill !== undefined &&
+      !ancestors.includes(line.subBomId)}
+    {@const subId = `${uid}-${line.id}`}
+    <li class="bom-tree-line">
+      <div class="bom-tree-row">
+        <span class="bom-tree-component">{componentText(line)}</span>
+        <Badge size="sm" variant={line.kind === 'missing' ? 'error' : 'default'}>
+          {t(componentKindLabelKey(line.kind))}
+        </Badge>
+        <span class="bom-tree-qty">{line.qtyPerUnit} {line.uom}</span>
+        {#if line.kind === 'assembly' && line.subBomId === null}
+          <span class="bom-tree-note">{t(M['manufacturing.bom_editor.no_bill'])}</span>
+        {/if}
+        {#if canOpen}
+          <Button
+            variant="ghost"
+            size="sm"
+            aria-expanded={open[line.id] ? 'true' : 'false'}
+            aria-controls={subId}
+            aria-label={t(
+              open[line.id]
+                ? M['manufacturing.bom_editor.hide_bill_aria']
+                : M['manufacturing.bom_editor.show_bill_aria'],
+              { component: line.componentName },
+            )}
+            onclick={() => toggle(line)}
+          >
+            {t(
+              open[line.id]
+                ? M['manufacturing.bom_editor.hide_bill']
+                : M['manufacturing.bom_editor.show_bill'],
+            )}
+          </Button>
+        {/if}
+      </div>
+      {#if canOpen && open[line.id] && line.subBomId}
+        {@const entry = loaded[line.subBomId]}
+        <div id={subId} class="bom-tree-children">
+          {#if entry?.state === 'ready'}
+            <BomStructureTree
+              lines={entry.lines}
+              {loadBill}
+              ancestors={[...ancestors, line.subBomId]}
+              label={t(M['manufacturing.bom_editor.sub_bill_label'], { component: line.componentName })}
+            />
+          {:else if entry?.state === 'failed'}
+            <p class="bom-tree-note" role="alert">{t(M['manufacturing.bom_editor.load_failed'])}</p>
+          {:else}
+            <p class="bom-tree-note" role="status">{t(M['manufacturing.bom_editor.loading'])}</p>
+          {/if}
+        </div>
+      {/if}
+    </li>
+  {/each}
+</ul>
+
+<style>
+  .bom-tree {
+    list-style: none;
+    margin: 0;
+    padding: 0;
+  }
+
+  .bom-tree-line {
+    padding: 0.25rem 0;
+  }
+
+  .bom-tree-row {
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 0.5rem;
+  }
+
+  .bom-tree-component {
+    font-weight: var(--smrt-typography-title-small-weight, 500);
+  }
+
+  .bom-tree-qty {
+    font-variant-numeric: tabular-nums;
+  }
+
+  .bom-tree-note {
+    margin: 0;
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .bom-tree-children {
+    margin-left: 1rem;
+    padding-left: 0.75rem;
+    border-left: 2px solid var(--smrt-color-outline-variant, transparent);
+  }
+</style>

package/dist/svelte/components/BomStructureTree.svelte.d.ts

@@ -0,0 +1,16 @@
+import { type BomEditorLine } from '../types.js';
+import BomStructureTree from './BomStructureTree.svelte';
+export interface BomStructureTreeProps {
+    /** The lines of this level. */
+    lines: BomEditorLine[];
+    /** Loads a sub-assembly's bill lines by bill id. */
+    loadBill?: (bomId: string) => Promise<BomEditorLine[]>;
+    /** Bill ids already open above this level; never opened again. */
+    ancestors?: readonly string[];
+    /** Accessible name for the list. */
+    label: string;
+}
+declare const BomStructureTree: import("svelte").Component<BomStructureTreeProps, {}, "">;
+type BomStructureTree = ReturnType<typeof BomStructureTree>;
+export default BomStructureTree;
+//# sourceMappingURL=BomStructureTree.svelte.d.ts.map

package/dist/svelte/components/BomStructureTree.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BomStructureTree.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/BomStructureTree.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,aAAa,EAAyB,MAAM,aAAa,CAAC;AACxE,OAAO,gBAAgB,MAAM,2BAA2B,CAAC;AAGzD,MAAM,WAAW,qBAAqB;IACpC,+BAA+B;IAC/B,KAAK,EAAE,aAAa,EAAE,CAAC;IACvB,oDAAoD;IACpD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,CAAC,aAAa,EAAE,CAAC,CAAC;IACvD,kEAAkE;IAClE,SAAS,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;IAC9B,oCAAoC;IACpC,KAAK,EAAE,MAAM,CAAC;CACf;AAwGD,QAAA,MAAM,gBAAgB,2DAAwC,CAAC;AAC/D,KAAK,gBAAgB,GAAG,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC;AAC5D,eAAe,gBAAgB,CAAC"}

package/dist/svelte/components/OperationForm.svelte

@@ -0,0 +1,258 @@
+<script lang="ts">
+/**
+ * OperationForm — add an operation, or edit one: code (new only), name,
+ * category and an optional required-qualification id. Presentational: it never
+ * persists. The host receives trimmed, checked values in `onsubmit` and calls
+ * `OperationService.define` for a new operation, or `rename` and `update` for
+ * an edit. The code is read-only when editing.
+ */
+
+import { Button } from '@happyvertical/smrt-ui';
+import { Form, Input } from '@happyvertical/smrt-ui/forms';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../i18n.js';
+import {
+  type OperationFormField,
+  type OperationFormInitial,
+  type OperationFormValues,
+  validateOperationForm,
+} from '../types.js';
+
+const { t } = useI18n();
+
+export interface OperationFormProps {
+  /** The operation being edited; omit or pass null to add one. */
+  operation?: OperationFormInitial | null;
+  /** Invoked with trimmed, checked values. The form never persists. */
+  onsubmit: (values: OperationFormValues) => void;
+  /** Invoked when the form is canceled; omit to hide the cancel button. */
+  oncancel?: () => void;
+  /** Blocks input and submission while the host saves. */
+  loading?: boolean;
+  /** Categories offered as suggestions; other values are still accepted. */
+  categories?: readonly string[];
+}
+
+const {
+  operation = null,
+  onsubmit,
+  oncancel,
+  loading = false,
+  categories = [],
+}: OperationFormProps = $props();
+
+const uid = $props.id();
+const isNew = $derived(operation === null);
+
+function getInitialFormState() {
+  return { operation };
+}
+
+const initialFormState = getInitialFormState();
+let code = $state(initialFormState.operation?.code ?? '');
+let name = $state(initialFormState.operation?.name ?? '');
+let category = $state(initialFormState.operation?.category ?? '');
+let requiredQualificationId = $state(
+  initialFormState.operation?.requiredQualificationId ?? '',
+);
+let invalid = $state<OperationFormField[]>([]);
+let appliedOperation: OperationFormInitial | null = initialFormState.operation;
+
+// Follow the host when it swaps the operation being edited.
+$effect(() => {
+  if (appliedOperation === operation) return;
+  appliedOperation = operation;
+  code = operation?.code ?? '';
+  name = operation?.name ?? '';
+  category = operation?.category ?? '';
+  requiredQualificationId = operation?.requiredQualificationId ?? '';
+  invalid = [];
+});
+
+function errorMessage(field: OperationFormField): string {
+  return field === 'code'
+    ? t(M['manufacturing.operation_form.error_code'])
+    : t(M['manufacturing.operation_form.error_name']);
+}
+
+const errors = $derived(
+  invalid.map((field) => ({ field, message: errorMessage(field) })),
+);
+
+function errorId(field: OperationFormField): string {
+  return `${uid}-error-${field}`;
+}
+
+function describedBy(
+  field: OperationFormField,
+  hintId?: string,
+): string | undefined {
+  const ids = [hintId, invalid.includes(field) ? errorId(field) : undefined];
+  return ids.filter(Boolean).join(' ') || undefined;
+}
+
+function handleSubmit() {
+  const result = validateOperationForm({
+    code,
+    name,
+    category,
+    requiredQualificationId,
+  });
+  if (!result.ok) {
+    invalid = result.invalid;
+    return;
+  }
+  invalid = [];
+  onsubmit(result.values);
+}
+</script>
+
+<div class="operation-form-shell">
+  <Form class="operation-form" onsubmit={handleSubmit}>
+    <div class="field">
+      <label for="{uid}-code">
+        {t(M['manufacturing.operation_form.code'])}<span class="required" aria-hidden="true">*</span>
+      </label>
+      <Input
+        id="{uid}-code"
+        name="code"
+        type="text"
+        bind:value={code}
+        required
+        readonly={!isNew}
+        disabled={loading}
+        aria-invalid={invalid.includes('code') ? 'true' : undefined}
+        aria-describedby={describedBy('code', isNew ? undefined : `${uid}-code-hint`)}
+      />
+      {#if !isNew}
+        <span class="hint" id="{uid}-code-hint">
+          {t(M['manufacturing.operation_form.code_edit_help'])}
+        </span>
+      {/if}
+    </div>
+
+    <div class="field">
+      <label for="{uid}-name">
+        {t(M['manufacturing.operation_form.name'])}<span class="required" aria-hidden="true">*</span>
+      </label>
+      <Input
+        id="{uid}-name"
+        name="name"
+        type="text"
+        bind:value={name}
+        required
+        disabled={loading}
+        aria-invalid={invalid.includes('name') ? 'true' : undefined}
+        aria-describedby={describedBy('name')}
+      />
+    </div>
+
+    <div class="field">
+      <label for="{uid}-category">{t(M['manufacturing.operation_form.category'])}</label>
+      <Input
+        id="{uid}-category"
+        name="category"
+        type="text"
+        list="{uid}-categories"
+        autocomplete="off"
+        bind:value={category}
+        disabled={loading}
+        aria-describedby="{uid}-category-hint"
+      />
+      <datalist id="{uid}-categories">
+        {#each categories as suggestion (suggestion)}
+          <option value={suggestion}></option>
+        {/each}
+      </datalist>
+      <span class="hint" id="{uid}-category-hint">
+        {t(M['manufacturing.operation_form.category_help'])}
+      </span>
+    </div>
+
+    <div class="field">
+      <label for="{uid}-qualification">{t(M['manufacturing.operation_form.qualification'])}</label>
+      <Input
+        id="{uid}-qualification"
+        name="requiredQualificationId"
+        type="text"
+        bind:value={requiredQualificationId}
+        disabled={loading}
+        aria-describedby="{uid}-qualification-hint"
+      />
+      <span class="hint" id="{uid}-qualification-hint">
+        {t(M['manufacturing.operation_form.qualification_help'])}
+      </span>
+    </div>
+
+    {#if errors.length > 0}
+      <div class="errors" role="alert">
+        <ul>
+          {#each errors as error (error.field)}
+            <li id={errorId(error.field)}>{error.message}</li>
+          {/each}
+        </ul>
+      </div>
+    {/if}
+
+    <div class="actions">
+      {#if oncancel}
+        <Button variant="secondary" type="button" onclick={oncancel} disabled={loading}>
+          {t(M['manufacturing.operation_form.cancel'])}
+        </Button>
+      {/if}
+      <Button variant="primary" type="submit" disabled={loading}>
+        {#if loading}
+          {t(M['manufacturing.operation_form.saving'])}
+        {:else if isNew}
+          {t(M['manufacturing.operation_form.submit_add'])}
+        {:else}
+          {t(M['manufacturing.operation_form.submit_edit'])}
+        {/if}
+      </Button>
+    </div>
+  </Form>
+</div>
+
+<style>
+  .operation-form-shell :global(.operation-form) {
+    display: flex;
+    flex-direction: column;
+    gap: var(--smrt-spacing-md, 1rem);
+  }
+
+  .field {
+    display: flex;
+    flex-direction: column;
+    gap: 0.25rem;
+  }
+
+  label {
+    font: var(--smrt-typography-body-medium-font, 500 0.875rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .required {
+    color: var(--smrt-color-error, inherit);
+  }
+
+  .hint {
+    font: var(--smrt-typography-body-small-font, 0.75rem / 1.25 sans-serif);
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .errors {
+    color: var(--smrt-color-error, inherit);
+  }
+
+  .errors ul {
+    margin: 0;
+    padding-left: 1.25rem;
+  }
+
+  .actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: var(--smrt-spacing-sm, 0.5rem);
+    margin-top: var(--smrt-spacing-sm, 0.5rem);
+  }
+</style>

package/dist/svelte/components/OperationForm.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type OperationFormInitial, type OperationFormValues } from '../types.js';
+export interface OperationFormProps {
+    /** The operation being edited; omit or pass null to add one. */
+    operation?: OperationFormInitial | null;
+    /** Invoked with trimmed, checked values. The form never persists. */
+    onsubmit: (values: OperationFormValues) => void;
+    /** Invoked when the form is canceled; omit to hide the cancel button. */
+    oncancel?: () => void;
+    /** Blocks input and submission while the host saves. */
+    loading?: boolean;
+    /** Categories offered as suggestions; other values are still accepted. */
+    categories?: readonly string[];
+}
+declare const OperationForm: import("svelte").Component<OperationFormProps, {}, "">;
+type OperationForm = ReturnType<typeof OperationForm>;
+export default OperationForm;
+//# sourceMappingURL=OperationForm.svelte.d.ts.map

package/dist/svelte/components/OperationForm.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationForm.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/OperationForm.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,EAEL,KAAK,oBAAoB,EACzB,KAAK,mBAAmB,EAEzB,MAAM,aAAa,CAAC;AAGrB,MAAM,WAAW,kBAAkB;IACjC,gEAAgE;IAChE,SAAS,CAAC,EAAE,oBAAoB,GAAG,IAAI,CAAC;IACxC,qEAAqE;IACrE,QAAQ,EAAE,CAAC,MAAM,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChD,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,wDAAwD;IACxD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,0EAA0E;IAC1E,UAAU,CAAC,EAAE,SAAS,MAAM,EAAE,CAAC;CAChC;AAkKD,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}

package/dist/svelte/components/OperationList.svelte

@@ -0,0 +1,170 @@
+<script lang="ts">
+/**
+ * OperationList — a table of operations: code, name, category and status,
+ * with optional edit, retire and reinstate actions. Presentational: the host
+ * loads operations through `OperationService`, adapts them to
+ * `OperationView`, and performs the retire or reinstate it is asked for. A
+ * retired operation stays in the list so history stays readable; the host
+ * decides whether to include retired rows.
+ */
+
+import { Button, StatusBadge } from '@happyvertical/smrt-ui';
+import { useI18n } from '@happyvertical/smrt-ui/i18n';
+import { M } from '../i18n.js';
+import { type OperationView, operationStatusBadgeKey } from '../types.js';
+
+const { t } = useI18n();
+
+export interface OperationListProps {
+  /** Operations to show, in the host's order. */
+  operations: OperationView[];
+  /** Invoked with the operation id when a name is activated (to edit). */
+  onselect?: (id: string) => void;
+  /** Invoked with the id to retire an active operation; omit to hide the action. */
+  onretire?: (id: string) => void;
+  /** Invoked with the id to reinstate a retired operation; omit to hide the action. */
+  onreinstate?: (id: string) => void;
+  /** Message shown when there are no operations. */
+  emptyMessage?: string;
+}
+
+const {
+  operations,
+  onselect,
+  onretire,
+  onreinstate,
+  emptyMessage,
+}: OperationListProps = $props();
+
+const showActions = $derived(Boolean(onretire || onreinstate));
+</script>
+
+{#if operations.length === 0}
+  <p class="operation-list-empty">
+    {emptyMessage ?? t(M['manufacturing.operation_list.empty'])}
+  </p>
+{:else}
+  <div class="operation-list-scroll">
+    <table class="operation-list">
+      <caption class="operation-list-caption">{t(M['manufacturing.operation_list.caption'])}</caption>
+      <thead>
+        <tr>
+          <th scope="col">{t(M['manufacturing.operation_list.code'])}</th>
+          <th scope="col">{t(M['manufacturing.operation_list.name'])}</th>
+          <th scope="col">{t(M['manufacturing.operation_list.category'])}</th>
+          <th scope="col">{t(M['manufacturing.operation_list.status'])}</th>
+          {#if showActions}
+            <th scope="col">{t(M['manufacturing.operation_list.actions'])}</th>
+          {/if}
+        </tr>
+      </thead>
+      <tbody>
+        {#each operations as operation (operation.id)}
+          <tr>
+            <th scope="row" class="operation-list-code">{operation.code}</th>
+            <td>
+              {#if onselect}
+                <Button
+                  variant="ghost"
+                  size="sm"
+                  onclick={() => onselect(operation.id)}
+                  aria-label={t(M['manufacturing.operation_list.select_aria'], { name: operation.name })}
+                >
+                  {operation.name}
+                </Button>
+              {:else}
+                {operation.name}
+              {/if}
+            </td>
+            <td>
+              {#if operation.category}
+                {operation.category}
+              {:else}
+                <span class="operation-list-none">{t(M['manufacturing.operation_list.none'])}</span>
+              {/if}
+            </td>
+            <td>
+              <StatusBadge
+                status={operationStatusBadgeKey(operation.isActive)}
+                label={operation.isActive
+                  ? t(M['manufacturing.operation_list.active'])
+                  : t(M['manufacturing.operation_list.retired'])}
+                size="sm"
+              />
+            </td>
+            {#if showActions}
+              <td>
+                {#if operation.isActive && onretire}
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onclick={() => onretire(operation.id)}
+                    aria-label={t(M['manufacturing.operation_list.retire_aria'], { name: operation.name })}
+                  >
+                    {t(M['manufacturing.operation_list.retire'])}
+                  </Button>
+                {:else if !operation.isActive && onreinstate}
+                  <Button
+                    variant="ghost"
+                    size="sm"
+                    onclick={() => onreinstate(operation.id)}
+                    aria-label={t(M['manufacturing.operation_list.reinstate_aria'], { name: operation.name })}
+                  >
+                    {t(M['manufacturing.operation_list.reinstate'])}
+                  </Button>
+                {/if}
+              </td>
+            {/if}
+          </tr>
+        {/each}
+      </tbody>
+    </table>
+  </div>
+{/if}
+
+<style>
+  .operation-list-scroll {
+    overflow-x: auto;
+  }
+
+  .operation-list {
+    width: 100%;
+    border-collapse: collapse;
+  }
+
+  .operation-list-caption {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+
+  .operation-list th,
+  .operation-list td {
+    padding: 0.5rem 0.75rem;
+    text-align: left;
+    border-bottom: 1px solid var(--smrt-color-outline-variant, transparent);
+  }
+
+  .operation-list thead th {
+    font-size: var(--smrt-typography-label-small-size, 0.75rem);
+    font-weight: var(--smrt-typography-label-small-weight, 500);
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .operation-list-code {
+    font-weight: var(--smrt-typography-title-small-weight, 500);
+    font-variant-numeric: tabular-nums;
+  }
+
+  .operation-list-none,
+  .operation-list-empty {
+    color: var(--smrt-color-on-surface-variant, inherit);
+  }
+
+  .operation-list-empty {
+    padding: 1rem 0;
+  }
+</style>

package/dist/svelte/components/OperationList.svelte.d.ts

@@ -0,0 +1,17 @@
+import { type OperationView } from '../types.js';
+export interface OperationListProps {
+    /** Operations to show, in the host's order. */
+    operations: OperationView[];
+    /** Invoked with the operation id when a name is activated (to edit). */
+    onselect?: (id: string) => void;
+    /** Invoked with the id to retire an active operation; omit to hide the action. */
+    onretire?: (id: string) => void;
+    /** Invoked with the id to reinstate a retired operation; omit to hide the action. */
+    onreinstate?: (id: string) => void;
+    /** Message shown when there are no operations. */
+    emptyMessage?: string;
+}
+declare const OperationList: import("svelte").Component<OperationListProps, {}, "">;
+type OperationList = ReturnType<typeof OperationList>;
+export default OperationList;
+//# sourceMappingURL=OperationList.svelte.d.ts.map

package/dist/svelte/components/OperationList.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OperationList.svelte.d.ts","sourceRoot":"","sources":["../../../src/svelte/components/OperationList.svelte.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,KAAK,aAAa,EAA2B,MAAM,aAAa,CAAC;AAG1E,MAAM,WAAW,kBAAkB;IACjC,+CAA+C;IAC/C,UAAU,EAAE,aAAa,EAAE,CAAC;IAC5B,wEAAwE;IACxE,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,kFAAkF;IAClF,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,qFAAqF;IACrF,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kDAAkD;IAClD,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AA2FD,QAAA,MAAM,aAAa,wDAAwC,CAAC;AAC5D,KAAK,aAAa,GAAG,UAAU,CAAC,OAAO,aAAa,CAAC,CAAC;AACtD,eAAe,aAAa,CAAC"}