@alaarab/ogrid-angular-primeng 2.1.3 → 2.1.4

package/dist/esm/datagrid-table/inline-cell-editor.component.js

@@ -1,20 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { BaseInlineCellEditorComponent, INLINE_CELL_EDITOR_TEMPLATE, INLINE_CELL_EDITOR_STYLES } from '@alaarab/ogrid-angular';
-let InlineCellEditorComponent = class InlineCellEditorComponent extends BaseInlineCellEditorComponent {
-};
-InlineCellEditorComponent = __decorate([
-    Component({
-        selector: 'ogrid-primeng-inline-cell-editor',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: INLINE_CELL_EDITOR_TEMPLATE,
-        styles: [INLINE_CELL_EDITOR_STYLES],
-    })
-], InlineCellEditorComponent);
-export { InlineCellEditorComponent };

package/dist/esm/datagrid-table/popover-cell-editor.component.js

@@ -1,27 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { BasePopoverCellEditorComponent, POPOVER_CELL_EDITOR_TEMPLATE, POPOVER_CELL_EDITOR_OVERLAY_STYLES } from '@alaarab/ogrid-angular';
-let PopoverCellEditorComponent = class PopoverCellEditorComponent extends BasePopoverCellEditorComponent {
-};
-PopoverCellEditorComponent = __decorate([
-    Component({
-        selector: 'ogrid-primeng-popover-cell-editor',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: POPOVER_CELL_EDITOR_TEMPLATE,
-        styles: [`
-    ${POPOVER_CELL_EDITOR_OVERLAY_STYLES}
-    .ogrid-popover-anchor {
-      padding: 6px 10px; min-height: 20px; cursor: default; overflow: hidden;
-      text-overflow: ellipsis; white-space: nowrap;
-      outline: 2px solid var(--ogrid-selection, #217346); outline-offset: -2px;
-    }
-  `],
-    })
-], PopoverCellEditorComponent);
-export { PopoverCellEditorComponent };

package/dist/esm/ogrid/ogrid.component.js

@@ -1,139 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, inject, ChangeDetectionStrategy, Input, signal, effect, computed } from '@angular/core';
-import { OGridService, OGridLayoutComponent, } from '@alaarab/ogrid-angular';
-import { DataGridTableComponent } from '../datagrid-table/datagrid-table.component';
-import { ColumnChooserComponent } from '../column-chooser/column-chooser.component';
-import { PaginationControlsComponent } from '../pagination-controls/pagination-controls.component';
-let OGridComponent = class OGridComponent {
-    set props(value) {
-        this.propsSignal.set(value);
-    }
-    constructor() {
-        this.service = inject(OGridService);
-        this.propsSignal = signal(undefined);
-        // Stable callback references (avoid re-creating every template eval)
-        this.onColumnSortFn = (columnKey, direction) => this.service.handleSort(columnKey, direction);
-        this.onColumnResizedFn = (columnId, width) => this.service.handleColumnResized(columnId, width);
-        this.onColumnPinnedFn = (columnId, pinned) => this.service.handleColumnPinned(columnId, pinned);
-        this.onSelectionChangeFn = (event) => this.service.handleSelectionChange(event);
-        this.onFilterChangeFn = (key, value) => this.service.handleFilterChange(key, value);
-        this.clearAllFiltersFn = () => this.service.setFilters({});
-        this.emptyStateComputed = computed(() => ({
-            hasActiveFilters: this.service.hasActiveFilters(),
-            onClearAll: this.clearAllFiltersFn,
-            message: this.service.emptyState()?.message,
-            render: this.service.emptyState()?.render,
-        }));
-        effect(() => {
-            const p = this.propsSignal();
-            if (p)
-                this.service.configure(p);
-        });
-    }
-    get showToolbar() {
-        return this.service.columnChooserPlacement() === 'toolbar' || this.service.toolbar() != null || this.service.fullScreen();
-    }
-    get emptyStateObj() {
-        return this.emptyStateComputed();
-    }
-    onPageSizeChange(size) {
-        this.service.setPageSize(size);
-    }
-};
-__decorate([
-    Input({ required: true })
-], OGridComponent.prototype, "props", null);
-OGridComponent = __decorate([
-    Component({
-        selector: 'ogrid-primeng',
-        standalone: true,
-        imports: [
-            OGridLayoutComponent,
-            DataGridTableComponent,
-            ColumnChooserComponent,
-            PaginationControlsComponent,
-        ],
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        providers: [OGridService],
-        styles: [`:host { display: block; height: 100%; }`],
-        template: `
-    <ogrid-layout
-      [className]="service.className()"
-      [hasToolbar]="showToolbar"
-      [hasToolbarBelow]="false"
-      [hasPagination]="true"
-      [sideBar]="service.sideBarProps()"
-      [fullScreen]="service.fullScreen()"
-    >
-      <ng-content select="[toolbar]" toolbar></ng-content>
-
-      <div toolbarEnd>
-        @if (service.columnChooserPlacement() === 'toolbar') {
-          <ogrid-primeng-column-chooser
-            [columns]="service.columnChooser().columns"
-            [visibleColumns]="service.columnChooser().visibleColumns"
-            (visibilityChange)="service.handleVisibilityChange($event.columnKey, $event.visible)"
-          ></ogrid-primeng-column-chooser>
-        }
-      </div>
-
-      <ogrid-primeng-datagrid-table
-        [items]="service.displayItems()"
-        [columns]="service.columnsProp()"
-        [getRowId]="service.getRowId()"
-        [sortBy]="service.sort().field"
-        [sortDirection]="service.sort().direction"
-        [onColumnSort]="onColumnSortFn"
-        [visibleColumns]="service.visibleColumns()"
-        [columnOrder]="service.columnOrder()"
-        [onColumnOrderChange]="service.onColumnOrderChange()"
-        [onColumnResized]="onColumnResizedFn"
-        [onColumnPinned]="onColumnPinnedFn"
-        [editable]="service.editable()"
-        [cellSelection]="service.cellSelection()"
-        [onCellValueChanged]="service.onCellValueChanged()"
-        [onUndo]="service.onUndo()"
-        [onRedo]="service.onRedo()"
-        [canUndo]="service.canUndo()"
-        [canRedo]="service.canRedo()"
-        [rowSelection]="service.rowSelection()"
-        [selectedRows]="service.effectiveSelectedRows()"
-        [onSelectionChange]="onSelectionChangeFn"
-        [statusBar]="service.statusBarConfig()"
-        [isLoading]="service.isLoadingResolved()"
-        [filters]="service.filters()"
-        [onFilterChange]="onFilterChangeFn"
-        [filterOptions]="service.clientFilterOptions()"
-        [loadingFilterOptions]="service.loadingFilterOptions()"
-        [peopleSearch]="service.dataSource()?.searchPeople?.bind(service.dataSource())"
-        [getUserByEmail]="service.dataSource()?.getUserByEmail?.bind(service.dataSource())"
-        [layoutMode]="service.layoutMode()"
-        [suppressHorizontalScroll]="service.suppressHorizontalScroll()"
-        [stickyHeaderInput]="service.stickyHeader()"
-        [columnReorder]="service.columnReorder()"
-        [aria-label]="service.ariaLabel()"
-        [aria-labelledby]="service.ariaLabelledBy()"
-        [emptyState]="emptyStateObj"
-      ></ogrid-primeng-datagrid-table>
-
-      <div pagination>
-        <ogrid-primeng-pagination-controls
-          [currentPage]="service.pagination().page"
-          [pageSize]="service.pagination().pageSize"
-          [totalCount]="service.pagination().displayTotalCount"
-          [pageSizeOptions]="service.pageSizeOptions()"
-          [entityLabelPlural]="service.entityLabelPlural()"
-          (pageChange)="service.setPage($event)"
-          (pageSizeChange)="onPageSizeChange($event)"
-        ></ogrid-primeng-pagination-controls>
-      </div>
-    </ogrid-layout>
-  `,
-    })
-], OGridComponent);
-export { OGridComponent };

package/dist/esm/pagination-controls/pagination-controls.component.js

@@ -1,111 +0,0 @@
-var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
-    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
-    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
-    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
-    return c > 3 && r && Object.defineProperty(target, key, r), r;
-};
-import { Component, ChangeDetectionStrategy } from '@angular/core';
-import { BasePaginationControlsComponent } from '@alaarab/ogrid-angular';
-let PaginationControlsComponent = class PaginationControlsComponent extends BasePaginationControlsComponent {
-};
-PaginationControlsComponent = __decorate([
-    Component({
-        selector: 'ogrid-primeng-pagination-controls',
-        standalone: true,
-        changeDetection: ChangeDetectionStrategy.OnPush,
-        template: `
-    @if (vm()) {
-      <div style="display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:13px;color:var(--ogrid-fg, #242424)">
-        <div>
-          Showing {{ vm()!.startItem }} to {{ vm()!.endItem }} of {{ totalCount.toLocaleString() }} {{ labelPlural() }}
-        </div>
-
-        <div style="display:flex;align-items:center;gap:4px" role="navigation" aria-label="Pagination">
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage === 1"
-            (click)="pageChange.emit(1)"
-            aria-label="First page"
-            style="min-width:32px;padding:4px 8px"
-          >&laquo;</button>
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage === 1"
-            (click)="pageChange.emit(currentPage - 1)"
-            aria-label="Previous page"
-            style="min-width:32px;padding:4px 8px"
-          >&lsaquo;</button>
-
-          @if (vm()!.showStartEllipsis) {
-            <button
-              type="button"
-              class="p-button p-button-text p-button-sm"
-              (click)="pageChange.emit(1)"
-              aria-label="Page 1"
-              style="min-width:32px;padding:4px 8px"
-            >1</button>
-            <span aria-hidden style="padding:0 4px">&hellip;</span>
-          }
-
-          @for (pageNum of vm()!.pageNumbers; track pageNum) {
-            <button
-              type="button"
-              class="p-button p-button-sm"
-              [class.p-button-outlined]="currentPage !== pageNum"
-              (click)="pageChange.emit(pageNum)"
-              [attr.aria-label]="'Page ' + pageNum"
-              [attr.aria-current]="currentPage === pageNum ? 'page' : null"
-              style="min-width:32px;padding:4px 8px"
-            >{{ pageNum }}</button>
-          }
-
-          @if (vm()!.showEndEllipsis) {
-            <span aria-hidden style="padding:0 4px">&hellip;</span>
-            <button
-              type="button"
-              class="p-button p-button-text p-button-sm"
-              (click)="pageChange.emit(vm()!.totalPages)"
-              [attr.aria-label]="'Page ' + vm()!.totalPages"
-              style="min-width:32px;padding:4px 8px"
-            >{{ vm()!.totalPages }}</button>
-          }
-
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage >= vm()!.totalPages"
-            (click)="pageChange.emit(currentPage + 1)"
-            aria-label="Next page"
-            style="min-width:32px;padding:4px 8px"
-          >&rsaquo;</button>
-          <button
-            type="button"
-            class="p-button p-button-text p-button-sm"
-            [disabled]="currentPage >= vm()!.totalPages"
-            (click)="pageChange.emit(vm()!.totalPages)"
-            aria-label="Last page"
-            style="min-width:32px;padding:4px 8px"
-          >&raquo;</button>
-        </div>
-
-        <div style="display:flex;align-items:center;gap:6px">
-          <span style="font-size:12px">Rows</span>
-          <select
-            [value]="'' + pageSize"
-            (change)="onPageSizeChange($any($event.target).value)"
-            aria-label="Rows per page"
-            style="padding:4px 6px;border:1px solid var(--ogrid-border, rgba(0, 0, 0, 0.12));border-radius:4px;background:var(--ogrid-bg, #fff);color:var(--ogrid-fg, #242424)"
-          >
-            @for (opt of vm()!.pageSizeOptions; track opt) {
-              <option [value]="opt">{{ opt }}</option>
-            }
-          </select>
-        </div>
-      </div>
-    }
-  `,
-    })
-], PaginationControlsComponent);
-export { PaginationControlsComponent };