@acorex/cdk 19.4.0-next.0 → 19.4.1

package/fesm2022/acorex-cdk-selection.mjs

@@ -0,0 +1,119 @@
+import * as i0 from '@angular/core';
+import { inject, ElementRef, signal, output, input, afterNextRender, Directive, contentChildren, effect, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+class AXSelectionItemDirective {
+    constructor() {
+        this.elm = inject(ElementRef);
+        this.isActive = signal(false);
+        this.onActiveState = output();
+        this.key = input.required();
+        this.#init2 = afterNextRender(() => {
+            this.elm.nativeElement.onclick = () => {
+                this.onActiveState.emit({ component: this });
+            };
+        });
+    }
+    #init2;
+    toggle() {
+        this.isActive.update((prev) => !prev);
+    }
+    select() {
+        this.isActive.set(true);
+    }
+    unselect() {
+        this.isActive.set(false);
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionItemDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.0.3", type: AXSelectionItemDirective, isStandalone: false, selector: "[axSelectionItem]", inputs: { key: { classPropertyName: "key", publicName: "key", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { onActiveState: "onActiveState" }, exportAs: ["axSelectionItem"], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionItemDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axSelectionItem]',
+                    exportAs: 'axSelectionItem',
+                    standalone: false,
+                }]
+        }] });
+
+class AXSelectionGroupDirective {
+    constructor() {
+        this.content = contentChildren(AXSelectionItemDirective);
+        this.activeIndex = signal(null);
+        this.multi = input(false);
+        this.selectedItem = input();
+        this.#init = afterNextRender(() => {
+            this.content().forEach((element) => {
+                element.onActiveState.subscribe((e) => {
+                    this.activeIndex.set(e.component.key());
+                    if (this.multi()) {
+                        element.toggle();
+                    }
+                    else {
+                        this.content().forEach((element) => {
+                            if (element.key() !== this.activeIndex()) {
+                                element.unselect();
+                            }
+                        });
+                        element.toggle();
+                    }
+                });
+            });
+        });
+        this.#eff2 = effect(() => {
+            if (!this.selectedItem())
+                return;
+            if (typeof this.selectedItem() === 'string') {
+                this.content().forEach((element) => {
+                    if (this.selectedItem() === element.key()) {
+                        element.isActive.set(true);
+                    }
+                });
+            }
+            else if (this.selectedItem() instanceof Array) {
+                this.selectedItem().forEach((index) => {
+                    this.content().forEach((element) => {
+                        if (index === element.key()) {
+                            element.isActive.set(true);
+                        }
+                    });
+                });
+            }
+        });
+    }
+    #init;
+    #eff2;
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionGroupDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive }); }
+    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.2.0", version: "19.0.3", type: AXSelectionGroupDirective, isStandalone: false, selector: "[axSelectionGroup]", inputs: { multi: { classPropertyName: "multi", publicName: "multi", isSignal: true, isRequired: false, transformFunction: null }, selectedItem: { classPropertyName: "selectedItem", publicName: "selectedItem", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "content", predicate: AXSelectionItemDirective, isSignal: true }], ngImport: i0 }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionGroupDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[axSelectionGroup]',
+                    standalone: false,
+                }]
+        }] });
+
+const COMPONENT = [AXSelectionGroupDirective, AXSelectionItemDirective];
+const MODULES = [CommonModule];
+class AXSelectionModule {
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule }); }
+    static { this.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionModule, declarations: [AXSelectionGroupDirective, AXSelectionItemDirective], imports: [CommonModule], exports: [AXSelectionGroupDirective, AXSelectionItemDirective] }); }
+    static { this.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionModule, imports: [MODULES] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.3", ngImport: i0, type: AXSelectionModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [...COMPONENT],
+                    imports: [...MODULES],
+                    exports: [...COMPONENT],
+                    providers: [],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { AXSelectionGroupDirective, AXSelectionItemDirective, AXSelectionModule };
+//# sourceMappingURL=acorex-cdk-selection.mjs.map

package/fesm2022/acorex-cdk-selection.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"acorex-cdk-selection.mjs","sources":["../../../../libs/cdk/selection/src/lib/selection-item.directive.ts","../../../../libs/cdk/selection/src/lib/selection-group.directive.ts","../../../../libs/cdk/selection/src/lib/selection.module.ts","../../../../libs/cdk/selection/src/acorex-cdk-selection.ts"],"sourcesContent":["import { afterNextRender, Directive, ElementRef, inject, input, output, signal } from '@angular/core';\n\n@Directive({\n  selector: '[axSelectionItem]',\n  exportAs: 'axSelectionItem',\n  standalone: false,\n})\nexport class AXSelectionItemDirective {\n  private elm = inject(ElementRef);\n  isActive = signal(false);\n  onActiveState = output<{ component: AXSelectionItemDirective }>();\n  key = input.required<string>();\n\n  #init2 = afterNextRender(() => {\n    (this.elm.nativeElement as HTMLElement).onclick = () => {\n      this.onActiveState.emit({ component: this });\n    };\n  });\n\n  public toggle() {\n    this.isActive.update((prev) => !prev);\n  }\n  public select() {\n    this.isActive.set(true);\n  }\n  public unselect() {\n    this.isActive.set(false);\n  }\n}\n","import { afterNextRender, contentChildren, Directive, effect, input, signal } from '@angular/core';\nimport { AXSelectionItemDirective } from './selection-item.directive';\n\n@Directive({\n  selector: '[axSelectionGroup]',\n  standalone: false,\n})\nexport class AXSelectionGroupDirective {\n  private content = contentChildren(AXSelectionItemDirective);\n  private activeIndex = signal(null);\n  multi = input(false);\n  selectedItem = input<string | string[]>();\n\n  #init = afterNextRender(() => {\n    this.content().forEach((element) => {\n      element.onActiveState.subscribe((e) => {\n        this.activeIndex.set(e.component.key());\n        if (this.multi()) {\n          element.toggle();\n        } else {\n          this.content().forEach((element) => {\n            if (element.key() !== this.activeIndex()) {\n              element.unselect();\n            }\n          });\n          element.toggle();\n        }\n      });\n    });\n  });\n\n  #eff2 = effect(() => {\n    if (!this.selectedItem()) return;\n    if (typeof this.selectedItem() === 'string') {\n      this.content().forEach((element) => {\n        if (this.selectedItem() === element.key()) {\n          element.isActive.set(true);\n        }\n      });\n    } else if (this.selectedItem() instanceof Array) {\n      (this.selectedItem() as Array<string>).forEach((index) => {\n        this.content().forEach((element) => {\n          if (index === element.key()) {\n            element.isActive.set(true);\n          }\n        });\n      });\n    }\n  });\n}\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { AXSelectionGroupDirective } from './selection-group.directive';\nimport { AXSelectionItemDirective } from './selection-item.directive';\n\nconst COMPONENT = [AXSelectionGroupDirective, AXSelectionItemDirective];\nconst MODULES = [CommonModule];\n\n@NgModule({\n  declarations: [...COMPONENT],\n  imports: [...MODULES],\n  exports: [...COMPONENT],\n  providers: [],\n})\nexport class AXSelectionModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;MAOa,wBAAwB,CAAA;AALrC,IAAA,WAAA,GAAA;AAMU,QAAA,IAAA,CAAA,GAAG,GAAG,MAAM,CAAC,UAAU,CAAC;AAChC,QAAA,IAAA,CAAA,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;QACxB,IAAa,CAAA,aAAA,GAAG,MAAM,EAA2C;AACjE,QAAA,IAAA,CAAA,GAAG,GAAG,KAAK,CAAC,QAAQ,EAAU;AAE9B,QAAA,IAAA,CAAA,MAAM,GAAG,eAAe,CAAC,MAAK;YAC3B,IAAI,CAAC,GAAG,CAAC,aAA6B,CAAC,OAAO,GAAG,MAAK;gBACrD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAC9C,aAAC;AACH,SAAC,CAAC;AAWH;AAfC,IAAA,MAAM;IAMC,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,IAAI,CAAC;;IAEhC,MAAM,GAAA;AACX,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;IAElB,QAAQ,GAAA;AACb,QAAA,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC;;8GAnBf,wBAAwB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;kGAAxB,wBAAwB,EAAA,YAAA,EAAA,KAAA,EAAA,QAAA,EAAA,mBAAA,EAAA,MAAA,EAAA,EAAA,GAAA,EAAA,EAAA,iBAAA,EAAA,KAAA,EAAA,UAAA,EAAA,KAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,QAAA,EAAA,CAAA,iBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAAxB,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,QAAQ,EAAE,iBAAiB;AAC3B,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;MCCY,yBAAyB,CAAA;AAJtC,IAAA,WAAA,GAAA;AAKU,QAAA,IAAA,CAAA,OAAO,GAAG,eAAe,CAAC,wBAAwB,CAAC;AACnD,QAAA,IAAA,CAAA,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC;AAClC,QAAA,IAAA,CAAA,KAAK,GAAG,KAAK,CAAC,KAAK,CAAC;QACpB,IAAY,CAAA,YAAA,GAAG,KAAK,EAAqB;AAEzC,QAAA,IAAA,CAAA,KAAK,GAAG,eAAe,CAAC,MAAK;YAC3B,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;gBACjC,OAAO,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC,CAAC,KAAI;AACpC,oBAAA,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;AACvC,oBAAA,IAAI,IAAI,CAAC,KAAK,EAAE,EAAE;wBAChB,OAAO,CAAC,MAAM,EAAE;;yBACX;wBACL,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;4BACjC,IAAI,OAAO,CAAC,GAAG,EAAE,KAAK,IAAI,CAAC,WAAW,EAAE,EAAE;gCACxC,OAAO,CAAC,QAAQ,EAAE;;AAEtB,yBAAC,CAAC;wBACF,OAAO,CAAC,MAAM,EAAE;;AAEpB,iBAAC,CAAC;AACJ,aAAC,CAAC;AACJ,SAAC,CAAC;AAEF,QAAA,IAAA,CAAA,KAAK,GAAG,MAAM,CAAC,MAAK;AAClB,YAAA,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE;gBAAE;YAC1B,IAAI,OAAO,IAAI,CAAC,YAAY,EAAE,KAAK,QAAQ,EAAE;gBAC3C,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;oBACjC,IAAI,IAAI,CAAC,YAAY,EAAE,KAAK,OAAO,CAAC,GAAG,EAAE,EAAE;AACzC,wBAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;AAE9B,iBAAC,CAAC;;AACG,iBAAA,IAAI,IAAI,CAAC,YAAY,EAAE,YAAY,KAAK,EAAE;gBAC9C,IAAI,CAAC,YAAY,EAAoB,CAAC,OAAO,CAAC,CAAC,KAAK,KAAI;oBACvD,IAAI,CAAC,OAAO,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,KAAI;AACjC,wBAAA,IAAI,KAAK,KAAK,OAAO,CAAC,GAAG,EAAE,EAAE;AAC3B,4BAAA,OAAO,CAAC,QAAQ,CAAC,GAAG,CAAC,IAAI,CAAC;;AAE9B,qBAAC,CAAC;AACJ,iBAAC,CAAC;;AAEN,SAAC,CAAC;AACH;AApCC,IAAA,KAAK;AAkBL,IAAA,KAAK;8GAxBM,yBAAyB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAAzB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,yBAAyB,wXACF,wBAAwB,EAAA,QAAA,EAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA,CAAA;;2FAD/C,yBAAyB,EAAA,UAAA,EAAA,CAAA;kBAJrC,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,oBAAoB;AAC9B,oBAAA,UAAU,EAAE,KAAK;AAClB,iBAAA;;;ACDD,MAAM,SAAS,GAAG,CAAC,yBAAyB,EAAE,wBAAwB,CAAC;AACvE,MAAM,OAAO,GAAG,CAAC,YAAY,CAAC;MAQjB,iBAAiB,CAAA;8GAAjB,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;+GAAjB,iBAAiB,EAAA,YAAA,EAAA,CATX,yBAAyB,EAAE,wBAAwB,aACrD,YAAY,CAAA,EAAA,OAAA,EAAA,CADV,yBAAyB,EAAE,wBAAwB,CAAA,EAAA,CAAA,CAAA;AASzD,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,iBAAiB,YAJf,OAAO,CAAA,EAAA,CAAA,CAAA;;2FAIT,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAN7B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE,CAAC,GAAG,SAAS,CAAC;AAC5B,oBAAA,OAAO,EAAE,CAAC,GAAG,OAAO,CAAC;AACrB,oBAAA,OAAO,EAAE,CAAC,GAAG,SAAS,CAAC;AACvB,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACbD;;AAEG;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@acorex/cdk",
-  "version": "19.4.0-next.0",
+  "version": "19.4.1",
   "peerDependencies": {
     "@angular/common": ">=19.0.0",
     "@angular/core": ">=19.0.0",
@@ -35,6 +35,10 @@
       "types": "./qrcode/index.d.ts",
       "default": "./fesm2022/acorex-cdk-qrcode.mjs"
     },
+    "./selection": {
+      "types": "./selection/index.d.ts",
+      "default": "./fesm2022/acorex-cdk-selection.mjs"
+    },
     "./sticky": {
       "types": "./sticky/index.d.ts",
       "default": "./fesm2022/acorex-cdk-sticky.mjs"

package/selection/README.md

@@ -0,0 +1,3 @@
+# @acorex/cdk/selection
+
+Secondary entry point of `@acorex/cdk`. It can be used by importing from `@acorex/cdk/selection`.

package/selection/index.d.ts

@@ -0,0 +1,3 @@
+export * from './lib/selection-group.directive';
+export * from './lib/selection-item.directive';
+export * from './lib/selection.module';

package/selection/lib/selection-group.directive.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+export declare class AXSelectionGroupDirective {
+    #private;
+    private content;
+    private activeIndex;
+    multi: import("@angular/core").InputSignal<boolean>;
+    selectedItem: import("@angular/core").InputSignal<string | string[]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionGroupDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXSelectionGroupDirective, "[axSelectionGroup]", never, { "multi": { "alias": "multi"; "required": false; "isSignal": true; }; "selectedItem": { "alias": "selectedItem"; "required": false; "isSignal": true; }; }, {}, ["content"], never, false, never>;
+}

package/selection/lib/selection-item.directive.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+export declare class AXSelectionItemDirective {
+    #private;
+    private elm;
+    isActive: import("@angular/core").WritableSignal<boolean>;
+    onActiveState: import("@angular/core").OutputEmitterRef<{
+        component: AXSelectionItemDirective;
+    }>;
+    key: import("@angular/core").InputSignal<string>;
+    toggle(): void;
+    select(): void;
+    unselect(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionItemDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AXSelectionItemDirective, "[axSelectionItem]", ["axSelectionItem"], { "key": { "alias": "key"; "required": true; "isSignal": true; }; }, { "onActiveState": "onActiveState"; }, never, never, false, never>;
+}

package/selection/lib/selection.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./selection-group.directive";
+import * as i2 from "./selection-item.directive";
+import * as i3 from "@angular/common";
+export declare class AXSelectionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AXSelectionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AXSelectionModule, [typeof i1.AXSelectionGroupDirective, typeof i2.AXSelectionItemDirective], [typeof i3.CommonModule], [typeof i1.AXSelectionGroupDirective, typeof i2.AXSelectionItemDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AXSelectionModule>;
+}