@payex-ds/angular 0.0.0-stage → 0.1.0

package/generated/value-accessor.d.ts

@@ -0,0 +1,10 @@
+import { PdsValueAccessorBase, type PdsControlConfig } from '../lib/value-accessor';
+import * as i0 from "@angular/core";
+/** Form-associated elements found in the manifest and how their value is read. */
+export declare const PDS_FORM_CONTROLS: Readonly<Record<string, PdsControlConfig>>;
+/** `ControlValueAccessor` for every form control: works with `formControlName`, `formControl` and `ngModel`. */
+export declare class PdsValueAccessor extends PdsValueAccessorBase {
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<PdsValueAccessor, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PdsValueAccessor, "pds-checkbox[formControlName],pds-checkbox[formControl],pds-checkbox[ngModel],pds-datepicker[formControlName],pds-datepicker[formControl],pds-datepicker[ngModel],pds-input[formControlName],pds-input[formControl],pds-input[ngModel],pds-radio-group[formControlName],pds-radio-group[formControl],pds-radio-group[ngModel],pds-rangeslider[formControlName],pds-rangeslider[formControl],pds-rangeslider[ngModel],pds-select[formControlName],pds-select[formControl],pds-select[ngModel],pds-togglebox[formControlName],pds-togglebox[formControl],pds-togglebox[ngModel]", never, {}, {}, never, never, true, never>;
+}

package/index.d.ts

@@ -0,0 +1,7 @@
+export * from './generated/components';
+export * from './generated/value-accessor';
+export * from './generated/all';
+export { PdsComponentBase } from './lib/component-base';
+export { PdsValueAccessorBase, type PdsControlConfig } from './lib/value-accessor';
+export { provideDesignSystem, type DesignSystemConfig } from './lib/provide-design-system';
+export { ds, type InitOptions } from '@payex-ds/core';

package/lib/component-base.d.ts

@@ -0,0 +1,12 @@
+import { type EventEmitter } from '@angular/core';
+/** Shared plumbing for generated components; the component itself IS the custom element host. */
+export declare abstract class PdsComponentBase<E extends HTMLElement = HTMLElement> {
+    protected readonly pdsHost: E;
+    private readonly pdsZone;
+    private readonly pdsDestroyRef;
+    /** Defines the element and upgrades the host before Angular assigns inputs. */
+    protected constructor(define: () => void);
+    protected pdsSetProperty(name: keyof E & string, value: unknown): void;
+    protected pdsSetAttribute(name: string, value: unknown): void;
+    protected pdsForward(eventName: string, emitter: EventEmitter<CustomEvent>): void;
+}

package/lib/provide-design-system.d.ts

@@ -0,0 +1,10 @@
+import { type EnvironmentProviders } from '@angular/core';
+import { type InitOptions } from '@payex-ds/core';
+export type DesignSystemConfig = Omit<InitOptions, 'design'> & {
+    /** Key of the published design, e.g. `payex`. */
+    design: string;
+    /** Inline design object (maps to `InitOptions.design`) for offline use. */
+    inlineDesign?: unknown;
+};
+/** Loads the design before the application bootstraps. Use in `bootstrapApplication(..., { providers })`. */
+export declare function provideDesignSystem(config: DesignSystemConfig): EnvironmentProviders;

package/lib/value-accessor.d.ts

@@ -0,0 +1,21 @@
+import type { ControlValueAccessor } from '@angular/forms';
+export interface PdsControlConfig {
+    /** Element property holding the control value. */
+    property: 'value' | 'checked';
+    /** DOM events that signal a user change. */
+    events: readonly string[];
+}
+/** Generic `ControlValueAccessor`; the generated directive supplies selectors and the per-tag config. */
+export declare class PdsValueAccessorBase implements ControlValueAccessor {
+    private readonly host;
+    private readonly zone;
+    private readonly config;
+    private onChange;
+    private onTouched;
+    constructor(controls: Readonly<Record<string, PdsControlConfig>>);
+    writeValue(value: unknown): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    private read;
+}

package/package.json

@@ -1,6 +1,32 @@
 {
   "name": "@payex-ds/angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
+  "version": "0.1.0",
+  "description": "Angular wrappers for the PayEx design system web components",
+  "type": "module",
+  "publishConfig": {
+    "access": "public",
+    "directory": "dist"
+  },
+  "peerDependencies": {
+    "@angular/core": ">=18.0.0",
+    "@angular/forms": ">=18.0.0"
+  },
+  "dependencies": {
+    "tslib": "^2.6.0",
+    "@payex-ds/core": "0.1.0"
+  },
+  "module": "fesm2022/payex-ds-angular.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2022": "./esm2022/payex-ds-angular.mjs",
+      "esm": "./esm2022/payex-ds-angular.mjs",
+      "default": "./fesm2022/payex-ds-angular.mjs"
+    }
+  },
+  "sideEffects": false
 }