@piying-lib/angular-daisyui 1.0.23 → 1.1.0

package/fesm2022/piying-lib-angular-daisyui-extension.mjs

@@ -1,6 +1,6 @@
 import { NgTemplateOutlet } from '@angular/common';
 import * as i0 from '@angular/core';
-import { viewChild, input, inject, computed, Component, model, InjectionToken, Injector, untracked, signal, effect, Injectable, HostListener, Directive, resource, ElementRef, linkedSignal, NgZone, EventEmitter, TemplateRef, ViewContainerRef, Output, forwardRef, ChangeDetectionStrategy } from '@angular/core';
+import { viewChild, input, inject, computed, Component, model, output, InjectionToken, Injector, untracked, signal, Injectable, ElementRef, HostListener, Directive, effect, resource, NgZone, EventEmitter, TemplateRef, ViewContainerRef, Output, forwardRef, ChangeDetectionStrategy } from '@angular/core';
 import { StrOrTemplateComponent, isSchema, computedWithPrev, DefaultOptionConvert, transformOption } from '@piying-lib/angular-core';
 import { CssPrefixPipe, MergeClassPipe, TwPrefixPipe } from '@piying-lib/angular-daisyui/pipe';
 import { ThemeService } from '@piying-lib/angular-daisyui/service';
@@ -16,9 +16,9 @@ import { SelectorlessOutlet } from '@cyia/ngx-common/directive';
 import * as v from 'valibot';
 import { setComponent, NFCSchema, actions, PI_VIEW_FIELD_TOKEN as PI_VIEW_FIELD_TOKEN$1 } from '@piying/view-angular-core';
 import { ThWC, TdWC } from '@piying-lib/angular-daisyui/wrapper';
-import { SelectionModel } from '@angular/cdk/collections';
 import { takeUntilDestroyed, toSignal } from '@angular/core/rxjs-interop';
-import { BehaviorSubject, filter, switchMap, map, shareReplay, Subject, Subscription } from 'rxjs';
+import { BehaviorSubject, shareReplay, map, filter, Subject, tap, switchMap, Subscription } from 'rxjs';
+import { SelectionModel } from '@angular/cdk/collections';
 import { Directionality } from '@angular/cdk/bidi';
 import { ESCAPE, hasModifierKey } from '@angular/cdk/keycodes';
 import { createRepositionScrollStrategy, createOverlayRef, OverlayConfig, createFlexibleConnectedPositionStrategy } from '@angular/cdk/overlay';
@@ -79,6 +79,8 @@ class PaginationNFCC {
     sizeOptions = input(...(ngDevMode ? [undefined, { debugName: "sizeOptions" }] : []));
     optionsLabel = input(...(ngDevMode ? [undefined, { debugName: "optionsLabel" }] : []));
     value = model.required(...(ngDevMode ? [{ debugName: "value" }] : []));
+    // todo 临时兼容
+    valueChange = output();
     count = input.required(...(ngDevMode ? [{ debugName: "count" }] : []));
     #theme = inject(ThemeService);
     wrapperClass$ = computed(() => {
@@ -144,6 +146,7 @@ class PaginationNFCC {
         this.updatePageToProps();
     }
     updatePageToProps() {
+        this.valueChange.emit(this.value());
         const field = this.#field?.();
         if (!field) {
             console.warn(`❌piying-view🗄️`);
@@ -157,12 +160,12 @@ class PaginationNFCC {
         });
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PaginationNFCC, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: PaginationNFCC, isStandalone: true, selector: "app-pagination", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, sizeOptions: { classPropertyName: "sizeOptions", publicName: "sizeOptions", isSignal: true, isRequired: false, transformFunction: null }, optionsLabel: { classPropertyName: "optionsLabel", publicName: "optionsLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"'flex items-center gap-2' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    @if (sizeOptions(); as sizeOptions) {\n      <select class=\"select w-20\" [ngModel]=\"value().size\" (ngModelChange)=\"pageSizeChange($event)\">\n        @for (item of sizeOptions; track $index) {\n          <option [ngValue]=\"item\">\n            {{ optionsLabel() ? (optionsLabel()! | pure: item : value().index : count()) : item }}\n          </option>\n        }\n      </select>\n    }\n    <div [class]=\"wrapperClass$()\">\n      <button\n        class=\"join-item btn p-0 w-(--size)\"\n        [disabled]=\"value().index === 0\"\n        (click)=\"gotoPage(0)\"\n      >\n        \u00AB\n      </button>\n      @for (item of pageRange$$(); track $index) {\n        @if (item.type === 'go') {\n          <button\n            class=\"join-item btn p-0 w-(--size)\"\n            [aria-label]=\"item.value + 1\"\n            [class.btn-active]=\"item.value === value().index\"\n            (click)=\"gotoPage(item.value)\"\n          >\n            {{ item.value + 1 }}\n          </button>\n        } @else if (item.type === 'prev') {\n          <button class=\"join-item btn p-0 w-(--size)\" (click)=\"gotoPage(value().index - 5)\">\n            <\n          </button>\n        } @else if (item.type === 'next') {\n          <button class=\"join-item btn p-0 w-(--size)\" (click)=\"gotoPage(value().index + 5)\">\n            >\n          </button>\n        }\n      }\n      <button\n        class=\"join-item btn p-0 w-(--size)\"\n        [disabled]=\"value().index === maxPageCount$$() - 1\"\n        (click)=\"gotoPage(maxPageCount$$() - 1)\"\n      >\n        \u00BB\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.14", type: PaginationNFCC, isStandalone: true, selector: "app-pagination", inputs: { direction: { classPropertyName: "direction", publicName: "direction", isSignal: true, isRequired: false, transformFunction: null }, sizeOptions: { classPropertyName: "sizeOptions", publicName: "sizeOptions", isSignal: true, isRequired: false, transformFunction: null }, optionsLabel: { classPropertyName: "optionsLabel", publicName: "optionsLabel", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: true, transformFunction: null }, count: { classPropertyName: "count", publicName: "count", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { value: "valueChange", valueChange: "valueChange" }, viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"'flex items-center gap-2' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    @if (sizeOptions(); as sizeOptions) {\n      <select class=\"select w-20\" [ngModel]=\"value().size\" (ngModelChange)=\"pageSizeChange($event)\">\n        @for (item of sizeOptions; track $index) {\n          <option [ngValue]=\"item\">\n            {{ optionsLabel() ? (optionsLabel()! | pure: item : value().index : count()) : item }}\n          </option>\n        }\n      </select>\n    }\n    <div [class]=\"wrapperClass$()\">\n      <button\n        class=\"join-item btn p-0 w-(--size)\"\n        [disabled]=\"value().index === 0\"\n        (click)=\"gotoPage(0)\"\n      >\n        \u00AB\n      </button>\n      @for (item of pageRange$$(); track $index) {\n        @if (item.type === 'go') {\n          <button\n            class=\"join-item btn p-0 w-(--size)\"\n            [aria-label]=\"item.value + 1\"\n            [class.btn-active]=\"item.value === value().index\"\n            (click)=\"gotoPage(item.value)\"\n          >\n            {{ item.value + 1 }}\n          </button>\n        } @else if (item.type === 'prev') {\n          <button class=\"join-item btn p-0 w-(--size)\" (click)=\"gotoPage(value().index - 5)\">\n            <\n          </button>\n        } @else if (item.type === 'next') {\n          <button class=\"join-item btn p-0 w-(--size)\" (click)=\"gotoPage(value().index + 5)\">\n            >\n          </button>\n        }\n      }\n      <button\n        class=\"join-item btn p-0 w-(--size)\"\n        [disabled]=\"value().index === maxPageCount$$() - 1\"\n        (click)=\"gotoPage(maxPageCount$$() - 1)\"\n      >\n        \u00BB\n      </button>\n    </div>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1$1.NgSelectOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.ɵNgSelectMultipleOption, selector: "option", inputs: ["ngValue", "value"] }, { kind: "directive", type: i1$1.SelectControlValueAccessor, selector: "select:not([multiple])[formControlName],select:not([multiple])[formControl],select:not([multiple])[ngModel]", inputs: ["compareWith"] }, { kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: PurePipe, name: "pure" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: PaginationNFCC, decorators: [{
             type: Component,
             args: [{ selector: 'app-pagination', imports: [AttributesDirective, PurePipe, FormsModule, MergeClassPipe], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"'flex items-center gap-2' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    @if (sizeOptions(); as sizeOptions) {\n      <select class=\"select w-20\" [ngModel]=\"value().size\" (ngModelChange)=\"pageSizeChange($event)\">\n        @for (item of sizeOptions; track $index) {\n          <option [ngValue]=\"item\">\n            {{ optionsLabel() ? (optionsLabel()! | pure: item : value().index : count()) : item }}\n          </option>\n        }\n      </select>\n    }\n    <div [class]=\"wrapperClass$()\">\n      <button\n        class=\"join-item btn p-0 w-(--size)\"\n        [disabled]=\"value().index === 0\"\n        (click)=\"gotoPage(0)\"\n      >\n        \u00AB\n      </button>\n      @for (item of pageRange$$(); track $index) {\n        @if (item.type === 'go') {\n          <button\n            class=\"join-item btn p-0 w-(--size)\"\n            [aria-label]=\"item.value + 1\"\n            [class.btn-active]=\"item.value === value().index\"\n            (click)=\"gotoPage(item.value)\"\n          >\n            {{ item.value + 1 }}\n          </button>\n        } @else if (item.type === 'prev') {\n          <button class=\"join-item btn p-0 w-(--size)\" (click)=\"gotoPage(value().index - 5)\">\n            <\n          </button>\n        } @else if (item.type === 'next') {\n          <button class=\"join-item btn p-0 w-(--size)\" (click)=\"gotoPage(value().index + 5)\">\n            >\n          </button>\n        }\n      }\n      <button\n        class=\"join-item btn p-0 w-(--size)\"\n        [disabled]=\"value().index === maxPageCount$$() - 1\"\n        (click)=\"gotoPage(maxPageCount$$() - 1)\"\n      >\n        \u00BB\n      </button>\n    </div>\n  </div>\n</ng-template>\n" }]
-        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], sizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeOptions", required: false }] }], optionsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }, { type: i0.Output, args: ["valueChange"] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: true }] }] } });
+        }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], direction: [{ type: i0.Input, args: [{ isSignal: true, alias: "direction", required: false }] }], sizeOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "sizeOptions", required: false }] }], optionsLabel: [{ type: i0.Input, args: [{ isSignal: true, alias: "optionsLabel", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: true }] }, { type: i0.Output, args: ["valueChange"] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }], count: [{ type: i0.Input, args: [{ isSignal: true, alias: "count", required: true }] }] } });
 
 class TableRowFGC extends PiyingViewGroupBase {
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableRowFGC, deps: null, target: i0.ɵɵFactoryTarget.Component });
@@ -326,225 +329,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                     ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div\n    [class]=\"'overflow-x-auto' | mergeClass: attr()?.class\"\n    [attributes]=\"attr()\"\n    [excludes]=\"['class']\"\n  >\n    <table [class]=\"'table' | cssPrefix | mergeClass: wrapperClass$$()\">\n      @let headList = headList$$();\n      @let bodyList = bodyList$$();\n      @if (type() === 'category') {\n        @for (item of data$$(); track trackBy()($index, item)) {\n          @let id = trackBy() | pure: $index : item;\n          @let itemData = getItemData | pure: id : item;\n          <thead>\n            @let row = headList[0];\n            <ng-container\n              [selectlessOutlet]=\"StrOrTemplateComponent\"\n              [selectlessOutletInputs]=\"\n                selectorlessInput | pure: row : { item$: categoryHeadData | pure: itemData }\n              \"\n            ></ng-container>\n          </thead>\n          <tbody>\n            @let bodyData = item[1];\n            @for (groupItem of bodyData; track $index) {\n              @let index3 = $index;\n              @for (row of bodyList; track $index) {\n                <ng-container\n                  [selectlessOutlet]=\"StrOrTemplateComponent\"\n                  [selectlessOutletInputs]=\"\n                    selectorlessInput\n                      | pure\n                        : row\n                        : { item$: categoryBodyData | pure: itemData : index3, index: index3 }\n                  \"\n                ></ng-container>\n              }\n            }\n          </tbody>\n        }\n      } @else {\n        @if (headList.length) {\n          <thead>\n            @for (item of headList; track $index) {\n              <ng-container\n                [selectlessOutlet]=\"StrOrTemplateComponent\"\n                [selectlessOutletInputs]=\"selectorlessInput | pure: item\"\n              ></ng-container>\n            }\n          </thead>\n        }\n        @if (bodyList.length) {\n          <tbody>\n            @for (item of data$$(); track trackBy()($index, item)) {\n              @let index2 = $index;\n              @let id = trackBy() | pure: $index : item;\n              @let itemData = getItemData | pure: id : item;\n              @for (row of bodyList; track $index) {\n                <ng-container\n                  [selectlessOutlet]=\"StrOrTemplateComponent\"\n                  [selectlessOutletInputs]=\"\n                    selectorlessInput | pure: row : { item$: itemData, index: index2 }\n                  \"\n                ></ng-container>\n              }\n            }\n          </tbody>\n        }\n        @let footList = footList$$();\n        @if (footList.length) {\n          <tfoot>\n            @for (item of footList; track $index) {\n              <ng-container\n                [selectlessOutlet]=\"StrOrTemplateComponent\"\n                [selectlessOutletInputs]=\"selectorlessInput | pure: item\"\n              ></ng-container>\n            }\n          </tfoot>\n        }\n      }\n    </table>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }], define: [{ type: i0.Input, args: [{ isSignal: true, alias: "define", required: false }] }], data: [{ type: i0.Input, args: [{ isSignal: true, alias: "data", required: false }] }], zebra: [{ type: i0.Input, args: [{ isSignal: true, alias: "zebra", required: false }] }], pin: [{ type: i0.Input, args: [{ isSignal: true, alias: "pin", required: false }] }], size: [{ type: i0.Input, args: [{ isSignal: true, alias: "size", required: false }] }], trackBy: [{ type: i0.Input, args: [{ isSignal: true, alias: "trackBy", required: false }] }], pagination: [{ type: i0.Input, args: [{ isSignal: true, alias: "pagination", required: false }] }], type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
 
-function dataConvert(data) {
-    if (data.length === 2 && typeof data[0] === 'number' && Array.isArray(data[1])) {
-        return data;
-    }
-    return [data.length, data];
-}
-
-function defaultCompare(key) {
-    return (a, b) => {
-        return a[key] > b[key] ? 1 : -1;
-    };
-}
-function localData(data, options) {
-    const result = dataConvert(data);
-    return async (res) => {
-        let list = result[1];
-        if (options?.filterFn) {
-            list = list.filter((item) => options.filterFn(item, res.params.params?.['filter']));
-        }
-        const direction = res.params.params?.['direction'];
-        if (direction) {
-            for (const item of direction) {
-                const compareFn = options?.sortCompareMap
-                    ? options.sortCompareMap[item.key]
-                    : defaultCompare(item.key);
-                list = list.sort((a, b) => {
-                    const result = compareFn(a, b);
-                    return item.value === 1 ? result : -result;
-                });
-            }
-        }
-        const page = res.params.params?.['page'];
-        if (page) {
-            const start = page.index * page.size;
-            list = list.slice(start, start + page.size);
-        }
-        return [result[0], list];
-    };
-}
-
-class TableStatusService {
-    #sm = new BehaviorSubject(undefined);
-    updateIndex$ = signal(0, ...(ngDevMode ? [{ debugName: "updateIndex$" }] : []));
-    #field$$ = inject(PI_VIEW_FIELD_TOKEN);
-    #expand$$ = computed(() => {
-        return this.#field$$().props()['expandSelectModel'];
-    }, ...(ngDevMode ? [{ debugName: "#expand$$" }] : []));
-    constructor() {
-        effect(() => {
-            this.setSelectionModel(this.#expand$$());
-        });
-    }
-    toggleExpand(value) {
-        this.#sm.value.toggle(value);
-    }
-    selectExpand(value) {
-        this.#sm.value.select(value);
-    }
-    deselectExpand(value) {
-        this.#sm.value.deselect(value);
-    }
-    clearExpand() {
-        this.#sm.value.clear();
-    }
-    needUpdate() {
-        this.updateIndex$.update((a) => ++a);
-    }
-    setSelectionModel(input = {}) {
-        this.#sm.next(new SelectionModel(input._multiple, input.initiallySelectedValues, input._emitChanges, input.compareWith));
-    }
-    selectionModel$$ = this.#sm.pipe(filter(Boolean), switchMap((sm) => sm.changed), map(() => {
-        return this.#sm.value;
-    }), takeUntilDestroyed(), shareReplay(1));
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableStatusService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableStatusService });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableStatusService, decorators: [{
-            type: Injectable
-        }], ctorParameters: () => [] });
-
-class ExpandRowDirective {
-    #field = inject(PI_VIEW_FIELD_TOKEN);
-    #status = inject(TableStatusService);
-    a(event) {
-        if (event.target instanceof HTMLInputElement) {
-            return;
-        }
-        this.#status.toggleExpand(this.#field().context['item$']());
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ExpandRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.14", type: ExpandRowDirective, isStandalone: true, selector: "app-expand", host: { listeners: { "click": "a($event)" } }, ngImport: i0 });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ExpandRowDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'app-expand',
-                }]
-        }], propDecorators: { a: [{
-                type: HostListener,
-                args: ['click', ['$event']]
-            }] } });
-
-class TableResourceWC {
-    static __version = 2;
-    templateRef = viewChild.required('templateRef');
-    field$$ = inject(PI_VIEW_FIELD_TOKEN);
-    #status = inject(TableStatusService);
-    props$$ = computed(() => this.field$$().props(), ...(ngDevMode ? [{ debugName: "props$$" }] : []));
-    #localSearchOptions$$ = computed(() => this.props$$()['localSearchOptions'], ...(ngDevMode ? [{ debugName: "#localSearchOptions$$" }] : []));
-    #data$$ = computed(() => this.field$$().props()['data'], ...(ngDevMode ? [{ debugName: "#data$$" }] : []));
-    rawData$$ = computed(() => {
-        const data = this.#data$$();
-        this.#status.updateIndex$();
-        return Array.isArray(data) || !data
-            ? Promise.resolve(localData(data ?? [], this.#localSearchOptions$$()))
-            : data().then((value) => {
-                if (Array.isArray(value) || !value) {
-                    return localData(value ?? [], this.#localSearchOptions$$());
-                }
-                return value;
-            });
-    }, ...(ngDevMode ? [{ debugName: "rawData$$" }] : []));
-    queryParams$$ = computed(() => {
-        return this.field$$().props()['queryParams'];
-    }, ...(ngDevMode ? [{ debugName: "queryParams$$" }] : []));
-    data$ = resource({
-        params: computed(() => {
-            const params = this.queryParams$$();
-            return {
-                data: this.rawData$$(),
-                params,
-            };
-        }),
-        loader: async (res) => {
-            const { params } = res;
-            const dataResult = await params.data;
-            return dataResult(res).then((data) => {
-                return dataConvert(data);
-            });
-        },
-    });
-    list$$ = computedWithPrev((value) => {
-        return this.data$.value()?.[1] ?? value;
-    });
-    count$$ = computedWithPrev((value) => {
-        return this.data$.value()?.[0] ?? value;
-    });
-    constructor() {
-        this.field$$().inputs.update((inputs) => {
-            return {
-                ...inputs,
-                data: this.list$$,
-            };
-        });
-        this.field$$().props.update((props) => {
-            return {
-                ...props,
-                count$$: this.count$$,
-                status: this.#status,
-            };
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableResourceWC, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: TableResourceWC, isStandalone: true, selector: "app-table-resource", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #templateRef> <ng-container insertField></ng-container></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: InsertFieldDirective, selector: "[insertField]", exportAs: ["insertField"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableResourceWC, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-table-resource',
-                    template: `<ng-template #templateRef> <ng-container insertField></ng-container></ng-template>`,
-                    imports: [InsertFieldDirective],
-                }]
-        }], ctorParameters: () => [], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }] } });
-
-const SortMultiToken = new InjectionToken('SortMultiToken');
 class SortService {
-    direction$ = signal({}, ...(ngDevMode ? [{ debugName: "direction$" }] : []));
-    multiple = inject(SortMultiToken, { optional: true }) ?? true;
+    #direction$ = new BehaviorSubject({});
+    #restore$ = new BehaviorSubject({});
+    #restore$$ = this.#restore$.pipe(takeUntilDestroyed(), shareReplay());
+    value$$ = this.#direction$.pipe(map((value) => (this.sortList() ?? Object.keys(value))
+        .map((key) => {
+        return value[key] ? { key: key, value: value[key] } : undefined;
+    })
+        .filter(Boolean)), takeUntilDestroyed(), shareReplay(1));
+    multiple = signal(true, ...(ngDevMode ? [{ debugName: "multiple" }] : []));
+    sortList = signal([], ...(ngDevMode ? [{ debugName: "sortList" }] : []));
+    setInit(object) {
+        this.#restore$.next(object);
+        this.#direction$.next(object);
+    }
     update(key, direction) {
-        if (this.multiple) {
-            this.direction$.update((data) => {
-                if (direction === 0) {
-                    data = { ...data };
-                    delete data[key];
-                    return data;
-                }
-                return {
+        if (this.multiple()) {
+            let data = this.#direction$.value;
+            if (direction === 0) {
+                data = { ...data };
+                delete data[key];
+            }
+            else {
+                data = {
                     ...data,
                     [key]: direction,
                 };
-            });
+            }
+            this.#direction$.next(data);
         }
         else {
+            let data = this.#direction$.value;
             if (direction === 0) {
-                if (key in this.direction$()) {
-                    this.direction$.set({});
+                if (key in data) {
+                    this.#direction$.next({});
+                    return;
                 }
             }
             else {
-                Object.keys(this.direction$()).forEach((k) => {
+                Object.keys(this.#direction$.value).forEach((k) => {
                     if (k === key) {
                         return;
                     }
-                    this.#restore$.next({ key: k, value: 0 });
+                    this.#restore$.next({ [key]: 0 });
                 });
-                this.direction$.set({
+                this.#direction$.next({
                     [key]: direction,
                 });
             }
         }
-        this.#update(this.direction$());
-    }
-    #update;
-    setUpdate(fn) {
-        this.#update = fn;
     }
-    #restore$ = new Subject();
-    listenRestore(key) {
-        return this.#restore$.pipe(filter((a) => a.key === key));
+    listenChange(key) {
+        return this.#restore$$.pipe(map((item) => item[key]), filter(Boolean));
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
     static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortService });
@@ -555,14 +392,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
 
 class inputSortDirective {
     key = input.required(...(ngDevMode ? [{ debugName: "key" }] : []));
-    inputSort = model.required(...(ngDevMode ? [{ debugName: "inputSort" }] : []));
+    inputSort = signal(0, ...(ngDevMode ? [{ debugName: "inputSort" }] : []));
     #el = inject(ElementRef).nativeElement;
     #sort = inject(SortService);
-    ngOnChanges() {
-        const result = this.inputSort();
-        this.#changeElProps(result);
-        this.#sort.update(this.key(), result);
-    }
     #changeElProps(value) {
         switch (value) {
             case 0:
@@ -579,7 +411,7 @@ class inputSortDirective {
         }
     }
     ngOnInit() {
-        this.#sort.listenRestore(this.key()).subscribe(({ value }) => {
+        this.#sort.listenChange(this.key()).subscribe((value) => {
             this.inputSort.set(value);
             this.#changeElProps(value);
         });
@@ -589,16 +421,18 @@ class inputSortDirective {
             const value = ++a;
             return value === 2 ? -1 : value;
         });
+        this.#sort.update(this.key(), this.inputSort());
+        this.#changeElProps(this.inputSort());
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: inputSortDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
-    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.14", type: inputSortDirective, isStandalone: true, selector: "[inputSort]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null }, inputSort: { classPropertyName: "inputSort", publicName: "inputSort", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { inputSort: "inputSortChange" }, host: { listeners: { "change": "chagne()" } }, usesOnChanges: true, ngImport: i0 });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "20.3.14", type: inputSortDirective, isStandalone: true, selector: "[inputSort]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null } }, host: { listeners: { "change": "chagne()" } }, ngImport: i0 });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: inputSortDirective, decorators: [{
             type: Directive,
             args: [{
                     selector: '[inputSort]',
                 }]
-        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], inputSort: [{ type: i0.Input, args: [{ isSignal: true, alias: "inputSort", required: true }] }, { type: i0.Output, args: ["inputSortChange"] }], chagne: [{
+        }], propDecorators: { key: [{ type: i0.Input, args: [{ isSignal: true, alias: "key", required: true }] }], chagne: [{
                 type: HostListener,
                 args: ['change']
             }] } });
@@ -611,14 +445,8 @@ class SortHeaderWC {
     key$$ = computed(() => {
         return this.props$$()['key'];
     }, ...(ngDevMode ? [{ debugName: "key$$" }] : []));
-    #direction$$ = computed(() => {
-        return this.props$$()['direction'];
-    }, ...(ngDevMode ? [{ debugName: "#direction$$", equal: () => false }] : [{ equal: () => false }]));
-    index$ = linkedSignal(() => {
-        return this.#direction$$() ?? 0;
-    }, ...(ngDevMode ? [{ debugName: "index$" }] : []));
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortHeaderWC, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: SortHeaderWC, isStandalone: true, selector: "app-sort-header", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" [(inputSort)]=\"index$\" [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_upward</mat-icon>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_downward</mat-icon>\n      </div>\n    </label>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: inputSortDirective, selector: "[inputSort]", inputs: ["key", "inputSort"], outputs: ["inputSortChange"] }, { kind: "directive", type: InsertFieldDirective, selector: "[insertField]", exportAs: ["insertField"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }, { kind: "pipe", type: TwPrefixPipe, name: "twPrefix" }] });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: SortHeaderWC, isStandalone: true, selector: "app-sort-header", viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" inputSort [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_upward</mat-icon>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_downward</mat-icon>\n      </div>\n    </label>\n  </div>\n</ng-template>\n", dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: AttributesDirective, selector: "[attributes]", inputs: ["attributes", "excludes"] }, { kind: "directive", type: inputSortDirective, selector: "[inputSort]", inputs: ["key"] }, { kind: "directive", type: InsertFieldDirective, selector: "[insertField]", exportAs: ["insertField"] }, { kind: "pipe", type: CssPrefixPipe, name: "cssPrefix" }, { kind: "pipe", type: MergeClassPipe, name: "mergeClass" }, { kind: "pipe", type: TwPrefixPipe, name: "twPrefix" }] });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortHeaderWC, decorators: [{
             type: Component,
@@ -631,42 +459,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
                         inputSortDirective,
                         InsertFieldDirective,
                         TwPrefixPipe,
-                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" [(inputSort)]=\"index$\" [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_upward</mat-icon>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_downward</mat-icon>\n      </div>\n    </label>\n  </div>\n</ng-template>\n" }]
+                    ], template: "<ng-template #templateRef let-attr=\"attributes\">\n  <div class=\"flex items-center\">\n    <ng-container insertField></ng-container>\n\n    <label\n      [class]=\"'swap swap-rotate' | mergeClass: attr()?.class | cssPrefix\"\n      [attributes]=\"attr()\"\n      [excludes]=\"['class']\"\n    >\n      <input type=\"checkbox\" inputSort [key]=\"key$$()\" />\n\n      <div [class]=\"'swap-indeterminate' | cssPrefix\"></div>\n      <div [class]=\"'swap-on' | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_upward</mat-icon>\n      </div>\n      <div [class]=\"'swap-off' | cssPrefix | mergeClass: 'flex' | twPrefix\">\n        <mat-icon>arrow_downward</mat-icon>\n      </div>\n    </label>\n  </div>\n</ng-template>\n" }]
         }], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }] } });
 
-class SortTablehWC {
-    static __version = 2;
-    templateRef = viewChild.required('templateRef');
-    #sort = inject(SortService);
-    field$$ = inject(PI_VIEW_FIELD_TOKEN);
-    props$$ = computed(() => this.field$$().props(), ...(ngDevMode ? [{ debugName: "props$$" }] : []));
-    constructor() {
-        this.#sort.setUpdate((value) => {
-            this.field$$().props.update((data) => {
-                return {
-                    ...data,
-                    sortQueryParams: (this.props$$()['sortList'] ?? Object.keys(value))
-                        .map((key) => {
-                        return value[key] ? { key: key, value: value[key] } : undefined;
-                    })
-                        .filter(Boolean),
-                };
-            });
-        });
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortTablehWC, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.2.0", version: "20.3.14", type: SortTablehWC, isStandalone: true, selector: "app-sort-table", providers: [SortService, { provide: SortMultiToken, useValue: false }], viewQueries: [{ propertyName: "templateRef", first: true, predicate: ["templateRef"], descendants: true, isSignal: true }], ngImport: i0, template: `<ng-template #templateRef> <ng-container insertField></ng-container></ng-template>`, isInline: true, dependencies: [{ kind: "directive", type: InsertFieldDirective, selector: "[insertField]", exportAs: ["insertField"] }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: SortTablehWC, decorators: [{
-            type: Component,
-            args: [{
-                    selector: 'app-sort-table',
-                    template: `<ng-template #templateRef> <ng-container insertField></ng-container></ng-template>`,
-                    providers: [SortService, { provide: SortMultiToken, useValue: false }],
-                    imports: [InsertFieldDirective],
-                }]
-        }], ctorParameters: () => [], propDecorators: { templateRef: [{ type: i0.ViewChild, args: ['templateRef', { isSignal: true }] }] } });
-
 const defaultKey = 'default';
 class CheckboxService {
     #selectModelMap = new Map();
@@ -740,7 +535,11 @@ class CheckboxService {
         event$.next(checked);
     }
     listenAllSelect(key = defaultKey) {
-        return this.#allEvent.get(key);
+        let result = this.#allEvent.get(key);
+        if (!result) {
+            throw new Error('CheckboxService not call init');
+        }
+        return result;
     }
     getSelected(key = defaultKey) {
         return this.#selectModelMap.get(key).selected;
@@ -817,18 +616,121 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImpo
 var wrapper_index$1 = /*#__PURE__*/Object.freeze({
     __proto__: null,
     SortHeaderWC: SortHeaderWC,
-    SortTablehWC: SortTablehWC,
     TableCheckboxAllWC: TableCheckboxAllWC,
-    TableCheckboxOneWC: TableCheckboxOneWC,
-    TableResourceWC: TableResourceWC
+    TableCheckboxOneWC: TableCheckboxOneWC
 });
 
+class TableExpandService {
+    #sm = new BehaviorSubject(undefined);
+    toggleExpand(value) {
+        this.#sm.value.toggle(value);
+    }
+    selectExpand(value) {
+        this.#sm.value.select(value);
+    }
+    deselectExpand(value) {
+        this.#sm.value.deselect(value);
+    }
+    clearExpand() {
+        this.#sm.value.clear();
+    }
+    init(input = {}) {
+        this.#sm.next(new SelectionModel(input._multiple, input.initiallySelectedValues, input._emitChanges, input.compareWith));
+    }
+    selectionModel$$ = this.#sm.pipe(tap((value) => {
+        if (!value) {
+            throw new Error(`TableStatusService not call init`);
+        }
+    }), switchMap((sm) => sm.changed), map(() => {
+        return this.#sm.value;
+    }), takeUntilDestroyed(), shareReplay(1));
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableExpandService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableExpandService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableExpandService, decorators: [{
+            type: Injectable
+        }] });
+
+class ExpandRowDirective {
+    #field = inject(PI_VIEW_FIELD_TOKEN);
+    #status = inject(TableExpandService);
+    a(event) {
+        if (event.target instanceof HTMLInputElement) {
+            return;
+        }
+        this.#status.toggleExpand(this.#field().context['item$']());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ExpandRowDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.14", type: ExpandRowDirective, isStandalone: true, selector: "app-expand", host: { listeners: { "click": "a($event)" } }, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: ExpandRowDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'app-expand',
+                }]
+        }], propDecorators: { a: [{
+                type: HostListener,
+                args: ['click', ['$event']]
+            }] } });
+
+class TableResourceService {
+    #requestFn$ = signal(undefined, ...(ngDevMode ? [{ debugName: "#requestFn$" }] : []));
+    #queryParams$ = signal({}, ...(ngDevMode ? [{ debugName: "#queryParams$" }] : []));
+    #data$ = resource({
+        params: computed(() => {
+            const params = this.#queryParams$();
+            let requestFn = this.#requestFn$();
+            this.#updateIndex$();
+            return {
+                requestFn,
+                params,
+                index: this.#updateIndex$(),
+            };
+        }),
+        loader: async (res) => {
+            if (!res.params.requestFn) {
+                return [0, []];
+            }
+            return res.params.requestFn(res.params.params);
+        },
+    });
+    list$$ = computedWithPrev((value) => {
+        return this.#data$.value()?.[1] ?? value ?? [];
+    });
+    count$$ = computedWithPrev((value) => {
+        return this.#data$.value()?.[0] ?? value ?? 0;
+    });
+    isLoading$$ = computed(() => {
+        return this.#data$.isLoading();
+    }, ...(ngDevMode ? [{ debugName: "isLoading$$" }] : []));
+    #updateIndex$ = signal(0, ...(ngDevMode ? [{ debugName: "#updateIndex$" }] : []));
+    needUpdate() {
+        this.#updateIndex$.update((a) => ++a);
+    }
+    setRequest(fn) {
+        this.#requestFn$.set(fn);
+    }
+    setParams(key, value) {
+        this.#queryParams$.update((data) => {
+            return {
+                ...data,
+                [key]: value,
+            };
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableResourceService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableResourceService });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.14", ngImport: i0, type: TableResourceService, decorators: [{
+            type: Injectable
+        }] });
+
 class TableExpandOneTableCell {
     static __version = 2;
     templateRef = viewChild.required('templateRef');
     field$$ = inject(PI_VIEW_FIELD_TOKEN);
     // props$$ = computed(() => this.field$$().props());
-    #service = inject(TableStatusService);
+    #service = inject(TableExpandService);
     #expand$$ = toSignal(this.#service.selectionModel$$);
     isExpand$$ = computed(() => {
         const sm = this.#expand$$();
@@ -1430,15 +1332,13 @@ var wrapper_index = /*#__PURE__*/Object.freeze({
     __proto__: null,
     OptionListLocalFilterWC: OptionListLocalFilterWC,
     SortHeaderWC: SortHeaderWC,
-    SortTablehWC: SortTablehWC,
     TableCheckboxAllWC: TableCheckboxAllWC,
-    TableCheckboxOneWC: TableCheckboxOneWC,
-    TableResourceWC: TableResourceWC
+    TableCheckboxOneWC: TableCheckboxOneWC
 });
 
 /**
  * Generated bundle index. Do not edit.
  */
 
-export { CheckboxService, ExactMatchOptions, ExpandRowDirective, component_index as ExtComponentGroup, wrapper_index as ExtWrapperGroup, ListTemplateNFCC, MenuTreeNFCC, OptionListFCC, OptionListLocalFilterWC, PaginationNFCC, PickerRefFCC, SortHeaderWC, SortTablehWC, SubsetMatchOptions, TableCheckboxAllWC, TableCheckboxOneWC, TableExpandOneTableCell, TableNFCC, TableResourceWC, TableRowFGC, TableStatusService, wrapper_index$1 as WrapperGroup, createDefaultColDefine, createDefaultColDefineFn, createRowDefine, inputSortDirective };
+export { CheckboxService, ExactMatchOptions, ExpandRowDirective, component_index as ExtComponentGroup, wrapper_index as ExtWrapperGroup, ListTemplateNFCC, MenuTreeNFCC, OptionListFCC, OptionListLocalFilterWC, PaginationNFCC, PickerRefFCC, SortHeaderWC, SortService, SubsetMatchOptions, TableCheckboxAllWC, TableCheckboxOneWC, TableExpandOneTableCell, TableExpandService, TableNFCC, TableResourceService, TableRowFGC, wrapper_index$1 as WrapperGroup, createDefaultColDefine, createDefaultColDefineFn, createRowDefine, inputSortDirective };
 //# sourceMappingURL=piying-lib-angular-daisyui-extension.mjs.map