@forgeroute/ui 0.3.9 → 0.3.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
package/types/forgeroute-ui.d.ts
CHANGED
|
@@ -6522,6 +6522,62 @@ export declare class HintComponent {
|
|
|
6522
6522
|
static ɵfac: i0.ɵɵFactoryDeclaration<HintComponent, never>;
|
|
6523
6523
|
static ɵcmp: i0.ɵɵComponentDeclaration<HintComponent, "ui-hint", never, {}, {}, never, ["*"], true, never>;
|
|
6524
6524
|
}
|
|
6525
|
+
/** The SVG path (24×24 stroke icon) for an icon key, or undefined when the key is unknown. */
|
|
6526
|
+
export declare function iconPath(name: string): string | undefined;
|
|
6527
|
+
/** Keys with an icon of their own (the data-table action keys are accepted too — see `builtInActionIcon`). */
|
|
6528
|
+
export type IconName = 'add' | 'close' | 'check' | 'upload' | 'image' | 'chevron-up' | 'chevron-down' | 'view' | 'edit' | 'delete' | 'download' | 'duplicate' | 'archive' | 'restore' | 'share' | 'email' | 'message' | 'call';
|
|
6529
|
+
/**
|
|
6530
|
+
* A clickable icon. The host passes a key (`name="delete"`) and the library draws that icon; clicking it emits
|
|
6531
|
+
* `iconClick`, and the host does the actual work (delete the row, open a panel, …).
|
|
6532
|
+
*
|
|
6533
|
+
* <ui-icon name="delete" label="Remove line item 1" variant="danger" (iconClick)="removeLineItem(i)" />
|
|
6534
|
+
*
|
|
6535
|
+
* `label` is the accessible name (an icon has no text) — always set it. An unknown `name` draws nothing.
|
|
6536
|
+
*/
|
|
6537
|
+
export declare class IconComponent {
|
|
6538
|
+
/** Which icon to draw, e.g. `delete`, `edit`, `add`. */
|
|
6539
|
+
readonly name: import("@angular/core").InputSignal<IconName | (string & {})>;
|
|
6540
|
+
/** Accessible name — what the click does ("Remove line item 1"). */
|
|
6541
|
+
readonly label: import("@angular/core").InputSignal<string>;
|
|
6542
|
+
/** Icon size in px. */
|
|
6543
|
+
readonly size: import("@angular/core").InputSignal<number>;
|
|
6544
|
+
readonly variant: import("@angular/core").InputSignal<"danger" | "default">;
|
|
6545
|
+
readonly disabled: import("@angular/core").InputSignal<boolean>;
|
|
6546
|
+
/** Fires on click (not while disabled); the host performs the action. */
|
|
6547
|
+
readonly iconClick: import("@angular/core").OutputEmitterRef<MouseEvent>;
|
|
6548
|
+
protected readonly path: import("@angular/core").Signal<string | undefined>;
|
|
6549
|
+
protected onClick(event: MouseEvent): void;
|
|
6550
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
|
|
6551
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "ui-icon", never, {
|
|
6552
|
+
"name": {
|
|
6553
|
+
"alias": "name";
|
|
6554
|
+
"required": true;
|
|
6555
|
+
"isSignal": true;
|
|
6556
|
+
};
|
|
6557
|
+
"label": {
|
|
6558
|
+
"alias": "label";
|
|
6559
|
+
"required": false;
|
|
6560
|
+
"isSignal": true;
|
|
6561
|
+
};
|
|
6562
|
+
"size": {
|
|
6563
|
+
"alias": "size";
|
|
6564
|
+
"required": false;
|
|
6565
|
+
"isSignal": true;
|
|
6566
|
+
};
|
|
6567
|
+
"variant": {
|
|
6568
|
+
"alias": "variant";
|
|
6569
|
+
"required": false;
|
|
6570
|
+
"isSignal": true;
|
|
6571
|
+
};
|
|
6572
|
+
"disabled": {
|
|
6573
|
+
"alias": "disabled";
|
|
6574
|
+
"required": false;
|
|
6575
|
+
"isSignal": true;
|
|
6576
|
+
};
|
|
6577
|
+
}, {
|
|
6578
|
+
"iconClick": "iconClick";
|
|
6579
|
+
}, never, never, true, never>;
|
|
6580
|
+
}
|
|
6525
6581
|
export type ImagePreviewShape = 'circle' | 'rounded';
|
|
6526
6582
|
export type ImagePreviewSize = 'sm' | 'md' | 'lg';
|
|
6527
6583
|
export type ImagePreviewPlaceholder = 'person' | 'image';
|