@taon-dev/ui 21.0.12 → 21.0.14

package/ts-source/websql-code-prod/taon-datatable/taon-datatable.component.ts

@@ -0,0 +1,333 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { CommonModule } from '@angular/common';
+import { ChangeDetectionStrategy, ChangeDetectorRef, Component, DestroyRef, ElementRef, EventEmitter, Input, OnInit, Output, TemplateRef, ViewChild, inject, } from '@angular/core';
+import { takeUntilDestroyed } from '@angular/core/rxjs-interop';
+import { FormsModule, ReactiveFormsModule } from '@angular/forms';
+import { MatButtonModule } from '@angular/material/button';
+import { MatFormFieldModule } from '@angular/material/form-field';
+import { MatIconModule } from '@angular/material/icon';
+import { MatInputModule } from '@angular/material/input';
+import { MatPaginatorModule, PageEvent } from '@angular/material/paginator';
+import { MatSelectModule } from '@angular/material/select';
+import { MtxGridColumn, MtxGridModule } from '@ng-matero/extensions/grid';
+import { getDefaultModel } from 'ng2-rest/websql-prod';
+import { BehaviorSubject, Observable, Subject, catchError, debounceTime, distinctUntilChanged, finalize, from, map, of, startWith, switchMap, tap, } from 'rxjs';
+import { TaonBaseCrudController, TaonBaseEntity, TaonPaginationSort, TaonPaginationQuery, ClassHelpers__NS__asyncHandler, ClassHelpers__NS__ensureClassConfig, ClassHelpers__NS__ensureMethodConfig, ClassHelpers__NS__getClassConfig, ClassHelpers__NS__getClassFnFromObject, ClassHelpers__NS__getControllerConfigs, ClassHelpers__NS__getFullInternalName, ClassHelpers__NS__getMethodsNames, ClassHelpers__NS__getName, ClassHelpers__NS__getOrginalClass, ClassHelpers__NS__getUniqueKey, ClassHelpers__NS__hasParentClassWithName, ClassHelpers__NS__isContextClassObject, ClassHelpers__NS__mapFnError, ClassHelpers__NS__setName, Symbols__NS__classMethodsNames as TaonSymbols__NS__classMethodsNames, Symbols__NS__ctxInClassOrClassObj as TaonSymbols__NS__ctxInClassOrClassObj, Symbols__NS__fullClassNameStaticProperty as TaonSymbols__NS__fullClassNameStaticProperty, Symbols__NS__metadata__NS__className as TaonSymbols__NS__metadata__NS__className, Symbols__NS__metadata__NS__options__NS__controller as TaonSymbols__NS__metadata__NS__options__NS__controller, Symbols__NS__metadata__NS__options__NS__entity as TaonSymbols__NS__metadata__NS__options__NS__entity, Symbols__NS__metadata__NS__options__NS__migration as TaonSymbols__NS__metadata__NS__options__NS__migration, Symbols__NS__metadata__NS__options__NS__provider as TaonSymbols__NS__metadata__NS__options__NS__provider, Symbols__NS__metadata__NS__options__NS__repository as TaonSymbols__NS__metadata__NS__options__NS__repository, Symbols__NS__metadata__NS__options__NS__subscriber as TaonSymbols__NS__metadata__NS__options__NS__subscriber, Symbols__NS__old__NS__CIRCURAL_OBJECTS_MAP_BODY_PARAM as TaonSymbols__NS__old__NS__CIRCURAL_OBJECTS_MAP_BODY_PARAM, Symbols__NS__old__NS__CIRCURAL_OBJECTS_MAP_QUERY_PARAM as TaonSymbols__NS__old__NS__CIRCURAL_OBJECTS_MAP_QUERY_PARAM, Symbols__NS__old__NS__CLASS_DECORATOR_CONTEXT as TaonSymbols__NS__old__NS__CLASS_DECORATOR_CONTEXT, Symbols__NS__old__NS__ENDPOINT_META_CONFIG as TaonSymbols__NS__old__NS__ENDPOINT_META_CONFIG, Symbols__NS__old__NS__ERROR_MESSAGES_CLASS_NAME_MATCH as TaonSymbols__NS__old__NS__ERROR_MESSAGES_CLASS_NAME_MATCH, Symbols__NS__old__NS__HAS_TABLE_IN_DB as TaonSymbols__NS__old__NS__HAS_TABLE_IN_DB, Symbols__NS__old__NS__MAPPING_CONFIG_HEADER as TaonSymbols__NS__old__NS__MAPPING_CONFIG_HEADER, Symbols__NS__old__NS__MAPPING_CONFIG_HEADER_BODY_PARAMS as TaonSymbols__NS__old__NS__MAPPING_CONFIG_HEADER_BODY_PARAMS, Symbols__NS__old__NS__MAPPING_CONFIG_HEADER_QUERY_PARAMS as TaonSymbols__NS__old__NS__MAPPING_CONFIG_HEADER_QUERY_PARAMS, Symbols__NS__old__NS__MDC_KEY as TaonSymbols__NS__old__NS__MDC_KEY, Symbols__NS__old__NS__SOCKET_MSG as TaonSymbols__NS__old__NS__SOCKET_MSG, Symbols__NS__old__NS__WEBSQL_REST_PROGRESS_FUN as TaonSymbols__NS__old__NS__WEBSQL_REST_PROGRESS_FUN, Symbols__NS__old__NS__WEBSQL_REST_PROGRESS_FUN_DONE as TaonSymbols__NS__old__NS__WEBSQL_REST_PROGRESS_FUN_DONE, Symbols__NS__old__NS__WEBSQL_REST_PROGRESS_FUN_START as TaonSymbols__NS__old__NS__WEBSQL_REST_PROGRESS_FUN_START, Symbols__NS__old__NS__WEBSQL_REST_PROGRESS_TIMEOUT as TaonSymbols__NS__old__NS__WEBSQL_REST_PROGRESS_TIMEOUT, Symbols__NS__old__NS__X_TOTAL_COUNT as TaonSymbols__NS__old__NS__X_TOTAL_COUNT, Symbols__NS__orignalClassClonesObj as TaonSymbols__NS__orignalClassClonesObj, Symbols__NS__REALTIME as TaonSymbols__NS__REALTIME, Symbols__NS__taonInstanceId as TaonSymbols__NS__taonInstanceId } from 'taon/websql-prod';
+import { json5, ___NS__add, ___NS__after, ___NS__ary, ___NS__assign, ___NS__assignIn, ___NS__assignInWith, ___NS__assignWith, ___NS__at, ___NS__attempt, ___NS__before, ___NS__bind, ___NS__bindAll, ___NS__bindKey, ___NS__camelCase, ___NS__capitalize, ___NS__castArray, ___NS__ceil, ___NS__chain, ___NS__chunk, ___NS__clamp, ___NS__clone, ___NS__cloneDeep, ___NS__cloneDeepWith, ___NS__cloneWith, ___NS__compact, ___NS__concat, ___NS__cond, ___NS__conforms, ___NS__conformsTo, ___NS__constant, ___NS__countBy, ___NS__create, ___NS__curry, ___NS__curryRight, ___NS__debounce, ___NS__deburr, ___NS__defaults, ___NS__defaultsDeep, ___NS__defaultTo, ___NS__defer, ___NS__delay, ___NS__difference, ___NS__differenceBy, ___NS__differenceWith, ___NS__divide, ___NS__drop, ___NS__dropRight, ___NS__dropRightWhile, ___NS__dropWhile, ___NS__each, ___NS__eachRight, ___NS__endsWith, ___NS__entries, ___NS__entriesIn, ___NS__eq, ___NS__escape, ___NS__escapeRegExp, ___NS__every, ___NS__extend, ___NS__extendWith, ___NS__fill, ___NS__filter, ___NS__find, ___NS__findIndex, ___NS__findKey, ___NS__findLast, ___NS__findLastIndex, ___NS__findLastKey, ___NS__first, ___NS__flatMap, ___NS__flatMapDeep, ___NS__flatMapDepth, ___NS__flatten, ___NS__flattenDeep, ___NS__flattenDepth, ___NS__flip, ___NS__floor, ___NS__flow, ___NS__flowRight, ___NS__forEach, ___NS__forEachRight, ___NS__forIn, ___NS__forInRight, ___NS__forOwn, ___NS__forOwnRight, ___NS__fromPairs, ___NS__functions, ___NS__functionsIn, ___NS__get, ___NS__groupBy, ___NS__gt, ___NS__gte, ___NS__has, ___NS__hasIn, ___NS__head, ___NS__identity, ___NS__includes, ___NS__indexOf, ___NS__initial, ___NS__inRange, ___NS__intersection, ___NS__intersectionBy, ___NS__intersectionWith, ___NS__invert, ___NS__invertBy, ___NS__invoke, ___NS__invokeMap, ___NS__isArguments, ___NS__isArray, ___NS__isArrayBuffer, ___NS__isArrayLike, ___NS__isArrayLikeObject, ___NS__isBoolean, ___NS__isBuffer, ___NS__isDate, ___NS__isElement, ___NS__isEmpty, ___NS__isEqual, ___NS__isEqualWith, ___NS__isError, ___NS__isFinite, ___NS__isFunction, ___NS__isInteger, ___NS__isLeafObject, ___NS__isLength, ___NS__isMap, ___NS__isMatch, ___NS__isMatchWith, ___NS__isNaN, ___NS__isNative, ___NS__isNil, ___NS__isNull, ___NS__isNumber, ___NS__isObject, ___NS__isObjectLike, ___NS__isPlainObject, ___NS__isRegExp, ___NS__isSafeInteger, ___NS__isSet, ___NS__isString, ___NS__isSymbol, ___NS__isTypedArray, ___NS__isUndefined, ___NS__isWeakMap, ___NS__isWeakSet, ___NS__iteratee, ___NS__join, ___NS__kebabCase, ___NS__keyBy, ___NS__keys, ___NS__keysIn, ___NS__last, ___NS__lastIndexOf, ___NS__lowerCase, ___NS__lowerFirst, ___NS__lt, ___NS__lte, ___NS__map, ___NS__mapKeys, ___NS__mapValues, ___NS__matches, ___NS__matchesProperty, ___NS__max, ___NS__maxBy, ___NS__mean, ___NS__meanBy, ___NS__memoize, ___NS__merge, ___NS__mergeWith, ___NS__method, ___NS__methodOf, ___NS__min, ___NS__minBy, ___NS__mixin, ___NS__multiply, ___NS__negate, ___NS__noop, ___NS__now, ___NS__nth, ___NS__nthArg, ___NS__omit, ___NS__omitBy, ___NS__once, ___NS__orderBy, ___NS__over, ___NS__overArgs, ___NS__overEvery, ___NS__overSome, ___NS__pad, ___NS__padEnd, ___NS__padStart, ___NS__parseInt, ___NS__partial, ___NS__partialRight, ___NS__partition, ___NS__pick, ___NS__pickBy, ___NS__property, ___NS__propertyOf, ___NS__pull, ___NS__pullAll, ___NS__pullAllBy, ___NS__pullAllWith, ___NS__pullAt, ___NS__random, ___NS__range, ___NS__rangeRight, ___NS__rearg, ___NS__reduce, ___NS__reduceRight, ___NS__reject, ___NS__remove, ___NS__repeat, ___NS__replace, ___NS__rest, ___NS__result, ___NS__reverse, ___NS__round, ___NS__sample, ___NS__sampleSize, ___NS__set, ___NS__setWith, ___NS__shuffle, ___NS__size, ___NS__slice, ___NS__snakeCase, ___NS__some, ___NS__sortBy, ___NS__sortedIndex, ___NS__sortedIndexBy, ___NS__sortedIndexOf, ___NS__sortedLastIndex, ___NS__sortedLastIndexBy, ___NS__sortedLastIndexOf, ___NS__sortedUniq, ___NS__sortedUniqBy, ___NS__split, ___NS__spread, ___NS__startCase, ___NS__startsWith, ___NS__stubArray, ___NS__stubFalse, ___NS__stubObject, ___NS__stubString, ___NS__stubTrue, ___NS__subtract, ___NS__sum, ___NS__sumBy, ___NS__tail, ___NS__take, ___NS__takeRight, ___NS__takeRightWhile, ___NS__takeWhile, ___NS__tap, ___NS__template, ___NS__templateSettings, ___NS__throttle, ___NS__thru, ___NS__times, ___NS__toArray, ___NS__toFinite, ___NS__toInteger, ___NS__toLength, ___NS__toLower, ___NS__toNumber, ___NS__toPairs, ___NS__toPairsIn, ___NS__toPath, ___NS__toPlainObject, ___NS__toSafeInteger, ___NS__toString, ___NS__toUpper, ___NS__transform, ___NS__trim, ___NS__trimEnd, ___NS__trimStart, ___NS__truncate, ___NS__unary, ___NS__unescape, ___NS__union, ___NS__unionBy, ___NS__unionWith, ___NS__uniq, ___NS__uniqBy, ___NS__uniqueId, ___NS__uniqWith, ___NS__unset, ___NS__unzip, ___NS__unzipWith, ___NS__update, ___NS__updateWith, ___NS__upperCase, ___NS__upperFirst, ___NS__values, ___NS__valuesIn, ___NS__without, ___NS__words, ___NS__wrap, ___NS__xor, ___NS__xorBy, ___NS__xorWith, ___NS__zip, ___NS__zipObject, ___NS__zipObjectDeep, ___NS__zipWith } from 'tnp-core/websql-prod';
+const defaultColumns: MtxGridColumn[] = [
+    {
+        header: 'ID',
+        field: 'id',
+    },
+    {
+        header: 'NAME',
+        field: 'name',
+    },
+];
+type SearchMode = 'simple' | 'advanced';
+@Component({
+    selector: 'taon-datatable',
+    standalone: true,
+    imports: [
+        CommonModule,
+        FormsModule,
+        ReactiveFormsModule,
+        MatButtonModule,
+        MatFormFieldModule,
+        MatIconModule,
+        MatInputModule,
+        MatPaginatorModule,
+        MatSelectModule,
+        MtxGridModule,
+    ],
+    templateUrl: './taon-datatable.component.html',
+    styleUrls: ['./taon-datatable.component.scss'],
+    changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TaonDatatableComponent implements OnInit {
+    private readonly cdr = inject(ChangeDetectorRef);
+    private readonly destroyRef = inject(DestroyRef);
+    @Input()
+    pageNumber = 1;
+    @Input()
+    pageSize = 10;
+    @Input()
+    pageSizeOptions: number[] = [5, 10, 20, 50, 100];
+    @Input()
+    allowedColumns: string[] = [];
+    @Input()
+    expansionTemplate?: TemplateRef<any>;
+    @Input()
+    entityCrudController?: TaonBaseCrudController<any>;
+    @Input()
+    columns: MtxGridColumn[] = defaultColumns;
+    @Input()
+    hideSearch = false;
+    @Input()
+    hideAddButton = false;
+    @Input()
+    safe = false;
+    @Input()
+    searchMode: SearchMode = 'advanced';
+    @Input()
+    callQueryMethod?: string;
+    private _data?: any[];
+    @Input()
+    set data(value: any[] | undefined | null) {
+        this._data = value ?? undefined;
+        if (this._data) {
+            this.pageNumber = 1;
+            this.reload();
+        }
+    }
+    get data(): any[] | undefined {
+        return this._data;
+    }
+    get offlineMode(): boolean {
+        return this.data !== undefined;
+    }
+    @Output()
+    readonly expansionChange = new EventEmitter<any>();
+    @Output()
+    readonly addingItem = new EventEmitter<void>();
+    rows: any[] = [];
+    totalElements = 0;
+    isLoading = false;
+    expandable = false;
+    @Input()
+    showPaginator: boolean;
+    advancedSearchOpened = false;
+    searchValue = '';
+    columnFilters: Record<string, string> = {};
+    sort?: TaonPaginationSort;
+    private readonly reload$ = new BehaviorSubject<void>(undefined);
+    private readonly searchChange$ = new Subject<string>();
+    readonly data$: Observable<any[]> = this.reload$.pipe(switchMap(() => this.loadData()));
+    expandedRows = new Set<any>();
+    get entity(): typeof TaonBaseEntity | undefined {
+        return this.entityCrudController?.entityClassResolveFn();
+    }
+    get filterableColumns(): MtxGridColumn[] {
+        return this.columns.filter(column => Boolean(column.field));
+    }
+    onExpansionChange(event: any) {
+        if (event.expanded) {
+            this.expandedRows.add(event.data);
+        }
+        else {
+            this.expandedRows.delete(event.data);
+        }
+        this.expansionChange.emit(event);
+    }
+    isExpanded(row: any): boolean {
+        return this.expandedRows.has(row);
+    }
+    ngOnInit(): void {
+        this.prepareColumns();
+        this.expandable = Boolean(this.expansionTemplate);
+        this.showPaginator = ___NS__isBoolean(this.showPaginator)
+            ? this.showPaginator
+            : Boolean(this.entity) || this.offlineMode;
+        this.searchChange$
+            .pipe(debounceTime(400), distinctUntilChanged(), tap(search => {
+            this.searchValue = search;
+            this.pageNumber = 1;
+            this.reload();
+        }), takeUntilDestroyed(this.destroyRef))
+            .subscribe();
+        this.data$.pipe(takeUntilDestroyed(this.destroyRef)).subscribe(rows => {
+            this.rows = rows;
+            this.cdr.markForCheck();
+        });
+    }
+    searchChanged(value: string): void {
+        this.searchChange$.next(value);
+    }
+    clearSearch(): void {
+        this.searchValue = '';
+        this.columnFilters = {};
+        this.pageNumber = 1;
+        this.reload();
+    }
+    applyAdvancedFilters(): void {
+        this.pageNumber = 1;
+        this.reload();
+    }
+    toggleAdvancedSearch(): void {
+        this.advancedSearchOpened = !this.advancedSearchOpened;
+    }
+    getNextPage(event: PageEvent): void {
+        this.pageNumber = event.pageIndex + 1;
+        this.pageSize = event.pageSize;
+        this.reload();
+    }
+    sortChanged(event: any): void {
+        const field = event?.active ?? event?.field;
+        const direction = event?.direction ?? '';
+        this.sort = {
+            field,
+            direction,
+        };
+        this.pageNumber = 1;
+        this.reload();
+    }
+    reload(): void {
+        this.reload$.next();
+    }
+    private getFieldValue(row: any, field: string): unknown {
+        return field.split('.').reduce((value, key) => value?.[key], row);
+    }
+    private loadOfflineData(): any[] {
+        let rows = [...(this.data ?? [])];
+        const search = this.searchValue.trim().toLowerCase();
+        if (search) {
+            rows = rows.filter(row => this.columns.some(column => {
+                if (!column.field) {
+                    return false;
+                }
+                const value = this.getFieldValue(row, String(column.field));
+                return String(value ?? '')
+                    .toLowerCase()
+                    .includes(search);
+            }));
+        }
+        const filters = this.cleanFilters(this.columnFilters);
+        for (const [field, filterValue] of Object.entries(filters)) {
+            const normalizedFilter = filterValue.toLowerCase();
+            rows = rows.filter(row => {
+                const value = this.getFieldValue(row, field);
+                return String(value ?? '')
+                    .toLowerCase()
+                    .includes(normalizedFilter);
+            });
+        }
+        if (this.sort?.field && this.sort.direction) {
+            const field = String(this.sort.field);
+            const direction = this.sort.direction === 'desc' ? -1 : 1;
+            rows.sort((a, b) => {
+                const aValue = this.getFieldValue(a, field);
+                const bValue = this.getFieldValue(b, field);
+                if (aValue === bValue) {
+                    return 0;
+                }
+                if (aValue === undefined || aValue === null) {
+                    return -1 * direction;
+                }
+                if (bValue === undefined || bValue === null) {
+                    return 1 * direction;
+                }
+                if (typeof aValue === 'number' && typeof bValue === 'number') {
+                    return (aValue - bValue) * direction;
+                }
+                return (String(aValue).localeCompare(String(bValue), undefined, {
+                    numeric: true,
+                    sensitivity: 'base',
+                }) * direction);
+            });
+        }
+        this.totalElements = rows.length;
+        const start = (this.pageNumber - 1) * this.pageSize;
+        const end = start + this.pageSize;
+        return this.prepareRows(rows.slice(start, end));
+    }
+    private loadData(): Observable<any[]> {
+        if (this.offlineMode) {
+            return of(this.loadOfflineData());
+        }
+        if (!this.entity || !this.entityCrudController) {
+            this.totalElements = 0;
+            return of([]);
+        }
+        this.isLoading = true;
+        this.cdr.markForCheck();
+        const query: TaonPaginationQuery = {
+            pageNumber: this.pageNumber,
+            pageSize: this.pageSize,
+            search: this.searchValue,
+            filters: this.cleanFilters(this.columnFilters),
+            sort: this.sort,
+            callQueryMethod: this.callQueryMethod as any,
+        };
+        if (!this.safe && !this.entityCrudController.paginationQuery(query)) {
+            throw new Error(`Please enable paginationQuery() method in your
+       controller ${ClassHelpers__NS__getName(this.entityCrudController)}
+
+       @Controller({ allowedMethods: ['paginationQuery'] })
+       class ${ClassHelpers__NS__getName(this.entityCrudController)} ..
+      `);
+        }
+        if (this.safe && !this.entityCrudController.paginationQuerySafe(query)) {
+            throw new Error(`Please enable paginationQuerySafe() method in your controller
+       ${ClassHelpers__NS__getName(this.entityCrudController)}
+
+       @Controller({ allowedMethods: ['paginationQuerySafe'] })
+       class ${ClassHelpers__NS__getName(this.entityCrudController)} ..
+      `);
+        }
+        return from((this.safe
+            ? this.entityCrudController.paginationQuerySafe
+            : this.entityCrudController.paginationQuery)(query).request()
+            .observable).pipe(tap(response => {
+            this.totalElements =
+                Number(response.headers.get(TaonSymbols__NS__old__NS__X_TOTAL_COUNT)) || 0;
+        }), map(response => this.prepareRows(response.body.json)), catchError(error => {
+            console.error(`[taon-datatable] Unable to load data from ` +
+                `${ClassHelpers__NS__getName(this.entityCrudController)} ${this.safe ? 'paginationQuerySafe' : 'paginationQuery'}`, error);
+            return of([]);
+        }), finalize(() => {
+            this.isLoading = false;
+            this.cdr.markForCheck();
+        }));
+    }
+    private cleanFilters(filters: Record<string, string>): Record<string, string> {
+        return Object.fromEntries(Object.entries(filters)
+            .filter(([, value]) => value !== undefined &&
+            value !== null &&
+            String(value).trim() !== '')
+            .map(([key, value]) => [key, String(value).trim()]));
+    }
+    private prepareRows(rows: any[]): any[] {
+        return rows.map(row => {
+            return row;
+        });
+    }
+    private prepareColumns(): void {
+        const entityClass = this.entity;
+        if (!entityClass) {
+            return;
+        }
+        const usingDefaultColumns = ___NS__isEqual(this.columns, defaultColumns);
+        if (!usingDefaultColumns) {
+            return;
+        }
+        try {
+            const props = Object.keys(getDefaultModel(entityClass as Function) || {});
+            let columns = props
+                .filter(prop => this.allowedColumns.length > 0
+                ? this.allowedColumns.includes(prop)
+                : true)
+                .map(prop => ({
+                header: ___NS__upperCase(prop),
+                field: prop,
+            }) as MtxGridColumn);
+            const extra = this.allowedColumns.filter(field => !props.includes(field));
+            columns = [
+                ...columns,
+                ...extra.map(field => ({
+                    header: ___NS__upperCase(field),
+                    field,
+                }) as MtxGridColumn),
+            ];
+            this.columns = columns;
+        }
+        catch (error) {
+            console.error('[taon-datatable] Unable to generate columns', error);
+        }
+    }
+}

package/ts-source/websql-code-prod/taon-datatable/taon-datatable.models.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/taon-datatable/taon-datatable.models.ts

@@ -0,0 +1,7 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+

package/ts-source/websql-code-prod/taon-datatable/taon-datatable.routes.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/taon-datatable/taon-datatable.routes.ts

@@ -0,0 +1,16 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+import { Routes } from '@angular/router';
+import { adminLazyRoute } from '../index';
+export const TaonDatatableRoutes: Routes = [
+    {
+        path: '',
+        loadComponent: () => import('./taon-datatable.component').then(m => m.TaonDatatableComponent),
+        children: [],
+    },
+];

package/ts-source/websql-code-prod/taon-draggable-button-panel/index.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}

package/ts-source/websql-code-prod/taon-draggable-button-panel/index.ts

@@ -0,0 +1,8 @@
+// @ts-nocheck
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+export * from './taon-draggable-button-panel.component';

package/ts-source/websql-code-prod/taon-draggable-button-panel/taon-draggable-button-panel.component.html

@@ -0,0 +1,116 @@
+<!--
+==============================================================================
+ TAON READONLY SOURCE
+ DO NOT MODIFY THIS FILE.
+ Changes may be overwritten.
+==============================================================================
+-->
+
+@if (currentState() === State.CLICKABLE_BUTTON || !autoHideIcon) {
+  @if (iconTemplate) {
+    <ng-container [ngTemplateOutlet]="iconTemplate" />
+  } @else {
+    <button
+      class="taon-admin-panel-toogle-open-button"
+      [class.taon-admin-panel-toogle-button-dimmer-opacity]="
+        effectiveState() !== State.CLICKABLE_BUTTON
+      "
+      mat-icon-button
+      type="button"
+      [matTooltip]="title"
+      (click)="toggle()">
+      <mat-icon>{{ buttonIcon }}</mat-icon>
+    </button>
+  }
+}
+
+<section
+  cdkDrag
+  [hidden]="currentState() === State.CLICKABLE_BUTTON"
+  [cdkDragDisabled]="!isDraggingEnabled()"
+  class="taon-draggable-panel"
+  [class.taon-window]="effectiveState() === State.WINDOW"
+  [class.taon-window-full]="effectiveState() !== State.WINDOW"
+  [class.taon-fullscreen]="
+    effectiveState() === State.FULL_SCREEN_DRAGGABLE ||
+    effectiveState() === State.FULL_SCREEN_LOCKED
+  ">
+  <header
+    cdkDragHandle
+    (dblclick)="toogleFullscreen($event)"
+    class="taon-window-bar">
+    
+    <div class="flex min-w-0 flex-1 items-center gap-2">
+      <mat-icon class="text-gray-500"> admin_panel_settings </mat-icon>
+
+      <span class="truncate font-medium">
+        {{ title }}
+      </span>
+    </div>
+
+    
+    <div class="flex min-w-0 items-center justify-center">
+      @if (headerCenterTemplate) {
+        <ng-container [ngTemplateOutlet]="headerCenterTemplate" />
+      }
+    </div>
+
+    
+    <div class="flex shrink-0 items-center">
+      
+      @if (!forceFullScreen()) {
+        @if (currentState() !== State.WINDOW) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Window mode"
+            (click)="windowMode()">
+            <mat-icon>filter_none</mat-icon>
+          </button>
+        }
+
+        @if (currentState() === State.WINDOW) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Full screen"
+            (click)="fullScreenDraggable()">
+            <mat-icon>fullscreen</mat-icon>
+          </button>
+        }
+
+        @if (currentState() !== State.FULL_SCREEN_LOCKED) {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Lock full screen"
+            (click)="lockFullScreen()">
+            <mat-icon>lock_open</mat-icon>
+          </button>
+        } @else {
+          <button
+            mat-icon-button
+            type="button"
+            matTooltip="Unlock"
+            (click)="fullScreenDraggable()">
+            <mat-icon>lock</mat-icon>
+          </button>
+        }
+      }
+
+      
+      <button
+        mat-icon-button
+        type="button"
+        matTooltip="Close admin panel"
+        (click)="returnToButton()">
+        <mat-icon>close</mat-icon>
+      </button>
+    </div>
+    
+  </header>
+
+  <div class="min-h-0 flex-1 overflow-hidden">
+    <ng-content />
+  </div>
+</section>

package/ts-source/websql-code-prod/taon-draggable-button-panel/taon-draggable-button-panel.component.scss

@@ -0,0 +1,70 @@
+/* ============================================================================
+ * TAON READONLY SOURCE
+ * DO NOT MODIFY THIS FILE.
+ * Changes may be overwritten.
+ * ========================================================================== */
+
+:host {
+  display: contents;
+}
+
+.taon-admin-panel-toogle-button-dimmer-opacity {
+  opacity: 0.6;
+}
+
+.taon-draggable-panel {
+  position: fixed;
+
+  display: flex;
+  flex-direction: column;
+
+  min-width: 320px;
+  min-height: 240px;
+
+  overflow: hidden;
+
+  background: white;
+
+  border: 1px solid #e5e7eb;
+
+  box-shadow: 0 20px 50px rgb(0 0 0 / 15%);
+
+  z-index: 1000;
+}
+
+.taon-window {
+  width: 70vw;
+  height: 70vh;
+
+  left: 15vw;
+  top: 25vh;
+
+  border-radius: 6px;
+}
+
+.taon-fullscreen {
+  width: 100vw;
+  height: 100dvh;
+
+  left: 0;
+  top: 0;
+
+  border-radius: 0;
+}
+
+.taon-window-bar {
+  height: 48px;
+
+  display: grid;
+  grid-template-columns: auto minmax(0, 1fr) auto;
+  align-items: center;
+
+  flex-shrink: 0;
+  padding-left: 12px;
+
+  border-bottom: 1px solid #e5e7eb;
+  background: #fafafa;
+
+  user-select: none;
+  cursor: move;
+}

package/ts-source/websql-code-prod/taon-draggable-button-panel/taon-draggable-button-panel.component.split-namespaces.json

@@ -0,0 +1,4 @@
+{
+  "namespacesMapObj": {},
+  "namespacesReplace": {}
+}