@tekus/design-system 5.40.0 → 5.42.0

package/types/tekus-design-system-components-toolbar.d.ts

@@ -1,3 +1,5 @@
+import * as _tekus_design_system_components_column_picker from '@tekus/design-system/components/column-picker';
+import { TkColumnPickerColumn } from '@tekus/design-system/components/column-picker';
 import * as _angular_core from '@angular/core';
 import { MenuItem } from 'primeng/api';
 import { Popover } from 'primeng/popover';
@@ -13,6 +15,11 @@ interface TkToolbarFilterConfig {
     label: string;
     options: MultiSelectOption[];
 }
+/**
+ * Configuration for a column listed in the toolbar's column picker.
+ * Same shape as `TkColumnPickerColumn`: `key` must match the `tk-table` column `field`.
+ */
+type TkToolbarColumnConfig = TkColumnPickerColumn;
 /**
  * Definition for toolbar selection or mass actions.
  */
@@ -103,6 +110,29 @@ declare class ToolbarComponent {
     viewCardsTooltip: _angular_core.InputSignal<string>;
     /** Tooltip text for view table layout button (e.g. 'Vista tabla') */
     viewTableTooltip: _angular_core.InputSignal<string>;
+    /**
+     * Optional. Columns listed in the embedded `tk-column-picker`.
+     * The picker button is only shown when this list is not empty.
+     * @default []
+     */
+    readonly columns: _angular_core.InputSignal<_tekus_design_system_components_column_picker.TkColumnPickerColumn[]>;
+    /**
+     * Two-way bindable list of hidden column keys, forwarded to the embedded
+     * `tk-column-picker`. Bind the same list to `tk-table`'s `[hiddenColumns]`.
+     * Its initial value preloads a saved selection; locked keys are removed from it.
+     * @default []
+     */
+    readonly hiddenColumns: _angular_core.ModelSignal<string[]>;
+    /**
+     * Title/tooltip for the column visibility picker.
+     * @default 'Columnas'
+     */
+    readonly columnsLabel: _angular_core.InputSignal<string>;
+    /**
+     * Label for the button that shows every column again.
+     * @default 'Restablecer'
+     */
+    readonly resetColumnsLabel: _angular_core.InputSignal<string>;
     /**
      * Available list of sorting options.
      * @default []
@@ -179,6 +209,11 @@ declare class ToolbarComponent {
      * Emits when sorting changes.
      */
     appliedSort: _angular_core.OutputEmitterRef<string | null>;
+    /**
+     * Emits the hidden column keys when the user applies the column picker,
+     * so the consumer can store the selection and preload it next time.
+     */
+    readonly appliedColumns: _angular_core.OutputEmitterRef<string[]>;
     /** Temporary filter values held before the user clicks "Aplicar" */
     tempFilterValues: _angular_core.WritableSignal<Record<string, MultiSelectOption[]>>;
     /** Temporary sort value held before the user clicks "Aplicar" in mobile drawer */
@@ -236,8 +271,8 @@ declare class ToolbarComponent {
     toggleView(): void;
     onReload(): void;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToolbarComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "tk-toolbar", never, { "searchModel": { "alias": "searchModel"; "required": false; "isSignal": true; }; "searchFloatLabel": { "alias": "searchFloatLabel"; "required": false; "isSignal": true; }; "searchVisible": { "alias": "searchVisible"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "viewToggleVisible": { "alias": "viewToggleVisible"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "filterModel": { "alias": "filterModel"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "filterOptionLabel": { "alias": "filterOptionLabel"; "required": false; "isSignal": true; }; "filterFloatLabel": { "alias": "filterFloatLabel"; "required": false; "isSignal": true; }; "filterVisible": { "alias": "filterVisible"; "required": false; "isSignal": true; }; "filterValues": { "alias": "filterValues"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "deleteLabel": { "alias": "deleteLabel"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "selectedPluralLabel": { "alias": "selectedPluralLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "reloadTooltip": { "alias": "reloadTooltip"; "required": false; "isSignal": true; }; "sortTooltip": { "alias": "sortTooltip"; "required": false; "isSignal": true; }; "viewCardsTooltip": { "alias": "viewCardsTooltip"; "required": false; "isSignal": true; }; "viewTableTooltip": { "alias": "viewTableTooltip"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": false; "isSignal": true; }; "sortLabel": { "alias": "sortLabel"; "required": false; "isSignal": true; }; "sortValue": { "alias": "sortValue"; "required": false; "isSignal": true; }; "reloadVisible": { "alias": "reloadVisible"; "required": false; "isSignal": true; }; "reloadInterval": { "alias": "reloadInterval"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "globalActions": { "alias": "globalActions"; "required": false; "isSignal": true; }; "selectionCount": { "alias": "selectionCount"; "required": false; "isSignal": true; }; "allSelected": { "alias": "allSelected"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "selectionActions": { "alias": "selectionActions"; "required": false; "isSignal": true; }; "maxVisibleSelectionActions": { "alias": "maxVisibleSelectionActions"; "required": false; "isSignal": true; }; }, { "searchModel": "searchModelChange"; "view": "viewChange"; "filterModel": "filterModelChange"; "filterValues": "filterValuesChange"; "sortValue": "sortValueChange"; "allSelected": "allSelectedChange"; "indeterminate": "indeterminateChange"; "reload": "reload"; "appliedFilters": "appliedFilters"; "appliedSort": "appliedSort"; }, never, never, true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToolbarComponent, "tk-toolbar", never, { "searchModel": { "alias": "searchModel"; "required": false; "isSignal": true; }; "searchFloatLabel": { "alias": "searchFloatLabel"; "required": false; "isSignal": true; }; "searchVisible": { "alias": "searchVisible"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "viewToggleVisible": { "alias": "viewToggleVisible"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "filterModel": { "alias": "filterModel"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "filterOptionLabel": { "alias": "filterOptionLabel"; "required": false; "isSignal": true; }; "filterFloatLabel": { "alias": "filterFloatLabel"; "required": false; "isSignal": true; }; "filterVisible": { "alias": "filterVisible"; "required": false; "isSignal": true; }; "filterValues": { "alias": "filterValues"; "required": false; "isSignal": true; }; "clearLabel": { "alias": "clearLabel"; "required": false; "isSignal": true; }; "deleteLabel": { "alias": "deleteLabel"; "required": false; "isSignal": true; }; "filterLabel": { "alias": "filterLabel"; "required": false; "isSignal": true; }; "selectedLabel": { "alias": "selectedLabel"; "required": false; "isSignal": true; }; "selectedPluralLabel": { "alias": "selectedPluralLabel"; "required": false; "isSignal": true; }; "applyLabel": { "alias": "applyLabel"; "required": false; "isSignal": true; }; "reloadTooltip": { "alias": "reloadTooltip"; "required": false; "isSignal": true; }; "sortTooltip": { "alias": "sortTooltip"; "required": false; "isSignal": true; }; "viewCardsTooltip": { "alias": "viewCardsTooltip"; "required": false; "isSignal": true; }; "viewTableTooltip": { "alias": "viewTableTooltip"; "required": false; "isSignal": true; }; "columns": { "alias": "columns"; "required": false; "isSignal": true; }; "hiddenColumns": { "alias": "hiddenColumns"; "required": false; "isSignal": true; }; "columnsLabel": { "alias": "columnsLabel"; "required": false; "isSignal": true; }; "resetColumnsLabel": { "alias": "resetColumnsLabel"; "required": false; "isSignal": true; }; "sortOptions": { "alias": "sortOptions"; "required": false; "isSignal": true; }; "sortLabel": { "alias": "sortLabel"; "required": false; "isSignal": true; }; "sortValue": { "alias": "sortValue"; "required": false; "isSignal": true; }; "reloadVisible": { "alias": "reloadVisible"; "required": false; "isSignal": true; }; "reloadInterval": { "alias": "reloadInterval"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "globalActions": { "alias": "globalActions"; "required": false; "isSignal": true; }; "selectionCount": { "alias": "selectionCount"; "required": false; "isSignal": true; }; "allSelected": { "alias": "allSelected"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "selectionActions": { "alias": "selectionActions"; "required": false; "isSignal": true; }; "maxVisibleSelectionActions": { "alias": "maxVisibleSelectionActions"; "required": false; "isSignal": true; }; }, { "searchModel": "searchModelChange"; "view": "viewChange"; "filterModel": "filterModelChange"; "filterValues": "filterValuesChange"; "hiddenColumns": "hiddenColumnsChange"; "sortValue": "sortValueChange"; "allSelected": "allSelectedChange"; "indeterminate": "indeterminateChange"; "reload": "reload"; "appliedFilters": "appliedFilters"; "appliedSort": "appliedSort"; "appliedColumns": "appliedColumns"; }, never, never, true, never>;
 }
 
 export { ToolbarComponent };
-export type { TkToolbarAction, TkToolbarFilterConfig };
+export type { TkToolbarAction, TkToolbarColumnConfig, TkToolbarFilterConfig };

package/types/tekus-design-system-components-tooltip.d.ts

@@ -31,8 +31,19 @@ declare class TooltipComponent {
      * @default 'top'
      */
     position: _angular_core.InputSignal<TooltipPosition>;
+    /**
+     * @property {number | null} lineClamp
+     * @description
+     * Optional. Truncates the projected content to this number of lines with an
+     * ellipsis (long words without spaces break too) and only shows the tooltip
+     * when the content is actually truncated. Use it with `content` set to the
+     * full text. Without it the content is not truncated and the tooltip always shows.
+     *
+     * @default null
+     */
+    readonly lineClamp: _angular_core.InputSignal<number | null>;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<TooltipComponent, never>;
-    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tk-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<TooltipComponent, "tk-tooltip", never, { "content": { "alias": "content"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "lineClamp": { "alias": "lineClamp"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
 }
 
 export { TooltipComponent };