@akcelik/strct 4.11.0 → 4.12.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@akcelik/strct",
-  "version": "4.11.0",
+  "version": "4.12.0",
   "description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
   "author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
   "license": "MIT",

package/types/akcelik-strct.d.ts

@@ -352,6 +352,27 @@ declare class StrctIcon {
     readonly badge: _angular_core.InputSignal<StrctIconBadge>;
     /** Accessible label for the icon. When empty the icon is hidden from assistive tech. */
     readonly ariaLabel: _angular_core.InputSignal<string>;
+    /**
+     * A count on the icon's top end corner — "a bell with seven alarms says 7".
+     * `null` or `0` draws nothing, and a count replaces `badge` (an icon says one
+     * thing at a time). Above `countMax` it reads "99+".
+     */
+    readonly count: _angular_core.InputSignal<number | null>;
+    /** The highest number shown in full; above it the badge reads "<max>+". */
+    readonly countMax: _angular_core.InputSignal<number>;
+    /** Badge tone — `--{status}` background with `--inv` text. */
+    readonly countStatus: _angular_core.InputSignal<StrctStatus>;
+    /**
+     * How the count reads to assistive tech, appended to `ariaLabel` (so an icon
+     * with no label stays decorative and the count belongs to its button).
+     */
+    readonly countLabel: _angular_core.InputSignal<(n: number) => string>;
+    /** The badge's text, or null when there is nothing to say. */
+    protected readonly countText: _angular_core.Signal<string | null>;
+    /** 1.2em of the icon size, floored at 14px, as the badge's box. */
+    protected readonly countFontSize: _angular_core.Signal<number>;
+    /** The label the glyph carries: its own, plus the count when both are set. */
+    protected readonly accessibleLabel: _angular_core.Signal<string>;
     /** The effective name: `strictName` wins when set. */
     protected readonly iconName: _angular_core.Signal<StrctIconName | (string & {})>;
     /** True when the named icon is a full-SVG (raw) icon registered by the app. */
@@ -359,7 +380,7 @@ declare class StrctIcon {
     protected readonly svg: _angular_core.Signal<SafeHtml>;
     protected readonly rawSvg: _angular_core.Signal<SafeHtml>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctIcon, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctIcon, "strct-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "strictName": { "alias": "strictName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctIcon, "strct-icon", never, { "name": { "alias": "name"; "required": false; "isSignal": true; }; "strictName": { "alias": "strictName"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "badge": { "alias": "badge"; "required": false; "isSignal": true; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "count": { "alias": "count"; "required": false; "isSignal": true; }; "countMax": { "alias": "countMax"; "required": false; "isSignal": true; }; "countStatus": { "alias": "countStatus"; "required": false; "isSignal": true; }; "countLabel": { "alias": "countLabel"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 /** Overlay positioning strategies. */
@@ -710,7 +731,7 @@ declare class StrctSectionHeader {
 }
 
 /** Button visual variants. */
-type StrctButtonVariant = 'primary' | 'critical' | 'outline' | 'flat' | 'neutral';
+type StrctButtonVariant = 'primary' | 'critical' | 'outline' | 'flat' | 'neutral' | 'link';
 /** Button size variants. */
 type StrctButtonSize = 'md' | 'sm' | 'mini';
 /**
@@ -1976,8 +1997,18 @@ declare class StrctBreadcrumb {
 declare class StrctBreadcrumbItem {
     /** Mark as the current page. */
     readonly current: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /**
+     * The crumb itself is the control — for a trail that does not route, such as
+     * a folder path. It is stated rather than inferred from `(activated)` having
+     * a listener, which Angular's output API does not expose;
+     * `strct-list-item` and `strct-tag` read the same way.
+     */
+    readonly interactive: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    /** Emitted when an `interactive` crumb is activated (click / Enter / Space). */
+    readonly activated: _angular_core.OutputEmitterRef<void>;
+    protected onActivate(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctBreadcrumbItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctBreadcrumbItem, "strct-breadcrumb-item", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctBreadcrumbItem, "strct-breadcrumb-item", never, { "current": { "alias": "current"; "required": false; "isSignal": true; }; "interactive": { "alias": "interactive"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, ["*"], true, never>;
 }
 
 type PageToken = number | 'dots';
@@ -4825,7 +4856,7 @@ declare class StrctAlert {
     readonly dismissLabel: _angular_core.InputSignal<string>;
     /** Emitted when the alert is dismissed. */
     readonly closed: _angular_core.OutputEmitterRef<void>;
-    protected readonly icon: _angular_core.Signal<"info" | "success" | "warning" | "critical">;
+    protected readonly icon: _angular_core.Signal<"success" | "warning" | "critical" | "info">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctAlert, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctAlert, "strct-alert", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "closable": { "alias": "closable"; "required": false; "isSignal": true; }; "dismissLabel": { "alias": "dismissLabel"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
 }