@retalia/pos-components 0.0.4 → 0.0.5

package/src/lib/tokens/pos-tokens.ts

@@ -1,208 +0,0 @@
-import {
-  ChangeDetectionStrategy,
-  Component,
-  computed,
-  signal,
-} from '@angular/core';
-
-import {
-  POS_TOKEN_BY_VARIABLE,
-  POS_TOKEN_SAMPLES,
-  type PosTokenDefinition,
-  type PosTokenSwatch,
-  lookupPosTokens,
-  tokensInGroup,
-} from './pos-token-catalog';
-import {
-  POS_THEME_CSS_FILENAME,
-  downloadTextFile,
-  normalizePosTokenValue,
-  overridesFromThemeValues,
-  parseCssHex,
-  parsePosThemeCss,
-  resolvedPosTheme,
-  serializePosThemeCss,
-} from './pos-theme-css';
-
-export type { PosTokenSwatch };
-
-interface PosTokenSelection {
-  readonly id: string;
-  readonly title: string;
-  readonly variables: readonly string[];
-}
-
-@Component({
-  selector: 'pos-tokens',
-  changeDetection: ChangeDetectionStrategy.OnPush,
-  templateUrl: './pos-tokens.html',
-  styleUrl: './pos-tokens.scss',
-  host: {
-    class: 'pos-tokens',
-    '[style]': 'themeStyle()',
-    '(keydown.escape)': 'clearSelection()',
-  },
-})
-export class PosTokens {
-  protected readonly colorTokens = tokensInGroup('color');
-  protected readonly radiusTokens = tokensInGroup('radius');
-  protected readonly spaceTokens = tokensInGroup('space');
-  protected readonly typeTokens = tokensInGroup('type');
-  protected readonly controlTokens = tokensInGroup('control');
-
-  private readonly overrides = signal<Record<string, string>>({});
-  protected readonly selection = signal<PosTokenSelection | null>(null);
-  protected readonly statusMessage = signal('');
-
-  protected readonly selectedTokens = computed(() => {
-    const selection = this.selection();
-    return selection ? lookupPosTokens(selection.variables) : [];
-  });
-
-  protected readonly hasOverrides = computed(
-    () => Object.keys(this.overrides()).length > 0,
-  );
-
-  protected readonly themeStyle = computed(() =>
-    Object.entries(this.overrides())
-      .map(([variable, value]) => `${variable}: ${value}`)
-      .join('; '),
-  );
-
-  /** Complete :root CSS for the consuming POS. Package defaults are not written. */
-  themeCss(): string {
-    return serializePosThemeCss(resolvedPosTheme(this.overrides()));
-  }
-
-  /** Load a previously exported theme as live overrides. Does not mutate defaults. */
-  loadThemeCss(css: string): void {
-    const parsed = parsePosThemeCss(css);
-    const knownCount = Object.keys(parsed).length;
-    this.overrides.set(overridesFromThemeValues(parsed));
-
-    if (knownCount === 0) {
-      this.statusMessage.set('No --pos-* tokens found in that file.');
-      return;
-    }
-
-    this.statusMessage.set(
-      `Imported ${knownCount} tokens as live overrides. Package defaults are unchanged.`,
-    );
-  }
-
-  resetTheme(): void {
-    this.overrides.set({});
-    this.statusMessage.set('Live overrides cleared. Package defaults restored in this lab.');
-  }
-
-  protected exportThemeFile(): void {
-    downloadTextFile(POS_THEME_CSS_FILENAME, this.themeCss());
-    this.statusMessage.set(
-      `Downloaded ${POS_THEME_CSS_FILENAME}. Add it after the package stylesheet in the host POS.`,
-    );
-  }
-
-  protected async onImportFile(event: Event): Promise<void> {
-    const input = event.target;
-    if (!(input instanceof HTMLInputElement) || !input.files?.length) {
-      return;
-    }
-
-    const css = await input.files[0].text();
-    this.loadThemeCss(css);
-    input.value = '';
-  }
-
-  protected selectToken(token: PosTokenDefinition): void {
-    this.selection.set({
-      id: `token:${token.variable}`,
-      title: token.name,
-      variables: [token.variable],
-    });
-  }
-
-  protected selectSample(sampleId: string): void {
-    const sample = POS_TOKEN_SAMPLES.find((item) => item.id === sampleId);
-    if (!sample) {
-      return;
-    }
-
-    this.selection.set({
-      id: `sample:${sample.id}`,
-      title: sample.label,
-      variables: sample.variables,
-    });
-  }
-
-  protected clearSelection(): void {
-    this.selection.set(null);
-  }
-
-  protected isTokenSelected(variable: string): boolean {
-    const selection = this.selection();
-    return selection?.id === `token:${variable}`;
-  }
-
-  protected isSampleSelected(sampleId: string): boolean {
-    return this.selection()?.id === `sample:${sampleId}`;
-  }
-
-  protected isModified(variable: string): boolean {
-    return variable in this.overrides();
-  }
-
-  protected currentValue(variable: string): string {
-    return this.overrides()[variable] ?? POS_TOKEN_BY_VARIABLE.get(variable)?.defaultValue ?? '';
-  }
-
-  protected defaultValue(variable: string): string {
-    return POS_TOKEN_BY_VARIABLE.get(variable)?.defaultValue ?? '';
-  }
-
-  protected colorInputValue(variable: string): string | null {
-    return parseCssHex(this.currentValue(variable));
-  }
-
-  protected tokenFieldId(variable: string): string {
-    return `pos-token-field-${variable.replace(/[^a-z0-9]+/gi, '-')}`;
-  }
-
-  protected onTokenInput(variable: string, event: Event): void {
-    const target = event.target;
-    if (!(target instanceof HTMLInputElement)) {
-      return;
-    }
-
-    this.setTokenValue(variable, target.value);
-  }
-
-  protected resetToken(variable: string): void {
-    this.overrides.update((current) => {
-      if (!(variable in current)) {
-        return current;
-      }
-
-      const next = { ...current };
-      delete next[variable];
-      return next;
-    });
-  }
-
-  private setTokenValue(variable: string, raw: string): void {
-    const token = POS_TOKEN_BY_VARIABLE.get(variable);
-    if (!token) {
-      return;
-    }
-
-    const normalized = normalizePosTokenValue(token.kind, raw);
-    this.overrides.update((current) => {
-      const next = { ...current };
-      if (!normalized || normalized === token.defaultValue) {
-        delete next[variable];
-      } else {
-        next[variable] = normalized;
-      }
-      return next;
-    });
-  }
-}

package/src/public-api.ts

@@ -1,37 +0,0 @@
-/*
- * Public API Surface of @retalia/pos-components
- */
-
-export { PosLogin } from './lib/login/pos-login';
-export type {
-  PosLoginIntent,
-  PosLoginSessionState,
-  PosLoginSessionStatus,
-} from './lib/login/pos-login';
-
-export { PosBasket } from './lib/basket/pos-basket';
-export type {
-  PosBasketIntent,
-  PosBasketLine,
-  PosBasketTotals,
-  PosBasketVat,
-} from './lib/basket/pos-basket';
-
-export { PosItemEntry } from './lib/item-entry/pos-item-entry';
-export type { PosItemEntryIntent } from './lib/item-entry/pos-item-entry';
-
-export { PosTender } from './lib/tender/pos-tender';
-export type { PosTenderIntent } from './lib/tender/pos-tender';
-
-export { PosReceipt } from './lib/receipt/pos-receipt';
-export type {
-  PosReceiptIntent,
-  PosReceiptLine,
-  PosReceiptTotals,
-  PosReceiptVat,
-  PosReceiptPayment,
-  PosReceiptDocument,
-} from './lib/receipt/pos-receipt';
-
-export { PosTokens } from './lib/tokens/pos-tokens';
-export type { PosTokenSwatch } from './lib/tokens/pos-tokens';

package/tsconfig.lib.json

@@ -1,14 +0,0 @@
-/* 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": {
-    "rootDir": "./src",
-    "outDir": "../../out-tsc/lib",
-    "declaration": true,
-    "declarationMap": true,
-    "types": []
-  },
-  "include": ["src/**/*.ts"],
-  "exclude": ["**/*.spec.ts", "**/*.stories.ts"]
-}

package/tsconfig.lib.prod.json

@@ -1,11 +0,0 @@
-/* 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

@@ -1,11 +0,0 @@
-/* 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": {
-    "rootDir": "./src",
-    "outDir": "../../out-tsc/spec",
-    "types": ["vitest/globals"]
-  },
-  "include": ["src/**/*.d.ts", "src/**/*.spec.ts"]
-}