yukit-web 0.0.27 → 0.0.29

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "yukit-web",
   "description": "Angular UI component library for Yurest web applications.",
-  "version": "0.0.27",
+  "version": "0.0.29",
   "author": {
     "name": "Yurest Solutions",
     "email": "develop@yurest.com"

package/types/yukit-web.d.ts

@@ -262,6 +262,8 @@ type YuwComboboxValue = string | string[] | undefined;
  * - `clearAriaLabel`: When set, the clear button is shown on the single-selection control and
  *   this is its accessible name; when absent, there is no clear button. One input, one source of
  *   truth. User-facing text — the consuming app is responsible for providing it translated.
+ * - `keepValueOnEscape`: Stops Escape from clearing the selection when the list is closed, so a
+ *   filter picker keeps its choices and Escape only dismisses.
  * - `inputId`: HTML `id` for the focusable control (the search input, or the trigger button when
  *   `readonlyTrigger` is set), enabling external `<label for="...">` association.
  * - `readonlyTrigger`: Renders control as a button showing selected label, placing search input inside popover.
@@ -279,12 +281,16 @@ type YuwComboboxValue = string | string[] | undefined;
  * ```
  */
 declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase<YuwComboboxValue> {
+    private readonly _element;
+    private readonly _multipleBox;
     private readonly _panel;
+    private readonly _singleBox;
     protected readonly itemTemplate: _angular_core.Signal<YuwComboboxItemDirective<TData> | undefined>;
     readonly clearAriaLabel: _angular_core.InputSignal<string | undefined>;
     readonly emptyText: _angular_core.InputSignal<string | undefined>;
     readonly inputId: _angular_core.InputSignal<string | undefined>;
     readonly invalid: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly keepValueOnEscape: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly multiple: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly options: _angular_core.InputSignal<YuwComboboxOptionDto<TData>[]>;
     readonly placeholder: _angular_core.InputSignal<string | undefined>;
@@ -310,11 +316,25 @@ declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase
     protected readonly _selectedValues: _angular_core.Signal<Set<string>>;
     protected readonly _singleValue: _angular_core.Signal<string | undefined>;
     protected readonly _triggerClass: _angular_core.Signal<string>;
+    constructor();
+    /**
+     * Focuses the field and opens its option list. For a combobox living inside a popover or sheet:
+     * the container calls it when it opens, so the user sees the options without a second click.
+     */
+    open(): void;
     protected _emptyValue(): YuwComboboxValue;
     protected _onFocusOut(event: FocusEvent): void;
     protected onValueChange(next: YuwComboboxValue | null): void;
+    /**
+     * The brain clears the whole selection when Escape is pressed with the list closed. While
+     * `keepValueOnEscape` is on, that reset is skipped for the duration of the Escape keydown only,
+     * so the clear button and programmatic resets still work and the event keeps propagating (an
+     * enclosing popover can still close on it). Nothing is registered while the input is off, and
+     * the returned function undoes it all.
+     */
+    private _guardEscape;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwComboboxComponent<any>, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate"], never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwComboboxComponent<any>, "yuw-combobox", never, { "clearAriaLabel": { "alias": "clearAriaLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "keepValueOnEscape": { "alias": "keepValueOnEscape"; "required": false; "isSignal": true; }; "multiple": { "alias": "multiple"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": true; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "readonlyTrigger": { "alias": "readonlyTrigger"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "triggerAriaLabel": { "alias": "triggerAriaLabel"; "required": true; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "value": "valueChange"; }, ["itemTemplate"], never, true, never>;
 }
 
 interface YuwPageSort {
@@ -412,7 +432,7 @@ declare class YuwButtonComponent {
     readonly size: _angular_core.InputSignal<"default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined>;
     readonly target: _angular_core.InputSignal<string | undefined>;
     readonly transparent: _angular_core.InputSignalWithTransform<boolean, unknown>;
-    readonly type: _angular_core.InputSignal<"button" | "submit" | "reset">;
+    readonly type: _angular_core.InputSignal<"button" | "reset" | "submit">;
     readonly userClass: _angular_core.InputSignal<string>;
     readonly variant: _angular_core.InputSignal<"link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
     readonly yuwDropdownMenuTrigger: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
@@ -544,7 +564,7 @@ declare class YuwButtonGroupComponent {
         color: YuwColorDto;
         transparent: boolean;
         disabled: boolean;
-        type: "button" | "submit" | "reset";
+        type: "button" | "reset" | "submit";
         class: string;
         id: string;
         label?: string;
@@ -605,7 +625,7 @@ declare class YuwBadgeComponent {
     readonly removeLabel: _angular_core.InputSignal<string | undefined>;
     readonly variant: _angular_core.InputSignal<"link" | "default" | "secondary" | "destructive" | "outline" | "ghost" | null | undefined>;
     readonly removed: _angular_core.OutputEmitterRef<void>;
-    protected readonly dotClass: _angular_core.Signal<"" | "size-4 p-0">;
+    protected readonly dotClass: _angular_core.Signal<"" | "size-4 p-0!">;
     protected readonly removeClass: _angular_core.Signal<string>;
     protected onRemoveClick(event: Event): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwBadgeComponent, never>;