b2b-tools 0.0.3 → 0.1.1

package/src/lib/components/advanced-table/parts/table-modal-image/table-modal-image.component.html

@@ -0,0 +1,14 @@
+@if (open()) {
+  <div class="dt-modal-backdrop" (click)="onClose()">
+    <div class="dt-modal" (click)="$event.stopPropagation()">
+      <div class="dt-modal-header">
+        <span class="dt-modal-title">{{ alt() }}</span>
+        <button type="button" class="dt-btn" (click)="onClose()">Cerrar</button>
+      </div>
+
+      <div class="dt-modal-body">
+        <img class="dt-modal-img" [src]="src()" [alt]="alt()" />
+      </div>
+    </div>
+  </div>
+}

package/src/lib/components/advanced-table/parts/table-modal-image/table-modal-image.component.ts

@@ -0,0 +1,22 @@
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'table-modal-image',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './table-modal-image.component.html',
+  styleUrls: ['./table-modal-image.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TableModalImageComponent {
+  readonly open = input<boolean>(false);
+  readonly src = input<string>('');
+  readonly alt = input<string>('');
+
+  readonly close = output<void>();
+
+  onClose() {
+    this.close.emit();
+  }
+}

package/src/lib/components/advanced-table/parts/table-pagination/table-pagination.component.css

@@ -0,0 +1,147 @@
+.dt-pagination {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 8px 12px;
+  font-size: 13px;
+}
+
+.dt-page-info {
+  white-space: nowrap;
+  color: var(--xs-dark-gray);
+}
+
+.dt-rows {
+  display: flex;
+  align-items: center;
+  gap: 6px;
+  color: var(--xs-dark-gray);
+}
+
+.dt-rows select {
+  padding: 6px 28px 6px 8px; /* consistente con inputs */
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--light-gray);
+  background: var(--white);
+  font-size: 13px;
+  color: var(--black);
+}
+
+/* ===== Pager ===== */
+.dt-pager {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* Base: BLINDA color para evitar reglas globales */
+.dt-pager-btn,
+.dt-pager-chip {
+  min-width: 28px;
+  height: 28px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--xs-light-gray);
+  background: var(--white);
+  cursor: pointer;
+  font-size: 13px;
+
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+
+  /* evita desplazamientos raros del texto */
+  line-height: 1;
+  padding: 0;
+}
+
+/* Hover: NO tocamos color; solo borde y fondo */
+.dt-pager-btn:hover:not(:disabled),
+.dt-pager-chip:hover:not(:disabled) {
+  border-color: var(--dark-gray);
+  background: var(--gray-white);
+  color: var(--xs-dark-gray); /* <- blindaje extra */
+}
+
+/* Active */
+.dt-pager-chip--active {
+  background: rgb(51, 97, 250);
+  color: var(--white);
+  border-color: var(--blue);
+  font-weight: 600;
+}
+
+.dt-pager-chip--active:hover:not(:disabled) {
+  background: rgb(51, 97, 250);
+  color: var(--white);
+  border-color: var(--blue);
+}
+
+/* Disabled */
+.dt-pager-btn:disabled,
+.dt-pager-chip:disabled {
+  opacity: 1; /* evita que se vea “lavado” feo */
+  color: var(--disabled-text);
+  background: var(--soft-white);
+  border-color: var(--disabled);
+  cursor: not-allowed;
+}
+
+.dt-pager-ellipsis {
+  padding: 0 6px;
+  color: var(--xs-dark-gray);
+}
+
+
+/* ===== Responsive visibility helpers ===== */
+.dt-hide-xs,
+.dt-hide-sm,
+.dt-hide-md {
+  display: inline-flex;
+}
+
+.dt-show-xs {
+  display: none;
+}
+
+.dt-page-compact {
+  white-space: nowrap;
+  color: var(--xs-dark-gray);
+}
+
+/* < 1200px: quitar "Filas" (rows/page) */
+@media (max-width: 1200px) {
+  .dt-hide-md {
+    display: none !important;
+  }
+}
+
+/* < 900px: quitar info "Mostrando..." y first/last */
+@media (max-width: 900px) {
+  .dt-hide-sm {
+    display: none !important;
+  }
+
+  .dt-pagination {
+    justify-content: center;
+  }
+}
+
+/* < 640px: solo prev / (page/pageCount) / next */
+@media (max-width: 640px) {
+  .dt-hide-xs {
+    display: none !important;
+  }
+
+  .dt-show-xs {
+    display: inline-flex !important;
+  }
+
+  .dt-pagination {
+    gap: 10px;
+  }
+
+  .dt-pager {
+    gap: 8px;
+  }
+}

package/src/lib/components/advanced-table/parts/table-pagination/table-pagination.component.html

@@ -0,0 +1,95 @@
+<div class="dt-pagination dt-pagination--classic">
+  <!-- Info -->
+  <span class="dt-page-info dt-hide-sm">
+    Mostrando {{ startItem() }} – {{ endItem() }} de {{ totalCount() }}
+  </span>
+
+  <!-- Compact info (mobile) -->
+  <span class="dt-page-compact dt-show-xs">
+    {{ page() }} / {{ pageCount() }}
+  </span>
+
+  <!-- Rows per page -->
+  <div class="dt-rows dt-hide-md">
+    <span>Filas:</span>
+    <select [value]="pageSize()" (change)="onPageSizeSelect(+$any($event.target).value)">
+      @for (size of pageSizeOptions(); track size) {
+        <option [value]="size">{{ size }}</option>
+      }
+    </select>
+  </div>
+
+  <!-- Pager -->
+  <div class="dt-pager">
+    <button
+      type="button"
+      class="dt-pager-btn dt-hide-sm"
+      (click)="goToPage(1)"
+      [disabled]="page() === 1"
+      aria-label="Primera página"
+    >
+      <!-- svg -->
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        <path
+          fill="currentColor"
+          d="m11 18l-6-6l6-6l1.4 1.4L7.825 12l4.575 4.6zm6.6 0l-6-6l6-6L19 7.4L14.425 12L19 16.6z"
+        />
+      </svg>
+    </button>
+
+    <button
+      type="button"
+      class="dt-pager-btn"
+      (click)="prevPage()"
+      [disabled]="page() === 1"
+      aria-label="Página anterior"
+    >
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        <path fill="currentColor" d="m14 18l-6-6l6-6l1.4 1.4l-4.6 4.6l4.6 4.6z" />
+      </svg>
+    </button>
+
+    <!-- números/ellipsis: se ocultarán en XS por CSS -->
+    @for (item of pagerItems(); track $index) {
+      @if (item === '…') {
+        <span class="dt-pager-ellipsis dt-hide-xs">…</span>
+      } @else {
+        <button
+          type="button"
+          class="dt-pager-chip dt-hide-xs"
+          [class.dt-pager-chip--active]="item === page()"
+          (click)="goToPage(item)"
+        >
+          {{ item }}
+        </button>
+      }
+    }
+
+    <button
+      type="button"
+      class="dt-pager-btn"
+      (click)="nextPage()"
+      [disabled]="page() === pageCount()"
+      aria-label="Página siguiente"
+    >
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        <path fill="currentColor" d="M12.6 12L8 7.4L9.4 6l6 6l-6 6L8 16.6z" />
+      </svg>
+    </button>
+
+    <button
+      type="button"
+      class="dt-pager-btn dt-hide-sm"
+      (click)="goToPage(pageCount())"
+      [disabled]="page() === pageCount()"
+      aria-label="Última página"
+    >
+      <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+        <path
+          fill="currentColor"
+          d="M9.575 12L5 7.4L6.4 6l6 6l-6 6L5 16.6zm6.6 0L11.6 7.4L13 6l6 6l-6 6l-1.4-1.4z"
+        />
+      </svg>
+    </button>
+  </div>
+</div>

package/src/lib/components/advanced-table/parts/table-pagination/table-pagination.component.ts

@@ -0,0 +1,61 @@
+import {
+  ChangeDetectionStrategy,
+  Component,
+  computed,
+  input,
+  output,
+} from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { PagerItem } from '../../types/table.types';
+
+@Component({
+  selector: 'table-pagination',
+  standalone: true,
+  imports: [CommonModule],
+  styleUrls: ['./table-pagination.component.css'],
+  templateUrl: './table-pagination.component.html',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TablePaginationComponent {
+  public readonly Math = Math;
+
+  // Inputs
+  readonly page = input<number>(1);
+  readonly pageSize = input<number>(10);
+  readonly pageCount = input<number>(1);
+  readonly totalCount = input<number>(0);
+  readonly pageSizeOptions = input<number[]>([10, 25, 50]);
+  readonly pagerItems = input<PagerItem[]>([]);
+
+  // Outputs
+  readonly pageChange = output<number>();
+  readonly pageSizeChange = output<number>();
+
+  readonly startItem = computed(() => {
+    if (this.totalCount() <= 0) return 0;
+    return (this.page() - 1) * this.pageSize() + 1;
+  });
+
+  readonly endItem = computed(() => {
+    if (this.totalCount() <= 0) return 0;
+    return Math.min(this.page() * this.pageSize(), this.totalCount());
+  });
+
+  goToPage(page: number) {
+    const clamped = Math.max(1, Math.min(this.pageCount(), page));
+    this.pageChange.emit(clamped);
+  }
+
+  prevPage() {
+    this.goToPage(this.page() - 1);
+  }
+
+  nextPage() {
+    this.goToPage(this.page() + 1);
+  }
+
+  onPageSizeSelect(size: number) {
+    if (!Number.isFinite(size) || size <= 0) return;
+    this.pageSizeChange.emit(size);
+  }
+}

package/src/lib/components/advanced-table/parts/table-toolbar/table-toolbar.component.css

@@ -0,0 +1,32 @@
+.dt-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 10px 12px;
+}
+
+.dt-input {
+  width: 100%;
+  max-width: 360px;
+  padding: 8px 10px;
+  border-radius: var(--radius-sm);
+  border: var(--border);
+  outline: none;
+}
+
+.dt-input:focus {
+  box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.15);
+}
+
+.dt-btn {
+  padding: 8px 10px;
+  border-radius: var(--radius-sm);
+  border: var(--border);
+  background: var(--white);
+  cursor: pointer;
+}
+
+.dt-btn:hover {
+  filter: brightness(0.98);
+}

package/src/lib/components/advanced-table/parts/table-toolbar/table-toolbar.component.html

@@ -0,0 +1,17 @@
+@if (enabled()) {
+  <div class="dt-toolbar">
+    <input
+      class="dt-input"
+      type="text"
+      [placeholder]="placeholder()"
+      [value]="query()"
+      (input)="onInput($any($event.target).value)"
+    />
+
+    @if (showClear()) {
+      <button type="button" class="dt-btn" (click)="onClear()">
+        Limpiar
+      </button>
+    }
+  </div>
+}

package/src/lib/components/advanced-table/parts/table-toolbar/table-toolbar.component.ts

@@ -0,0 +1,30 @@
+import { ChangeDetectionStrategy, Component, input, output } from '@angular/core';
+import { CommonModule } from '@angular/common';
+
+@Component({
+  selector: 'table-toolbar',
+  standalone: true,
+  imports: [CommonModule],
+  templateUrl: './table-toolbar.component.html',
+  styleUrls: ['./table-toolbar.component.css'],
+  changeDetection: ChangeDetectionStrategy.OnPush,
+})
+export class TableToolbarComponent {
+  // Inputs
+  readonly enabled = input<boolean>(true);
+  readonly query = input<string>('');
+  readonly placeholder = input<string>('Buscar...');
+  readonly showClear = input<boolean>(true);
+
+  // Outputs
+  readonly queryChange = output<string>();
+  readonly clear = output<void>();
+
+  onInput(value: string) {
+    this.queryChange.emit(value);
+  }
+
+  onClear() {
+    this.clear.emit();
+  }
+}

package/src/lib/components/advanced-table/types/index.ts

@@ -0,0 +1,2 @@
+export * from './table.types';
+export * from './time-zone.types';

package/src/lib/components/advanced-table/types/table.types.ts

@@ -0,0 +1,101 @@
+export type CellDataType =
+  | 'string'
+  | 'integer'
+  | 'decimal'
+  | 'currency'
+  | 'date'
+  | 'datetime'
+  | 'boolean'
+  | 'image'
+  | 'status'
+  | 'link'
+  | 'custom'
+  | 'actions';
+
+export type CellSize = 'XS' | 'SM' | 'MD' | 'LG' | 'XL' | 'AUTO';
+export type TextAlign = 'left' | 'center' | 'right';
+
+export type RowId = string | number;
+export type PagerItem = number | '…';
+
+export type Icon = 'edit' | 'delete' | 'view' | 'copy';
+
+export interface TableColumn<T = unknown> {
+  key: string;
+  label: string;
+  type: CellDataType;
+  size?: CellSize;
+  align?: TextAlign;
+  sortable?: boolean;
+  filterable?: boolean;
+  hidden?: boolean;
+
+  valueGetter?: (row: T) => unknown;
+  formatter?: (value: unknown, row: T) => string;
+  actions?: TableAction<T>[];
+  options?: {
+    currency?: 'MXN';
+    dateFormat?: 'short' | 'medium' | 'long';
+    dateTimeFormat?: 'short' | 'medium' | 'long';
+    image?: {
+      hidden?: boolean;
+      openInModal?: boolean;
+      showFull?: boolean;
+      alt?: (row: T) => string;
+    };
+    status?: {
+      classMap?: Record<string, string>;
+    };
+    link?: {
+      hrefGetter?: (row: T) => string;
+      labelGetter?: (row: T) => string;
+      target?: '_blank' | '_self';
+    };
+  };
+}
+
+export interface TableConfig {
+  globalSearch?: boolean;
+  columnFilters?: boolean;
+  selectable?: boolean;
+  selectionMode?: 'single' | 'multiple';
+  pagination?: { enabled: boolean;  pageSize: number; pageSizeOptions?: number[]; };
+  scroll?: { mode: 'none' | 'infinite'; heightPx?: number; batchSize?: number; };
+  fixedRowCount?: number;
+  emptyText?: string;
+  rowIdKey?: string;
+  rowIdGetter?: (row: any) => string | number;
+  globalSearchVisibleOnly?: boolean;
+}
+
+export interface TableSortState {
+  key: string;
+  dir: 'asc' | 'desc';
+}
+
+export type ActionVariant = 'default' | 'danger';
+export type ActionRender = 'icon' | 'text';
+
+export interface TableAction<T> {
+  id: string;
+  label: string;
+  icon?: Icon | string;
+  tooltip?: string;
+  variant?: ActionVariant;
+  render?: ActionRender;
+  visible?: (row: T) => boolean;
+  disabled?: (row: T) => boolean;
+  confirm?: { title?: string; message: string; };
+}
+
+export interface TableActionEvent<T> {
+  actionId: string;
+  row: T;
+}
+
+export const SVG_ICONS: Record<string, string> =  {
+  edit: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path fill="currentColor" d="M5 21q-.825 0-1.412-.587T3 19V5q0-.825.588-1.412T5 3h8.925l-2 2H5v14h14v-6.95l2-2V19q0 .825-.587 1.413T19 21zm4-6v-4.25l9.175-9.175q.3-.3.675-.45t.75-.15q.4 0 .763.15t.662.45L22.425 3q.275.3.425.663T23 4.4t-.137.738t-.438.662L13.25 15zM21.025 4.4l-1.4-1.4zM11 13h1.4l5.8-5.8l-.7-.7l-.725-.7L11 11.575zm6.5-6.5l-.725-.7zl.7.7z"/></svg>',
+  delete: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path fill="currentColor" d="M7 21q-.825 0-1.412-.587T5 19V6H4V4h5V3h6v1h5v2h-1v13q0 .825-.587 1.413T17 21zM17 6H7v13h10zM9 17h2V8H9zm4 0h2V8h-2zM7 6v13z"/></svg>',
+  open: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 14 14"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1"><path d="M7 3.625c-4.187 0-5.945 3.766-5.945 3.844S2.813 11.312 7 11.312s5.945-3.765 5.945-3.843S11.187 3.625 7 3.625M2.169 5.813L.61 4.252m4.525-.354L4.5 1.843m7.331 3.97l1.559-1.56m-4.525-.355L9.5 1.843"/><path d="M5.306 7.081a1.738 1.738 0 1 0 3.388.776a1.738 1.738 0 1 0-3.388-.776"/></g></svg>',
+  copy: '<svg xmlns="http://www.w3.org/2000/svg"  viewBox="0 0 24 24"><path fill="currentColor" d="M9 18q-.825 0-1.412-.587T7 16V4q0-.825.588-1.412T9 2h9q.825 0 1.413.588T20 4v12q0 .825-.587 1.413T18 18zm-4 4q-.825 0-1.412-.587T3 20V6h2v14h11v2z"/></svg>'
+}

package/src/lib/components/advanced-table/types/time-zone.types.ts

@@ -0,0 +1,91 @@
+
+/**
+ * Base information for a time zone associated with a country or region.
+ * Intended for catalogs, dropdowns, and Intl-based formatting.
+ */
+export interface TimeZoneInfo {
+  /**
+   * Official IANA time zone identifier.
+   * Used by Intl.DateTimeFormat and backend time handling.
+   * Example: 'America/Mexico_City', 'Europe/Madrid'.
+   */
+  timeZone: string;
+
+  /**
+   * Country or region name.
+   * Intended for user-friendly display in UI components.
+   * Example: 'Mexico', 'United States (Eastern)'.
+   */
+  name: string;
+
+  /**
+   * ISO 4217 currency code used in the country or region.
+   * Required for monetary formatting with Intl.NumberFormat.
+   * Example: 'MXN', 'USD', 'EUR'.
+   */
+  currency: string;
+
+  /**
+   * Locale identifier following the BCP-47 standard.
+   * Determines language, number formatting, and date conventions.
+   * Example: 'es-MX', 'en-US', 'fr-FR'.
+   */
+  locale: string;
+
+  /**
+   * UTC offset of the time zone expressed in hours.
+   * This value represents the standard offset and does not account for DST.
+   * Example: -6, -5, +1, +5.5.
+   */
+  utcOffset: number;
+
+  /**
+   * City name.
+   * Used as a human-readable label in dropdowns or selectors.
+   * Example: 'Mexico City', 'New York', 'London'.
+   */
+  city: string;
+}
+
+export const TIME_ZONES = {
+  // AFRICA
+  CAIRO: { city: 'Cairo', timeZone: 'Africa/Cairo', name: 'Egypt', currency: 'EGP', locale: 'ar-EG', utcOffset: +2 },
+  CASABLANCA: { city: 'Casablanca', timeZone: 'Africa/Casablanca', name: 'Morocco', currency: 'MAD', locale: 'ar-MA', utcOffset: 0 },
+  JOHANNESBURG: { city: 'Johannesburg', timeZone: 'Africa/Johannesburg', name: 'South Africa', currency: 'ZAR', locale: 'en-ZA', utcOffset: +2 },
+
+  // AMERICA
+  BUENOS_AIRES: { city: 'Buenos Aires', timeZone: 'America/Argentina/Buenos_Aires', name: 'Argentina', currency: 'ARS', locale: 'es-AR', utcOffset: -3 },
+  SAO_PAULO: { city: 'Sao Paulo', timeZone: 'America/Sao_Paulo', name: 'Brazil', currency: 'BRL', locale: 'pt-BR', utcOffset: -3 },
+  TORONTO: { city: 'Toronto', timeZone: 'America/Toronto', name: 'Canada', currency: 'CAD', locale: 'en-CA', utcOffset: -5 },
+  VANCOUVER: { city: 'Vancouver', timeZone: 'America/Vancouver', name: 'Canada (Pacific)', currency: 'CAD', locale: 'en-CA', utcOffset: -8 },
+  BOGOTA: { city: 'Bogota', timeZone: 'America/Bogota', name: 'Colombia', currency: 'COP', locale: 'es-CO', utcOffset: -5 },
+  CANCUN: { city: 'Cancun', timeZone: 'America/Cancun', name: 'Mexico (Quintana Roo)', currency: 'MXN', locale: 'es-MX', utcOffset: -5 },
+  MEXICO_CITY: { city: 'Mexico City', timeZone: 'America/Mexico_City', name: 'Mexico', currency: 'MXN', locale: 'es-MX', utcOffset: -6 },
+  TIJUANA: { city: 'Tijuana', timeZone: 'America/Tijuana', name: 'Mexico (Pacific)', currency: 'MXN', locale: 'es-MX', utcOffset: -8 },
+  LIMA: { city: 'Lima', timeZone: 'America/Lima', name: 'Peru', currency: 'PEN', locale: 'es-PE', utcOffset: -5 },
+  SANTIAGO: { city: 'Santiago', timeZone: 'America/Santiago', name: 'Chile', currency: 'CLP', locale: 'es-CL', utcOffset: -4 },
+  CHICAGO: { city: 'Chicago', timeZone: 'America/Chicago', name: 'United States (Central)', currency: 'USD', locale: 'en-US', utcOffset: -6 },
+  DENVER: { city: 'Denver', timeZone: 'America/Denver', name: 'United States (Mountain)', currency: 'USD', locale: 'en-US', utcOffset: -7 },
+  LOS_ANGELES: { city: 'Los Angeles', timeZone: 'America/Los_Angeles', name: 'United States (Pacific)', currency: 'USD', locale: 'en-US', utcOffset: -8 },
+  NEW_YORK: { city: 'New York', timeZone: 'America/New_York', name: 'United States (Eastern)', currency: 'USD', locale: 'en-US', utcOffset: -5 },
+
+  // ASIA
+  SHANGHAI: { city: 'Shanghai', timeZone: 'Asia/Shanghai', name: 'China', currency: 'CNY', locale: 'zh-CN', utcOffset: +8 },
+  KOLKATA: { city: 'Kolkata', timeZone: 'Asia/Kolkata', name: 'India', currency: 'INR', locale: 'en-IN', utcOffset: +5.5 },
+  TOKYO: { city: 'Tokyo', timeZone: 'Asia/Tokyo', name: 'Japan', currency: 'JPY', locale: 'ja-JP', utcOffset: +9 },
+  SEOUL: { city: 'Seoul', timeZone: 'Asia/Seoul', name: 'South Korea', currency: 'KRW', locale: 'ko-KR', utcOffset: +9 },
+  DUBAI: { city: 'Dubai', timeZone: 'Asia/Dubai', name: 'United Arab Emirates', currency: 'AED', locale: 'ar-AE', utcOffset: +4 },
+
+  // EUROPE
+  BERLIN: { city: 'Berlin', timeZone: 'Europe/Berlin', name: 'Germany', currency: 'EUR', locale: 'de-DE', utcOffset: +1 },
+  PARIS: { city: 'Paris', timeZone: 'Europe/Paris', name: 'France', currency: 'EUR', locale: 'fr-FR', utcOffset: +1 },
+  ROME: { city: 'Rome', timeZone: 'Europe/Rome', name: 'Italy', currency: 'EUR', locale: 'it-IT', utcOffset: +1 },
+  MADRID: { city: 'Madrid', timeZone: 'Europe/Madrid', name: 'Spain', currency: 'EUR', locale: 'es-ES', utcOffset: +1 },
+  ZURICH: { city: 'Zurich', timeZone: 'Europe/Zurich', name: 'Switzerland', currency: 'CHF', locale: 'de-CH', utcOffset: +1 },
+  LONDON: { city: 'London', timeZone: 'Europe/London', name: 'United Kingdom', currency: 'GBP', locale: 'en-GB', utcOffset: 0 },
+
+  // OCEANIA
+  SYDNEY: { city: 'Sydney', timeZone: 'Australia/Sydney', name: 'Australia', currency: 'AUD', locale: 'en-AU', utcOffset: +10 },
+  AUCKLAND: { city: 'Auckland', timeZone: 'Pacific/Auckland', name: 'New Zealand', currency: 'NZD', locale: 'en-NZ', utcOffset: +12 },
+};
+

package/src/lib/components/index.ts

@@ -0,0 +1,2 @@
+export * from './advanced-table';
+export * from './advanced-card';

package/src/public-api.ts

@@ -0,0 +1,4 @@
+/*
+ * Public API Surface of b2b-tools
+ */
+export * from './lib/components';

package/tsconfig.lib.json

@@ -0,0 +1,17 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,15 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "vitest/globals"
+    ]
+  },
+  "include": [
+    "src/**/*.d.ts",
+    "src/**/*.spec.ts"
+  ]
+}