@besaitech/ng-design-system 0.0.47 → 0.0.48

package/index.d.ts

@@ -2321,7 +2321,7 @@ declare class SdsTopbar {
     /** Add slow-drifting brand-tinted blobs behind the bar (opt-in; pairs with `glass`/`surface`). */
     readonly decorations: _angular_core.InputSignalWithTransform<boolean, unknown>;
     protected readonly shellClasses: _angular_core.Signal<"bg-linear-to-r from-brand-800 via-brand-700 to-brand-600 text-white" | "border-b border-border bg-linear-to-r from-surface/85 via-surface/80 to-brand-100/70 text-ink backdrop-blur-xl" | "border-b border-border bg-surface text-ink">;
-    protected readonly menuButtonClasses: _angular_core.Signal<"text-white/85 hover:bg-white/10 hover:text-white focus-visible:ring-white/40" | "text-ink-soft hover:bg-muted hover:text-ink focus-visible:ring-brand-500/40">;
+    protected readonly menuButtonClasses: _angular_core.Signal<"text-ink-soft hover:bg-muted hover:text-ink focus-visible:ring-brand-500/40" | "text-white/85 hover:bg-white/10 hover:text-white focus-visible:ring-white/40">;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsTopbar, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsTopbar, "sds-topbar", never, { "appName": { "alias": "appName"; "required": false; "isSignal": true; }; "contentWidth": { "alias": "contentWidth"; "required": false; "isSignal": true; }; "menuButton": { "alias": "menuButton"; "required": false; "isSignal": true; }; "menuLabel": { "alias": "menuLabel"; "required": false; "isSignal": true; }; "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "decorations": { "alias": "decorations"; "required": false; "isSignal": true; }; }, {}, never, ["[sdsLogo]", "[sdsLead]", "[sdsCenter]", "[sdsActions]"], true, never>;
 }
@@ -2585,29 +2585,45 @@ declare class SdsUserMenu {
 
 type SdsMenuItemTone = 'default' | 'danger';
 /**
- * A single row inside a menu surface (the {@link SdsUserMenu} dropdown, or any custom popover). Renders
- * an anchor when [link] is set — with the Router — or a button otherwise, and emits {@link select} on
- * activation. The parent menu closes itself when an item is activated, so an item never has to reach
- * back into the menu.
+ * A single row inside a menu surface (the {@link SdsUserMenu} dropdown, or any custom popover). Renders,
+ * in order of precedence: a plain anchor when [href] is set (an EXTERNAL or cross-origin URL), a
+ * Router anchor when [link] is set (an in-app route), or a button otherwise. It always emits
+ * {@link select} on activation. The parent menu closes itself when an item is activated, so an item
+ * never has to reach back into the menu.
  *
  * `tone="danger"` paints a destructive action (sign out, delete). Trailing content (a shortcut hint, a
  * count) projects into the default slot after the label.
  *
  * @example
- * <sds-menu-item icon="user" label="Profil" link="/profile" />
+ * <sds-menu-item icon="user" label="Profil" link="/profile" />                          <!-- in-app route -->
+ * <sds-menu-item icon="external-link" label="Site public" href="https://…" target="_blank" />
  * <sds-menu-item icon="log-out" label="Se déconnecter" tone="danger" (select)="signOut()" />
  */
 declare class SdsMenuItem {
     readonly icon: _angular_core.InputSignal<"chart-column" | "clipboard-list" | "credit-card" | "external-link" | "languages" | "megaphone" | "monitor" | "store" | "user-round" | "home" | "user-plus" | "user-check" | "hand" | "users" | "bike" | "building-2" | "package" | "package-plus" | "package-open" | "rotate-ccw" | "bar-chart-3" | "search" | "log-out" | "panel-left-close" | "panel-left-open" | "panel-left" | "calendar" | "chevron-right" | "chevron-left" | "chevron-down" | "chevron-up" | "plus" | "minus" | "chevrons-left" | "chevrons-right" | "x" | "check" | "alert-circle" | "info" | "copy" | "type" | "tag" | "square" | "circle-user" | "layout-grid" | "panels-top-left" | "panel-top" | "rows-3" | "book-open" | "palette" | "bell" | "phone" | "settings" | "align-left" | "toggle-left" | "arrow-up" | "arrow-down" | "chevrons-up-down" | "filter" | "table" | "eye" | "eye-off" | "user" | "check-circle" | "arrows-clockwise" | "menu" | "file-text" | "hash" | "map-pin" | "inbox" | "arrow-right" | "refresh-cw" | "loader-circle" | "bug" | "scroll-text" | "moon" | "sun" | "search-x" | "command" | "sparkles" | null>;
     readonly label: _angular_core.InputSignal<string>;
-    /** Router link target; when null (default) the item renders as a button. */
+    /** Router link target for an in-app route; when null (default) the item is not a Router link. */
     readonly link: _angular_core.InputSignal<string | unknown[] | null>;
+    /**
+     * External / cross-origin URL. When set, the item renders a plain `<a [href]>` (NOT a Router link),
+     * so it works for another app's origin. Takes precedence over {@link link}.
+     */
+    readonly href: _angular_core.InputSignal<string | null>;
+    /** Anchor target for {@link href}, e.g. `_blank` to open the destination in a new tab. */
+    readonly target: _angular_core.InputSignal<string | null>;
+    /**
+     * `rel` for {@link href}. Defaults to `noopener noreferrer` when {@link target} is `_blank` (the safe
+     * default for a new-tab external link); pass a value to override, or `''` to clear it.
+     */
+    readonly rel: _angular_core.InputSignal<string | null>;
     readonly tone: _angular_core.InputSignal<SdsMenuItemTone>;
     readonly disabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly select: _angular_core.OutputEmitterRef<void>;
+    /** `noopener noreferrer` is forced for a `_blank` external link unless the consumer set `rel` explicitly. */
+    protected readonly resolvedRel: _angular_core.Signal<string | null>;
     protected readonly rowClass: _angular_core.Signal<string>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<SdsMenuItem, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsMenuItem, "sds-menu-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<SdsMenuItem, "sds-menu-item", never, { "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": true; "isSignal": true; }; "link": { "alias": "link"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "rel": { "alias": "rel"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "select": "select"; }, never, ["*"], true, never>;
 }
 
 /** One searchable entry. `group` buckets it under a heading; `keywords` widen what the filter matches. */

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@besaitech/ng-design-system",
-  "version": "0.0.47",
+  "version": "0.0.48",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/",
     "access": "public"