@uni-design-system/uni-angular 2.0.2 → 2.0.4

package/CHANGELOG.md

@@ -1,35 +0,0 @@
-# @uni-design-system/uni-angular
-
-## 2.0.2
-
-### Patch Changes
-
-- Updated dependencies []:
-  - @uni-design-system/uni-core@2.0.2
-
-## 2.0.1
-
-### Patch Changes
-
-- [`be0fb26`](https://github.com/uni-design-system/uni/commit/be0fb2626c248fed37c2609d50eb1bfae40269e4) Thanks [@gaenglish](https://github.com/gaenglish)! - Setting Fixed Versioning for all packages.
-
-- Updated dependencies [[`e2cad74`](https://github.com/uni-design-system/uni/commit/e2cad74631b3a9d2caf4816bcadedf19db99fec4), [`be0fb26`](https://github.com/uni-design-system/uni/commit/be0fb2626c248fed37c2609d50eb1bfae40269e4)]:
-  - @uni-design-system/uni-core@2.0.1
-
-## 2.0.0
-
-### Patch Changes
-
-- Updated dependencies [[`4a049de`](https://github.com/uni-design-system/uni/commit/4a049def689d56d6b6cc1d2da73c9facd93ed515)]:
-  - @uni-design-system/uni-core@1.1.0
-
-## 1.0.0
-
-### Major Changes
-
-- [`7d18157`](https://github.com/uni-design-system/uni/commit/7d18157cb131098688b70286513643423c37c756) Thanks [@gaenglish](https://github.com/gaenglish)! - init release
-
-### Patch Changes
-
-- Updated dependencies [[`7d18157`](https://github.com/uni-design-system/uni/commit/7d18157cb131098688b70286513643423c37c756)]:
-  - @uni-design-system/uni-core@1.0.0

package/angular.json

@@ -1,47 +0,0 @@
-{
-  "$schema": "../../node_modules/@angular/cli/lib/config/schema.json",
-  "version": 1,
-  "newProjectRoot": "projects",
-  "projects": {
-    "@uni-design-system/uni-angular": {
-      "projectType": "library",
-      "root": "",
-      "sourceRoot": "src",
-      "prefix": "uni",
-      "architect": {
-        "build": {
-          "builder": "@angular-devkit/build-angular:ng-packagr",
-          "options": {
-            "project": "ng-package.json"
-          }
-        },
-        "test": {
-          "builder": "@angular-devkit/build-angular:karma",
-          "options": {
-            "main": "src/test.ts",
-            "tsConfig": "tsconfig.spec.json",
-            "karmaConfig": "karma.conf.js"
-          }
-        },
-        "storybook": {
-          "builder": "@storybook/angular:start-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "browserTarget": "@uni-design-system/uni-angular:build",
-            "compodoc": false,
-            "port": 6007
-          }
-        },
-        "build-storybook": {
-          "builder": "@storybook/angular:build-storybook",
-          "options": {
-            "configDir": ".storybook",
-            "browserTarget": "@uni-design-system/uni-angular:build",
-            "compodoc": false,
-            "outputDir": "storybook-static"
-          }
-        }
-      }
-    }
-  }
-}

package/dist/fesm2022/uni-design-system-uni-angular.mjs

@@ -1,32 +0,0 @@
-import * as i0 from '@angular/core';
-import { Input, Component } from '@angular/core';
-import { CommonModule } from '@angular/common';
-
-class UniButtonComponent {
-    label = 'Button';
-    bgColor = '#000000';
-    textColor = '#fff';
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.2.12", type: UniButtonComponent, isStandalone: true, selector: "uni-button", inputs: { label: "label" }, ngImport: i0, template: `
-    <button [style.background-color]="bgColor" [style.color]="textColor">
-      {{ label }}
-    </button>
-  `, isInline: true, styles: ["button{padding:12px 24px;border-radius:4px;border:none;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.12", ngImport: i0, type: UniButtonComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'uni-button', standalone: true, imports: [CommonModule], template: `
-    <button [style.background-color]="bgColor" [style.color]="textColor">
-      {{ label }}
-    </button>
-  `, styles: ["button{padding:12px 24px;border-radius:4px;border:none;cursor:pointer}\n"] }]
-        }], propDecorators: { label: [{
-                type: Input
-            }] } });
-
-/**
- * Generated bundle index. Do not edit.
- */
-
-export { UniButtonComponent };
-//# sourceMappingURL=uni-design-system-uni-angular.mjs.map

package/dist/fesm2022/uni-design-system-uni-angular.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"uni-design-system-uni-angular.mjs","sources":["../../src/lib/button.component.ts","../../src/uni-design-system-uni-angular.ts"],"sourcesContent":["import { Component, Input } from '@angular/core';\nimport { CommonModule } from '@angular/common'; // Still useful for pipes/directives\n\n@Component({\n  selector: 'uni-button',\n  standalone: true, // Optional but explicit\n  imports: [CommonModule],\n  template: `\n    <button [style.background-color]=\"bgColor\" [style.color]=\"textColor\">\n      {{ label }}\n    </button>\n  `,\n  styles: [\n    `\n      button {\n        padding: 12px 24px;\n        border-radius: 4px;\n        border: none;\n        cursor: pointer;\n      }\n    `,\n  ],\n})\nexport class UniButtonComponent {\n  @Input() label: string = 'Button';\n  bgColor = '#000000';\n  textColor = '#fff';\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;MAuBa,kBAAkB,CAAA;IACpB,KAAK,GAAW,QAAQ;IACjC,OAAO,GAAG,SAAS;IACnB,SAAS,GAAG,MAAM;wGAHP,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,SAAA,EAAA,IAAA,EAAA,kBAAkB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,YAAA,EAAA,MAAA,EAAA,EAAA,KAAA,EAAA,OAAA,EAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,EAhBnB;;;;AAIT,EAAA,CAAA,EAAA,QAAA,EAAA,IAAA,EAAA,MAAA,EAAA,CAAA,0EAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EALS,YAAY,EAAA,CAAA,EAAA,CAAA;;4FAiBX,kBAAkB,EAAA,UAAA,EAAA,CAAA;kBApB9B,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,YAAY,cACV,IAAI,EAAA,OAAA,EACP,CAAC,YAAY,CAAC,EAAA,QAAA,EACb;;;;AAIT,EAAA,CAAA,EAAA,MAAA,EAAA,CAAA,0EAAA,CAAA,EAAA;;sBAaA;;;ACxBH;;AAEG;;;;"}

package/dist/types/uni-design-system-uni-angular.d.ts

@@ -1,11 +0,0 @@
-import * as i0 from '@angular/core';
-
-declare class UniButtonComponent {
-    label: string;
-    bgColor: string;
-    textColor: string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<UniButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<UniButtonComponent, "uni-button", never, { "label": { "alias": "label"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-export { UniButtonComponent };

package/ng-package.json

@@ -1,7 +0,0 @@
-{
-  "$schema": "../../node_modules/.pnpm/ng-packagr@21.2.3_@angular+compiler-cli@21.2.11_@angular+compiler@21.2.11_typescript@6.0.3__tslib@2.8.1_typescript@6.0.3/node_modules/ng-packagr/ng-package.schema.json",
-  "lib": {
-    "entryFile": "src/public-api.ts"
-  },
-  "dest": "dist"
-}

package/src/lib/button.component.ts

@@ -1,28 +0,0 @@
-import { Component, Input } from '@angular/core';
-import { CommonModule } from '@angular/common'; // Still useful for pipes/directives
-
-@Component({
-  selector: 'uni-button',
-  standalone: true, // Optional but explicit
-  imports: [CommonModule],
-  template: `
-    <button [style.background-color]="bgColor" [style.color]="textColor">
-      {{ label }}
-    </button>
-  `,
-  styles: [
-    `
-      button {
-        padding: 12px 24px;
-        border-radius: 4px;
-        border: none;
-        cursor: pointer;
-      }
-    `,
-  ],
-})
-export class UniButtonComponent {
-  @Input() label: string = 'Button';
-  bgColor = '#000000';
-  textColor = '#fff';
-}

package/src/lib/button.stories.ts

@@ -1,20 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/angular';
-import { UniButtonComponent } from './button.component';
-
-const meta: Meta<UniButtonComponent> = {
-  title: 'Components/UniButton',
-  component: UniButtonComponent, // Storybook 11+ handles standalone components automatically here
-  render: (args) => ({
-    props: args,
-    // We don't need 'template' if we just want to render the component as is
-  }),
-};
-
-export default meta;
-type Story = StoryObj<UniButtonComponent>;
-
-export const Primary: Story = {
-  args: {
-    label: 'My Angular Component',
-  },
-};

package/src/lib/cdk/datasource/base-datasource.ts

@@ -1,113 +0,0 @@
-import { computed, signal, Signal, WritableSignal } from '@angular/core';
-
-export type SortDirection = 'asc' | 'desc' | 'indet';
-
-export interface Sort<T> {
-  column?: keyof T;
-  direction: SortDirection;
-}
-
-export abstract class UniBaseDatasource<T> {
-  abstract records: Signal<T[]>;
-  abstract recordCount: Signal<number>;
-
-  selections = signal<T[]>([]);
-
-  sort: WritableSignal<Sort<T>> = signal({
-    column: undefined,
-    direction: 'indet',
-  });
-
-  sortColumn = computed(() => this.sort().column);
-  sortDirection = computed(() => this.sort().direction);
-
-  abstract pageIndex: Signal<number>;
-  abstract pageSize: Signal<number>;
-  abstract pageCount: Signal<number>;
-
-  pages = computed(() => Array.from({ length: this.pageCount() }, (_, index) => index + 1));
-
-  startIndex = computed(() => {
-    const pageSize = this.pageSize();
-    const pageIndex = this.pageIndex();
-    return pageSize > 0 ? pageIndex * pageSize : 0;
-  });
-
-  endIndex = computed(() => {
-    const pageSize = this.pageSize();
-    const total = this.recordCount();
-
-    // If unpaginated (pageSize = 0), return total count
-    if (pageSize === 0) {
-      return total;
-    }
-
-    const start = this.startIndex();
-    return Math.min(start + pageSize, total);
-  });
-
-  disablePrevious = computed(() => {
-    const pageSize = this.pageSize();
-    return pageSize === 0 ? true : this.pageIndex() === 0;
-  });
-
-  disableNext = computed(() => {
-    const pageSize = this.pageSize();
-    return pageSize === 0 ? true : this.pageIndex() + 1 >= this.pageCount();
-  });
-
-  truncatedPages = computed(() => {
-    const currentPage = this.pageIndex() + 1;
-    const displayRange = 3;
-    const totalPages = this.pageCount();
-
-    const pages: (number | string)[] = [];
-    const startPage = Math.max(1, currentPage - displayRange);
-    const endPage = Math.min(totalPages, currentPage + displayRange);
-
-    if (startPage > 1) {
-      pages.push(1);
-      if (startPage > 2) {
-        pages.push('...');
-      }
-    }
-
-    for (let i = startPage; i <= endPage; i++) {
-      pages.push(i);
-    }
-
-    if (endPage < totalPages) {
-      if (endPage < totalPages - 1) {
-        pages.push('...');
-      }
-      pages.push(totalPages);
-    }
-    return pages;
-  });
-
-  isSelected(row: T): boolean {
-    return this.selections().some((selection) => selection === row);
-  }
-
-  toggleSelection(row: T) {
-    this.selections.update((selections) => {
-      return selections.includes(row) ? selections.filter((i) => i !== row) : [...selections, row];
-    });
-  }
-
-  clearSelections() {
-    this.selections.set([]);
-  }
-
-  selectAll() {
-    this.selections.set([...this.records()]);
-  }
-
-  abstract sortRecords(sort: Sort<T>): void;
-  abstract firstPage(): void;
-  abstract nextPage(): void;
-  abstract previousPage(): void;
-  abstract lastPage(): void;
-  abstract jumpToPage(page: number): void;
-  abstract setPageSize(size: number): void;
-}

package/src/lib/cdk/datasource/datasource.types.ts

@@ -1,10 +0,0 @@
-import { UniBaseDatasource } from './base-datasource';
-import { UniRecordDatasource } from './record-datasource';
-import { UniServerSideDatasource } from './server-side-datasource';
-
-export type UniDatasource<T> = UniBaseDatasource<T>;
-
-export type { Sort, SortDirection } from './base-datasource';
-export type { DataLoader, PageRequest, PageResponse } from './server-side-datasource';
-
-export { UniBaseDatasource, UniRecordDatasource, UniServerSideDatasource };

package/src/lib/cdk/datasource/record-datasource.ts

@@ -1,115 +0,0 @@
-import { computed, signal } from '@angular/core';
-import { UniBaseDatasource, Sort } from './base-datasource';
-
-export class UniRecordDatasource<T> extends UniBaseDatasource<T> {
-  private _pageNumber = signal(1);
-  private _pageSize = signal<number>(0); // 0 = unpaginated (show all)
-
-  initialRecords = signal<T[]>([]);
-  override recordCount = computed((): number => this.initialRecords().filter(this.filter()).length);
-
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  filter = signal<(value: T) => boolean>((value) => true);
-
-  override pageIndex = signal<number>(0);
-  override pageSize = computed(() => this._pageSize());
-
-  override pageCount = computed(() => {
-    const pageSize = this.pageSize();
-    return pageSize > 0 ? Math.ceil(this.recordCount() / pageSize) : 1;
-  });
-
-  override records = computed(() => {
-    const { column, direction } = this.sort();
-    const filter = this.filter();
-    const pageSize = this.pageSize();
-
-    let filteredRecords = this.initialRecords().filter(filter);
-
-    // Apply sorting if specified
-    if (column && direction !== 'indet') {
-      filteredRecords = [...filteredRecords].sort((a, b) => {
-        const valueA = a[column];
-        const valueB = b[column];
-
-        const isString = typeof valueA === 'string';
-        const isAsc = direction === 'asc';
-
-        return isString
-          ? stringCompare(valueA as string, valueB as string, isAsc)
-          : numberCompare(valueA as number, valueB as number, isAsc);
-      });
-    }
-
-    // Apply pagination only if pageSize > 0
-    if (pageSize > 0) {
-      return filteredRecords.slice(this.startIndex(), this.endIndex());
-    }
-
-    // Return all records (unpaginated)
-    return filteredRecords;
-  });
-
-  constructor(data: T[]) {
-    super();
-    this.initialRecords.set(data);
-  }
-
-  override sortRecords(sort: Sort<T>) {
-    this.sort.set(sort);
-  }
-
-  override firstPage() {
-    this.pageIndex.set(0);
-  }
-
-  override nextPage() {
-    if (this.pageIndex() < this.pageCount() - 1) {
-      this.pageIndex.update((i) => i + 1);
-    }
-  }
-
-  override previousPage() {
-    this.pageIndex.update((i) => (i > 1 ? i - 1 : 0));
-  }
-
-  override lastPage() {
-    this.pageIndex.set(this.pageCount() - 1);
-  }
-
-  override jumpToPage(page: number) {
-    const i = page - 1;
-    if (i >= 0 && i < this.pageCount()) {
-      this.pageIndex.set(i);
-    }
-  }
-
-  override setPageSize(size: number) {
-    this._pageSize.set(size);
-    if (size > 0) {
-      this._pageNumber.set(1);
-      this.pageIndex.set(0);
-    }
-  }
-
-  setFilter(filter: (value: T) => boolean) {
-    this.filter.set(filter);
-  }
-
-  clearFilter() {
-    this.filter.set(() => true);
-  }
-}
-
-function stringCompare(a = 'zzz', b = 'zzz', isAsc: boolean): number {
-  a = a.toString();
-  b = b.toString();
-
-  return isAsc
-    ? a.localeCompare(b, undefined, { sensitivity: 'base' })
-    : b.localeCompare(a, undefined, { sensitivity: 'base' });
-}
-
-function numberCompare(a = 0, b = 0, isAsc: boolean): number {
-  return isAsc ? a - b : b - a;
-}

package/src/lib/cdk/datasource/server-side-datasource.ts

@@ -1,172 +0,0 @@
-import {
-  computed,
-  linkedSignal,
-  resource,
-  ResourceLoaderParams,
-  ResourceRef,
-  type ResourceStatus,
-  signal,
-} from '@angular/core';
-import { UniBaseDatasource, Sort, SortDirection } from './base-datasource';
-
-export interface PageRequest {
-  pageNumber: number;
-  pageSize: number;
-  sortColumn?: string;
-  sortDirection?: SortDirection;
-  filter?: Record<string, any>;
-}
-
-export interface PageResponse<T> {
-  data: T[];
-  totalRecords: number;
-  pageNumber: number;
-  pageSize: number;
-}
-
-export type DataLoader<T> = (request: PageRequest) => Promise<PageResponse<T>>;
-
-export class UniServerSideDatasource<T> extends UniBaseDatasource<T> {
-  private _pageNumber = signal(1);
-  private _pageSize = signal(10);
-  private _sortColumn = signal<keyof T | undefined>(undefined);
-  private _sortDirection = signal<SortDirection>('indet');
-  private filter = signal<Record<string, any>>({});
-
-  override sortColumn = computed(() => this._sortColumn());
-  override sortDirection = computed(() => this._sortDirection());
-
-  private totalRecords = signal(0);
-
-  private dataResource: ResourceRef<PageResponse<T> | undefined>;
-
-  override pageIndex = computed(() => this._pageNumber() - 1);
-  override pageSize = computed(() => this._pageSize());
-
-  override pageCount = computed(() => {
-    const total = this.totalRecords();
-    const size = this.pageSize();
-    return total > 0 ? Math.ceil(total / size) : 0;
-  });
-
-  private readonly _records = linkedSignal<
-    {
-      val: PageResponse<T> | undefined;
-      status: ResourceStatus;
-    },
-    T[]
-  >({
-    source: () => ({
-      val: this.dataResource.value(),
-      status: this.dataResource.status(),
-    }),
-    computation: (source, previous) => {
-      if (source.status === 'loading' && previous) {
-        return previous.value;
-      }
-      return source.val?.data ?? [];
-    },
-  });
-
-  override records = this._records.asReadonly();
-
-  override recordCount = computed(() => this.totalRecords());
-
-  isLoading = computed(() => this.dataResource.isLoading());
-
-  error = computed(() => this.dataResource.error());
-
-  hasError = computed(() => this.dataResource.hasValue() === false && this.error() !== undefined);
-
-  constructor(
-    private dataLoader: DataLoader<T>,
-    initialPageSize = 10
-  ) {
-    super();
-    this._pageSize.set(initialPageSize);
-
-    this.dataResource = resource({
-      params: () => ({
-        pageNumber: this._pageNumber(),
-        pageSize: this._pageSize(),
-        sortColumn: this._sortColumn() as string | undefined,
-        sortDirection: this._sortDirection(),
-        filter: this.filter(),
-      }),
-      loader: async (params: ResourceLoaderParams<PageRequest>) => {
-        const request = params.params;
-        const response = await this.dataLoader(request);
-
-        if (request.pageNumber === 1 || this.totalRecords() === 0) {
-          this.totalRecords.set(response.totalRecords);
-        }
-
-        return response;
-      },
-    });
-  }
-
-  override sortRecords(sort: Sort<T>) {
-    this.sort.set(sort);
-    this._sortColumn.set(sort.column);
-    this._sortDirection.set(sort.direction);
-    this._pageNumber.set(1);
-  }
-
-  override firstPage() {
-    this._pageNumber.set(1);
-  }
-
-  override nextPage() {
-    if (this._pageNumber() < this.pageCount()) {
-      this._pageNumber.update((n) => n + 1);
-    }
-  }
-
-  override previousPage() {
-    if (this._pageNumber() > 1) {
-      this._pageNumber.update((n) => n - 1);
-    }
-  }
-
-  override lastPage() {
-    this._pageNumber.set(this.pageCount());
-  }
-
-  override jumpToPage(page: number) {
-    if (page >= 1 && page <= this.pageCount()) {
-      this._pageNumber.set(page);
-    }
-  }
-
-  override setPageSize(size: number) {
-    if (size > 0) {
-      this._pageSize.set(size);
-      this._pageNumber.set(1);
-    }
-  }
-
-  setFilter(filterValues: Record<string, any>) {
-    this.filter.set(filterValues);
-    this._pageNumber.set(1);
-  }
-
-  clearFilter() {
-    this.filter.set({});
-    this._pageNumber.set(1);
-  }
-
-  refresh() {
-    this.dataResource.reload();
-  }
-
-  getPageRequest(): PageRequest {
-    return {
-      pageNumber: this._pageNumber(),
-      pageSize: this._pageSize(),
-      sortColumn: this._sortColumn() as string | undefined,
-      sortDirection: this._sortDirection(),
-      filter: this.filter(),
-    };
-  }
-}

package/src/lib/cdk/helpers/memoize.helper.ts

@@ -1,15 +0,0 @@
-export function memoize<T extends (...args: any[]) => any>(fn: T): T {
-  const cache = new Map<string, ReturnType<T>>();
-
-  return ((...args: Parameters<T>): ReturnType<T> => {
-    const key = JSON.stringify(args);
-
-    if (cache.has(key)) {
-      return cache.get(key)!;
-    }
-
-    const result = fn(...args);
-    cache.set(key, result);
-    return result;
-  }) as T;
-}

package/src/lib/cdk/helpers/number.helper.ts

@@ -1,2 +0,0 @@
-export const safeParseInt = (n: string | number) =>
-  typeof n === 'number' ? n : parseInt(n);

package/src/lib/cdk/index.ts

@@ -1,3 +0,0 @@
-export * from './local-storage/local-storage.service';
-export * from './option/option.model';
-export * from './timer/timer';