ud-components 0.3.13 → 0.3.15

package/lib/ionic/ion-pill-toggle/ion-pill-toggle.component.d.ts

@@ -0,0 +1,19 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface IonPillToggleOption {
+    value: string;
+    label: string;
+}
+export declare class IonPillToggleComponent implements OnChanges {
+    controlName: string;
+    label: string;
+    options: IonPillToggleOption[];
+    disabled: boolean;
+    private controlContainer;
+    ngOnChanges(changes: SimpleChanges): void;
+    get control(): FormControl;
+    onSegmentChange(event: CustomEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonPillToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonPillToggleComponent, "ud-ion-pill-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ionic/ion-select/ion-select.component.d.ts

@@ -0,0 +1,21 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export interface UdIonSelectOption {
+    value: any;
+    label: string;
+}
+export declare class IonSelectComponent implements OnChanges {
+    controlName: string;
+    label: string;
+    options: UdIonSelectOption[];
+    multiple: boolean;
+    placeholder: string;
+    loading: boolean;
+    disabled: boolean;
+    private controlContainer;
+    ngOnChanges(changes: SimpleChanges): void;
+    get control(): FormControl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonSelectComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonSelectComponent, "ud-ion-select", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "options": { "alias": "options"; "required": false; }; "multiple": { "alias": "multiple"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ionic/ion-text-input/ion-text-input.component.d.ts

@@ -0,0 +1,19 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class IonTextInputComponent implements OnChanges {
+    controlName: string;
+    label: string;
+    placeholder: string;
+    type: 'text' | 'email' | 'password' | 'number';
+    loading: boolean;
+    disabled: boolean;
+    step: number;
+    private controlContainer;
+    ngOnChanges(changes: SimpleChanges): void;
+    get control(): FormControl;
+    increment(): void;
+    decrement(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonTextInputComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTextInputComponent, "ud-ion-text-input", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "type": { "alias": "type"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "step": { "alias": "step"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ionic/ion-textarea/ion-textarea.component.d.ts

@@ -0,0 +1,15 @@
+import { OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class IonTextareaComponent implements OnChanges {
+    controlName: string;
+    label: string;
+    placeholder: string;
+    rows: number;
+    disabled: boolean;
+    private controlContainer;
+    ngOnChanges(changes: SimpleChanges): void;
+    get control(): FormControl;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonTextareaComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonTextareaComponent, "ud-ion-textarea", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "rows": { "alias": "rows"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/ionic/ion-toggle/ion-toggle.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, OnChanges, OnDestroy, OnInit, SimpleChanges } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import * as i0 from "@angular/core";
+export declare class IonToggleComponent implements OnInit, OnChanges, OnDestroy {
+    controlName: string;
+    label: string;
+    labelPosition: 'start' | 'end';
+    disabled: boolean;
+    ionChange: EventEmitter<boolean>;
+    private controlContainer;
+    private destroy$;
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    get control(): FormControl;
+    onToggleChange(event: CustomEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IonToggleComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IonToggleComponent, "ud-ion-toggle", never, { "controlName": { "alias": "controlName"; "required": true; }; "label": { "alias": "label"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "ionChange": "ionChange"; }, never, never, true, never>;
+}

package/lib/kpi/kpi.component.d.ts

@@ -1,4 +1,4 @@
-import { IconColor, KpiDataType, KpiProgressBarType } from './kpi.enum';
+import { IconColor, KpiDataType, KpiProgressBarType, KpiVariant } from './kpi.enum';
 import { KpiData, PillData, ProgressBarData, TextData } from './kpi.interface';
 import * as i0 from "@angular/core";
 export declare class KpiComponent {
@@ -9,12 +9,17 @@ export declare class KpiComponent {
     icon: string;
     iconColor: IconColor;
     titleRef?: string;
+    loading: boolean;
+    variant: KpiVariant;
     getProgressData(): ProgressBarData;
     getProgressBarValue(): number;
     getPillData(): PillData;
     getTextData(): TextData;
+    getTrendIcon(trendValue: number): string;
+    getTrendColor(trendValue: number): string;
     protected readonly KpiDataType: typeof KpiDataType;
     protected readonly KpiProgressBarType: typeof KpiProgressBarType;
+    protected readonly KpiVariant: typeof KpiVariant;
     static ɵfac: i0.ɵɵFactoryDeclaration<KpiComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KpiComponent, "ud-kpi", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "titleRef": { "alias": "titleRef"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KpiComponent, "ud-kpi", never, { "title": { "alias": "title"; "required": false; }; "subtitle": { "alias": "subtitle"; "required": false; }; "dataType": { "alias": "dataType"; "required": false; }; "data": { "alias": "data"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "titleRef": { "alias": "titleRef"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/kpi/kpi.enum.d.ts

@@ -13,10 +13,18 @@ export declare enum KpiPillType {
     DANGER = "danger",
     INFO = "info"
 }
+export declare enum KpiVariant {
+    ICON_BADGE = "icon-badge",// colored gradient icon badge, white card
+    TOP_BAR = "top-bar",// thin colored top border, icon badge
+    FILLED_TOP = "filled-top",// tinted header strip, white content body
+    DARK_CARD = "dark-card",// full navy card, inverted palette
+    MINIMAL = "minimal"
+}
 export declare enum IconColor {
     PURPLE = "purple",
     AMBER = "amber",
     GREEN = "green",
     BLUE = "blue",
-    RED = "red"
+    RED = "red",
+    NAVY = "navy"
 }

package/lib/kpi/kpi.interface.d.ts

@@ -22,4 +22,8 @@ export interface TextData extends KpiData {
     value: string | number;
     unit?: string;
     description?: string;
+    trend?: {
+        value: number;
+        label?: string;
+    };
 }

package/package.json

@@ -1,10 +1,18 @@
 {
   "name": "ud-components",
-  "version": "0.3.13",
+  "version": "0.3.15",
   "peerDependencies": {
     "@angular/common": "^19.2.0",
     "@angular/core": "^19.2.0"
   },
+  "peerDependenciesMeta": {
+    "@ionic/angular": {
+      "optional": true
+    }
+  },
+  "optionalDependencies": {
+    "@ionic/angular": "^8.0.0"
+  },
   "dependencies": {
     "tslib": "^2.3.0"
   },

package/public-api.d.ts

@@ -24,6 +24,11 @@ export * from './lib/form-fields/textarea/textarea.component';
 export * from './lib/form-fields/phone-input/phone-input.component';
 export * from './lib/button/button.component';
 export * from './lib/toggle/toggle.component';
+export * from './lib/ionic/ion-text-input/ion-text-input.component';
+export * from './lib/ionic/ion-select/ion-select.component';
+export * from './lib/ionic/ion-textarea/ion-textarea.component';
+export * from './lib/ionic/ion-toggle/ion-toggle.component';
+export * from './lib/ionic/ion-pill-toggle/ion-pill-toggle.component';
 export * from './enums/application-status.enum';
 export * from './enums/custom-table.enum';
 export * from './enums/modal-input-type.enum';