@neural-ui/core 1.7.1 → 1.7.3

package/fesm2022/neural-ui-core-data-view.mjs

@@ -0,0 +1,386 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, DestroyRef, input, output, contentChild, signal, computed, effect, ChangeDetectionStrategy, ViewEncapsulation, Component } from '@angular/core';
+import { NgTemplateOutlet } from '@angular/common';
+import * as i1 from '@angular/forms';
+import { FormControl, ReactiveFormsModule } from '@angular/forms';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { NeuButtonComponent } from '@neural-ui/core/button';
+import { NeuSelectComponent } from '@neural-ui/core/select';
+
+class NeuDataViewItemDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewItemDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: NeuDataViewItemDirective, isStandalone: true, selector: "ng-template[neuDataViewItem]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewItemDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[neuDataViewItem]' }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class NeuDataViewHeaderDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewHeaderDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: NeuDataViewHeaderDirective, isStandalone: true, selector: "ng-template[neuDataViewHeader]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewHeaderDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[neuDataViewHeader]' }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class NeuDataViewFooterDirective {
+    templateRef;
+    constructor(templateRef) {
+        this.templateRef = templateRef;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewFooterDirective, deps: [{ token: i0.TemplateRef }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "21.2.17", type: NeuDataViewFooterDirective, isStandalone: true, selector: "ng-template[neuDataViewFooter]", ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewFooterDirective, decorators: [{
+            type: Directive,
+            args: [{ selector: 'ng-template[neuDataViewFooter]' }]
+        }], ctorParameters: () => [{ type: i0.TemplateRef }] });
+class NeuDataViewComponent {
+    _destroyRef = inject(DestroyRef);
+    items = input([], ...(ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []));
+    mode = input('list', ...(ngDevMode ? [{ debugName: "mode" }] : /* istanbul ignore next */ []));
+    modes = input(['list', 'grid', 'table'], ...(ngDevMode ? [{ debugName: "modes" }] : /* istanbul ignore next */ []));
+    viewSwitcher = input(true, ...(ngDevMode ? [{ debugName: "viewSwitcher" }] : /* istanbul ignore next */ []));
+    viewAriaLabel = input('View mode', ...(ngDevMode ? [{ debugName: "viewAriaLabel" }] : /* istanbul ignore next */ []));
+    searchable = input(true, ...(ngDevMode ? [{ debugName: "searchable" }] : /* istanbul ignore next */ []));
+    searchFields = input([], ...(ngDevMode ? [{ debugName: "searchFields" }] : /* istanbul ignore next */ []));
+    searchPlaceholder = input('Search...', ...(ngDevMode ? [{ debugName: "searchPlaceholder" }] : /* istanbul ignore next */ []));
+    searchAriaLabel = input('Search items', ...(ngDevMode ? [{ debugName: "searchAriaLabel" }] : /* istanbul ignore next */ []));
+    sortOptions = input([], ...(ngDevMode ? [{ debugName: "sortOptions" }] : /* istanbul ignore next */ []));
+    sortAriaLabel = input('Sort items', ...(ngDevMode ? [{ debugName: "sortAriaLabel" }] : /* istanbul ignore next */ []));
+    pagination = input(true, ...(ngDevMode ? [{ debugName: "pagination" }] : /* istanbul ignore next */ []));
+    pageSize = input(9, ...(ngDevMode ? [{ debugName: "pageSize" }] : /* istanbul ignore next */ []));
+    emptyLabel = input('No items found', ...(ngDevMode ? [{ debugName: "emptyLabel" }] : /* istanbul ignore next */ []));
+    loading = input(false, ...(ngDevMode ? [{ debugName: "loading" }] : /* istanbul ignore next */ []));
+    loadingLabel = input('Loading...', ...(ngDevMode ? [{ debugName: "loadingLabel" }] : /* istanbul ignore next */ []));
+    previousLabel = input('Previous', ...(ngDevMode ? [{ debugName: "previousLabel" }] : /* istanbul ignore next */ []));
+    nextLabel = input('Next', ...(ngDevMode ? [{ debugName: "nextLabel" }] : /* istanbul ignore next */ []));
+    paginationAriaLabel = input('Data view pagination', ...(ngDevMode ? [{ debugName: "paginationAriaLabel" }] : /* istanbul ignore next */ []));
+    trackBy = input((index) => index, ...(ngDevMode ? [{ debugName: "trackBy" }] : /* istanbul ignore next */ []));
+    modeChange = output();
+    searchChange = output();
+    sortChange = output();
+    pageChange = output();
+    itemTpl = contentChild(NeuDataViewItemDirective, ...(ngDevMode ? [{ debugName: "itemTpl" }] : /* istanbul ignore next */ []));
+    headerTpl = contentChild(NeuDataViewHeaderDirective, ...(ngDevMode ? [{ debugName: "headerTpl" }] : /* istanbul ignore next */ []));
+    footerTpl = contentChild(NeuDataViewFooterDirective, ...(ngDevMode ? [{ debugName: "footerTpl" }] : /* istanbul ignore next */ []));
+    query = signal('', ...(ngDevMode ? [{ debugName: "query" }] : /* istanbul ignore next */ []));
+    page = signal(1, ...(ngDevMode ? [{ debugName: "page" }] : /* istanbul ignore next */ []));
+    sortKey = signal('', ...(ngDevMode ? [{ debugName: "sortKey" }] : /* istanbul ignore next */ []));
+    _sortControl = new FormControl('');
+    _selectSortOptions = computed(() => this.sortOptions().map((option) => ({ label: option.label, value: option.value })), ...(ngDevMode ? [{ debugName: "_selectSortOptions" }] : /* istanbul ignore next */ []));
+    showToolbar = computed(() => this.searchable() || this.sortOptions().length > 0 || this.viewSwitcher(), ...(ngDevMode ? [{ debugName: "showToolbar" }] : /* istanbul ignore next */ []));
+    filteredItems = computed(() => {
+        const q = this.query().trim().toLowerCase();
+        const rows = [...this.items()];
+        const sort = this.sortOptions().find((option) => option.value === this.sortKey());
+        const filtered = q
+            ? rows.filter((item) => this.searchableText(item, this.searchFields()).toLowerCase().includes(q))
+            : rows;
+        if (!sort) {
+            return filtered;
+        }
+        const direction = sort.direction ?? 'asc';
+        return [...filtered].sort((left, right) => {
+            const a = this.valueFor(left, sort.value);
+            const b = this.valueFor(right, sort.value);
+            const result = String(a ?? '').localeCompare(String(b ?? ''), undefined, { numeric: true });
+            return direction === 'asc' ? result : -result;
+        });
+    }, ...(ngDevMode ? [{ debugName: "filteredItems" }] : /* istanbul ignore next */ []));
+    pageCount = computed(() => Math.max(1, Math.ceil(this.filteredItems().length / Math.max(1, this.pageSize()))), ...(ngDevMode ? [{ debugName: "pageCount" }] : /* istanbul ignore next */ []));
+    pagedItems = computed(() => {
+        if (!this.pagination()) {
+            return this.filteredItems();
+        }
+        const size = Math.max(1, this.pageSize());
+        const start = (Math.min(this.page(), this.pageCount()) - 1) * size;
+        return this.filteredItems().slice(start, start + size);
+    }, ...(ngDevMode ? [{ debugName: "pagedItems" }] : /* istanbul ignore next */ []));
+    constructor() {
+        this._sortControl.valueChanges
+            .pipe(takeUntilDestroyed(this._destroyRef))
+            .subscribe((value) => this.setSort(value ?? ''));
+        effect(() => {
+            const sortKey = this.sortKey();
+            if (this._sortControl.value !== sortKey) {
+                this._sortControl.setValue(sortKey, { emitEvent: false });
+            }
+        });
+    }
+    setMode(mode) {
+        this.modeChange.emit(mode);
+    }
+    setQuery(value) {
+        this.query.set(value);
+        this.page.set(1);
+        this.searchChange.emit(value);
+    }
+    setSort(value) {
+        this.sortKey.set(value);
+        this.sortChange.emit(value);
+    }
+    previousPage() {
+        this.setPage(Math.max(1, this.page() - 1));
+    }
+    nextPage() {
+        this.setPage(Math.min(this.pageCount(), this.page() + 1));
+    }
+    trackItem(index, item) {
+        return this.trackBy()(index, item);
+    }
+    displayItem(item) {
+        if (item === null || item === undefined) {
+            return '';
+        }
+        if (typeof item === 'object') {
+            return JSON.stringify(item);
+        }
+        return String(item);
+    }
+    setPage(page) {
+        this.page.set(page);
+        this.pageChange.emit({ page, pageSize: this.pageSize() });
+    }
+    searchableText(item, fields) {
+        if (!fields.length || typeof item !== 'object' || item === null) {
+            return this.displayItem(item);
+        }
+        return fields.map((field) => this.valueFor(item, field)).join(' ');
+    }
+    valueFor(item, field) {
+        if (typeof item !== 'object' || item === null) {
+            return item;
+        }
+        return field.split('.').reduce((value, key) => {
+            if (typeof value !== 'object' || value === null) {
+                return undefined;
+            }
+            return value[key];
+        }, item);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.17", type: NeuDataViewComponent, isStandalone: true, selector: "neu-data-view", inputs: { items: { classPropertyName: "items", publicName: "items", isSignal: true, isRequired: false, transformFunction: null }, mode: { classPropertyName: "mode", publicName: "mode", isSignal: true, isRequired: false, transformFunction: null }, modes: { classPropertyName: "modes", publicName: "modes", isSignal: true, isRequired: false, transformFunction: null }, viewSwitcher: { classPropertyName: "viewSwitcher", publicName: "viewSwitcher", isSignal: true, isRequired: false, transformFunction: null }, viewAriaLabel: { classPropertyName: "viewAriaLabel", publicName: "viewAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, searchable: { classPropertyName: "searchable", publicName: "searchable", isSignal: true, isRequired: false, transformFunction: null }, searchFields: { classPropertyName: "searchFields", publicName: "searchFields", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchAriaLabel: { classPropertyName: "searchAriaLabel", publicName: "searchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, sortOptions: { classPropertyName: "sortOptions", publicName: "sortOptions", isSignal: true, isRequired: false, transformFunction: null }, sortAriaLabel: { classPropertyName: "sortAriaLabel", publicName: "sortAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, pagination: { classPropertyName: "pagination", publicName: "pagination", isSignal: true, isRequired: false, transformFunction: null }, pageSize: { classPropertyName: "pageSize", publicName: "pageSize", isSignal: true, isRequired: false, transformFunction: null }, emptyLabel: { classPropertyName: "emptyLabel", publicName: "emptyLabel", isSignal: true, isRequired: false, transformFunction: null }, loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, loadingLabel: { classPropertyName: "loadingLabel", publicName: "loadingLabel", isSignal: true, isRequired: false, transformFunction: null }, previousLabel: { classPropertyName: "previousLabel", publicName: "previousLabel", isSignal: true, isRequired: false, transformFunction: null }, nextLabel: { classPropertyName: "nextLabel", publicName: "nextLabel", isSignal: true, isRequired: false, transformFunction: null }, paginationAriaLabel: { classPropertyName: "paginationAriaLabel", publicName: "paginationAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, trackBy: { classPropertyName: "trackBy", publicName: "trackBy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { modeChange: "modeChange", searchChange: "searchChange", sortChange: "sortChange", pageChange: "pageChange" }, host: { properties: { "class.neu-data-view--grid": "mode() === \"grid\"", "class.neu-data-view--list": "mode() === \"list\"", "class.neu-data-view--table": "mode() === \"table\"" }, classAttribute: "neu-data-view" }, queries: [{ propertyName: "itemTpl", first: true, predicate: NeuDataViewItemDirective, descendants: true, isSignal: true }, { propertyName: "headerTpl", first: true, predicate: NeuDataViewHeaderDirective, descendants: true, isSignal: true }, { propertyName: "footerTpl", first: true, predicate: NeuDataViewFooterDirective, descendants: true, isSignal: true }], ngImport: i0, template: `
+    @if (headerTpl()) {
+      <ng-container [ngTemplateOutlet]="headerTpl()!.templateRef" />
+    }
+
+    @if (showToolbar()) {
+      <div class="neu-data-view__toolbar">
+        @if (searchable()) {
+          <label class="neu-data-view__search">
+            <span class="neu-data-view__sr">{{ searchAriaLabel() }}</span>
+            <input
+              type="search"
+              [placeholder]="searchPlaceholder()"
+              [value]="query()"
+              (input)="setQuery($any($event.target).value)"
+            />
+          </label>
+        }
+        @if (sortOptions().length) {
+          <neu-select
+            class="neu-data-view__sort"
+            [floatingLabel]="false"
+            [placeholder]="sortAriaLabel()"
+            [options]="_selectSortOptions()"
+            [formControl]="_sortControl"
+            size="sm"
+          />
+        }
+        @if (viewSwitcher()) {
+          <div class="neu-data-view__modes" role="group" [attr.aria-label]="viewAriaLabel()">
+            @for (item of modes(); track item) {
+              <button
+                neu-button
+                type="button"
+                class="neu-data-view__mode"
+                variant="ghost"
+                size="sm"
+                [class.neu-data-view__mode--active]="mode() === item"
+                [attr.aria-pressed]="mode() === item"
+                (click)="setMode(item)"
+              >
+                {{ item }}
+              </button>
+            }
+          </div>
+        }
+      </div>
+    }
+
+    @if (loading()) {
+      <div class="neu-data-view__loading" role="status">{{ loadingLabel() }}</div>
+    } @else if (pagedItems().length === 0) {
+      <div class="neu-data-view__empty" role="status">{{ emptyLabel() }}</div>
+    } @else {
+      <div class="neu-data-view__items" [attr.role]="mode() === 'table' ? 'table' : 'list'">
+        @for (item of pagedItems(); track trackItem($index, item); let i = $index) {
+          <div class="neu-data-view__item" [attr.role]="mode() === 'table' ? 'row' : 'listitem'">
+            @if (itemTpl()) {
+              <ng-container
+                [ngTemplateOutlet]="itemTpl()!.templateRef"
+                [ngTemplateOutletContext]="{ $implicit: item, index: i }"
+              />
+            } @else {
+              {{ displayItem(item) }}
+            }
+          </div>
+        }
+      </div>
+    }
+
+    @if (pagination() && pageCount() > 1) {
+      <nav class="neu-data-view__pagination" [attr.aria-label]="paginationAriaLabel()">
+        <button
+          neu-button
+          type="button"
+          variant="secondary"
+          size="sm"
+          [disabled]="page() <= 1"
+          (click)="previousPage()"
+        >
+          {{ previousLabel() }}
+        </button>
+        <span>{{ page() }} / {{ pageCount() }}</span>
+        <button
+          neu-button
+          type="button"
+          variant="secondary"
+          size="sm"
+          [disabled]="page() >= pageCount()"
+          (click)="nextPage()"
+        >
+          {{ nextLabel() }}
+        </button>
+      </nav>
+    }
+
+    @if (footerTpl()) {
+      <ng-container [ngTemplateOutlet]="footerTpl()!.templateRef" />
+    }
+  `, isInline: true, styles: [".neu-data-view{display:block;color:var(--neu-text, #111827)}.neu-data-view__toolbar,.neu-data-view__pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.neu-data-view__search input{min-height:2.25rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);color:inherit;padding:0 .75rem}.neu-data-view__sort{min-width:12rem}.neu-data-view__modes{display:inline-flex;border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;overflow:hidden}.neu-data-view__mode{border:0!important;border-radius:0!important;text-transform:capitalize;color:var(--neu-text, #111827)}.neu-data-view__mode--active{background:var(--neu-primary-solid, var(--neu-primary, #2563eb));color:var(--neu-primary-solid-fg, var(--neu-primary-fg, #fff))}html[data-theme=dark] .neu-data-view__mode{color:#f2f7fb}html[data-theme=dark] .neu-data-view__mode--active{background:var(--neu-primary-solid);color:var(--neu-primary-solid-fg)}.neu-data-view__items{display:grid;gap:.75rem}.neu-data-view--grid .neu-data-view__items{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.neu-data-view--table .neu-data-view__items{gap:0;border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;overflow:hidden}.neu-data-view__item{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);padding:.875rem}.neu-data-view--table .neu-data-view__item{border:0;border-bottom:1px solid var(--neu-border, #d1d5db);border-radius:0}.neu-data-view__empty,.neu-data-view__loading{border:1px dashed var(--neu-border, #d1d5db);border-radius:.5rem;padding:2rem;text-align:center;color:var(--neu-text-muted, #6b7280)}.neu-data-view__pagination{justify-content:flex-end;margin-top:1rem;margin-bottom:0}.neu-data-view__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }, { kind: "component", type: NeuButtonComponent, selector: "button[neu-button]", inputs: ["variant", "size", "disabled", "loading", "fullWidth", "icon", "iconPosition", "iconOnly", "ariaLabel"], outputs: ["neuClick"] }, { kind: "component", type: NeuSelectComponent, selector: "neu-select", inputs: ["options", "label", "placeholder", "errorMessage", "hint", "disabled", "floatingLabel", "size", "searchable", "searchPlaceholder", "loading", "loadingLabel", "clearable", "virtualScroll", "virtualScrollVisibleItems", "noResultsMessage", "clearAriaLabel", "urlParam"], outputs: ["selectionChange"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.17", ngImport: i0, type: NeuDataViewComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'neu-data-view', imports: [NgTemplateOutlet, ReactiveFormsModule, NeuButtonComponent, NeuSelectComponent], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, host: {
+                        class: 'neu-data-view',
+                        '[class.neu-data-view--grid]': 'mode() === "grid"',
+                        '[class.neu-data-view--list]': 'mode() === "list"',
+                        '[class.neu-data-view--table]': 'mode() === "table"',
+                    }, template: `
+    @if (headerTpl()) {
+      <ng-container [ngTemplateOutlet]="headerTpl()!.templateRef" />
+    }
+
+    @if (showToolbar()) {
+      <div class="neu-data-view__toolbar">
+        @if (searchable()) {
+          <label class="neu-data-view__search">
+            <span class="neu-data-view__sr">{{ searchAriaLabel() }}</span>
+            <input
+              type="search"
+              [placeholder]="searchPlaceholder()"
+              [value]="query()"
+              (input)="setQuery($any($event.target).value)"
+            />
+          </label>
+        }
+        @if (sortOptions().length) {
+          <neu-select
+            class="neu-data-view__sort"
+            [floatingLabel]="false"
+            [placeholder]="sortAriaLabel()"
+            [options]="_selectSortOptions()"
+            [formControl]="_sortControl"
+            size="sm"
+          />
+        }
+        @if (viewSwitcher()) {
+          <div class="neu-data-view__modes" role="group" [attr.aria-label]="viewAriaLabel()">
+            @for (item of modes(); track item) {
+              <button
+                neu-button
+                type="button"
+                class="neu-data-view__mode"
+                variant="ghost"
+                size="sm"
+                [class.neu-data-view__mode--active]="mode() === item"
+                [attr.aria-pressed]="mode() === item"
+                (click)="setMode(item)"
+              >
+                {{ item }}
+              </button>
+            }
+          </div>
+        }
+      </div>
+    }
+
+    @if (loading()) {
+      <div class="neu-data-view__loading" role="status">{{ loadingLabel() }}</div>
+    } @else if (pagedItems().length === 0) {
+      <div class="neu-data-view__empty" role="status">{{ emptyLabel() }}</div>
+    } @else {
+      <div class="neu-data-view__items" [attr.role]="mode() === 'table' ? 'table' : 'list'">
+        @for (item of pagedItems(); track trackItem($index, item); let i = $index) {
+          <div class="neu-data-view__item" [attr.role]="mode() === 'table' ? 'row' : 'listitem'">
+            @if (itemTpl()) {
+              <ng-container
+                [ngTemplateOutlet]="itemTpl()!.templateRef"
+                [ngTemplateOutletContext]="{ $implicit: item, index: i }"
+              />
+            } @else {
+              {{ displayItem(item) }}
+            }
+          </div>
+        }
+      </div>
+    }
+
+    @if (pagination() && pageCount() > 1) {
+      <nav class="neu-data-view__pagination" [attr.aria-label]="paginationAriaLabel()">
+        <button
+          neu-button
+          type="button"
+          variant="secondary"
+          size="sm"
+          [disabled]="page() <= 1"
+          (click)="previousPage()"
+        >
+          {{ previousLabel() }}
+        </button>
+        <span>{{ page() }} / {{ pageCount() }}</span>
+        <button
+          neu-button
+          type="button"
+          variant="secondary"
+          size="sm"
+          [disabled]="page() >= pageCount()"
+          (click)="nextPage()"
+        >
+          {{ nextLabel() }}
+        </button>
+      </nav>
+    }
+
+    @if (footerTpl()) {
+      <ng-container [ngTemplateOutlet]="footerTpl()!.templateRef" />
+    }
+  `, styles: [".neu-data-view{display:block;color:var(--neu-text, #111827)}.neu-data-view__toolbar,.neu-data-view__pagination{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:1rem}.neu-data-view__search input{min-height:2.25rem;border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);color:inherit;padding:0 .75rem}.neu-data-view__sort{min-width:12rem}.neu-data-view__modes{display:inline-flex;border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;overflow:hidden}.neu-data-view__mode{border:0!important;border-radius:0!important;text-transform:capitalize;color:var(--neu-text, #111827)}.neu-data-view__mode--active{background:var(--neu-primary-solid, var(--neu-primary, #2563eb));color:var(--neu-primary-solid-fg, var(--neu-primary-fg, #fff))}html[data-theme=dark] .neu-data-view__mode{color:#f2f7fb}html[data-theme=dark] .neu-data-view__mode--active{background:var(--neu-primary-solid);color:var(--neu-primary-solid-fg)}.neu-data-view__items{display:grid;gap:.75rem}.neu-data-view--grid .neu-data-view__items{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.neu-data-view--table .neu-data-view__items{gap:0;border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;overflow:hidden}.neu-data-view__item{border:1px solid var(--neu-border, #d1d5db);border-radius:.5rem;background:var(--neu-surface, #fff);padding:.875rem}.neu-data-view--table .neu-data-view__item{border:0;border-bottom:1px solid var(--neu-border, #d1d5db);border-radius:0}.neu-data-view__empty,.neu-data-view__loading{border:1px dashed var(--neu-border, #d1d5db);border-radius:.5rem;padding:2rem;text-align:center;color:var(--neu-text-muted, #6b7280)}.neu-data-view__pagination{justify-content:flex-end;margin-top:1rem;margin-bottom:0}.neu-data-view__sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}\n"] }]
+        }], ctorParameters: () => [], propDecorators: { items: [{ type: i0.Input, args: [{ isSignal: true, alias: "items", required: false }] }], mode: [{ type: i0.Input, args: [{ isSignal: true, alias: "mode", required: false }] }], modes: [{ type: i0.Input, args: [{ isSignal: true, alias: "modes", required: false }] }], viewSwitcher: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewSwitcher", required: false }] }], viewAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "viewAriaLabel", required: false }] }], searchable: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchable", required: false }] }], searchFields: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchFields", required: false }] }], searchPlaceholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchPlaceholder", required: false }] }], searchAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "searchAriaLabel", required: false }] }], sortOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortOptions", required: false }] }], sortAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "sortAriaLabel", required: false }] }], pagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagination", required: false }] }], pageSize: [{ type: i0.Input, args: [{ isSignal: true, alias: "pageSize", required: false }] }], emptyLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "emptyLabel", required: false }] }], loading: [{ type: i0.Input, args: [{ isSignal: true, alias: "loading", required: false }] }], loadingLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "loadingLabel", required: false }] }], previousLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "previousLabel", required: false }] }], nextLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "nextLabel", required: false }] }], paginationAriaLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "paginationAriaLabel", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], modeChange: [{ type: i0.Output, args: ["modeChange"] }], searchChange: [{ type: i0.Output, args: ["searchChange"] }], sortChange: [{ type: i0.Output, args: ["sortChange"] }], pageChange: [{ type: i0.Output, args: ["pageChange"] }], itemTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NeuDataViewItemDirective), { isSignal: true }] }], headerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NeuDataViewHeaderDirective), { isSignal: true }] }], footerTpl: [{ type: i0.ContentChild, args: [i0.forwardRef(() => NeuDataViewFooterDirective), { isSignal: true }] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { NeuDataViewComponent, NeuDataViewFooterDirective, NeuDataViewHeaderDirective, NeuDataViewItemDirective };
+//# sourceMappingURL=neural-ui-core-data-view.mjs.map

package/fesm2022/neural-ui-core-data-view.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"neural-ui-core-data-view.mjs","sources":["../../../../projects/ui-core/data-view/neu-data-view.component.ts","../../../../projects/ui-core/data-view/neural-ui-core-data-view.ts"],"sourcesContent":["import {\n  ChangeDetectionStrategy,\n  Component,\n  DestroyRef,\n  Directive,\n  TemplateRef,\n  ViewEncapsulation,\n  computed,\n  contentChild,\n  effect,\n  inject,\n  input,\n  output,\n  signal,\n} from '@angular/core';\nimport { NgTemplateOutlet } from '@angular/common';\nimport { FormControl, ReactiveFormsModule } from '@angular/forms';\nimport { takeUntilDestroyed } from '@angular/core/rxjs-interop';\nimport { NeuButtonComponent } from '@neural-ui/core/button';\nimport { NeuSelectComponent, type NeuSelectOption } from '@neural-ui/core/select';\n\nexport type NeuDataViewMode = 'list' | 'grid' | 'table';\nexport type NeuDataViewSortDirection = 'asc' | 'desc';\n\nexport interface NeuDataViewSortOption {\n  label: string;\n  value: string;\n  direction?: NeuDataViewSortDirection;\n}\n\nexport interface NeuDataViewPageEvent {\n  page: number;\n  pageSize: number;\n}\n\n@Directive({ selector: 'ng-template[neuDataViewItem]' })\nexport class NeuDataViewItemDirective {\n  constructor(readonly templateRef: TemplateRef<{ $implicit: unknown; index: number }>) {}\n}\n\n@Directive({ selector: 'ng-template[neuDataViewHeader]' })\nexport class NeuDataViewHeaderDirective {\n  constructor(readonly templateRef: TemplateRef<void>) {}\n}\n\n@Directive({ selector: 'ng-template[neuDataViewFooter]' })\nexport class NeuDataViewFooterDirective {\n  constructor(readonly templateRef: TemplateRef<void>) {}\n}\n\n@Component({\n  selector: 'neu-data-view',\n  imports: [NgTemplateOutlet, ReactiveFormsModule, NeuButtonComponent, NeuSelectComponent],\n  encapsulation: ViewEncapsulation.None,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    class: 'neu-data-view',\n    '[class.neu-data-view--grid]': 'mode() === \"grid\"',\n    '[class.neu-data-view--list]': 'mode() === \"list\"',\n    '[class.neu-data-view--table]': 'mode() === \"table\"',\n  },\n  template: `\n    @if (headerTpl()) {\n      <ng-container [ngTemplateOutlet]=\"headerTpl()!.templateRef\" />\n    }\n\n    @if (showToolbar()) {\n      <div class=\"neu-data-view__toolbar\">\n        @if (searchable()) {\n          <label class=\"neu-data-view__search\">\n            <span class=\"neu-data-view__sr\">{{ searchAriaLabel() }}</span>\n            <input\n              type=\"search\"\n              [placeholder]=\"searchPlaceholder()\"\n              [value]=\"query()\"\n              (input)=\"setQuery($any($event.target).value)\"\n            />\n          </label>\n        }\n        @if (sortOptions().length) {\n          <neu-select\n            class=\"neu-data-view__sort\"\n            [floatingLabel]=\"false\"\n            [placeholder]=\"sortAriaLabel()\"\n            [options]=\"_selectSortOptions()\"\n            [formControl]=\"_sortControl\"\n            size=\"sm\"\n          />\n        }\n        @if (viewSwitcher()) {\n          <div class=\"neu-data-view__modes\" role=\"group\" [attr.aria-label]=\"viewAriaLabel()\">\n            @for (item of modes(); track item) {\n              <button\n                neu-button\n                type=\"button\"\n                class=\"neu-data-view__mode\"\n                variant=\"ghost\"\n                size=\"sm\"\n                [class.neu-data-view__mode--active]=\"mode() === item\"\n                [attr.aria-pressed]=\"mode() === item\"\n                (click)=\"setMode(item)\"\n              >\n                {{ item }}\n              </button>\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @if (loading()) {\n      <div class=\"neu-data-view__loading\" role=\"status\">{{ loadingLabel() }}</div>\n    } @else if (pagedItems().length === 0) {\n      <div class=\"neu-data-view__empty\" role=\"status\">{{ emptyLabel() }}</div>\n    } @else {\n      <div class=\"neu-data-view__items\" [attr.role]=\"mode() === 'table' ? 'table' : 'list'\">\n        @for (item of pagedItems(); track trackItem($index, item); let i = $index) {\n          <div class=\"neu-data-view__item\" [attr.role]=\"mode() === 'table' ? 'row' : 'listitem'\">\n            @if (itemTpl()) {\n              <ng-container\n                [ngTemplateOutlet]=\"itemTpl()!.templateRef\"\n                [ngTemplateOutletContext]=\"{ $implicit: item, index: i }\"\n              />\n            } @else {\n              {{ displayItem(item) }}\n            }\n          </div>\n        }\n      </div>\n    }\n\n    @if (pagination() && pageCount() > 1) {\n      <nav class=\"neu-data-view__pagination\" [attr.aria-label]=\"paginationAriaLabel()\">\n        <button\n          neu-button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          [disabled]=\"page() <= 1\"\n          (click)=\"previousPage()\"\n        >\n          {{ previousLabel() }}\n        </button>\n        <span>{{ page() }} / {{ pageCount() }}</span>\n        <button\n          neu-button\n          type=\"button\"\n          variant=\"secondary\"\n          size=\"sm\"\n          [disabled]=\"page() >= pageCount()\"\n          (click)=\"nextPage()\"\n        >\n          {{ nextLabel() }}\n        </button>\n      </nav>\n    }\n\n    @if (footerTpl()) {\n      <ng-container [ngTemplateOutlet]=\"footerTpl()!.templateRef\" />\n    }\n  `,\n  styleUrl: './neu-data-view.component.scss',\n})\nexport class NeuDataViewComponent {\n  private readonly _destroyRef = inject(DestroyRef);\n\n  readonly items = input<unknown[]>([]);\n  readonly mode = input<NeuDataViewMode>('list');\n  readonly modes = input<NeuDataViewMode[]>(['list', 'grid', 'table']);\n  readonly viewSwitcher = input(true);\n  readonly viewAriaLabel = input('View mode');\n  readonly searchable = input(true);\n  readonly searchFields = input<string[]>([]);\n  readonly searchPlaceholder = input('Search...');\n  readonly searchAriaLabel = input('Search items');\n  readonly sortOptions = input<NeuDataViewSortOption[]>([]);\n  readonly sortAriaLabel = input('Sort items');\n  readonly pagination = input(true);\n  readonly pageSize = input(9);\n  readonly emptyLabel = input('No items found');\n  readonly loading = input(false);\n  readonly loadingLabel = input('Loading...');\n  readonly previousLabel = input('Previous');\n  readonly nextLabel = input('Next');\n  readonly paginationAriaLabel = input('Data view pagination');\n  readonly trackBy = input<(index: number, item: unknown) => unknown>((index) => index);\n\n  readonly modeChange = output<NeuDataViewMode>();\n  readonly searchChange = output<string>();\n  readonly sortChange = output<string>();\n  readonly pageChange = output<NeuDataViewPageEvent>();\n\n  readonly itemTpl = contentChild(NeuDataViewItemDirective);\n  readonly headerTpl = contentChild(NeuDataViewHeaderDirective);\n  readonly footerTpl = contentChild(NeuDataViewFooterDirective);\n\n  readonly query = signal('');\n  readonly page = signal(1);\n  readonly sortKey = signal('');\n  readonly _sortControl = new FormControl<string | null>('');\n\n  readonly _selectSortOptions = computed<NeuSelectOption[]>(() =>\n    this.sortOptions().map((option) => ({ label: option.label, value: option.value })),\n  );\n\n  readonly showToolbar = computed(\n    () => this.searchable() || this.sortOptions().length > 0 || this.viewSwitcher(),\n  );\n\n  readonly filteredItems = computed(() => {\n    const q = this.query().trim().toLowerCase();\n    const rows = [...this.items()];\n    const sort = this.sortOptions().find((option) => option.value === this.sortKey());\n\n    const filtered = q\n      ? rows.filter((item) =>\n          this.searchableText(item, this.searchFields()).toLowerCase().includes(q),\n        )\n      : rows;\n\n    if (!sort) {\n      return filtered;\n    }\n\n    const direction = sort.direction ?? 'asc';\n    return [...filtered].sort((left, right) => {\n      const a = this.valueFor(left, sort.value);\n      const b = this.valueFor(right, sort.value);\n      const result = String(a ?? '').localeCompare(String(b ?? ''), undefined, { numeric: true });\n      return direction === 'asc' ? result : -result;\n    });\n  });\n\n  readonly pageCount = computed(() =>\n    Math.max(1, Math.ceil(this.filteredItems().length / Math.max(1, this.pageSize()))),\n  );\n\n  readonly pagedItems = computed(() => {\n    if (!this.pagination()) {\n      return this.filteredItems();\n    }\n    const size = Math.max(1, this.pageSize());\n    const start = (Math.min(this.page(), this.pageCount()) - 1) * size;\n    return this.filteredItems().slice(start, start + size);\n  });\n\n  constructor() {\n    this._sortControl.valueChanges\n      .pipe(takeUntilDestroyed(this._destroyRef))\n      .subscribe((value) => this.setSort(value ?? ''));\n\n    effect(() => {\n      const sortKey = this.sortKey();\n      if (this._sortControl.value !== sortKey) {\n        this._sortControl.setValue(sortKey, { emitEvent: false });\n      }\n    });\n  }\n\n  setMode(mode: NeuDataViewMode): void {\n    this.modeChange.emit(mode);\n  }\n\n  setQuery(value: string): void {\n    this.query.set(value);\n    this.page.set(1);\n    this.searchChange.emit(value);\n  }\n\n  setSort(value: string): void {\n    this.sortKey.set(value);\n    this.sortChange.emit(value);\n  }\n\n  previousPage(): void {\n    this.setPage(Math.max(1, this.page() - 1));\n  }\n\n  nextPage(): void {\n    this.setPage(Math.min(this.pageCount(), this.page() + 1));\n  }\n\n  trackItem(index: number, item: unknown): unknown {\n    return this.trackBy()(index, item);\n  }\n\n  displayItem(item: unknown): string {\n    if (item === null || item === undefined) {\n      return '';\n    }\n    if (typeof item === 'object') {\n      return JSON.stringify(item);\n    }\n    return String(item);\n  }\n\n  private setPage(page: number): void {\n    this.page.set(page);\n    this.pageChange.emit({ page, pageSize: this.pageSize() });\n  }\n\n  private searchableText(item: unknown, fields: string[]): string {\n    if (!fields.length || typeof item !== 'object' || item === null) {\n      return this.displayItem(item);\n    }\n    return fields.map((field) => this.valueFor(item, field)).join(' ');\n  }\n\n  private valueFor(item: unknown, field: string): unknown {\n    if (typeof item !== 'object' || item === null) {\n      return item;\n    }\n    return field.split('.').reduce<unknown>((value, key) => {\n      if (typeof value !== 'object' || value === null) {\n        return undefined;\n      }\n      return (value as Record<string, unknown>)[key];\n    }, item);\n  }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;MAoCa,wBAAwB,CAAA;AACd,IAAA,WAAA;AAArB,IAAA,WAAA,CAAqB,WAA+D,EAAA;QAA/D,IAAA,CAAA,WAAW,GAAX,WAAW;IAAuD;wGAD5E,wBAAwB,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAAxB,wBAAwB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8BAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBADpC,SAAS;mBAAC,EAAE,QAAQ,EAAE,8BAA8B,EAAE;;MAM1C,0BAA0B,CAAA;AAChB,IAAA,WAAA;AAArB,IAAA,WAAA,CAAqB,WAA8B,EAAA;QAA9B,IAAA,CAAA,WAAW,GAAX,WAAW;IAAsB;wGAD3C,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBADtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,gCAAgC,EAAE;;MAM5C,0BAA0B,CAAA;AAChB,IAAA,WAAA;AAArB,IAAA,WAAA,CAAqB,WAA8B,EAAA;QAA9B,IAAA,CAAA,WAAW,GAAX,WAAW;IAAsB;wGAD3C,0BAA0B,EAAA,IAAA,EAAA,CAAA,EAAA,KAAA,EAAA,EAAA,CAAA,WAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;4FAA1B,0BAA0B,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,gCAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;4FAA1B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBADtC,SAAS;mBAAC,EAAE,QAAQ,EAAE,gCAAgC,EAAE;;MAsH5C,oBAAoB,CAAA;AACd,IAAA,WAAW,GAAG,MAAM,CAAC,UAAU,CAAC;AAExC,IAAA,KAAK,GAAG,KAAK,CAAY,EAAE,4EAAC;AAC5B,IAAA,IAAI,GAAG,KAAK,CAAkB,MAAM,2EAAC;IACrC,KAAK,GAAG,KAAK,CAAoB,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,CAAC,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,OAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;AAC3D,IAAA,YAAY,GAAG,KAAK,CAAC,IAAI,mFAAC;AAC1B,IAAA,aAAa,GAAG,KAAK,CAAC,WAAW,oFAAC;AAClC,IAAA,UAAU,GAAG,KAAK,CAAC,IAAI,iFAAC;AACxB,IAAA,YAAY,GAAG,KAAK,CAAW,EAAE,mFAAC;AAClC,IAAA,iBAAiB,GAAG,KAAK,CAAC,WAAW,wFAAC;AACtC,IAAA,eAAe,GAAG,KAAK,CAAC,cAAc,sFAAC;AACvC,IAAA,WAAW,GAAG,KAAK,CAA0B,EAAE,kFAAC;AAChD,IAAA,aAAa,GAAG,KAAK,CAAC,YAAY,oFAAC;AACnC,IAAA,UAAU,GAAG,KAAK,CAAC,IAAI,iFAAC;AACxB,IAAA,QAAQ,GAAG,KAAK,CAAC,CAAC,+EAAC;AACnB,IAAA,UAAU,GAAG,KAAK,CAAC,gBAAgB,iFAAC;AACpC,IAAA,OAAO,GAAG,KAAK,CAAC,KAAK,8EAAC;AACtB,IAAA,YAAY,GAAG,KAAK,CAAC,YAAY,mFAAC;AAClC,IAAA,aAAa,GAAG,KAAK,CAAC,UAAU,oFAAC;AACjC,IAAA,SAAS,GAAG,KAAK,CAAC,MAAM,gFAAC;AACzB,IAAA,mBAAmB,GAAG,KAAK,CAAC,sBAAsB,0FAAC;IACnD,OAAO,GAAG,KAAK,CAA4C,CAAC,KAAK,KAAK,KAAK,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,SAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAAC;IAE5E,UAAU,GAAG,MAAM,EAAmB;IACtC,YAAY,GAAG,MAAM,EAAU;IAC/B,UAAU,GAAG,MAAM,EAAU;IAC7B,UAAU,GAAG,MAAM,EAAwB;AAE3C,IAAA,OAAO,GAAG,YAAY,CAAC,wBAAwB,8EAAC;AAChD,IAAA,SAAS,GAAG,YAAY,CAAC,0BAA0B,gFAAC;AACpD,IAAA,SAAS,GAAG,YAAY,CAAC,0BAA0B,gFAAC;AAEpD,IAAA,KAAK,GAAG,MAAM,CAAC,EAAE,4EAAC;AAClB,IAAA,IAAI,GAAG,MAAM,CAAC,CAAC,2EAAC;AAChB,IAAA,OAAO,GAAG,MAAM,CAAC,EAAE,8EAAC;AACpB,IAAA,YAAY,GAAG,IAAI,WAAW,CAAgB,EAAE,CAAC;AAEjD,IAAA,kBAAkB,GAAG,QAAQ,CAAoB,MACxD,IAAI,CAAC,WAAW,EAAE,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAE,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,yFACnF;IAEQ,WAAW,GAAG,QAAQ,CAC7B,MAAM,IAAI,CAAC,UAAU,EAAE,IAAI,IAAI,CAAC,WAAW,EAAE,CAAC,MAAM,GAAG,CAAC,IAAI,IAAI,CAAC,YAAY,EAAE,EAAA,IAAA,SAAA,GAAA,CAAA,EAAA,SAAA,EAAA,aAAA,EAAA,CAAA,8BAAA,EAAA,CAAA,CAChF;AAEQ,IAAA,aAAa,GAAG,QAAQ,CAAC,MAAK;AACrC,QAAA,MAAM,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE;QAC3C,MAAM,IAAI,GAAG,CAAC,GAAG,IAAI,CAAC,KAAK,EAAE,CAAC;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,WAAW,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,KAAK,MAAM,CAAC,KAAK,KAAK,IAAI,CAAC,OAAO,EAAE,CAAC;QAEjF,MAAM,QAAQ,GAAG;AACf,cAAE,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,KACf,IAAI,CAAC,cAAc,CAAC,IAAI,EAAE,IAAI,CAAC,YAAY,EAAE,CAAC,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1E,IAAI;QAER,IAAI,CAAC,IAAI,EAAE;AACT,YAAA,OAAO,QAAQ;QACjB;AAEA,QAAA,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,IAAI,KAAK;AACzC,QAAA,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,EAAE,KAAK,KAAI;AACxC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAC,KAAK,CAAC;AACzC,YAAA,MAAM,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC;YAC1C,MAAM,MAAM,GAAG,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,SAAS,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC;AAC3F,YAAA,OAAO,SAAS,KAAK,KAAK,GAAG,MAAM,GAAG,CAAC,MAAM;AAC/C,QAAA,CAAC,CAAC;AACJ,IAAA,CAAC,oFAAC;AAEO,IAAA,SAAS,GAAG,QAAQ,CAAC,MAC5B,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,aAAa,EAAE,CAAC,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC,gFACnF;AAEQ,IAAA,UAAU,GAAG,QAAQ,CAAC,MAAK;AAClC,QAAA,IAAI,CAAC,IAAI,CAAC,UAAU,EAAE,EAAE;AACtB,YAAA,OAAO,IAAI,CAAC,aAAa,EAAE;QAC7B;AACA,QAAA,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC;QACzC,MAAM,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,CAAC,SAAS,EAAE,CAAC,GAAG,CAAC,IAAI,IAAI;AAClE,QAAA,OAAO,IAAI,CAAC,aAAa,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAC;AACxD,IAAA,CAAC,iFAAC;AAEF,IAAA,WAAA,GAAA;QACE,IAAI,CAAC,YAAY,CAAC;AACf,aAAA,IAAI,CAAC,kBAAkB,CAAC,IAAI,CAAC,WAAW,CAAC;AACzC,aAAA,SAAS,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,OAAO,CAAC,KAAK,IAAI,EAAE,CAAC,CAAC;QAElD,MAAM,CAAC,MAAK;AACV,YAAA,MAAM,OAAO,GAAG,IAAI,CAAC,OAAO,EAAE;YAC9B,IAAI,IAAI,CAAC,YAAY,CAAC,KAAK,KAAK,OAAO,EAAE;AACvC,gBAAA,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,OAAO,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,CAAC;YAC3D;AACF,QAAA,CAAC,CAAC;IACJ;AAEA,IAAA,OAAO,CAAC,IAAqB,EAAA;AAC3B,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC;IAC5B;AAEA,IAAA,QAAQ,CAAC,KAAa,EAAA;AACpB,QAAA,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,KAAK,CAAC;AACrB,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC;AAChB,QAAA,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC;IAC/B;AAEA,IAAA,OAAO,CAAC,KAAa,EAAA;AACnB,QAAA,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;AACvB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;IAC7B;IAEA,YAAY,GAAA;AACV,QAAA,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IAC5C;IAEA,QAAQ,GAAA;QACN,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,SAAS,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC,CAAC;IAC3D;IAEA,SAAS,CAAC,KAAa,EAAE,IAAa,EAAA;QACpC,OAAO,IAAI,CAAC,OAAO,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC;IACpC;AAEA,IAAA,WAAW,CAAC,IAAa,EAAA;QACvB,IAAI,IAAI,KAAK,IAAI,IAAI,IAAI,KAAK,SAAS,EAAE;AACvC,YAAA,OAAO,EAAE;QACX;AACA,QAAA,IAAI,OAAO,IAAI,KAAK,QAAQ,EAAE;AAC5B,YAAA,OAAO,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC;QAC7B;AACA,QAAA,OAAO,MAAM,CAAC,IAAI,CAAC;IACrB;AAEQ,IAAA,OAAO,CAAC,IAAY,EAAA;AAC1B,QAAA,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC;AACnB,QAAA,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,EAAE,CAAC;IAC3D;IAEQ,cAAc,CAAC,IAAa,EAAE,MAAgB,EAAA;AACpD,QAAA,IAAI,CAAC,MAAM,CAAC,MAAM,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;AAC/D,YAAA,OAAO,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC;QAC/B;QACA,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC;IACpE;IAEQ,QAAQ,CAAC,IAAa,EAAE,KAAa,EAAA;QAC3C,IAAI,OAAO,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,IAAI,EAAE;AAC7C,YAAA,OAAO,IAAI;QACb;AACA,QAAA,OAAO,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAU,CAAC,KAAK,EAAE,GAAG,KAAI;YACrD,IAAI,OAAO,KAAK,KAAK,QAAQ,IAAI,KAAK,KAAK,IAAI,EAAE;AAC/C,gBAAA,OAAO,SAAS;YAClB;AACA,YAAA,OAAQ,KAAiC,CAAC,GAAG,CAAC;QAChD,CAAC,EAAE,IAAI,CAAC;IACV;wGA3JW,oBAAoB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAApB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,oBAAoB,4nGA6BC,wBAAwB,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EACtB,0BAA0B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,EAAA,EAAA,YAAA,EAAA,WAAA,EAAA,KAAA,EAAA,IAAA,EAAA,SAAA,EAC1B,0BAA0B,EAAA,WAAA,EAAA,IAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EArIlD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,o1DAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EA5GS,gBAAgB,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAE,mBAAmB,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,UAAA,EAAA,SAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,QAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAE,kBAAkB,wMAAE,kBAAkB,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,CAAA,SAAA,EAAA,OAAA,EAAA,aAAA,EAAA,cAAA,EAAA,MAAA,EAAA,UAAA,EAAA,eAAA,EAAA,MAAA,EAAA,YAAA,EAAA,mBAAA,EAAA,SAAA,EAAA,cAAA,EAAA,WAAA,EAAA,eAAA,EAAA,2BAAA,EAAA,kBAAA,EAAA,gBAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA;;4FA+G5E,oBAAoB,EAAA,UAAA,EAAA,CAAA;kBAjHhC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,eAAe,WAChB,CAAC,gBAAgB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,kBAAkB,CAAC,EAAA,aAAA,EACzE,iBAAiB,CAAC,IAAI,mBACpB,uBAAuB,CAAC,MAAM,EAAA,IAAA,EACzC;AACJ,wBAAA,KAAK,EAAE,eAAe;AACtB,wBAAA,6BAA6B,EAAE,mBAAmB;AAClD,wBAAA,6BAA6B,EAAE,mBAAmB;AAClD,wBAAA,8BAA8B,EAAE,oBAAoB;qBACrD,EAAA,QAAA,EACS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,o1DAAA,CAAA,EAAA;s0EAgC+B,wBAAwB,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MACtB,0BAA0B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,SAAA,EAAA,CAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,UAAA,CAAA,MAC1B,0BAA0B,CAAA,EAAA,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA;;AClM9D;;AAEG;;;;"}