@underlayerdev/ui 0.18.0 → 0.19.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@underlayerdev/ui",
-  "version": "0.18.0",
+  "version": "0.19.0",
   "peerDependencies": {
     "@angular/cdk": "^22.0.0",
     "@angular/common": "^22.0.0",

package/types/underlayerdev-ui.d.ts

@@ -1395,6 +1395,11 @@ export declare class DropdownComponent {
    * @default 'Open menu'
    */
   iconOnlyLabel: import("@angular/core").InputSignal<string>;
+  /**
+   * What the trigger says while no item is selected, i.e. `selectedIndex` points at none
+   * (-1). Without it the trigger shows the first item as if it were selected.
+   */
+  placeholder: import("@angular/core").InputSignal<string | undefined>;
   /**
    * The index of the currently selected item.
    * Supports two-way binding with [(selectedIndex)].
@@ -1479,6 +1484,11 @@ export declare class DropdownComponent {
       "required": false;
       "isSignal": true;
     };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
     "selectedIndex": {
       "alias": "selectedIndex";
       "required": false;
@@ -2763,6 +2773,12 @@ export declare class PillComponent {
   theme: import("@angular/core").InputSignal<PillTheme>;
   size: import("@angular/core").InputSignal<PillSize>;
   disabled: import("@angular/core").InputSignal<boolean>;
+  /**
+   * Makes an interactive pill a toggle: whether it is on, for assistive technology
+   * (`aria-pressed`). Left unset, the pill is an ordinary button. How "on" looks is up to the
+   * theme the page gives it, and which pills are on is the page's to decide.
+   */
+  pressed: import("@angular/core").InputSignal<boolean | undefined>;
   dismiss: import("@angular/core").OutputEmitterRef<void>;
   dismissibleButtonTheme: import("@angular/core").Signal<"ghost-purple" | "ghost-white" | "ghost-red" | "ghost-green">;
   modifierClass: import("@angular/core").Signal<string[]>;
@@ -2788,6 +2804,11 @@ export declare class PillComponent {
       "required": false;
       "isSignal": true;
     };
+    "pressed": {
+      "alias": "pressed";
+      "required": false;
+      "isSignal": true;
+    };
   }, {
     "dismiss": "dismiss";
   }, never, ["*"], true, never>;
@@ -3776,8 +3797,12 @@ export declare class SelectComponent implements FormValueControl<string | null>
   protected readonly hasError: import("@angular/core").Signal<boolean>;
   protected readonly describedBy: import("@angular/core").Signal<string | undefined>;
   constructor();
-  /** Handles index changes coming from the dropdown */
-  protected onSelectedIndexChange(index: number): void;
+  /**
+   * Handles a pick in the dropdown. Listens to the pick itself rather than to a change of
+   * index: choosing the option that sits where the index already is (the first one, while
+   * nothing is selected) changes no index, and so would never be picked.
+   */
+  protected onItemSelected(item: DropdownItem): void;
   protected onDropdownClosed(): void;
   static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponent, never>;
   static ɵcmp: i0.ɵɵComponentDeclaration<SelectComponent, "ul-select", never, {