@egose/shadcn-theme-ng 0.0.27 → 0.0.28

package/resizable/README.md

@@ -0,0 +1,11 @@
+# Resizable
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build resizable
+```

package/resizable/fesm2022/resizable.mjs

@@ -0,0 +1,111 @@
+import * as i0 from '@angular/core';
+import { Directive, inject, ChangeDetectionStrategy, Component, NgModule } from '@angular/core';
+import * as i1 from '@spartan-ng/brain/resizable';
+import { BrnResizableGroup, BrnResizableHandle, BrnResizablePanel } from '@spartan-ng/brain/resizable';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+
+class HlmResizableGroup {
+    constructor() {
+        classes(() => 'group flex h-full w-full data-[panel-group-direction=vertical]:flex-col');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableGroup, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmResizableGroup, isStandalone: true, selector: "[hlmResizableGroup],hlm-resizable-group", host: { attributes: { "data-slot": "resizable-group" } }, hostDirectives: [{ directive: i1.BrnResizableGroup, inputs: ["direction", "direction", "layout", "layout"], outputs: ["dragEnd", "dragEnd", "dragStart", "dragStart", "layoutChange", "layoutChange"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableGroup, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmResizableGroup],hlm-resizable-group',
+                    hostDirectives: [
+                        {
+                            directive: BrnResizableGroup,
+                            inputs: ['direction', 'layout'],
+                            outputs: ['dragEnd', 'dragStart', 'layoutChange'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'resizable-group',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmResizableHandle {
+    _brnResizableHandle = inject(BrnResizableHandle);
+    constructor() {
+        classes(() => [
+            'bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',
+            'data-[panel-group-direction=horizontal]:hover:cursor-ew-resize data-[panel-group-direction=vertical]:hover:cursor-ns-resize',
+        ]);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableHandle, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: HlmResizableHandle, isStandalone: true, selector: "hlm-resizable-handle", host: { attributes: { "data-slot": "resizable-handle" } }, exportAs: ["hlmResizableHandle"], hostDirectives: [{ directive: i1.BrnResizableHandle, inputs: ["withHandle", "withHandle", "disabled", "disabled"] }], ngImport: i0, template: `
+    @if (_brnResizableHandle.withHandle()) {
+      <div class="bg-border h-6 w-1 rounded-lg z-10 flex shrink-0"></div>
+    }
+  `, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableHandle, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'hlm-resizable-handle',
+                    exportAs: 'hlmResizableHandle',
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    hostDirectives: [{ directive: BrnResizableHandle, inputs: ['withHandle', 'disabled'] }],
+                    host: {
+                        'data-slot': 'resizable-handle',
+                    },
+                    template: `
+    @if (_brnResizableHandle.withHandle()) {
+      <div class="bg-border h-6 w-1 rounded-lg z-10 flex shrink-0"></div>
+    }
+  `,
+                }]
+        }], ctorParameters: () => [] });
+
+class HlmResizablePanel {
+    _resizablePanel = inject(BrnResizablePanel);
+    setSize(size) {
+        this._resizablePanel.setSize(size);
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizablePanel, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmResizablePanel, isStandalone: true, selector: "[hlmResizablePanel],hlm-resizable-panel", host: { attributes: { "data-slot": "resizable-panel" } }, exportAs: ["hlmResizablePanel"], hostDirectives: [{ directive: i1.BrnResizablePanel, inputs: ["defaultSize", "defaultSize", "id", "id", "collapsible", "collapsible", "maxSize", "maxSize", "minSize", "minSize"] }], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizablePanel, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[hlmResizablePanel],hlm-resizable-panel',
+                    exportAs: 'hlmResizablePanel',
+                    hostDirectives: [
+                        {
+                            directive: BrnResizablePanel,
+                            inputs: ['defaultSize', 'id', 'collapsible', 'maxSize', 'minSize'],
+                        },
+                    ],
+                    host: {
+                        'data-slot': 'resizable-panel',
+                    },
+                }]
+        }] });
+
+/*
+ * Public API Surface of resizable
+ */
+const HlmResizableImports = [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle];
+class HlmResizableModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableModule, imports: [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle], exports: [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmResizableModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmResizableImports],
+                    exports: [...HlmResizableImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmResizableGroup, HlmResizableHandle, HlmResizableImports, HlmResizableModule, HlmResizablePanel };
+//# sourceMappingURL=resizable.mjs.map

package/resizable/fesm2022/resizable.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"resizable.mjs","sources":["../../../projects/resizable/src/lib/hlm-resizable-group.ts","../../../projects/resizable/src/lib/hlm-resizable-handle.ts","../../../projects/resizable/src/lib/hlm-resizable-panel.ts","../../../projects/resizable/src/public-api.ts","../../../projects/resizable/src/resizable.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { BrnResizableGroup } from '@spartan-ng/brain/resizable';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Directive({\n  selector: '[hlmResizableGroup],hlm-resizable-group',\n  hostDirectives: [\n    {\n      directive: BrnResizableGroup,\n      inputs: ['direction', 'layout'],\n      outputs: ['dragEnd', 'dragStart', 'layoutChange'],\n    },\n  ],\n  host: {\n    'data-slot': 'resizable-group',\n  },\n})\nexport class HlmResizableGroup {\n  constructor() {\n    classes(() => 'group flex h-full w-full data-[panel-group-direction=vertical]:flex-col');\n  }\n}\n","import { ChangeDetectionStrategy, Component, inject } from '@angular/core';\nimport { BrnResizableHandle } from '@spartan-ng/brain/resizable';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\n\n@Component({\n  selector: 'hlm-resizable-handle',\n  exportAs: 'hlmResizableHandle',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  hostDirectives: [{ directive: BrnResizableHandle, inputs: ['withHandle', 'disabled'] }],\n  host: {\n    'data-slot': 'resizable-handle',\n  },\n  template: `\n    @if (_brnResizableHandle.withHandle()) {\n      <div class=\"bg-border h-6 w-1 rounded-lg z-10 flex shrink-0\"></div>\n    }\n  `,\n})\nexport class HlmResizableHandle {\n  protected readonly _brnResizableHandle = inject(BrnResizableHandle);\n\n  constructor() {\n    classes(() => [\n      'bg-border ring-offset-background focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2 focus-visible:ring-1 focus-visible:outline-hidden data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:translate-x-0 data-[panel-group-direction=vertical]:after:-translate-y-1/2 [&[data-panel-group-direction=vertical]>div]:rotate-90',\n      'data-[panel-group-direction=horizontal]:hover:cursor-ew-resize data-[panel-group-direction=vertical]:hover:cursor-ns-resize',\n    ]);\n  }\n}\n","import { Directive, inject } from '@angular/core';\nimport { BrnResizablePanel } from '@spartan-ng/brain/resizable';\n\n@Directive({\n  selector: '[hlmResizablePanel],hlm-resizable-panel',\n  exportAs: 'hlmResizablePanel',\n  hostDirectives: [\n    {\n      directive: BrnResizablePanel,\n      inputs: ['defaultSize', 'id', 'collapsible', 'maxSize', 'minSize'],\n    },\n  ],\n  host: {\n    'data-slot': 'resizable-panel',\n  },\n})\nexport class HlmResizablePanel {\n  private readonly _resizablePanel = inject(BrnResizablePanel);\n\n  public setSize(size: number) {\n    this._resizablePanel.setSize(size);\n  }\n}\n","/*\n * Public API Surface of resizable\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmResizableGroup } from './lib/hlm-resizable-group';\nimport { HlmResizableHandle } from './lib/hlm-resizable-handle';\nimport { HlmResizablePanel } from './lib/hlm-resizable-panel';\n\nexport * from './lib/hlm-resizable-group';\nexport * from './lib/hlm-resizable-handle';\nexport * from './lib/hlm-resizable-panel';\n\nexport const HlmResizableImports = [HlmResizableGroup, HlmResizablePanel, HlmResizableHandle] as const;\n\n@NgModule({\n  imports: [...HlmResizableImports],\n  exports: [...HlmResizableImports],\n})\nexport class HlmResizableModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAiBa,iBAAiB,CAAA;AAC5B,IAAA,WAAA,GAAA;AACE,QAAA,OAAO,CAAC,MAAM,yEAAyE,CAAC;IAC1F;uGAHW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,WAAA,EAAA,WAAA,EAAA,QAAA,EAAA,QAAA,CAAA,EAAA,OAAA,EAAA,CAAA,SAAA,EAAA,SAAA,EAAA,WAAA,EAAA,WAAA,EAAA,cAAA,EAAA,cAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,iBAAiB;AAC5B,4BAAA,MAAM,EAAE,CAAC,WAAW,EAAE,QAAQ,CAAC;AAC/B,4BAAA,OAAO,EAAE,CAAC,SAAS,EAAE,WAAW,EAAE,cAAc,CAAC;AAClD,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,iBAAiB;AAC/B,qBAAA;AACF,iBAAA;;;MCEY,kBAAkB,CAAA;AACV,IAAA,mBAAmB,GAAG,MAAM,CAAC,kBAAkB,CAAC;AAEnE,IAAA,WAAA,GAAA;QACE,OAAO,CAAC,MAAM;YACZ,soBAAsoB;YACtoB,6HAA6H;AAC9H,SAAA,CAAC;IACJ;uGARW,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAlB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,sBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,kBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,kBAAA,EAAA,MAAA,EAAA,CAAA,YAAA,EAAA,YAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EANnB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA;;2FAEU,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAd9B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,sBAAsB;AAChC,oBAAA,QAAQ,EAAE,oBAAoB;oBAC9B,eAAe,EAAE,uBAAuB,CAAC,MAAM;AAC/C,oBAAA,cAAc,EAAE,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC,EAAE,CAAC;AACvF,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,kBAAkB;AAChC,qBAAA;AACD,oBAAA,QAAQ,EAAE;;;;AAIT,EAAA,CAAA;AACF,iBAAA;;;MCDY,iBAAiB,CAAA;AACX,IAAA,eAAe,GAAG,MAAM,CAAC,iBAAiB,CAAC;AAErD,IAAA,OAAO,CAAC,IAAY,EAAA;AACzB,QAAA,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC,IAAI,CAAC;IACpC;uGALW,iBAAiB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAjB,iBAAiB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,yCAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,iBAAA,EAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,cAAA,EAAA,CAAA,EAAA,SAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,MAAA,EAAA,CAAA,aAAA,EAAA,aAAA,EAAA,IAAA,EAAA,IAAA,EAAA,aAAA,EAAA,aAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,EAAA,SAAA,CAAA,EAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAAjB,iBAAiB,EAAA,UAAA,EAAA,CAAA;kBAb7B,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,yCAAyC;AACnD,oBAAA,QAAQ,EAAE,mBAAmB;AAC7B,oBAAA,cAAc,EAAE;AACd,wBAAA;AACE,4BAAA,SAAS,EAAE,iBAAiB;4BAC5B,MAAM,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,aAAa,EAAE,SAAS,EAAE,SAAS,CAAC;AACnE,yBAAA;AACF,qBAAA;AACD,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,iBAAiB;AAC/B,qBAAA;AACF,iBAAA;;;ACfD;;AAEG;AAYI,MAAM,mBAAmB,GAAG,CAAC,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB;MAM/E,kBAAkB,CAAA;uGAAlB,kBAAkB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAlB,kBAAkB,EAAA,OAAA,EAAA,CANK,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,CAAA,EAAA,OAAA,EAAA,CAAxD,iBAAiB,EAAE,iBAAiB,EAAE,kBAAkB,CAAA,EAAA,CAAA;wGAM/E,kBAAkB,EAAA,CAAA;;2FAAlB,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBAJ9B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,mBAAmB,CAAC;AACjC,oBAAA,OAAO,EAAE,CAAC,GAAG,mBAAmB,CAAC;AAClC,iBAAA;;;ACnBD;;AAEG;;;;"}

package/resizable/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "resizable",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/resizable.mjs",
+  "typings": "types/resizable.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/resizable.d.ts",
+      "default": "./fesm2022/resizable.mjs"
+    }
+  },
+  "type": "module"
+}

package/resizable/types/resizable.d.ts

@@ -0,0 +1,32 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@spartan-ng/brain/resizable';
+import { BrnResizableHandle } from '@spartan-ng/brain/resizable';
+
+declare class HlmResizableGroup {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizableGroup, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmResizableGroup, "[hlmResizableGroup],hlm-resizable-group", never, {}, {}, never, never, true, [{ directive: typeof i1.BrnResizableGroup; inputs: { "direction": "direction"; "layout": "layout"; }; outputs: { "dragEnd": "dragEnd"; "dragStart": "dragStart"; "layoutChange": "layoutChange"; }; }]>;
+}
+
+declare class HlmResizableHandle {
+    protected readonly _brnResizableHandle: BrnResizableHandle;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizableHandle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HlmResizableHandle, "hlm-resizable-handle", ["hlmResizableHandle"], {}, {}, never, never, true, [{ directive: typeof i1.BrnResizableHandle; inputs: { "withHandle": "withHandle"; "disabled": "disabled"; }; outputs: {}; }]>;
+}
+
+declare class HlmResizablePanel {
+    private readonly _resizablePanel;
+    setSize(size: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizablePanel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmResizablePanel, "[hlmResizablePanel],hlm-resizable-panel", ["hlmResizablePanel"], {}, {}, never, never, true, [{ directive: typeof i1.BrnResizablePanel; inputs: { "defaultSize": "defaultSize"; "id": "id"; "collapsible": "collapsible"; "maxSize": "maxSize"; "minSize": "minSize"; }; outputs: {}; }]>;
+}
+
+declare const HlmResizableImports: readonly [typeof HlmResizableGroup, typeof HlmResizablePanel, typeof HlmResizableHandle];
+declare class HlmResizableModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmResizableModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmResizableModule, never, [typeof HlmResizableGroup, typeof HlmResizablePanel, typeof HlmResizableHandle], [typeof HlmResizableGroup, typeof HlmResizablePanel, typeof HlmResizableHandle]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmResizableModule>;
+}
+
+export { HlmResizableGroup, HlmResizableHandle, HlmResizableImports, HlmResizableModule, HlmResizablePanel };

package/scroll-area/README.md

@@ -0,0 +1,11 @@
+# ScrollArea
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli).
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build scroll-area
+```

package/scroll-area/fesm2022/scroll-area.mjs

@@ -0,0 +1,51 @@
+import * as i0 from '@angular/core';
+import { Directive, NgModule } from '@angular/core';
+import { classes } from '@egose/shadcn-theme-ng/utils';
+import { provideScrollbarOptions } from 'ngx-scrollbar';
+
+class HlmScrollArea {
+    constructor() {
+        classes(() => 'rounded-md [--scrollbar-thumb-shape:9999px] block');
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmScrollArea, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "22.0.7", type: HlmScrollArea, isStandalone: true, selector: "ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]", host: { attributes: { "data-slot": "scroll-area" }, properties: { "style.--scrollbar-thumb-color": "\"var(--border)\"", "style.--scrollbar-thumb-hover-color": "\"var(--border)\"", "style.--scrollbar-track-color": "\"transparent\"", "style.--scrollbar-track-thickness": "\"0.625rem\"", "style.--scrollbar-track-offset": "\"1.5px\"" } }, providers: [provideScrollbarOptions({ visibility: 'hover' })], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmScrollArea, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: 'ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]',
+                    providers: [provideScrollbarOptions({ visibility: 'hover' })],
+                    host: {
+                        'data-slot': 'scroll-area',
+                        '[style.--scrollbar-thumb-color]': '"var(--border)"',
+                        '[style.--scrollbar-thumb-hover-color]': '"var(--border)"',
+                        '[style.--scrollbar-track-color]': '"transparent"',
+                        '[style.--scrollbar-track-thickness]': '"0.625rem"',
+                        '[style.--scrollbar-track-offset]': '"1.5px"',
+                    },
+                }]
+        }], ctorParameters: () => [] });
+
+/*
+ * Public API Surface of scroll-area
+ */
+const HlmScrollAreaImports = [HlmScrollArea];
+class HlmScrollAreaModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmScrollAreaModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "22.0.7", ngImport: i0, type: HlmScrollAreaModule, imports: [HlmScrollArea], exports: [HlmScrollArea] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmScrollAreaModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: HlmScrollAreaModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [...HlmScrollAreaImports],
+                    exports: [...HlmScrollAreaImports],
+                }]
+        }] });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { HlmScrollArea, HlmScrollAreaImports, HlmScrollAreaModule };
+//# sourceMappingURL=scroll-area.mjs.map

package/scroll-area/fesm2022/scroll-area.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-area.mjs","sources":["../../../projects/scroll-area/src/lib/hlm-scroll-area.ts","../../../projects/scroll-area/src/public-api.ts","../../../projects/scroll-area/src/scroll-area.ts"],"sourcesContent":["import { Directive } from '@angular/core';\nimport { classes } from '@egose/shadcn-theme-ng/utils';\nimport { provideScrollbarOptions } from 'ngx-scrollbar';\n\n@Directive({\n  selector: 'ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]',\n  providers: [provideScrollbarOptions({ visibility: 'hover' })],\n  host: {\n    'data-slot': 'scroll-area',\n    '[style.--scrollbar-thumb-color]': '\"var(--border)\"',\n    '[style.--scrollbar-thumb-hover-color]': '\"var(--border)\"',\n    '[style.--scrollbar-track-color]': '\"transparent\"',\n    '[style.--scrollbar-track-thickness]': '\"0.625rem\"',\n    '[style.--scrollbar-track-offset]': '\"1.5px\"',\n  },\n})\nexport class HlmScrollArea {\n  constructor() {\n    classes(() => 'rounded-md [--scrollbar-thumb-shape:9999px] block');\n  }\n}\n","/*\n * Public API Surface of scroll-area\n */\n\nimport { NgModule } from '@angular/core';\n\nimport { HlmScrollArea } from './lib/hlm-scroll-area';\n\nexport * from './lib/hlm-scroll-area';\n\nexport const HlmScrollAreaImports = [HlmScrollArea] as const;\n\n@NgModule({\n  imports: [...HlmScrollAreaImports],\n  exports: [...HlmScrollAreaImports],\n})\nexport class HlmScrollAreaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAgBa,aAAa,CAAA;AACxB,IAAA,WAAA,GAAA;AACE,QAAA,OAAO,CAAC,MAAM,mDAAmD,CAAC;IACpE;uGAHW,aAAa,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;2FAAb,aAAa,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,8CAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,WAAA,EAAA,aAAA,EAAA,EAAA,UAAA,EAAA,EAAA,+BAAA,EAAA,mBAAA,EAAA,qCAAA,EAAA,mBAAA,EAAA,+BAAA,EAAA,iBAAA,EAAA,mCAAA,EAAA,cAAA,EAAA,gCAAA,EAAA,WAAA,EAAA,EAAA,EAAA,SAAA,EAVb,CAAC,uBAAuB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC,EAAA,QAAA,EAAA,EAAA,EAAA,CAAA;;2FAUlD,aAAa,EAAA,UAAA,EAAA,CAAA;kBAZzB,SAAS;AAAC,YAAA,IAAA,EAAA,CAAA;AACT,oBAAA,QAAQ,EAAE,8CAA8C;oBACxD,SAAS,EAAE,CAAC,uBAAuB,CAAC,EAAE,UAAU,EAAE,OAAO,EAAE,CAAC,CAAC;AAC7D,oBAAA,IAAI,EAAE;AACJ,wBAAA,WAAW,EAAE,aAAa;AAC1B,wBAAA,iCAAiC,EAAE,iBAAiB;AACpD,wBAAA,uCAAuC,EAAE,iBAAiB;AAC1D,wBAAA,iCAAiC,EAAE,eAAe;AAClD,wBAAA,qCAAqC,EAAE,YAAY;AACnD,wBAAA,kCAAkC,EAAE,SAAS;AAC9C,qBAAA;AACF,iBAAA;;;ACfD;;AAEG;AAQI,MAAM,oBAAoB,GAAG,CAAC,aAAa;MAMrC,mBAAmB,CAAA;uGAAnB,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA;wGAAnB,mBAAmB,EAAA,OAAA,EAAA,CANK,aAAa,CAAA,EAAA,OAAA,EAAA,CAAb,aAAa,CAAA,EAAA,CAAA;wGAMrC,mBAAmB,EAAA,CAAA;;2FAAnB,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAJ/B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,OAAO,EAAE,CAAC,GAAG,oBAAoB,CAAC;AAClC,oBAAA,OAAO,EAAE,CAAC,GAAG,oBAAoB,CAAC;AACnC,iBAAA;;;ACfD;;AAEG;;;;"}

package/scroll-area/package.json

@@ -0,0 +1,25 @@
+{
+  "name": "scroll-area",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@spartan-ng/brain": "^1.1.1"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "sideEffects": false,
+  "module": "fesm2022/scroll-area.mjs",
+  "typings": "types/scroll-area.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./types/scroll-area.d.ts",
+      "default": "./fesm2022/scroll-area.mjs"
+    }
+  },
+  "type": "module"
+}

package/scroll-area/types/scroll-area.d.ts

@@ -0,0 +1,16 @@
+import * as i0 from '@angular/core';
+
+declare class HlmScrollArea {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmScrollArea, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<HlmScrollArea, "ng-scrollbar[hlm],ng-scrollbar[hlmScrollbar]", never, {}, {}, never, never, true, never>;
+}
+
+declare const HlmScrollAreaImports: readonly [typeof HlmScrollArea];
+declare class HlmScrollAreaModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HlmScrollAreaModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<HlmScrollAreaModule, never, [typeof HlmScrollArea], [typeof HlmScrollArea]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<HlmScrollAreaModule>;
+}
+
+export { HlmScrollArea, HlmScrollAreaImports, HlmScrollAreaModule };

package/searchable-multiselect/README.md

@@ -0,0 +1,64 @@
+# MultiselectAutocomplete
+
+This project was generated using [Angular CLI](https://github.com/angular/angular-cli) version 20.3.0.
+
+## Code scaffolding
+
+Angular CLI includes powerful code scaffolding tools. To generate a new component, run:
+
+```bash
+ng generate component component-name
+```
+
+For a complete list of available schematics (such as `components`, `directives`, or `pipes`), run:
+
+```bash
+ng generate --help
+```
+
+## Building
+
+To build the library, run:
+
+```bash
+ng build searchable-multiselect
+```
+
+This command will compile your project, and the build artifacts will be placed in the `dist/` directory.
+
+### Publishing the Library
+
+Once the project is built, you can publish your library by following these steps:
+
+1. Navigate to the `dist` directory:
+
+   ```bash
+   cd dist/searchable-multiselect
+   ```
+
+2. Run the `npm publish` command to publish your library to the npm registry:
+   ```bash
+   npm publish
+   ```
+
+## Running unit tests
+
+To execute unit tests with the [Karma](https://karma-runner.github.io) test runner, use the following command:
+
+```bash
+ng test
+```
+
+## Running end-to-end tests
+
+For end-to-end (e2e) testing, run:
+
+```bash
+ng e2e
+```
+
+Angular CLI does not come with an end-to-end testing framework by default. You can choose one that suits your needs.
+
+## Additional Resources
+
+For more information on using the Angular CLI, including detailed command references, visit the [Angular CLI Overview and Command Reference](https://angular.dev/tools/cli) page.

package/searchable-multiselect/fesm2022/searchable-multiselect.mjs

@@ -0,0 +1,225 @@
+import * as i0 from '@angular/core';
+import { input, output, signal, computed, forwardRef, ChangeDetectionStrategy, Component } from '@angular/core';
+import { NG_VALUE_ACCESSOR } from '@angular/forms';
+import { HlmPopover, HlmPopoverTrigger, HlmPopoverContent } from '@egose/shadcn-theme-ng/popover';
+import { HlmButton } from '@egose/shadcn-theme-ng/button';
+import { HlmCheckbox } from '@egose/shadcn-theme-ng/checkbox';
+import { hlm } from '@egose/shadcn-theme-ng/utils';
+
+class EgSearchableMultiselect {
+    /** Full option list with labels/values */
+    options = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "options" }] : /* istanbul ignore next */ []));
+    placeholder = input('Start typing to add…', /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "placeholder" }] : /* istanbul ignore next */ []));
+    userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
+    /** Value: array of selected values (string[]) */
+    value = input([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []));
+    valueChange = output();
+    selectedItems = signal([], /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "selectedItems" }] : /* istanbul ignore next */ []));
+    isDisabled = false;
+    isFormBound = false;
+    _hostClass = computed(() => hlm(this.userClass()), /* @ts-ignore */
+    ...(ngDevMode ? [{ debugName: "_hostClass" }] : /* istanbul ignore next */ []));
+    isSelected(value) {
+        return this.selectedItems().some((s) => s.value === value);
+    }
+    toggle(value, checked) {
+        if (checked) {
+            this.addItem(value);
+        }
+        else {
+            this.removeItem(value);
+        }
+    }
+    addItem(value) {
+        if (!this.selectedItems().some((s) => s.value === value)) {
+            const opt = this.options()?.find((o) => o.value === value);
+            if (!opt)
+                return;
+            const updated = [...this.selectedItems(), opt];
+            this.updateValueFromSelected(updated);
+        }
+    }
+    removeItem(value) {
+        const updated = this.selectedItems().filter((i) => i.value !== value);
+        this.updateValueFromSelected(updated);
+    }
+    updateSelectedFromValues(values) {
+        const opts = this.options() || [];
+        this.selectedItems.set(opts.filter((o) => values.includes(o.value)));
+    }
+    updateValueFromSelected(items) {
+        this.selectedItems.set(items);
+        const values = items.map((i) => i.value);
+        this.valueChange.emit(values);
+        this.onChange(values);
+        this.onTouched();
+    }
+    constructor() {
+        // No effect needed; we read `value` input directly via writeValue for form-bound usage.
+    }
+    // --- ControlValueAccessor ---
+    onChange = () => { };
+    onTouched = () => { };
+    writeValue(values) {
+        this.isFormBound = true;
+        this.updateSelectedFromValues(values || []);
+    }
+    registerOnChange(fn) {
+        this.onChange = fn;
+    }
+    registerOnTouched(fn) {
+        this.onTouched = fn;
+    }
+    setDisabledState(isDisabled) {
+        this.isDisabled = isDisabled;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EgSearchableMultiselect, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.7", type: EgSearchableMultiselect, isStandalone: true, selector: "eg-searchable-multiselect", inputs: { options: { classPropertyName: "options", publicName: "options", isSignal: true, isRequired: false, transformFunction: null }, placeholder: { classPropertyName: "placeholder", publicName: "placeholder", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, value: { classPropertyName: "value", publicName: "value", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { valueChange: "valueChange" }, host: { properties: { "class": "_hostClass()" } }, providers: [
+            {
+                provide: NG_VALUE_ACCESSOR,
+                useExisting: forwardRef(() => EgSearchableMultiselect),
+                multi: true,
+            },
+        ], ngImport: i0, template: `
+    <div class="flex flex-col gap-2 w-full">
+      <!-- Selected chips -->
+      <div class="flex flex-wrap gap-2">
+        @if (selectedItems().length === 0) {
+          <span
+            class="bg-gray-100 text-gray-400 rounded-full
+                   px-2 py-1 inline-flex items-center text-xs"
+          >
+            {{ placeholder() }}
+          </span>
+        } @else {
+          @for (item of selectedItems(); track item.value) {
+            <span
+              class="bg-gray-200 rounded-full px-2 py-1
+                     inline-flex items-center gap-2 text-xs"
+            >
+              {{ item.label }}
+              <button
+                type="button"
+                (click)="removeItem(item.value)"
+                class="bg-transparent border-0 text-gray-600
+                       hover:text-red-500 cursor-pointer"
+              >
+                ✕
+              </button>
+            </span>
+          }
+        }
+      </div>
+
+      <!-- Trigger -->
+      <hlm-popover>
+        <button hlmPopoverTrigger hlmButton variant="secondary" appearance="outline" type="button">
+          {{ selectedItems().length }} selected
+        </button>
+
+        <hlm-popover-content class="w-64 p-2">
+          <div class="max-h-60 overflow-auto flex flex-col gap-1">
+            @for (option of options(); track option.value) {
+              <label
+                class="flex items-center gap-2 cursor-pointer px-2 py-1 rounded-sm hover:bg-secondary"
+              >
+                <hlm-checkbox [checked]="isSelected(option.value)" (changed)="toggle(option.value, $event)" />
+                <span class="text-sm">{{ option.label }}</span>
+              </label>
+            } @empty {
+              <span class="text-xs text-muted-foreground px-2 py-1">No options</span>
+            }
+          </div>
+        </hlm-popover-content>
+      </hlm-popover>
+    </div>
+  `, isInline: true, dependencies: [{ kind: "directive", type: HlmPopover, selector: "[hlmPopover],hlm-popover" }, { kind: "directive", type: HlmPopoverTrigger, selector: "button[hlmPopoverTrigger],button[hlmPopoverTriggerFor]" }, { kind: "directive", type: HlmPopoverContent, selector: "[hlmPopoverContent],hlm-popover-content" }, { kind: "component", type: HlmButton, selector: "button[hlmButton], a[hlmButton]", inputs: ["variant", "size", "appearance", "loading", "icon", "iconPosition", "class", "spinnerUserClass", "disabled", "type"] }, { kind: "component", type: HlmCheckbox, selector: "hlm-checkbox", inputs: ["class", "id", "aria-label", "aria-labelledby", "aria-describedby", "checked", "name", "required", "disabled"], outputs: ["checkedChange", "changed"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.7", ngImport: i0, type: EgSearchableMultiselect, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'eg-searchable-multiselect',
+                    standalone: true,
+                    imports: [HlmPopover, HlmPopoverTrigger, HlmPopoverContent, HlmButton, HlmCheckbox],
+                    changeDetection: ChangeDetectionStrategy.OnPush,
+                    providers: [
+                        {
+                            provide: NG_VALUE_ACCESSOR,
+                            useExisting: forwardRef(() => EgSearchableMultiselect),
+                            multi: true,
+                        },
+                    ],
+                    host: {
+                        '[class]': '_hostClass()',
+                    },
+                    template: `
+    <div class="flex flex-col gap-2 w-full">
+      <!-- Selected chips -->
+      <div class="flex flex-wrap gap-2">
+        @if (selectedItems().length === 0) {
+          <span
+            class="bg-gray-100 text-gray-400 rounded-full
+                   px-2 py-1 inline-flex items-center text-xs"
+          >
+            {{ placeholder() }}
+          </span>
+        } @else {
+          @for (item of selectedItems(); track item.value) {
+            <span
+              class="bg-gray-200 rounded-full px-2 py-1
+                     inline-flex items-center gap-2 text-xs"
+            >
+              {{ item.label }}
+              <button
+                type="button"
+                (click)="removeItem(item.value)"
+                class="bg-transparent border-0 text-gray-600
+                       hover:text-red-500 cursor-pointer"
+              >
+                ✕
+              </button>
+            </span>
+          }
+        }
+      </div>
+
+      <!-- Trigger -->
+      <hlm-popover>
+        <button hlmPopoverTrigger hlmButton variant="secondary" appearance="outline" type="button">
+          {{ selectedItems().length }} selected
+        </button>
+
+        <hlm-popover-content class="w-64 p-2">
+          <div class="max-h-60 overflow-auto flex flex-col gap-1">
+            @for (option of options(); track option.value) {
+              <label
+                class="flex items-center gap-2 cursor-pointer px-2 py-1 rounded-sm hover:bg-secondary"
+              >
+                <hlm-checkbox [checked]="isSelected(option.value)" (changed)="toggle(option.value, $event)" />
+                <span class="text-sm">{{ option.label }}</span>
+              </label>
+            } @empty {
+              <span class="text-xs text-muted-foreground px-2 py-1">No options</span>
+            }
+          </div>
+        </hlm-popover-content>
+      </hlm-popover>
+    </div>
+  `,
+                }]
+        }], ctorParameters: () => [], propDecorators: { options: [{ type: i0.Input, args: [{ isSignal: true, alias: "options", required: false }] }], placeholder: [{ type: i0.Input, args: [{ isSignal: true, alias: "placeholder", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], value: [{ type: i0.Input, args: [{ isSignal: true, alias: "value", required: false }] }], valueChange: [{ type: i0.Output, args: ["valueChange"] }] } });
+
+/*
+ * Public API Surface of searchable-multiselect
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { EgSearchableMultiselect };
+//# sourceMappingURL=searchable-multiselect.mjs.map

package/searchable-multiselect/fesm2022/searchable-multiselect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"searchable-multiselect.mjs","sources":["../../../projects/searchable-multiselect/src/lib/searchable-multiselect.ts","../../../projects/searchable-multiselect/src/public-api.ts","../../../projects/searchable-multiselect/src/searchable-multiselect.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, forwardRef, input, output, signal } from '@angular/core';\nimport { ControlValueAccessor, NG_VALUE_ACCESSOR } from '@angular/forms';\nimport { HlmPopover, HlmPopoverContent, HlmPopoverTrigger } from '@egose/shadcn-theme-ng/popover';\nimport { HlmButton } from '@egose/shadcn-theme-ng/button';\nimport { HlmCheckbox } from '@egose/shadcn-theme-ng/checkbox';\nimport { hlm } from '@egose/shadcn-theme-ng/utils';\nimport { ClassValue } from 'clsx';\n\nexport interface SelectOption {\n  label: string;\n  value: string;\n}\n\n@Component({\n  selector: 'eg-searchable-multiselect',\n  standalone: true,\n  imports: [HlmPopover, HlmPopoverTrigger, HlmPopoverContent, HlmButton, HlmCheckbox],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    {\n      provide: NG_VALUE_ACCESSOR,\n      useExisting: forwardRef(() => EgSearchableMultiselect),\n      multi: true,\n    },\n  ],\n  host: {\n    '[class]': '_hostClass()',\n  },\n  template: `\n    <div class=\"tw:flex tw:flex-col tw:gap-2 tw:w-full\">\n      <!-- Selected chips -->\n      <div class=\"tw:flex tw:flex-wrap tw:gap-2\">\n        @if (selectedItems().length === 0) {\n          <span\n            class=\"tw:bg-gray-100 tw:text-gray-400 tw:rounded-full\n                   tw:px-2 tw:py-1 tw:inline-flex tw:items-center tw:text-xs\"\n          >\n            {{ placeholder() }}\n          </span>\n        } @else {\n          @for (item of selectedItems(); track item.value) {\n            <span\n              class=\"tw:bg-gray-200 tw:rounded-full tw:px-2 tw:py-1\n                     tw:inline-flex tw:items-center tw:gap-2 tw:text-xs\"\n            >\n              {{ item.label }}\n              <button\n                type=\"button\"\n                (click)=\"removeItem(item.value)\"\n                class=\"tw:bg-transparent tw:border-0 tw:text-gray-600\n                       tw:hover:text-red-500 tw:cursor-pointer\"\n              >\n                ✕\n              </button>\n            </span>\n          }\n        }\n      </div>\n\n      <!-- Trigger -->\n      <hlm-popover>\n        <button hlmPopoverTrigger hlmButton variant=\"secondary\" appearance=\"outline\" type=\"button\">\n          {{ selectedItems().length }} selected\n        </button>\n\n        <hlm-popover-content class=\"tw:w-64 tw:p-2\">\n          <div class=\"tw:max-h-60 tw:overflow-auto tw:flex tw:flex-col tw:gap-1\">\n            @for (option of options(); track option.value) {\n              <label\n                class=\"tw:flex tw:items-center tw:gap-2 tw:cursor-pointer tw:px-2 tw:py-1 tw:rounded-sm tw:hover:bg-secondary\"\n              >\n                <hlm-checkbox [checked]=\"isSelected(option.value)\" (changed)=\"toggle(option.value, $event)\" />\n                <span class=\"tw:text-sm\">{{ option.label }}</span>\n              </label>\n            } @empty {\n              <span class=\"tw:text-xs tw:text-muted-foreground tw:px-2 tw:py-1\">No options</span>\n            }\n          </div>\n        </hlm-popover-content>\n      </hlm-popover>\n    </div>\n  `,\n})\nexport class EgSearchableMultiselect implements ControlValueAccessor {\n  /** Full option list with labels/values */\n  options = input<SelectOption[]>([]);\n  placeholder = input<string>('Start typing to add…');\n\n  userClass = input<ClassValue>('', { alias: 'class' });\n\n  /** Value: array of selected values (string[]) */\n  value = input<string[]>([]);\n  valueChange = output<string[]>();\n\n  protected readonly selectedItems = signal<SelectOption[]>([]);\n  protected isDisabled = false;\n  private isFormBound = false;\n\n  protected readonly _hostClass = computed(() => hlm(this.userClass()));\n\n  protected isSelected(value: string): boolean {\n    return this.selectedItems().some((s) => s.value === value);\n  }\n\n  protected toggle(value: string, checked: boolean): void {\n    if (checked) {\n      this.addItem(value);\n    } else {\n      this.removeItem(value);\n    }\n  }\n\n  protected addItem(value: string): void {\n    if (!this.selectedItems().some((s) => s.value === value)) {\n      const opt = this.options()?.find((o) => o.value === value);\n      if (!opt) return;\n      const updated = [...this.selectedItems(), opt];\n      this.updateValueFromSelected(updated);\n    }\n  }\n\n  protected removeItem(value: string): void {\n    const updated = this.selectedItems().filter((i) => i.value !== value);\n    this.updateValueFromSelected(updated);\n  }\n\n  private updateSelectedFromValues(values: string[]): void {\n    const opts = this.options() || [];\n    this.selectedItems.set(opts.filter((o) => values.includes(o.value)));\n  }\n\n  private updateValueFromSelected(items: SelectOption[]): void {\n    this.selectedItems.set(items);\n    const values = items.map((i) => i.value);\n    this.valueChange.emit(values);\n    this.onChange(values);\n    this.onTouched();\n  }\n\n  constructor() {\n    // No effect needed; we read `value` input directly via writeValue for form-bound usage.\n  }\n\n  // --- ControlValueAccessor ---\n  private onChange: (value: string[]) => void = () => {};\n  private onTouched: () => void = () => {};\n\n  writeValue(values: string[] | null): void {\n    this.isFormBound = true;\n    this.updateSelectedFromValues(values || []);\n  }\n\n  registerOnChange(fn: (value: string[]) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.isDisabled = isDisabled;\n  }\n}\n","/*\n * Public API Surface of searchable-multiselect\n */\n\nexport * from './lib/searchable-multiselect';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}