@akcelik/strct 5.32.0 → 5.33.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/akcelik-strct.mjs +20 -12
- package/fesm2022/akcelik-strct.mjs.map +1 -1
- package/package.json +1 -1
- package/types/akcelik-strct.d.ts +15 -12
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@akcelik/strct",
|
|
3
|
-
"version": "5.
|
|
3
|
+
"version": "5.33.0",
|
|
4
4
|
"description": "UIStruct — a standalone Angular component library with a tokenised, multi-palette theme system, built for datacenter / infrastructure management UIs.",
|
|
5
5
|
"author": "Serkan Akcelik <serkan.akcelik@gmail.com>",
|
|
6
6
|
"license": "MIT",
|
package/types/akcelik-strct.d.ts
CHANGED
|
@@ -4586,7 +4586,12 @@ interface StrctDatagridPane {
|
|
|
4586
4586
|
/** Under this width the pane takes the whole grid over. */
|
|
4587
4587
|
takeoverWidth?: number;
|
|
4588
4588
|
}
|
|
4589
|
-
/**
|
|
4589
|
+
/**
|
|
4590
|
+
* Virtual scrolling. Replaces `viewportHeight` and `rowHeight` — both of
|
|
4591
|
+
* which mean nothing unless the grid virtualises, which is why an object
|
|
4592
|
+
* here turns it on. `maxHeight` is NOT one of them: it caps a grid that is
|
|
4593
|
+
* not virtual, so it stays an input of its own (5.33.0).
|
|
4594
|
+
*/
|
|
4590
4595
|
interface StrctDatagridVirtual {
|
|
4591
4596
|
/** Render only the rows in view. */
|
|
4592
4597
|
enabled?: boolean;
|
|
@@ -4594,8 +4599,6 @@ interface StrctDatagridVirtual {
|
|
|
4594
4599
|
viewportHeight?: number;
|
|
4595
4600
|
/** One row's height in px — the measure the window is computed from. */
|
|
4596
4601
|
rowHeight?: number;
|
|
4597
|
-
/** A cap on the grid's height outside virtual mode. */
|
|
4598
|
-
maxHeight?: number | null;
|
|
4599
4602
|
}
|
|
4600
4603
|
/** How rows are grouped. Replaces `groupBy`, `groups`, `showEmptyGroups`, `childrenKey`. */
|
|
4601
4604
|
interface StrctDatagridGrouping {
|
|
@@ -4884,12 +4887,6 @@ declare class StrctDatagrid {
|
|
|
4884
4887
|
}>;
|
|
4885
4888
|
/** Scroll viewport height in px (virtual mode). */
|
|
4886
4889
|
readonly viewportHeightFlat: _angular_core.InputSignal<number>;
|
|
4887
|
-
/**
|
|
4888
|
-
* Bound the grid's own scroll box (px), with a sticky header — what
|
|
4889
|
-
* `viewportHeight` does for `virtual`, for every other grid: a grouped
|
|
4890
|
-
* picker inside a dialog scrolls instead of growing the page.
|
|
4891
|
-
*/
|
|
4892
|
-
readonly maxHeightFlat: _angular_core.InputSignal<number | null>;
|
|
4893
4890
|
/**
|
|
4894
4891
|
* Show a pencil on an editable cell when it is hovered or focused. A mouse
|
|
4895
4892
|
* user finds an editable cell by double-clicking one; nothing said so.
|
|
@@ -5022,6 +5019,14 @@ declare class StrctDatagrid {
|
|
|
5022
5019
|
typedValue: unknown;
|
|
5023
5020
|
previous: unknown;
|
|
5024
5021
|
}>;
|
|
5022
|
+
/**
|
|
5023
|
+
* Caps the grid's height in px; it scrolls inside that. Not a virtual
|
|
5024
|
+
* setting — a virtual grid is sized by `[virtual].viewportHeight` — which
|
|
5025
|
+
* is why it is not in that object (it was, in 5.30.0 – 5.32.0, and an
|
|
5026
|
+
* object there turns virtual scrolling on: a grouped grid given a height
|
|
5027
|
+
* cap silently lost its groups).
|
|
5028
|
+
*/
|
|
5029
|
+
readonly maxHeight: _angular_core.InputSignal<number | null>;
|
|
5025
5030
|
/** How rows are picked — replaces six flat inputs. */
|
|
5026
5031
|
readonly selectionCfg: _angular_core.InputSignal<StrctDatagridSelection>;
|
|
5027
5032
|
/** The detail pane — replaces three. `[pane]` on its own turns it on. */
|
|
@@ -5083,8 +5088,6 @@ declare class StrctDatagrid {
|
|
|
5083
5088
|
readonly initialSelection: _angular_core.Signal<readonly unknown[] | null>;
|
|
5084
5089
|
/** `[virtual].viewportHeight` when it is set, else the flat `viewportHeight` (deprecated). */
|
|
5085
5090
|
readonly viewportHeight: _angular_core.Signal<number>;
|
|
5086
|
-
/** `[virtual].maxHeight` when it is set, else the flat `maxHeight` (deprecated). */
|
|
5087
|
-
readonly maxHeight: _angular_core.Signal<number | null>;
|
|
5088
5091
|
/** `[virtual].rowHeight` when it is set, else the flat `rowHeight` (deprecated). */
|
|
5089
5092
|
readonly rowHeight: _angular_core.Signal<number>;
|
|
5090
5093
|
/** `[paging].lazy` when it is set, else the flat `lazy` (deprecated). */
|
|
@@ -5540,7 +5543,7 @@ declare class StrctDatagrid {
|
|
|
5540
5543
|
private compareRows;
|
|
5541
5544
|
private compare;
|
|
5542
5545
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<StrctDatagrid, never>;
|
|
5543
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDatagrid, "strct-datagrid", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "pageSizeFlat": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectableFlat": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "detailPaneFlat": { "alias": "detailPane"; "required": false; "isSignal": true; }; "paneListWidthFlat": { "alias": "paneListWidth"; "required": false; "isSignal": true; }; "paneTakeoverWidthFlat": { "alias": "paneTakeoverWidth"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "singleLine": { "alias": "singleLine"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnChooser": { "alias": "columnChooser"; "required": false; "isSignal": true; }; "syncFlat": { "alias": "sync"; "required": false; "isSignal": true; }; "footerActionsDisabled": { "alias": "footerActionsDisabled"; "required": false; "isSignal": true; }; "rowId": { "alias": "rowId"; "required": false; "isSignal": true; }; "selectionModeFlat": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "rowSelectableFlat": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "hasMoreFlat": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadingMoreFlat": { "alias": "loadingMore"; "required": false; "isSignal": true; }; "moreTotalFlat": { "alias": "moreTotal"; "required": false; "isSignal": true; }; "groupSelectFlat": { "alias": "groupSelect"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "initialSelectionFlat": { "alias": "initialSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "viewportHeightFlat": { "alias": "viewportHeight"; "required": false; "isSignal": true; }; "
|
|
5546
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<StrctDatagrid, "strct-datagrid", never, { "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "rows": { "alias": "rows"; "required": true; "isSignal": true; }; "pageSizeFlat": { "alias": "pageSize"; "required": false; "isSignal": true; }; "selectableFlat": { "alias": "selectable"; "required": false; "isSignal": true; }; "expandable": { "alias": "expandable"; "required": false; "isSignal": true; }; "detailPaneFlat": { "alias": "detailPane"; "required": false; "isSignal": true; }; "paneListWidthFlat": { "alias": "paneListWidth"; "required": false; "isSignal": true; }; "paneTakeoverWidthFlat": { "alias": "paneTakeoverWidth"; "required": false; "isSignal": true; }; "activeRowId": { "alias": "activeRowId"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "singleLine": { "alias": "singleLine"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "resizable": { "alias": "resizable"; "required": false; "isSignal": true; }; "columnChooser": { "alias": "columnChooser"; "required": false; "isSignal": true; }; "syncFlat": { "alias": "sync"; "required": false; "isSignal": true; }; "footerActionsDisabled": { "alias": "footerActionsDisabled"; "required": false; "isSignal": true; }; "rowId": { "alias": "rowId"; "required": false; "isSignal": true; }; "selectionModeFlat": { "alias": "selectionMode"; "required": false; "isSignal": true; }; "selectedId": { "alias": "selectedId"; "required": false; "isSignal": true; }; "rowSelectableFlat": { "alias": "rowSelectable"; "required": false; "isSignal": true; }; "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "caption": { "alias": "caption"; "required": false; "isSignal": true; }; "hasMoreFlat": { "alias": "hasMore"; "required": false; "isSignal": true; }; "loadingMoreFlat": { "alias": "loadingMore"; "required": false; "isSignal": true; }; "moreTotalFlat": { "alias": "moreTotal"; "required": false; "isSignal": true; }; "groupSelectFlat": { "alias": "groupSelect"; "required": false; "isSignal": true; }; "rowActions": { "alias": "rowActions"; "required": false; "isSignal": true; }; "initialSelectionFlat": { "alias": "initialSelection"; "required": false; "isSignal": true; }; "selectedIds": { "alias": "selectedIds"; "required": false; "isSignal": true; }; "labels": { "alias": "labels"; "required": false; "isSignal": true; }; "viewportHeightFlat": { "alias": "viewportHeight"; "required": false; "isSignal": true; }; "editHint": { "alias": "editHint"; "required": false; "isSignal": true; }; "rowHeightFlat": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "lazyFlat": { "alias": "lazy"; "required": false; "isSignal": true; }; "totalFlat": { "alias": "total"; "required": false; "isSignal": true; }; "stateKeyFlat": { "alias": "stateKey"; "required": false; "isSignal": true; }; "columnState": { "alias": "columnState"; "required": false; "isSignal": true; }; "reorderable": { "alias": "reorderable"; "required": false; "isSignal": true; }; "groupByFlat": { "alias": "groupBy"; "required": false; "isSignal": true; }; "groupsFlat": { "alias": "groups"; "required": false; "isSignal": true; }; "showEmptyGroupsFlat": { "alias": "showEmptyGroups"; "required": false; "isSignal": true; }; "collapsedGroups": { "alias": "collapsedGroups"; "required": false; "isSignal": true; }; "filters": { "alias": "filters"; "required": false; "isSignal": true; }; "quickFilter": { "alias": "quickFilter"; "required": false; "isSignal": true; }; "quickFilterFieldsFlat": { "alias": "quickFilterFields"; "required": false; "isSignal": true; }; "quickFilterableFlat": { "alias": "quickFilterable"; "required": false; "isSignal": true; }; "quickFilterAlignFlat": { "alias": "quickFilterAlign"; "required": false; "isSignal": true; }; "childrenKeyFlat": { "alias": "childrenKey"; "required": false; "isSignal": true; }; "interactionMode": { "alias": "interactionMode"; "required": false; "isSignal": true; }; "selectionColumnFlat": { "alias": "selectionColumn"; "required": false; "isSignal": true; }; "maxHeight": { "alias": "maxHeight"; "required": false; "isSignal": true; }; "selectionCfg": { "alias": "selection"; "required": false; "isSignal": true; }; "paneFlat": { "alias": "pane"; "required": false; "isSignal": true; }; "pagingFlat": { "alias": "paging"; "required": false; "isSignal": true; }; "virtualFlat": { "alias": "virtual"; "required": false; "isSignal": true; }; "groupingCfg": { "alias": "grouping"; "required": false; "isSignal": true; }; "filteringCfg": { "alias": "filtering"; "required": false; "isSignal": true; }; "stateCfg": { "alias": "state"; "required": false; "isSignal": true; }; }, { "activeRowId": "activeRowIdChange"; "selectedId": "selectedIdChange"; "loadMore": "loadMore"; "selectedIds": "selectedIdsChange"; "columnState": "columnStateChange"; "collapsedGroups": "collapsedGroupsChange"; "filters": "filtersChange"; "quickFilter": "quickFilterChange"; "rowActivate": "rowActivate"; "selectionChange": "selectionChange"; "syncChange": "syncChange"; "rowAction": "rowAction"; "lazyLoad": "lazyLoad"; "cellEdit": "cellEdit"; }, ["detailDef", "groupHeaderDef", "paneTitleDef", "actionBarDef", "actionBarCaptionDef", "cellDefs"], ["[strctDatagridActionBarCaption]", "[strctDatagridActionBar]", "[strctDetailPaneTitle]", "[strctDetailPaneMeta]", "[strctDetailPaneActions]"], true, never>;
|
|
5544
5547
|
}
|
|
5545
5548
|
|
|
5546
5549
|
/** Timeline node state colors. */
|