minahil 0.0.1

package/README.md

@@ -0,0 +1,24 @@
+# Minahil
+
+This library was generated with [Angular CLI](https://github.com/angular/angular-cli) version 14.2.0.
+
+## Code scaffolding
+
+Run `ng generate component component-name --project minahil` to generate a new component. You can also use `ng generate directive|pipe|service|class|guard|interface|enum|module --project minahil`.
+> Note: Don't forget to add `--project minahil` or else it will be added to the default project in your `angular.json` file. 
+
+## Build
+
+Run `ng build minahil` to build the project. The build artifacts will be stored in the `dist/` directory.
+
+## Publishing
+
+After building your library with `ng build minahil`, go to the dist folder `cd dist/minahil` and run `npm publish`.
+
+## Running unit tests
+
+Run `ng test minahil` to execute the unit tests via [Karma](https://karma-runner.github.io).
+
+## Further help
+
+To get more help on the Angular CLI use `ng help` or go check out the [Angular CLI Overview and Command Reference](https://angular.io/cli) page.

package/fesm2022/minahil.mjs

@@ -0,0 +1,481 @@
+import * as i0 from '@angular/core';
+import { Injectable, Component, NgModule, HostListener, Input, Directive, EventEmitter, ViewChild, Output } from '@angular/core';
+import * as i2 from '@angular/cdk/drag-drop';
+import { moveItemInArray, DragDropModule } from '@angular/cdk/drag-drop';
+import * as i1 from '@angular/common';
+import { CommonModule } from '@angular/common';
+import { ScrollingModule } from '@angular/cdk/scrolling';
+
+class MinahilService {
+    constructor() { }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root'
+                }]
+        }], ctorParameters: () => [] });
+
+class MinahilComponent {
+    constructor() { }
+    ngOnInit() {
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: MinahilComponent, isStandalone: true, selector: "lib-minahil", ngImport: i0, template: `
+    <p>
+      minahil works!
+    </p>
+  `, isInline: true });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-minahil', template: `
+    <p>
+      minahil works!
+    </p>
+  ` }]
+        }], ctorParameters: () => [] });
+
+class MinahilModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: MinahilModule });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilModule });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: MinahilModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    declarations: [],
+                    imports: [],
+                    exports: [],
+                }]
+        }] });
+
+class TooltipDirective {
+    el;
+    renderer;
+    tooltipContent = '';
+    tooltipPosition = 'right';
+    tooltipElement = null;
+    constructor(el, renderer) {
+        this.el = el;
+        this.renderer = renderer;
+    }
+    ngOnInit() {
+        this.createTooltip();
+    }
+    ngOnChanges(changes) {
+        if (changes['tooltipContent'] && !changes['tooltipContent'].firstChange) {
+            this.updateTooltipContent();
+        }
+    }
+    ngOnDestroy() {
+        this.removeTooltip();
+    }
+    updateTooltipContent() {
+        // If tooltip doesn't exist yet and content is now available, create it
+        if (!this.tooltipElement && !this.isTooltipContentEmpty()) {
+            this.createTooltip();
+            return;
+        }
+        if (!this.tooltipElement)
+            return;
+        if (this.isTooltipContentEmpty())
+            return;
+        // remove old .text nodes
+        Array.from(this.tooltipElement.querySelectorAll('.text')).forEach((el) => this.renderer.removeChild(this.tooltipElement, el));
+        this.appendContent();
+    }
+    appendContent() {
+        if (!this.tooltipElement)
+            return;
+        const contentLines = Array.isArray(this.tooltipContent)
+            ? this.tooltipContent
+            : [this.tooltipContent];
+        contentLines.forEach((line) => {
+            const div = this.renderer.createElement('div');
+            this.renderer.addClass(div, 'text');
+            if (line?.trim().startsWith('<')) {
+                div.innerHTML = line;
+            }
+            else {
+                const text = this.renderer.createText(line ?? '');
+                this.renderer.appendChild(div, text);
+            }
+            this.renderer.appendChild(this.tooltipElement, div);
+        });
+    }
+    onMouseEnter() {
+        if (this.tooltipElement) {
+            this.setTooltipPosition();
+            this.setStyle(this.tooltipElement, {
+                visibility: 'visible',
+                opacity: '1',
+            });
+            this.renderer.setStyle(document.body, 'overflow-x', 'hidden'); // ✅ temporarily lock horizontal scroll
+        }
+    }
+    onMouseLeave() {
+        if (this.tooltipElement) {
+            this.setStyle(this.tooltipElement, {
+                visibility: 'hidden',
+                opacity: '0',
+            });
+            this.renderer.removeStyle(document.body, 'overflow-x'); // ✅ restore scroll when tooltip hides
+        }
+    }
+    onWindowChange() {
+        if (this.tooltipElement?.style.visibility === 'visible') {
+            this.setTooltipPosition();
+        }
+    }
+    isTooltipContentEmpty() {
+        if (typeof this.tooltipContent === 'string') {
+            return !this.tooltipContent.trim();
+        }
+        else if (Array.isArray(this.tooltipContent)) {
+            return (this.tooltipContent.length === 0 ||
+                this.tooltipContent.every((line) => !line.trim()));
+        }
+        return true;
+    }
+    createTooltip() {
+        if (this.isTooltipContentEmpty())
+            return;
+        this.tooltipElement = this.renderer.createElement('div');
+        this.renderer.addClass(this.tooltipElement, 'tooltip-content');
+        // Add content
+        const contentLines = Array.isArray(this.tooltipContent)
+            ? this.tooltipContent
+            : [this.tooltipContent];
+        contentLines.forEach((line) => {
+            const div = this.renderer.createElement('div');
+            this.renderer.addClass(div, 'text');
+            // this.renderer.appendChild(div, this.renderer.createText(line));
+            // Check if the line contains HTML
+            if (line.trim().startsWith('<')) {
+                div.innerHTML = line;
+            }
+            else {
+                const text = this.renderer.createText(line);
+                this.renderer.appendChild(div, text);
+            }
+            this.renderer.appendChild(this.tooltipElement, div);
+        });
+        // Add triangle
+        const triangle = this.renderer.createElement('div');
+        this.renderer.addClass(triangle, 'tooltip-triangle');
+        this.renderer.appendChild(this.tooltipElement, triangle);
+        // Set base styles
+        this.setStyle(this.tooltipElement, {
+            position: 'fixed',
+            visibility: 'hidden',
+            opacity: '0',
+            zIndex: '9999',
+            transition: 'opacity 0.3s ease, visibility 0.3s ease',
+        });
+        this.renderer.appendChild(document.body, this.tooltipElement);
+    }
+    setTooltipPosition() {
+        if (!this.tooltipElement)
+            return;
+        const hostRect = this.el.nativeElement.getBoundingClientRect();
+        const tooltipRect = this.tooltipElement.getBoundingClientRect();
+        const scrollTop = window.scrollY || document.documentElement.scrollTop;
+        const scrollLeft = window.scrollX || document.documentElement.scrollLeft;
+        const triangle = this.tooltipElement.querySelector('.tooltip-triangle');
+        const padding = 10;
+        let top = 0, left = 0;
+        // Position logic
+        switch (this.tooltipPosition) {
+            case 'right':
+            case 'left':
+                top = hostRect.top + scrollTop + hostRect.height / 2;
+                left =
+                    this.tooltipPosition === 'right'
+                        ? hostRect.right + scrollLeft + padding
+                        : hostRect.left + scrollLeft - tooltipRect.width - padding;
+                // Auto flip if out of viewport
+                if (this.tooltipPosition === 'right' &&
+                    left + tooltipRect.width > window.innerWidth) {
+                    left = hostRect.left + scrollLeft - tooltipRect.width - padding;
+                }
+                else if (this.tooltipPosition === 'left' && left < 0) {
+                    left = hostRect.right + scrollLeft + padding;
+                }
+                this.setStyle(this.tooltipElement, {
+                    transform: 'translateY(-50%)',
+                });
+                this.setTriangleStyles(triangle, this.tooltipPosition, left < hostRect.left + scrollLeft);
+                break;
+            case 'top':
+            case 'bottom':
+                left =
+                    hostRect.left +
+                        scrollLeft +
+                        hostRect.width / 2 -
+                        tooltipRect.width / 2;
+                top =
+                    this.tooltipPosition === 'top'
+                        ? hostRect.top + scrollTop - tooltipRect.height - padding
+                        : hostRect.bottom + scrollTop + padding;
+                // Prevent overflow
+                left = Math.max(10, Math.min(left, window.innerWidth - tooltipRect.width - 10));
+                this.setStyle(this.tooltipElement, {
+                    transform: 'translateX(0)',
+                });
+                this.setTriangleStyles(triangle, this.tooltipPosition);
+                break;
+        }
+        this.setStyle(this.tooltipElement, {
+            top: `${top}px`,
+            left: `${left}px`,
+        });
+    }
+    setTriangleStyles(triangle, position, flipped = false) {
+        if (!triangle)
+            return;
+        const base = {
+            top: '',
+            left: '',
+            right: '',
+            bottom: '',
+            transform: '',
+            borderColor: '',
+        };
+        let styles = { ...base };
+        switch (position) {
+            case 'right':
+                styles = flipped
+                    ? {
+                        left: '100%',
+                        top: '50%',
+                        transform: 'translateY(-50%) translateX(0)',
+                        borderColor: 'transparent transparent transparent #1a1a1a',
+                    }
+                    : {
+                        left: '-15px',
+                        top: '50%',
+                        transform: 'translateY(-50%)',
+                        borderColor: 'transparent #1a1a1a transparent transparent',
+                    };
+                break;
+            case 'left':
+                styles = flipped
+                    ? {
+                        left: '100%',
+                        top: '50%',
+                        transform: 'translateY(-50%) translateX(0)',
+                        borderColor: 'transparent transparent transparent #1a1a1a',
+                    }
+                    : {
+                        left: '-15px',
+                        top: '50%',
+                        transform: 'translateY(-50%)',
+                        borderColor: 'transparent #1a1a1a transparent transparent',
+                    };
+                break;
+            case 'top':
+                styles = {
+                    bottom: '-15px',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    borderColor: '#1a1a1a transparent transparent transparent',
+                };
+                break;
+            case 'bottom':
+                styles = {
+                    top: '-15px',
+                    left: '50%',
+                    transform: 'translateX(-50%)',
+                    borderColor: 'transparent transparent #1a1a1a transparent',
+                };
+                break;
+        }
+        this.setStyle(triangle, styles);
+    }
+    removeTooltip() {
+        if (this.tooltipElement) {
+            this.renderer.removeChild(document.body, this.tooltipElement);
+            this.tooltipElement = null;
+        }
+    }
+    // Utility function to apply multiple styles
+    setStyle(el, styles) {
+        Object.entries(styles).forEach(([prop, value]) => {
+            this.renderer.setStyle(el, prop, value);
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TooltipDirective, deps: [{ token: i0.ElementRef }, { token: i0.Renderer2 }], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "20.3.16", type: TooltipDirective, isStandalone: true, selector: "[appTooltip]", inputs: { tooltipContent: ["appTooltip", "tooltipContent"], tooltipPosition: ["appTooltipPosition", "tooltipPosition"] }, host: { listeners: { "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()", "window:scroll": "onWindowChange()", "window:resize": "onWindowChange()" } }, usesOnChanges: true, ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: TooltipDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[appTooltip]',
+                    standalone: true,
+                }]
+        }], ctorParameters: () => [{ type: i0.ElementRef }, { type: i0.Renderer2 }], propDecorators: { tooltipContent: [{
+                type: Input,
+                args: ['appTooltip']
+            }], tooltipPosition: [{
+                type: Input,
+                args: ['appTooltipPosition']
+            }], onMouseEnter: [{
+                type: HostListener,
+                args: ['mouseenter']
+            }], onMouseLeave: [{
+                type: HostListener,
+                args: ['mouseleave']
+            }], onWindowChange: [{
+                type: HostListener,
+                args: ['window:scroll']
+            }, {
+                type: HostListener,
+                args: ['window:resize']
+            }] } });
+
+class GenericTableComponent {
+    draggable = false;
+    columns = [];
+    result;
+    actions = [];
+    hasPermission = true;
+    actionClick = new EventEmitter();
+    sortChange = new EventEmitter();
+    dragDropChange = new EventEmitter();
+    sortColumn;
+    sortDirection = 'asc';
+    tableScrollContainer;
+    /* ---------- Sorting ---------- */
+    sort(column, index) {
+        if (!column.sortable || !column.field)
+            return;
+        // Toggle sort direction
+        this.sortDirection =
+            this.sortColumn === column.field
+                ? this.sortDirection === 'asc'
+                    ? 'desc'
+                    : 'asc'
+                : 'asc';
+        this.sortColumn = column.field;
+        // Emit sort change separately
+        this.sortChange.emit({
+            columnIndex: index,
+            column,
+            direction: this.sortDirection,
+        });
+    }
+    /* ---------- Visibility ---------- */
+    isColumnVisible(column) {
+        return column.visible !== false;
+    }
+    /* ---------- Cell Value ---------- */
+    getCellValue(row, column) {
+        if (column.formatter) {
+            return column.formatter(row);
+        }
+        if (column.field) {
+            return String(row[column.field] ?? '');
+        }
+        return '';
+    }
+    /* ---------- Actions ---------- */
+    emitAction(action, row) {
+        this.actionClick.emit({
+            action: action.name,
+            row,
+        });
+    }
+    dropList(event) {
+        if (!this.draggable || !this.result?.data)
+            return;
+        moveItemInArray(this.result.data, event.previousIndex, event.currentIndex);
+        // Update existing sortOrder on T
+        this.result.data.forEach((item, index) => {
+            item.sortOrder = index + 1;
+        });
+        // Emit reordered list
+        this.dragDropChange.emit(this.result.data);
+    }
+    onDragMoved(event) {
+        if (!this.tableScrollContainer)
+            return;
+        const container = this.tableScrollContainer.nativeElement;
+        const rect = container.getBoundingClientRect();
+        const pointerY = event.pointerPosition.y - rect.top;
+        const threshold = 80;
+        const maxSpeed = 25;
+        if (pointerY < threshold) {
+            const intensity = 1 - pointerY / threshold;
+            container.scrollTop -= Math.min(maxSpeed, intensity * maxSpeed);
+        }
+        else if (pointerY > rect.height - threshold) {
+            const intensity = 1 - (rect.height - pointerY) / threshold;
+            container.scrollTop += Math.min(maxSpeed, intensity * maxSpeed);
+        }
+    }
+    onDragStart(event) {
+        const row = event.source.element.nativeElement;
+        const cells = Array.from(row.querySelectorAll('td'));
+        setTimeout(() => {
+            const preview = document.querySelector('.cdk-drag-preview');
+            if (!preview)
+                return;
+            const previewCells = preview.querySelectorAll('td');
+            cells.forEach((cell, index) => {
+                const width = cell.getBoundingClientRect().width + 'px';
+                const previewCell = previewCells[index];
+                if (previewCell) {
+                    previewCell.style.width = width;
+                    previewCell.style.minWidth = width;
+                    previewCell.style.maxWidth = width;
+                }
+            });
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GenericTableComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: GenericTableComponent, isStandalone: true, selector: "lib-generic-table", inputs: { draggable: "draggable", columns: "columns", result: "result", actions: "actions", hasPermission: "hasPermission" }, outputs: { actionClick: "actionClick", sortChange: "sortChange", dragDropChange: "dragDropChange" }, viewQueries: [{ propertyName: "tableScrollContainer", first: true, predicate: ["tableScrollContainer"], descendants: true }], ngImport: i0, template: "<div\r\n  #tableScrollContainer\r\n  cdkScrollable\r\n  class=\"h-[calc(100vh-260px)] overflow-y-auto\"\r\n>\r\n  <table\r\n    class=\"min-w-full text-sm text-left text-gray-800 table-auto border-collapse\"\r\n  >\r\n    <!-- ================= HEADER ================= -->\r\n    <thead>\r\n      <tr>\r\n        @for (col of columns; track col.header;let i=$index;) { @if\r\n        (isColumnVisible(col)) {\r\n        <th\r\n          class=\"table-header sticky top-0 cursor-pointer\"\r\n          [class.action-sticky]=\"col.sticky\"\r\n          [class.z-10]=\"col.sticky\"\r\n          [ngClass]=\"col.headerClass\"\r\n          (click)=\"sort(col, i)\"\r\n        >\r\n          <span\r\n            class=\"flex items-center gap-1\"\r\n            [ngClass]=\"\r\n              sortColumn === col.field\r\n                ? sortDirection === 'asc'\r\n                  ? 'asc'\r\n                  : 'desc'\r\n                : ''\r\n            \"\r\n          >\r\n            {{ col.header }}\r\n            @if (col.sortable) {\r\n            <span class=\"sort-icon\"></span>\r\n            }\r\n          </span>\r\n        </th>\r\n        } } @if (actions.length) {\r\n        <th\r\n          class=\"table-header sticky top-0 action-sticky z-10 !bg-[#FBFBFC] w-20\"\r\n        >\r\n          Action\r\n        </th>\r\n        }\r\n      </tr>\r\n    </thead>\r\n\r\n    <!-- ================= BODY ================= -->\r\n    <tbody\r\n      cdkDropList\r\n      [cdkDropListDisabled]=\"!draggable\"\r\n      [cdkDropListData]=\"result.data || []\"\r\n      (cdkDropListDropped)=\"dropList($event)\"\r\n    >\r\n      @for (row of result.data; track row; let rowIndex = $index) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragDisabled]=\"!draggable\"\r\n        (cdkDragStarted)=\"onDragStart($event)\"\r\n        (cdkDragMoved)=\"onDragMoved($event)\"\r\n        class=\"\"\r\n        [ngClass]=\"{ 'cursor-move ': draggable }\"\r\n      >\r\n        @for (col of columns; track col.header; let colIndex = $index) { @if\r\n        (isColumnVisible(col)) {\r\n        <td class=\"table-cell text-nowrap\" [ngClass]=\"col.cellClass\">\r\n          @if (draggable && colIndex === 0) {\r\n          <span\r\n            cdkDragHandle\r\n            class=\"mr-2 text-gray-400\"\r\n            [ngClass]=\"{ 'cursor-move': draggable }\"\r\n            >\u2630</span\r\n          >\r\n          }\r\n          {{ getCellValue(row, col) }}\r\n        </td>\r\n        } } @if (actions.length) {\r\n        <td class=\"table-cell action-sticky text-center\">\r\n          <div class=\"flex items-center justify-center gap-1.5\">\r\n            @for (action of actions; track action.name) { @if (hasPermission) {\r\n            <button\r\n              class=\"size-6 flex items-center justify-center rounded hover:bg-[#F8F8FA]\"\r\n              (click)=\"emitAction(action, row)\"\r\n              appTooltip=\"{{ action.tooltip }}\"\r\n              appTooltipPosition=\"top\"\r\n            >\r\n              <img\r\n                [src]=\"action.icon\"\r\n                width=\"14\"\r\n                height=\"14\"\r\n                alt=\"action-icon\"\r\n              />\r\n            </button>\r\n            } }\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n", styles: [".cdk-drag-preview{display:table;width:100%;background:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:.4;background-color:#f3f4f6}.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"], dependencies: [{ kind: "directive", type: TooltipDirective, selector: "[appTooltip]", inputs: ["appTooltip", "appTooltipPosition"] }, { kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "ngmodule", type: DragDropModule }, { kind: "directive", type: i2.ɵɵCdkScrollable, selector: "[cdk-scrollable], [cdkScrollable]" }, { kind: "directive", type: i2.CdkDropList, selector: "[cdkDropList], cdk-drop-list", inputs: ["cdkDropListConnectedTo", "cdkDropListData", "cdkDropListOrientation", "id", "cdkDropListLockAxis", "cdkDropListDisabled", "cdkDropListSortingDisabled", "cdkDropListEnterPredicate", "cdkDropListSortPredicate", "cdkDropListAutoScrollDisabled", "cdkDropListAutoScrollStep", "cdkDropListElementContainer", "cdkDropListHasAnchor"], outputs: ["cdkDropListDropped", "cdkDropListEntered", "cdkDropListExited", "cdkDropListSorted"], exportAs: ["cdkDropList"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer", "cdkDragScale"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "ngmodule", type: ScrollingModule }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: GenericTableComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'lib-generic-table', standalone: true, imports: [TooltipDirective, CommonModule, DragDropModule, ScrollingModule], template: "<div\r\n  #tableScrollContainer\r\n  cdkScrollable\r\n  class=\"h-[calc(100vh-260px)] overflow-y-auto\"\r\n>\r\n  <table\r\n    class=\"min-w-full text-sm text-left text-gray-800 table-auto border-collapse\"\r\n  >\r\n    <!-- ================= HEADER ================= -->\r\n    <thead>\r\n      <tr>\r\n        @for (col of columns; track col.header;let i=$index;) { @if\r\n        (isColumnVisible(col)) {\r\n        <th\r\n          class=\"table-header sticky top-0 cursor-pointer\"\r\n          [class.action-sticky]=\"col.sticky\"\r\n          [class.z-10]=\"col.sticky\"\r\n          [ngClass]=\"col.headerClass\"\r\n          (click)=\"sort(col, i)\"\r\n        >\r\n          <span\r\n            class=\"flex items-center gap-1\"\r\n            [ngClass]=\"\r\n              sortColumn === col.field\r\n                ? sortDirection === 'asc'\r\n                  ? 'asc'\r\n                  : 'desc'\r\n                : ''\r\n            \"\r\n          >\r\n            {{ col.header }}\r\n            @if (col.sortable) {\r\n            <span class=\"sort-icon\"></span>\r\n            }\r\n          </span>\r\n        </th>\r\n        } } @if (actions.length) {\r\n        <th\r\n          class=\"table-header sticky top-0 action-sticky z-10 !bg-[#FBFBFC] w-20\"\r\n        >\r\n          Action\r\n        </th>\r\n        }\r\n      </tr>\r\n    </thead>\r\n\r\n    <!-- ================= BODY ================= -->\r\n    <tbody\r\n      cdkDropList\r\n      [cdkDropListDisabled]=\"!draggable\"\r\n      [cdkDropListData]=\"result.data || []\"\r\n      (cdkDropListDropped)=\"dropList($event)\"\r\n    >\r\n      @for (row of result.data; track row; let rowIndex = $index) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragDisabled]=\"!draggable\"\r\n        (cdkDragStarted)=\"onDragStart($event)\"\r\n        (cdkDragMoved)=\"onDragMoved($event)\"\r\n        class=\"\"\r\n        [ngClass]=\"{ 'cursor-move ': draggable }\"\r\n      >\r\n        @for (col of columns; track col.header; let colIndex = $index) { @if\r\n        (isColumnVisible(col)) {\r\n        <td class=\"table-cell text-nowrap\" [ngClass]=\"col.cellClass\">\r\n          @if (draggable && colIndex === 0) {\r\n          <span\r\n            cdkDragHandle\r\n            class=\"mr-2 text-gray-400\"\r\n            [ngClass]=\"{ 'cursor-move': draggable }\"\r\n            >\u2630</span\r\n          >\r\n          }\r\n          {{ getCellValue(row, col) }}\r\n        </td>\r\n        } } @if (actions.length) {\r\n        <td class=\"table-cell action-sticky text-center\">\r\n          <div class=\"flex items-center justify-center gap-1.5\">\r\n            @for (action of actions; track action.name) { @if (hasPermission) {\r\n            <button\r\n              class=\"size-6 flex items-center justify-center rounded hover:bg-[#F8F8FA]\"\r\n              (click)=\"emitAction(action, row)\"\r\n              appTooltip=\"{{ action.tooltip }}\"\r\n              appTooltipPosition=\"top\"\r\n            >\r\n              <img\r\n                [src]=\"action.icon\"\r\n                width=\"14\"\r\n                height=\"14\"\r\n                alt=\"action-icon\"\r\n              />\r\n            </button>\r\n            } }\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n", styles: [".cdk-drag-preview{display:table;width:100%;background:#fff;box-shadow:0 5px 5px -3px #0003,0 8px 10px 1px #00000024,0 3px 14px 2px #0000001f}.cdk-drag-placeholder{opacity:.4;background-color:#f3f4f6}.cdk-drag-animating,.cdk-drop-list-dragging .cdk-drag{transition:transform .25s cubic-bezier(0,0,.2,1)}\n"] }]
+        }], propDecorators: { draggable: [{
+                type: Input
+            }], columns: [{
+                type: Input
+            }], result: [{
+                type: Input
+            }], actions: [{
+                type: Input
+            }], hasPermission: [{
+                type: Input
+            }], actionClick: [{
+                type: Output
+            }], sortChange: [{
+                type: Output
+            }], dragDropChange: [{
+                type: Output
+            }], tableScrollContainer: [{
+                type: ViewChild,
+                args: ['tableScrollContainer', { static: false }]
+            }] } });
+
+class PaginatedResult {
+    page;
+    pageSize;
+    total;
+    data = [];
+}
+
+/*
+ * Public API Surface of minahil
+ */
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { GenericTableComponent, MinahilComponent, MinahilModule, MinahilService, PaginatedResult, TooltipDirective };
+//# sourceMappingURL=minahil.mjs.map

package/fesm2022/minahil.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"minahil.mjs","sources":["../../../projects/minahil/src/lib/minahil.service.ts","../../../projects/minahil/src/lib/minahil.component.ts","../../../projects/minahil/src/lib/minahil.module.ts","../../../projects/minahil/src/lib/directives/tooltip.directive.ts","../../../projects/minahil/src/lib/generic-table/generic-table.component.ts","../../../projects/minahil/src/lib/generic-table/generic-table.component.html","../../../projects/minahil/src/lib/models/table.model.ts","../../../projects/minahil/src/public-api.ts","../../../projects/minahil/src/minahil.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\r\n\r\n@Injectable({\r\n  providedIn: 'root'\r\n})\r\nexport class MinahilService {\r\n\r\n  constructor() { }\r\n}\r\n","import { Component, OnInit } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'lib-minahil',\r\n  template: `\r\n    <p>\r\n      minahil works!\r\n    </p>\r\n  `,\r\n  styles: [\r\n  ]\r\n})\r\nexport class MinahilComponent implements OnInit {\r\n\r\n  constructor() { }\r\n\r\n  ngOnInit(): void {\r\n  }\r\n\r\n}\r\n","import { NgModule } from '@angular/core';\r\n\r\n@NgModule({\r\n  declarations: [],\r\n  imports: [],\r\n  exports: [],\r\n})\r\nexport class MinahilModule {}\r\n","import {\r\n  Directive,\r\n  ElementRef,\r\n  HostListener,\r\n  Input,\r\n  Renderer2,\r\n  OnDestroy,\r\n  OnInit,\r\n  OnChanges,\r\n  SimpleChanges,\r\n} from '@angular/core';\r\n\r\n@Directive({\r\n  selector: '[appTooltip]',\r\n  standalone: true,\r\n})\r\nexport class TooltipDirective implements OnInit, OnChanges, OnDestroy {\r\n  @Input('appTooltip') tooltipContent: string | string[] = '';\r\n  @Input('appTooltipPosition') tooltipPosition:\r\n    | 'left'\r\n    | 'right'\r\n    | 'top'\r\n    | 'bottom' = 'right';\r\n\r\n  private tooltipElement: HTMLElement | null = null;\r\n\r\n  constructor(private el: ElementRef, private renderer: Renderer2) {}\r\n\r\n  ngOnInit(): void {\r\n    this.createTooltip();\r\n  }\r\n\r\n  ngOnChanges(changes: SimpleChanges): void {\r\n    if (changes['tooltipContent'] && !changes['tooltipContent'].firstChange) {\r\n      this.updateTooltipContent();\r\n    }\r\n  }\r\n\r\n  ngOnDestroy(): void {\r\n    this.removeTooltip();\r\n  }\r\n\r\n  updateTooltipContent() {\r\n    // If tooltip doesn't exist yet and content is now available, create it\r\n    if (!this.tooltipElement && !this.isTooltipContentEmpty()) {\r\n      this.createTooltip();\r\n      return;\r\n    }\r\n\r\n    if (!this.tooltipElement) return;\r\n    if (this.isTooltipContentEmpty()) return;\r\n\r\n    // remove old .text nodes\r\n    Array.from(this.tooltipElement.querySelectorAll('.text')).forEach((el) =>\r\n      this.renderer.removeChild(this.tooltipElement, el)\r\n    );\r\n\r\n    this.appendContent();\r\n  }\r\n\r\n  appendContent() {\r\n    if (!this.tooltipElement) return;\r\n\r\n    const contentLines = Array.isArray(this.tooltipContent)\r\n      ? this.tooltipContent\r\n      : [this.tooltipContent];\r\n\r\n    contentLines.forEach((line: string) => {\r\n      const div = this.renderer.createElement('div');\r\n      this.renderer.addClass(div, 'text');\r\n      if (line?.trim().startsWith('<')) {\r\n        div.innerHTML = line;\r\n      } else {\r\n        const text = this.renderer.createText(line ?? '');\r\n        this.renderer.appendChild(div, text);\r\n      }\r\n      this.renderer.appendChild(this.tooltipElement!, div);\r\n    });\r\n  }\r\n\r\n  @HostListener('mouseenter')\r\n  onMouseEnter() {\r\n    if (this.tooltipElement) {\r\n      this.setTooltipPosition();\r\n      this.setStyle(this.tooltipElement, {\r\n        visibility: 'visible',\r\n        opacity: '1',\r\n      });\r\n      this.renderer.setStyle(document.body, 'overflow-x', 'hidden'); // ✅ temporarily lock horizontal scroll\r\n    }\r\n  }\r\n\r\n  @HostListener('mouseleave')\r\n  onMouseLeave() {\r\n    if (this.tooltipElement) {\r\n      this.setStyle(this.tooltipElement, {\r\n        visibility: 'hidden',\r\n        opacity: '0',\r\n      });\r\n      this.renderer.removeStyle(document.body, 'overflow-x'); // ✅ restore scroll when tooltip hides\r\n    }\r\n  }\r\n\r\n  @HostListener('window:scroll')\r\n  @HostListener('window:resize')\r\n  onWindowChange() {\r\n    if (this.tooltipElement?.style.visibility === 'visible') {\r\n      this.setTooltipPosition();\r\n    }\r\n  }\r\n  private isTooltipContentEmpty(): boolean {\r\n    if (typeof this.tooltipContent === 'string') {\r\n      return !this.tooltipContent.trim();\r\n    } else if (Array.isArray(this.tooltipContent)) {\r\n      return (\r\n        this.tooltipContent.length === 0 ||\r\n        this.tooltipContent.every((line) => !line.trim())\r\n      );\r\n    }\r\n    return true;\r\n  }\r\n  private createTooltip() {\r\n    if (this.isTooltipContentEmpty()) return;\r\n    this.tooltipElement = this.renderer.createElement('div');\r\n    this.renderer.addClass(this.tooltipElement, 'tooltip-content');\r\n\r\n    // Add content\r\n    const contentLines = Array.isArray(this.tooltipContent)\r\n      ? this.tooltipContent\r\n      : [this.tooltipContent];\r\n    contentLines.forEach((line: string) => {\r\n      const div = this.renderer.createElement('div');\r\n      this.renderer.addClass(div, 'text');\r\n      // this.renderer.appendChild(div, this.renderer.createText(line));\r\n      // Check if the line contains HTML\r\n      if (line.trim().startsWith('<')) {\r\n        div.innerHTML = line;\r\n      } else {\r\n        const text = this.renderer.createText(line);\r\n        this.renderer.appendChild(div, text);\r\n      }\r\n      this.renderer.appendChild(this.tooltipElement!, div);\r\n    });\r\n\r\n    // Add triangle\r\n    const triangle = this.renderer.createElement('div');\r\n    this.renderer.addClass(triangle, 'tooltip-triangle');\r\n    this.renderer.appendChild(this.tooltipElement, triangle);\r\n\r\n    // Set base styles\r\n    this.setStyle(this.tooltipElement!, {\r\n      position: 'fixed',\r\n      visibility: 'hidden',\r\n      opacity: '0',\r\n      zIndex: '9999',\r\n      transition: 'opacity 0.3s ease, visibility 0.3s ease',\r\n    });\r\n\r\n    this.renderer.appendChild(document.body, this.tooltipElement);\r\n  }\r\n\r\n  private setTooltipPosition() {\r\n    if (!this.tooltipElement) return;\r\n\r\n    const hostRect = this.el.nativeElement.getBoundingClientRect();\r\n    const tooltipRect = this.tooltipElement.getBoundingClientRect();\r\n\r\n    const scrollTop = window.scrollY || document.documentElement.scrollTop;\r\n    const scrollLeft = window.scrollX || document.documentElement.scrollLeft;\r\n\r\n    const triangle = this.tooltipElement.querySelector(\r\n      '.tooltip-triangle'\r\n    ) as HTMLElement;\r\n    const padding = 10;\r\n\r\n    let top = 0,\r\n      left = 0;\r\n\r\n    // Position logic\r\n    switch (this.tooltipPosition) {\r\n      case 'right':\r\n      case 'left':\r\n        top = hostRect.top + scrollTop + hostRect.height / 2;\r\n        left =\r\n          this.tooltipPosition === 'right'\r\n            ? hostRect.right + scrollLeft + padding\r\n            : hostRect.left + scrollLeft - tooltipRect.width - padding;\r\n\r\n        // Auto flip if out of viewport\r\n        if (\r\n          this.tooltipPosition === 'right' &&\r\n          left + tooltipRect.width > window.innerWidth\r\n        ) {\r\n          left = hostRect.left + scrollLeft - tooltipRect.width - padding;\r\n        } else if (this.tooltipPosition === 'left' && left < 0) {\r\n          left = hostRect.right + scrollLeft + padding;\r\n        }\r\n\r\n        this.setStyle(this.tooltipElement, {\r\n          transform: 'translateY(-50%)',\r\n        });\r\n\r\n        this.setTriangleStyles(\r\n          triangle,\r\n          this.tooltipPosition,\r\n          left < hostRect.left + scrollLeft\r\n        );\r\n        break;\r\n\r\n      case 'top':\r\n      case 'bottom':\r\n        left =\r\n          hostRect.left +\r\n          scrollLeft +\r\n          hostRect.width / 2 -\r\n          tooltipRect.width / 2;\r\n        top =\r\n          this.tooltipPosition === 'top'\r\n            ? hostRect.top + scrollTop - tooltipRect.height - padding\r\n            : hostRect.bottom + scrollTop + padding;\r\n\r\n        // Prevent overflow\r\n        left = Math.max(\r\n          10,\r\n          Math.min(left, window.innerWidth - tooltipRect.width - 10)\r\n        );\r\n\r\n        this.setStyle(this.tooltipElement, {\r\n          transform: 'translateX(0)',\r\n        });\r\n\r\n        this.setTriangleStyles(triangle, this.tooltipPosition);\r\n        break;\r\n    }\r\n\r\n    this.setStyle(this.tooltipElement, {\r\n      top: `${top}px`,\r\n      left: `${left}px`,\r\n    });\r\n  }\r\n\r\n  private setTriangleStyles(\r\n    triangle: HTMLElement,\r\n    position: 'left' | 'right' | 'top' | 'bottom',\r\n    flipped: boolean = false\r\n  ) {\r\n    if (!triangle) return;\r\n\r\n    const base = {\r\n      top: '',\r\n      left: '',\r\n      right: '',\r\n      bottom: '',\r\n      transform: '',\r\n      borderColor: '',\r\n    };\r\n\r\n    let styles: any = { ...base };\r\n\r\n    switch (position) {\r\n      case 'right':\r\n        styles = flipped\r\n          ? {\r\n              left: '100%',\r\n              top: '50%',\r\n              transform: 'translateY(-50%) translateX(0)',\r\n              borderColor: 'transparent transparent transparent #1a1a1a',\r\n            }\r\n          : {\r\n              left: '-15px',\r\n              top: '50%',\r\n              transform: 'translateY(-50%)',\r\n              borderColor: 'transparent #1a1a1a transparent transparent',\r\n            };\r\n        break;\r\n\r\n      case 'left':\r\n        styles = flipped\r\n          ? {\r\n              left: '100%',\r\n              top: '50%',\r\n              transform: 'translateY(-50%) translateX(0)',\r\n              borderColor: 'transparent transparent transparent #1a1a1a',\r\n            }\r\n          : {\r\n              left: '-15px',\r\n              top: '50%',\r\n              transform: 'translateY(-50%)',\r\n              borderColor: 'transparent #1a1a1a transparent transparent',\r\n            };\r\n        break;\r\n\r\n      case 'top':\r\n        styles = {\r\n          bottom: '-15px',\r\n          left: '50%',\r\n          transform: 'translateX(-50%)',\r\n          borderColor: '#1a1a1a transparent transparent transparent',\r\n        };\r\n        break;\r\n\r\n      case 'bottom':\r\n        styles = {\r\n          top: '-15px',\r\n          left: '50%',\r\n          transform: 'translateX(-50%)',\r\n          borderColor: 'transparent transparent #1a1a1a transparent',\r\n        };\r\n        break;\r\n    }\r\n\r\n    this.setStyle(triangle, styles);\r\n  }\r\n\r\n  private removeTooltip() {\r\n    if (this.tooltipElement) {\r\n      this.renderer.removeChild(document.body, this.tooltipElement);\r\n      this.tooltipElement = null;\r\n    }\r\n  }\r\n\r\n  // Utility function to apply multiple styles\r\n  private setStyle(el: HTMLElement, styles: { [key: string]: string }) {\r\n    Object.entries(styles).forEach(([prop, value]) => {\r\n      this.renderer.setStyle(el, prop, value);\r\n    });\r\n  }\r\n}\r\n","import {\r\n  Component,\r\n  ElementRef,\r\n  EventEmitter,\r\n  Input,\r\n  Output,\r\n  ViewChild,\r\n} from '@angular/core';\r\nimport {\r\n  CdkDragDrop,\r\n  moveItemInArray,\r\n  CdkDragMove,\r\n  CdkDragStart,\r\n  DragDropModule,\r\n} from '@angular/cdk/drag-drop';\r\nimport {\r\n  TableColumn,\r\n  TableAction,\r\n  PaginatedResult,\r\n} from '../models/table.model';\r\nimport { TooltipDirective } from '../directives/tooltip.directive';\r\nimport { CommonModule } from '@angular/common';\r\nimport { ScrollingModule } from '@angular/cdk/scrolling';\r\n\r\n@Component({\r\n  selector: 'lib-generic-table',\r\n  standalone: true,\r\n  imports: [TooltipDirective, CommonModule, DragDropModule, ScrollingModule],\r\n  templateUrl: './generic-table.component.html',\r\n  styleUrls: ['./generic-table.component.css'],\r\n})\r\nexport class GenericTableComponent<T = any> {\r\n  @Input() draggable: boolean = false;\r\n  @Input() columns: TableColumn<T>[] = [];\r\n  @Input() result!: PaginatedResult<T>;\r\n  @Input() actions: TableAction<T>[] = [];\r\n\r\n  @Input() hasPermission: boolean = true;\r\n\r\n  @Output() actionClick = new EventEmitter<{\r\n    action: string;\r\n    row: T;\r\n  }>();\r\n\r\n  @Output() sortChange = new EventEmitter<{\r\n    columnIndex: number;\r\n    column: TableColumn<T>;\r\n    direction: 'asc' | 'desc';\r\n  }>();\r\n  @Output() dragDropChange = new EventEmitter<T[]>();\r\n  sortColumn?: keyof T;\r\n  sortDirection: 'asc' | 'desc' = 'asc';\r\n\r\n  @ViewChild('tableScrollContainer', { static: false })\r\n  tableScrollContainer!: ElementRef<HTMLDivElement>;\r\n\r\n  /* ---------- Sorting ---------- */\r\n  sort(column: TableColumn<T>, index: number) {\r\n    if (!column.sortable || !column.field) return;\r\n\r\n    // Toggle sort direction\r\n    this.sortDirection =\r\n      this.sortColumn === column.field\r\n        ? this.sortDirection === 'asc'\r\n          ? 'desc'\r\n          : 'asc'\r\n        : 'asc';\r\n\r\n    this.sortColumn = column.field;\r\n\r\n    // Emit sort change separately\r\n    this.sortChange.emit({\r\n      columnIndex: index,\r\n      column,\r\n      direction: this.sortDirection,\r\n    });\r\n  }\r\n\r\n  /* ---------- Visibility ---------- */\r\n  isColumnVisible(column: TableColumn<T>): boolean {\r\n    return column.visible !== false;\r\n  }\r\n\r\n  /* ---------- Cell Value ---------- */\r\n  getCellValue(row: T, column: TableColumn<T>): string {\r\n    if (column.formatter) {\r\n      return column.formatter(row);\r\n    }\r\n    if (column.field) {\r\n      return String(row[column.field] ?? '');\r\n    }\r\n    return '';\r\n  }\r\n\r\n  /* ---------- Actions ---------- */\r\n  emitAction(action: TableAction<T>, row: T) {\r\n    this.actionClick.emit({\r\n      action: action.name,\r\n      row,\r\n    });\r\n  }\r\n\r\n  dropList(event: CdkDragDrop<T[]>) {\r\n    if (!this.draggable || !this.result?.data) return;\r\n\r\n    moveItemInArray(this.result.data, event.previousIndex, event.currentIndex);\r\n\r\n    // Update existing sortOrder on T\r\n    this.result.data.forEach((item: any, index) => {\r\n      item.sortOrder = index + 1;\r\n    });\r\n\r\n    // Emit reordered list\r\n    this.dragDropChange.emit(this.result.data);\r\n  }\r\n\r\n  onDragMoved(event: CdkDragMove<any>) {\r\n    if (!this.tableScrollContainer) return;\r\n\r\n    const container = this.tableScrollContainer.nativeElement;\r\n    const rect = container.getBoundingClientRect();\r\n    const pointerY = event.pointerPosition.y - rect.top;\r\n\r\n    const threshold = 80;\r\n    const maxSpeed = 25;\r\n\r\n    if (pointerY < threshold) {\r\n      const intensity = 1 - pointerY / threshold;\r\n      container.scrollTop -= Math.min(maxSpeed, intensity * maxSpeed);\r\n    } else if (pointerY > rect.height - threshold) {\r\n      const intensity = 1 - (rect.height - pointerY) / threshold;\r\n      container.scrollTop += Math.min(maxSpeed, intensity * maxSpeed);\r\n    }\r\n  }\r\n\r\n  onDragStart(event: CdkDragStart<any>) {\r\n    const row = event.source.element.nativeElement as HTMLElement;\r\n    const cells = Array.from(row.querySelectorAll('td'));\r\n\r\n    setTimeout(() => {\r\n      const preview = document.querySelector(\r\n        '.cdk-drag-preview'\r\n      ) as HTMLElement;\r\n\r\n      if (!preview) return;\r\n\r\n      const previewCells = preview.querySelectorAll('td');\r\n\r\n      cells.forEach((cell, index) => {\r\n        const width = cell.getBoundingClientRect().width + 'px';\r\n        const previewCell = previewCells[index] as HTMLElement;\r\n\r\n        if (previewCell) {\r\n          previewCell.style.width = width;\r\n          previewCell.style.minWidth = width;\r\n          previewCell.style.maxWidth = width;\r\n        }\r\n      });\r\n    });\r\n  }\r\n}\r\n","<div\r\n  #tableScrollContainer\r\n  cdkScrollable\r\n  class=\"h-[calc(100vh-260px)] overflow-y-auto\"\r\n>\r\n  <table\r\n    class=\"min-w-full text-sm text-left text-gray-800 table-auto border-collapse\"\r\n  >\r\n    <!-- ================= HEADER ================= -->\r\n    <thead>\r\n      <tr>\r\n        @for (col of columns; track col.header;let i=$index;) { @if\r\n        (isColumnVisible(col)) {\r\n        <th\r\n          class=\"table-header sticky top-0 cursor-pointer\"\r\n          [class.action-sticky]=\"col.sticky\"\r\n          [class.z-10]=\"col.sticky\"\r\n          [ngClass]=\"col.headerClass\"\r\n          (click)=\"sort(col, i)\"\r\n        >\r\n          <span\r\n            class=\"flex items-center gap-1\"\r\n            [ngClass]=\"\r\n              sortColumn === col.field\r\n                ? sortDirection === 'asc'\r\n                  ? 'asc'\r\n                  : 'desc'\r\n                : ''\r\n            \"\r\n          >\r\n            {{ col.header }}\r\n            @if (col.sortable) {\r\n            <span class=\"sort-icon\"></span>\r\n            }\r\n          </span>\r\n        </th>\r\n        } } @if (actions.length) {\r\n        <th\r\n          class=\"table-header sticky top-0 action-sticky z-10 !bg-[#FBFBFC] w-20\"\r\n        >\r\n          Action\r\n        </th>\r\n        }\r\n      </tr>\r\n    </thead>\r\n\r\n    <!-- ================= BODY ================= -->\r\n    <tbody\r\n      cdkDropList\r\n      [cdkDropListDisabled]=\"!draggable\"\r\n      [cdkDropListData]=\"result.data || []\"\r\n      (cdkDropListDropped)=\"dropList($event)\"\r\n    >\r\n      @for (row of result.data; track row; let rowIndex = $index) {\r\n      <tr\r\n        cdkDrag\r\n        cdkDragLockAxis=\"y\"\r\n        [cdkDragDisabled]=\"!draggable\"\r\n        (cdkDragStarted)=\"onDragStart($event)\"\r\n        (cdkDragMoved)=\"onDragMoved($event)\"\r\n        class=\"\"\r\n        [ngClass]=\"{ 'cursor-move ': draggable }\"\r\n      >\r\n        @for (col of columns; track col.header; let colIndex = $index) { @if\r\n        (isColumnVisible(col)) {\r\n        <td class=\"table-cell text-nowrap\" [ngClass]=\"col.cellClass\">\r\n          @if (draggable && colIndex === 0) {\r\n          <span\r\n            cdkDragHandle\r\n            class=\"mr-2 text-gray-400\"\r\n            [ngClass]=\"{ 'cursor-move': draggable }\"\r\n            >☰</span\r\n          >\r\n          }\r\n          {{ getCellValue(row, col) }}\r\n        </td>\r\n        } } @if (actions.length) {\r\n        <td class=\"table-cell action-sticky text-center\">\r\n          <div class=\"flex items-center justify-center gap-1.5\">\r\n            @for (action of actions; track action.name) { @if (hasPermission) {\r\n            <button\r\n              class=\"size-6 flex items-center justify-center rounded hover:bg-[#F8F8FA]\"\r\n              (click)=\"emitAction(action, row)\"\r\n              appTooltip=\"{{ action.tooltip }}\"\r\n              appTooltipPosition=\"top\"\r\n            >\r\n              <img\r\n                [src]=\"action.icon\"\r\n                width=\"14\"\r\n                height=\"14\"\r\n                alt=\"action-icon\"\r\n              />\r\n            </button>\r\n            } }\r\n          </div>\r\n        </td>\r\n        }\r\n      </tr>\r\n      }\r\n    </tbody>\r\n  </table>\r\n</div>\r\n","export interface TableColumn<T = any> {\r\n  header: string;\r\n  field?: keyof T;\r\n  width?: string;\r\n  sticky?: boolean;\r\n  sortable?: boolean;\r\n  headerClass?: string;\r\n  cellClass?: string;\r\n  formatter?: (row: T) => string;\r\n\r\n  /** show / hide both th + td */\r\n  visible?: boolean; // default: true\r\n}\r\n\r\nexport interface TableAction<T = any> {\r\n  name: string; // e.g. edit, delete\r\n  icon: string;\r\n  tooltip: string;\r\n  permission?: string;\r\n}\r\n\r\nexport class PaginatedResult<T> {\r\n  page?: number;\r\n  pageSize?: number;\r\n  total?: number;\r\n  data?: T[] = [];\r\n}\r\n","/*\r\n * Public API Surface of minahil\r\n */\r\n\r\nexport * from './lib/minahil.service';\r\nexport * from './lib/minahil.component';\r\nexport * from './lib/minahil.module';\r\n\r\nexport * from './lib/generic-table/generic-table.component';\r\nexport * from './lib/directives/tooltip.directive';\r\nexport * from './lib/models/table.model';\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}

package/index.d.ts

@@ -0,0 +1,105 @@
+import * as i0 from '@angular/core';
+import { OnInit, EventEmitter, ElementRef, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { CdkDragDrop, CdkDragMove, CdkDragStart } from '@angular/cdk/drag-drop';
+
+declare class MinahilService {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<MinahilService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<MinahilService>;
+}
+
+declare class MinahilComponent implements OnInit {
+    constructor();
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MinahilComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MinahilComponent, "lib-minahil", never, {}, {}, never, never, true, never>;
+}
+
+declare class MinahilModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<MinahilModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<MinahilModule, never, never, never>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<MinahilModule>;
+}
+
+interface TableColumn<T = any> {
+    header: string;
+    field?: keyof T;
+    width?: string;
+    sticky?: boolean;
+    sortable?: boolean;
+    headerClass?: string;
+    cellClass?: string;
+    formatter?: (row: T) => string;
+    /** show / hide both th + td */
+    visible?: boolean;
+}
+interface TableAction<T = any> {
+    name: string;
+    icon: string;
+    tooltip: string;
+    permission?: string;
+}
+declare class PaginatedResult<T> {
+    page?: number;
+    pageSize?: number;
+    total?: number;
+    data?: T[];
+}
+
+declare class GenericTableComponent<T = any> {
+    draggable: boolean;
+    columns: TableColumn<T>[];
+    result: PaginatedResult<T>;
+    actions: TableAction<T>[];
+    hasPermission: boolean;
+    actionClick: EventEmitter<{
+        action: string;
+        row: T;
+    }>;
+    sortChange: EventEmitter<{
+        columnIndex: number;
+        column: TableColumn<T>;
+        direction: "asc" | "desc";
+    }>;
+    dragDropChange: EventEmitter<T[]>;
+    sortColumn?: keyof T;
+    sortDirection: 'asc' | 'desc';
+    tableScrollContainer: ElementRef<HTMLDivElement>;
+    sort(column: TableColumn<T>, index: number): void;
+    isColumnVisible(column: TableColumn<T>): boolean;
+    getCellValue(row: T, column: TableColumn<T>): string;
+    emitAction(action: TableAction<T>, row: T): void;
+    dropList(event: CdkDragDrop<T[]>): void;
+    onDragMoved(event: CdkDragMove<any>): void;
+    onDragStart(event: CdkDragStart<any>): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GenericTableComponent<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GenericTableComponent<any>, "lib-generic-table", never, { "draggable": { "alias": "draggable"; "required": false; }; "columns": { "alias": "columns"; "required": false; }; "result": { "alias": "result"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "hasPermission": { "alias": "hasPermission"; "required": false; }; }, { "actionClick": "actionClick"; "sortChange": "sortChange"; "dragDropChange": "dragDropChange"; }, never, never, true, never>;
+}
+
+declare class TooltipDirective implements OnInit, OnChanges, OnDestroy {
+    private el;
+    private renderer;
+    tooltipContent: string | string[];
+    tooltipPosition: 'left' | 'right' | 'top' | 'bottom';
+    private tooltipElement;
+    constructor(el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    updateTooltipContent(): void;
+    appendContent(): void;
+    onMouseEnter(): void;
+    onMouseLeave(): void;
+    onWindowChange(): void;
+    private isTooltipContentEmpty;
+    private createTooltip;
+    private setTooltipPosition;
+    private setTriangleStyles;
+    private removeTooltip;
+    private setStyle;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TooltipDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TooltipDirective, "[appTooltip]", never, { "tooltipContent": { "alias": "appTooltip"; "required": false; }; "tooltipPosition": { "alias": "appTooltipPosition"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { GenericTableComponent, MinahilComponent, MinahilModule, MinahilService, PaginatedResult, TooltipDirective };
+export type { TableAction, TableColumn };

package/package.json

@@ -0,0 +1,24 @@
+{
+  "name": "minahil",
+  "version": "0.0.1",
+  "peerDependencies": {
+    "@angular/common": "^20.0.0",
+    "@angular/core": "^20.0.0",
+    "@angular/cdk": "^20.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.3.0"
+  },
+  "module": "fesm2022/minahil.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "default": "./fesm2022/minahil.mjs"
+    }
+  },
+  "sideEffects": false
+}