ng-hub-ui-forms 21.0.0

package/README.md

@@ -0,0 +1,252 @@
+# ng-hub-ui-forms
+
+[Español](./README.es.md) | **English**
+
+Accessible, **signal-based form fields** for Angular — input, textarea, slider,
+select and datepicker — with **automatic validation-error display** for controls,
+`FormGroup`s and `FormArray`s. Reactive Forms today, Signal Forms ready. Themed
+entirely through `--hub-*` CSS variables, no Bootstrap required.
+
+## Documentation and Live Examples
+
+This package is part of [Hub UI](https://hubui.dev/), a collection of Angular component libraries for standalone apps.
+
+- Docs: https://hubui.dev/forms/overview/
+- Live examples: https://hubui.dev/forms/examples/
+- Hub UI: https://hubui.dev/
+
+## 🧩 Library Family `ng-hub-ui`
+
+This library is part of the **ng-hub-ui** ecosystem:
+
+- [**ng-hub-ui-accordion**](https://www.npmjs.com/package/ng-hub-ui-accordion) _(deprecated → use panels)_
+- [**ng-hub-ui-action-sheet**](https://www.npmjs.com/package/ng-hub-ui-action-sheet)
+- [**ng-hub-ui-avatar**](https://www.npmjs.com/package/ng-hub-ui-avatar)
+- [**ng-hub-ui-board**](https://www.npmjs.com/package/ng-hub-ui-board)
+- [**ng-hub-ui-breadcrumbs**](https://www.npmjs.com/package/ng-hub-ui-breadcrumbs)
+- [**ng-hub-ui-calendar**](https://www.npmjs.com/package/ng-hub-ui-calendar)
+- [**ng-hub-ui-dropdown**](https://www.npmjs.com/package/ng-hub-ui-dropdown)
+- [**ng-hub-ui-forms**](https://www.npmjs.com/package/ng-hub-ui-forms) ← You are here
+- [**ng-hub-ui-history**](https://www.npmjs.com/package/ng-hub-ui-history)
+- [**ng-hub-ui-modal**](https://www.npmjs.com/package/ng-hub-ui-modal)
+- [**ng-hub-ui-nav**](https://www.npmjs.com/package/ng-hub-ui-nav)
+- [**ng-hub-ui-paginable**](https://www.npmjs.com/package/ng-hub-ui-paginable)
+- [**ng-hub-ui-panels**](https://www.npmjs.com/package/ng-hub-ui-panels)
+- [**ng-hub-ui-portal**](https://www.npmjs.com/package/ng-hub-ui-portal)
+- [**ng-hub-ui-sortable**](https://www.npmjs.com/package/ng-hub-ui-sortable)
+- [**ng-hub-ui-stepper**](https://www.npmjs.com/package/ng-hub-ui-stepper)
+- [**ng-hub-ui-utils**](https://www.npmjs.com/package/ng-hub-ui-utils)
+
+---
+
+## 🚀 Quick Start
+
+### 1. Install
+
+```bash
+npm install ng-hub-ui-forms
+```
+
+`@angular/cdk` is a peer dependency (used by the datepicker overlay and the select):
+
+```bash
+npm install @angular/cdk
+```
+
+### 2. Import
+
+The fields are standalone — import only what you use:
+
+```ts
+import { HubInputComponent, HubSelectComponent } from 'ng-hub-ui-forms';
+```
+
+### 3. Use
+
+```html
+<form [formGroup]="form" hubForm (submit)="save()">
+	<hub-input formControlName="email" type="email" label="Email" required />
+	<hub-select formControlName="country" label="Country" [items]="countries" bindLabel="name" bindValue="code" />
+	<button type="submit">Save</button>
+</form>
+```
+
+The required `email` field reveals its error automatically on submit — no manual
+`@if (control.invalid && control.touched)` wiring.
+
+---
+
+## 📦 Description
+
+`ng-hub-ui-forms` unifies a set of accessible form fields behind one contract:
+bind them with **Reactive Forms** and the matching validation errors appear
+**automatically** at the control, group and form level. Fields are standalone,
+`OnPush` and signal-native; the select is a maintained fork of ng-select; the
+datepicker is built from scratch on native `Date` and the Angular CDK overlay.
+Everything is themed through canonical `--hub-*` CSS variables with runtime dark
+mode — no Bootstrap dependency.
+
+## 🎯 Features
+
+- **Fields** — `hub-input` (text/number/email/password/color/switch/checkbox/counter, with input-group addons & masks), `hub-otp`, `hub-textarea` (+ `hubAutoresize`), `hub-slider`, `hub-select` (dropdown / buttons / checkbox / radio formats, grouping, typeahead, custom templates), `hub-datepicker` (single & range, keyboard nav, i18n).
+- **Automatic error display** — bind a field and its control errors render below it; `hub-fieldset`, `form[hubForm]` and `hub-legend` surface group- and form-level (cross-field) errors the same way, with zero wiring.
+- **Containers** — `hub-fieldset` / `form[hubForm]` group fields and show their group errors; `hub-legend` renders an accessible legend.
+- **Configurable** — `provideHubForms({ … })` sets the invalid-feedback templates, datepicker locale/labels and more, app-wide or per instance.
+- **Validators & helpers** — `hubAreEqual` cross-field validator, `hubValidationError` / `hubFormText` projection directives, and a set of utility pipes.
+- **Signal Forms ready** — an opt-in [`ng-hub-ui-forms/signals`](#-signal-forms-opt-in) secondary entry point integrates Angular Signal Forms; the core stays Reactive-Forms-based and Angular-21-safe.
+- **Theming** — every colour, border, radius and spacing is a `--hub-*` CSS custom property; ships shared SCSS tokens for consumers.
+
+---
+
+## 📦 Installation
+
+```bash
+npm install ng-hub-ui-forms @angular/cdk
+```
+
+### Peer Dependencies
+
+```json
+{
+	"@angular/cdk": ">=21.0.0",
+	"@angular/common": ">=21.0.0",
+	"@angular/core": ">=21.0.0",
+	"@angular/forms": ">=21.0.0",
+	"@angular/platform-browser": ">=21.0.0"
+}
+```
+
+---
+
+## ⚙️ Usage
+
+### Input
+
+```html
+<hub-input formControlName="email" type="email" label="Email" required />
+<hub-input formControlName="amount" type="number" label="Amount" />
+<hub-input formControlName="darkMode" format="switch" label="Dark mode" />
+```
+
+### Select
+
+```html
+<!-- object items -->
+<hub-select formControlName="country" label="Country" [items]="countries" bindLabel="name" bindValue="code" />
+
+<!-- multiple + typeahead -->
+<hub-select formControlName="tags" label="Tags" [items]="tags" [multiple]="true" [searchable]="true" />
+
+<!-- grouped -->
+<hub-select formControlName="city" label="City" [items]="cities" bindLabel="name" bindValue="id" groupBy="country" />
+```
+
+Custom option/label templates are projected straight through to the engine:
+
+```html
+<hub-select formControlName="assignee" [items]="people" bindLabel="name">
+	<ng-template ng-label-tmp let-item="item">{{ item.emoji }} {{ item.name }}</ng-template>
+	<ng-template ng-option-tmp let-item="item"><strong>{{ item.name }}</strong> — {{ item.role }}</ng-template>
+</hub-select>
+```
+
+> Import `NgOptionTemplateDirective` / `NgLabelTemplateDirective` from `ng-hub-ui-forms`.
+> The dropdown panel renders to `body` by default (`appendTo`) so it is never clipped by cards or scroll containers.
+
+### Datepicker
+
+```html
+<hub-datepicker formControlName="date" label="Date" />
+<hub-datepicker formControlName="range" mode="range" label="Stay" />
+```
+
+### Automatic errors at every level
+
+```html
+<form [formGroup]="form" hubForm (submit)="save()">
+	<hub-fieldset legend="Credentials">
+		<hub-input formControlName="email" type="email" label="Email" required />
+		<hub-input formControlName="confirm" type="email" label="Confirm email" required />
+	</hub-fieldset>
+	<button type="submit">Create account</button>
+</form>
+```
+
+```ts
+form = new FormGroup(
+	{ email: new FormControl('', Validators.required), confirm: new FormControl('') },
+	{ validators: hubAreEqual('email', 'confirm') }
+);
+```
+
+On submit, each invalid field shows its error and the cross-field `hubAreEqual`
+error is surfaced by the fieldset/form — no manual error markup anywhere.
+
+---
+
+## 🛠️ Configuration
+
+Provide app-wide defaults (invalid-feedback copy, datepicker locale/labels…):
+
+```ts
+import { provideHubForms } from 'ng-hub-ui-forms';
+
+bootstrapApplication(AppComponent, {
+	providers: [
+		provideHubForms({
+			datepicker: { firstDayOfWeek: 1, displayFormat: 'dd/MM/yyyy' }
+		})
+	]
+});
+```
+
+---
+
+## 🎨 Styling
+
+Everything is themed through `--hub-*` CSS custom properties. The package ships
+shared SCSS tokens; import them once at the app root:
+
+```scss
+@use 'ng-hub-ui-forms/src/lib/styles/index' as hub-forms;
+```
+
+```css
+hub-input,
+hub-select {
+	--hub-field-border-color: #cbd5e1;
+	--hub-select-option-selected-bg: #e0e7ff;
+}
+```
+
+---
+
+## ✨ Signal Forms (opt-in)
+
+`ng-hub-ui-forms/signals` is a secondary entry point — the only place that
+imports `@angular/forms/signals`, so the core stays Angular-21-safe. Recommended
+on Angular ≥ 22.
+
+```ts
+import { HubSignalFieldControl, hubSignalErrorMessages } from 'ng-hub-ui-forms/signals';
+```
+
+---
+
+## ♿ Accessibility
+
+- Labels are associated with their control (`for`/`id`); required fields are marked.
+- Validation errors render in an `role="alert"` region tied to the field.
+- The select exposes correct combobox/listbox semantics; the datepicker is fully keyboard-navigable.
+
+---
+
+## 📊 Changelog
+
+See [CHANGELOG.md](./CHANGELOG.md).
+
+---
+
+## 📄 License
+
+MIT © [Carlos Morcillo](https://www.carlosmorcillo.com)

package/fesm2022/ng-hub-ui-forms-signals.mjs

@@ -0,0 +1,93 @@
+import * as i0 from '@angular/core';
+import { inject, model, input, computed, Directive } from '@angular/core';
+import { defaultInvalidFeedback, HUB_FORMS_CONFIG } from 'ng-hub-ui-forms';
+
+/**
+ * Signal Forms adapter for the shared Hub error-display logic.
+ *
+ * It mirrors the core `HubErrorDisplay` (CVA/Reactive) behaviour for the Signal
+ * Forms model: given the validation errors a field exposes through `field().errors()`,
+ * it produces the same human-readable messages. The single source of truth for the
+ * default copy stays in the core `defaultInvalidFeedback` (reused here), so Reactive
+ * and Signal fields render identical messages.
+ *
+ * Resolution order per error:
+ * 1. The error's own `message` (Signal Forms validators may attach one).
+ * 2. The provided `fn` override (typically `HUB_FORMS_CONFIG.invalidFeedbackTemplateFn`
+ *    or a per-field override), called with the error `kind` and the error object.
+ *
+ * @param errors Validation errors read from a Signal Forms field (`field().errors()`).
+ * @param fn Message factory used when an error carries no inline `message`. Defaults
+ *   to the core `defaultInvalidFeedback`.
+ * @returns The resolved, human-readable error messages in error order.
+ */
+function hubSignalErrorMessages(errors, fn = defaultInvalidFeedback) {
+    return (errors ?? []).map((error) => error.message ?? fn(error.kind, error));
+}
+
+/**
+ * Abstract base for Hub form fields that integrate with Angular **Signal Forms**
+ * via the `Field` directive (`[formField]`).
+ *
+ * It implements the {@link FormValueControl} contract — exposing a two-way `value`
+ * model the `Field` directive keeps in sync with the bound `FieldTree`, plus the
+ * optional state inputs (`errors`, `disabled`, `touched`, `required`) the directive
+ * auto-wires — and resolves error messages through the same `HubErrorDisplay`
+ * pipeline used by the CVA core (so Reactive and Signal fields look identical).
+ *
+ * Decorated with `@Directive()` so subclasses (`@Component`) inherit its signal
+ * inputs/model, mirroring the core `HubFieldControl` pattern. It lives in the opt-in
+ * `ng-hub-ui-forms/signals` entry point and is the only place that depends on
+ * `@angular/forms/signals`; the core package never imports it.
+ *
+ * @template TValue The value type the field edits.
+ */
+class HubSignalFieldControl {
+    /** Hub forms configuration providing the default error-message factory. */
+    hubFormsConfig = inject(HUB_FORMS_CONFIG);
+    /** Two-way model the `Field` directive keeps in sync with the bound `FieldTree` value. */
+    value = model.required(/* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    /** Validation errors bound from the field by the `Field` directive. */
+    errors = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "errors" }] : /* istanbul ignore next */ []));
+    /** Disabled state bound from the field by the `Field` directive. */
+    disabled = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "disabled" }] : /* istanbul ignore next */ []));
+    /** Touched state bound from the field by the `Field` directive. */
+    touched = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "touched" }] : /* istanbul ignore next */ []));
+    /** Whether the field is required, bound from the field by the `Field` directive. */
+    required = input(false, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "required" }] : /* istanbul ignore next */ []));
+    /** Human-readable messages for the current `errors()`, via the shared Hub error display. */
+    messages = computed(() => hubSignalErrorMessages(this.errors(), this.hubFormsConfig.invalidFeedbackTemplateFn), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "messages" }] : /* istanbul ignore next */ []));
+    /** Whether the field should render its invalid state (touched and holding errors). */
+    isInvalid = computed(() => this.touched() && this.errors().length > 0, /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSignalFieldControl, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "22.0.1", type: HubSignalFieldControl, isStandalone: true, inputs: { value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, errors: { classPropertyName: "errors", publicName: "errors", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, touched: { classPropertyName: "touched", publicName: "touched", isSignal: true, isRequired: false, transformFunction: null }, required: { classPropertyName: "required", publicName: "required", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { value: "valueChange" }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: HubSignalFieldControl, decorators: [{
+            type: Directive
+        }], propDecorators: { value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }, { type: i0.Output, args: ["valueChange"] }], errors: [{ type: i0.Input, args: [{ isSignal: true, alias: "errors", required: false }] }], disabled: [{ type: i0.Input, args: [{ isSignal: true, alias: "disabled", required: false }] }], touched: [{ type: i0.Input, args: [{ isSignal: true, alias: "touched", required: false }] }], required: [{ type: i0.Input, args: [{ isSignal: true, alias: "required", required: false }] }] } });
+
+/*
+ * Public API Surface of ng-hub-ui-forms/signals
+ *
+ * Opt-in Angular **Signal Forms** (`@angular/forms/signals`) integration for the
+ * Hub forms library. Importing this entry point is the ONLY place that pulls in the
+ * Signal Forms API; the core `ng-hub-ui-forms` package never imports it, so the core
+ * stays compatible with Angular 21 (where Signal Forms is experimental).
+ *
+ * Recommended on Angular >= 22, where Signal Forms is stable.
+ */
+// Signal-model base for fields bound via the `Field` directive (`[formField]`).
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HubSignalFieldControl, hubSignalErrorMessages };
+//# sourceMappingURL=ng-hub-ui-forms-signals.mjs.map

package/fesm2022/ng-hub-ui-forms-signals.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ng-hub-ui-forms-signals.mjs","sources":["../../../projects/forms/signals/src/lib/signal-error-display.ts","../../../projects/forms/signals/src/lib/hub-signal-field-control.ts","../../../projects/forms/signals/src/public-api.ts","../../../projects/forms/signals/src/ng-hub-ui-forms-signals.ts"],"sourcesContent":["import type { ValidationError } from '@angular/forms/signals';\nimport { defaultInvalidFeedback } from 'ng-hub-ui-forms';\n\n/**\n * Signal Forms adapter for the shared Hub error-display logic.\n *\n * It mirrors the core `HubErrorDisplay` (CVA/Reactive) behaviour for the Signal\n * Forms model: given the validation errors a field exposes through `field().errors()`,\n * it produces the same human-readable messages. The single source of truth for the\n * default copy stays in the core `defaultInvalidFeedback` (reused here), so Reactive\n * and Signal fields render identical messages.\n *\n * Resolution order per error:\n * 1. The error's own `message` (Signal Forms validators may attach one).\n * 2. The provided `fn` override (typically `HUB_FORMS_CONFIG.invalidFeedbackTemplateFn`\n *    or a per-field override), called with the error `kind` and the error object.\n *\n * @param errors Validation errors read from a Signal Forms field (`field().errors()`).\n * @param fn Message factory used when an error carries no inline `message`. Defaults\n *   to the core `defaultInvalidFeedback`.\n * @returns The resolved, human-readable error messages in error order.\n */\nexport function hubSignalErrorMessages(\n\terrors: readonly ValidationError[] | null | undefined,\n\tfn: (key: string, value: unknown) => string = defaultInvalidFeedback\n): string[] {\n\treturn (errors ?? []).map((error) => error.message ?? fn(error.kind, error));\n}\n","import { Directive, computed, inject, input, model, type ModelSignal, type Signal } from '@angular/core';\nimport type { FormValueControl, ValidationError } from '@angular/forms/signals';\nimport { HUB_FORMS_CONFIG } from 'ng-hub-ui-forms';\nimport { hubSignalErrorMessages } from './signal-error-display';\n\n/**\n * Abstract base for Hub form fields that integrate with Angular **Signal Forms**\n * via the `Field` directive (`[formField]`).\n *\n * It implements the {@link FormValueControl} contract — exposing a two-way `value`\n * model the `Field` directive keeps in sync with the bound `FieldTree`, plus the\n * optional state inputs (`errors`, `disabled`, `touched`, `required`) the directive\n * auto-wires — and resolves error messages through the same `HubErrorDisplay`\n * pipeline used by the CVA core (so Reactive and Signal fields look identical).\n *\n * Decorated with `@Directive()` so subclasses (`@Component`) inherit its signal\n * inputs/model, mirroring the core `HubFieldControl` pattern. It lives in the opt-in\n * `ng-hub-ui-forms/signals` entry point and is the only place that depends on\n * `@angular/forms/signals`; the core package never imports it.\n *\n * @template TValue The value type the field edits.\n */\n@Directive()\nexport abstract class HubSignalFieldControl<TValue> implements FormValueControl<TValue> {\n\t/** Hub forms configuration providing the default error-message factory. */\n\tprotected readonly hubFormsConfig = inject(HUB_FORMS_CONFIG);\n\n\t/** Two-way model the `Field` directive keeps in sync with the bound `FieldTree` value. */\n\treadonly value: ModelSignal<TValue> = model.required<TValue>();\n\n\t/** Validation errors bound from the field by the `Field` directive. */\n\treadonly errors = input<readonly ValidationError.WithOptionalFieldTree[]>([]);\n\n\t/** Disabled state bound from the field by the `Field` directive. */\n\treadonly disabled = input(false);\n\n\t/** Touched state bound from the field by the `Field` directive. */\n\treadonly touched = input(false);\n\n\t/** Whether the field is required, bound from the field by the `Field` directive. */\n\treadonly required = input(false);\n\n\t/** Human-readable messages for the current `errors()`, via the shared Hub error display. */\n\treadonly messages: Signal<string[]> = computed(() =>\n\t\thubSignalErrorMessages(this.errors(), this.hubFormsConfig.invalidFeedbackTemplateFn)\n\t);\n\n\t/** Whether the field should render its invalid state (touched and holding errors). */\n\treadonly isInvalid: Signal<boolean> = computed(() => this.touched() && this.errors().length > 0);\n}\n","/*\n * Public API Surface of ng-hub-ui-forms/signals\n *\n * Opt-in Angular **Signal Forms** (`@angular/forms/signals`) integration for the\n * Hub forms library. Importing this entry point is the ONLY place that pulls in the\n * Signal Forms API; the core `ng-hub-ui-forms` package never imports it, so the core\n * stays compatible with Angular 21 (where Signal Forms is experimental).\n *\n * Recommended on Angular >= 22, where Signal Forms is stable.\n */\n\n// Signal-model base for fields bound via the `Field` directive (`[formField]`).\nexport { HubSignalFieldControl } from './lib/hub-signal-field-control';\n\n// Signal adapter of the shared Hub error-display logic (reuses the core copy).\nexport { hubSignalErrorMessages } from './lib/signal-error-display';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;AAGA;;;;;;;;;;;;;;;;;;AAkBG;SACa,sBAAsB,CACrC,MAAqD,EACrD,KAA8C,sBAAsB,EAAA;IAEpE,OAAO,CAAC,MAAM,IAAI,EAAE,EAAE,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,OAAO,IAAI,EAAE,CAAC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;AAC7E;;ACtBA;;;;;;;;;;;;;;;;AAgBG;MAEmB,qBAAqB,CAAA;;AAEvB,IAAA,cAAc,GAAG,MAAM,CAAC,gBAAgB,CAAC;;IAGnD,KAAK,GAAwB,KAAK,CAAC,QAAQ;8EAAU;;IAGrD,MAAM,GAAG,KAAK,CAAmD,EAAE;+EAAC;;IAGpE,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;;IAGvB,OAAO,GAAG,KAAK,CAAC,KAAK;gFAAC;;IAGtB,QAAQ,GAAG,KAAK,CAAC,KAAK;iFAAC;;AAGvB,IAAA,QAAQ,GAAqB,QAAQ,CAAC,MAC9C,sBAAsB,CAAC,IAAI,CAAC,MAAM,EAAE,EAAE,IAAI,CAAC,cAAc,CAAC,yBAAyB,CAAC;iFACpF;;AAGQ,IAAA,SAAS,GAAoB,QAAQ,CAAC,MAAM,IAAI,CAAC,OAAO,EAAE,IAAI,IAAI,CAAC,MAAM,EAAE,CAAC,MAAM,GAAG,CAAC;kFAAC;uGAzB3E,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAArB,qBAAqB,EAAA,YAAA,EAAA,IAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,EAAA,iBAAA,EAAA,OAAA,EAAA,UAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,MAAA,EAAA,EAAA,iBAAA,EAAA,QAAA,EAAA,UAAA,EAAA,QAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,OAAA,EAAA,EAAA,iBAAA,EAAA,SAAA,EAAA,UAAA,EAAA,SAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,KAAA,EAAA,aAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAArB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBAD1C;;;ACtBD;;;;;;;;;AASG;AAEH;;ACXA;;AAEG;;;;"}