yukit-web 0.0.26 → 0.0.28

package/package.json

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

package/types/yukit-web.d.ts

@@ -279,7 +279,9 @@ type YuwComboboxValue = string | string[] | undefined;
  * ```
  */
 declare class YuwComboboxComponent<TData = unknown> extends YuwValueAccessorBase<YuwComboboxValue> {
+    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>;
@@ -310,6 +312,11 @@ 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>;
+    /**
+     * 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;
@@ -605,7 +612,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>;
@@ -1926,6 +1933,7 @@ interface YuwListToolbarLabels {
 declare class YuwListToolbarComponent {
     readonly filterGroups: _angular_core.InputSignal<readonly YuwFilterGroupDto[] | undefined>;
     readonly filtersDisabled: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly hiddenColumns: _angular_core.ModelSignal<string[]>;
     readonly hideableColumns: _angular_core.InputSignal<YuwComboboxOptionDto<unknown>[] | undefined>;
     readonly idleColor: _angular_core.InputSignal<YuwColorDto>;
     readonly labels: _angular_core.InputSignal<YuwListToolbarLabels>;
@@ -1934,11 +1942,10 @@ declare class YuwListToolbarComponent {
     readonly selection: _angular_core.ModelSignal<Readonly<Record<string, string | readonly string[]>>>;
     readonly showExport: _angular_core.InputSignalWithTransform<boolean, unknown>;
     readonly exported: _angular_core.OutputEmitterRef<MouseEvent>;
-    readonly hiddenColumnsChange: _angular_core.OutputEmitterRef<YuwComboboxValue[]>;
     readonly searched: _angular_core.OutputEmitterRef<string>;
     protected readonly isMobile: _angular_core.Signal<boolean>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwListToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwListToolbarComponent, "yuw-list-toolbar", never, { "filterGroups": { "alias": "filterGroups"; "required": false; "isSignal": true; }; "filtersDisabled": { "alias": "filtersDisabled"; "required": false; "isSignal": true; }; "hideableColumns": { "alias": "hideableColumns"; "required": false; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; "selection": "selectionChange"; "exported": "exported"; "hiddenColumnsChange": "hiddenColumnsChange"; "searched": "searched"; }, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwListToolbarComponent, "yuw-list-toolbar", never, { "filterGroups": { "alias": "filterGroups"; "required": false; "isSignal": true; }; "filtersDisabled": { "alias": "filtersDisabled"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "hideableColumns": { "alias": "hideableColumns"; "required": false; "isSignal": true; }; "idleColor": { "alias": "idleColor"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": true; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "selection": { "alias": "selection"; "required": false; "isSignal": true; }; "showExport": { "alias": "showExport"; "required": false; "isSignal": true; }; }, { "hiddenColumns": "hiddenColumnsChange"; "search": "searchChange"; "selection": "selectionChange"; "exported": "exported"; "searched": "searched"; }, never, ["*"], true, never>;
 }
 
 type YuwDatatableAlign = 'start' | 'center' | 'end';
@@ -2221,11 +2228,18 @@ declare class YuwDatatableComponent<TData extends RowData> implements OnInit {
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatatableComponent<any>, "yuw-datatable", never, { "appearance": { "alias": "appearance"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "cellClass": { "alias": "cellClass"; "required": false; "isSignal": true; }; "columnFilters": { "alias": "columnFilters"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "columnVisibility": { "alias": "columnVisibility"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "loadingRows": { "alias": "loadingRows"; "required": false; "isSignal": true; }; "nextPageLabel": { "alias": "nextPageLabel"; "required": true; "isSignal": true; }; "paginated": { "alias": "paginated"; "required": false; "isSignal": true; }; "pagination": { "alias": "pagination"; "required": false; "isSignal": true; }; "paginationAriaLabel": { "alias": "paginationAriaLabel"; "required": true; "isSignal": true; }; "paginationEllipsisSrText": { "alias": "paginationEllipsisSrText"; "required": true; "isSignal": true; }; "previousPageLabel": { "alias": "previousPageLabel"; "required": true; "isSignal": true; }; "rowClass": { "alias": "rowClass"; "required": false; "isSignal": true; }; "rowSelection": { "alias": "rowSelection"; "required": false; "isSignal": true; }; "selectable": { "alias": "selectable"; "required": false; "isSignal": true; }; "sortable": { "alias": "sortable"; "required": false; "isSignal": true; }; "sorting": { "alias": "sorting"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; "tableClass": { "alias": "tableClass"; "required": false; "isSignal": true; }; "totalItems": { "alias": "totalItems"; "required": false; "isSignal": true; }; }, { "columnFilters": "columnFiltersChange"; "columnVisibility": "columnVisibilityChange"; "pagination": "paginationChange"; "rowSelection": "rowSelectionChange"; "sorting": "sortingChange"; "rowClicked": "rowClicked"; "selectedRowsChange": "selectedRowsChange"; }, ["customPagination"], ["[yuwDatatablePagination]"], true, never>;
 }
 
+/**
+ * Selection checkbox for a datatable cell or header. The host stops the click so neither the
+ * checkbox nor the cell around it triggers the row's own action, since `yuw-datatable` emits
+ * `rowClicked` from the `<tr>`. `onToggle` is an input because `flexRenderComponent` does not
+ * subscribe outputs.
+ */
 declare class YuwDatatableRowSelect {
     readonly checked: _angular_core.InputSignal<boolean>;
     readonly indeterminate: _angular_core.InputSignal<boolean>;
     readonly label: _angular_core.InputSignal<string>;
     readonly onToggle: _angular_core.InputSignal<() => void>;
+    protected onHostClick(event: Event): void;
     protected toggle(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<YuwDatatableRowSelect, never>;
     static ɵcmp: _angular_core.ɵɵComponentDeclaration<YuwDatatableRowSelect, "yuw-datatable-row-select", never, { "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "onToggle": { "alias": "onToggle"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;