@ethlete/components 0.1.0-next.14 → 0.1.0-next.15
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/CHANGELOG.md +25 -0
- package/fesm2022/ethlete-components.mjs +5003 -3156
- package/fesm2022/ethlete-components.mjs.map +1 -1
- package/package.json +1 -1
- package/types/ethlete-components.d.ts +992 -325
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import * as _angular_core from '@angular/core';
|
|
2
2
|
import { Signal, WritableSignal, InjectionToken, ElementRef, Type, InputSignal, ViewContainerRef, Injector, StaticProvider, TemplateRef, OnInit, ComponentRef, OnDestroy, computed, Provider, EnvironmentInjector, ApplicationRef, Binding } from '@angular/core';
|
|
3
3
|
import * as _ethlete_core from '@ethlete/core';
|
|
4
|
-
import { AnimatableDirective,
|
|
4
|
+
import { AnimatableDirective, ResizeEdge, DragHandleDirective, ResizeMoveEvent, OverlayRuntimePositionStrategy, Breakpoint, OverlayRuntimeRef, AnimatedLifecycleDirective, OverlayRuntimeCloseSource, AnimatedLifecycleState, AngularRenderer, OverlayRuntimeAnimationDelegate, ScrollObserverDirective, ScrollToElementOptions, ConsentHandler, ProvideColorDirective, ProvideSurfaceDirective } from '@ethlete/core';
|
|
5
5
|
import * as _angular_forms_signals from '@angular/forms/signals';
|
|
6
6
|
import { ValidationError, FormCheckboxControl, FormValueControl } from '@angular/forms/signals';
|
|
7
7
|
import * as _ethlete_components from '@ethlete/components';
|
|
8
8
|
import * as _angular_platform_browser from '@angular/platform-browser';
|
|
9
|
+
import { Placement, OffsetOptions, Padding } from '@floating-ui/dom';
|
|
9
10
|
import * as rxjs from 'rxjs';
|
|
10
11
|
import { Observable } from 'rxjs';
|
|
11
|
-
import { Placement, OffsetOptions, Padding } from '@floating-ui/dom';
|
|
12
12
|
import * as i1 from '@angular/router';
|
|
13
13
|
|
|
14
14
|
declare class ButtonStylesDirective {
|
|
@@ -1019,8 +1019,10 @@ type GridDragState = {
|
|
|
1019
1019
|
};
|
|
1020
1020
|
declare class GridDirective {
|
|
1021
1021
|
private injector;
|
|
1022
|
-
private
|
|
1022
|
+
private destroyRef;
|
|
1023
|
+
elementRef: ElementRef<HTMLElement>;
|
|
1023
1024
|
private gridConfig;
|
|
1025
|
+
private reducedMotion;
|
|
1024
1026
|
breakpoints: _angular_core.InputSignal<GridBreakpointConfig[]>;
|
|
1025
1027
|
rowHeight: _angular_core.InputSignal<number>;
|
|
1026
1028
|
gap: _angular_core.InputSignal<number>;
|
|
@@ -1034,47 +1036,53 @@ declare class GridDirective {
|
|
|
1034
1036
|
dragState: _angular_core.WritableSignal<GridDragState | null>;
|
|
1035
1037
|
private constraintsRegistry;
|
|
1036
1038
|
private resizeBaseLayout;
|
|
1037
|
-
private
|
|
1038
|
-
private
|
|
1039
|
-
|
|
1040
|
-
|
|
1041
|
-
private
|
|
1039
|
+
private pendingResize;
|
|
1040
|
+
private lastResizeTarget;
|
|
1041
|
+
leavingIds: _angular_core.WritableSignal<ReadonlySet<string>>;
|
|
1042
|
+
isResizeActive: _angular_core.WritableSignal<boolean>;
|
|
1043
|
+
private animationsReady;
|
|
1044
|
+
private isContainerResizing;
|
|
1042
1045
|
containerWidth: _angular_core.Signal<number>;
|
|
1046
|
+
isReady: _angular_core.Signal<boolean>;
|
|
1047
|
+
animationsEnabled: _angular_core.Signal<boolean>;
|
|
1043
1048
|
activeBreakpoint: _angular_core.Signal<string>;
|
|
1044
1049
|
activeColumns: _angular_core.Signal<number>;
|
|
1050
|
+
private paddings;
|
|
1051
|
+
geometry: _angular_core.Signal<_ethlete_components.GridGeometry>;
|
|
1045
1052
|
items: _angular_core.Signal<GridItemConfig[]>;
|
|
1046
1053
|
baseLayout: _angular_core.Signal<GridLayoutEntry[]>;
|
|
1047
1054
|
layout: _angular_core.Signal<GridLayoutEntry[]>;
|
|
1055
|
+
containerHeightPx: _angular_core.Signal<number>;
|
|
1056
|
+
protected hostHeight: _angular_core.Signal<number | null>;
|
|
1057
|
+
protected containerTransition: _angular_core.Signal<"none" | "height var(--et-grid-anim-duration, 250ms) cubic-bezier(0.2, 0, 0, 1)">;
|
|
1048
1058
|
ghostPosition: _angular_core.Signal<GridItemPosition | null>;
|
|
1049
1059
|
constructor();
|
|
1060
|
+
getContainerOrigin(): {
|
|
1061
|
+
left: number;
|
|
1062
|
+
top: number;
|
|
1063
|
+
};
|
|
1050
1064
|
registerConstraints(id: string, constraints: GridItemConstraints): void;
|
|
1051
|
-
|
|
1052
|
-
el: HTMLElement;
|
|
1053
|
-
constraints: GridItemConstraints;
|
|
1054
|
-
}): void;
|
|
1055
|
-
unregisterItem(id: string): void;
|
|
1056
|
-
/**
|
|
1057
|
-
* The item's inner content wrapper. Used by the counter-scaled resize FLIP so the
|
|
1058
|
-
* box can scale while the content takes the inverse scale and stays undistorted.
|
|
1059
|
-
*/
|
|
1060
|
-
registerContentElement(id: string, el: HTMLElement): void;
|
|
1061
|
-
setGhostElement(el: HTMLElement | null): void;
|
|
1065
|
+
unregisterConstraints(id: string): void;
|
|
1062
1066
|
getConstraints(id: string): GridItemConstraints;
|
|
1063
|
-
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1067
|
+
beginDrag(itemId: string): GridItemPosition | null;
|
|
1068
|
+
updateDragTarget(cell: {
|
|
1069
|
+
col: number;
|
|
1070
|
+
row: number;
|
|
1067
1071
|
}): void;
|
|
1068
|
-
|
|
1069
|
-
|
|
1070
|
-
|
|
1072
|
+
commitDrag(): GridItemPosition | null;
|
|
1073
|
+
cancelDrag(): void;
|
|
1074
|
+
beginResize(itemId: string): GridItemPosition | null;
|
|
1075
|
+
updateResize(itemId: string, target: GridItemPosition): void;
|
|
1076
|
+
commitResize(): GridItemPosition | null;
|
|
1077
|
+
cancelResize(): void;
|
|
1078
|
+
/** One-shot resize (keyboard / programmatic): begin + update + commit in a single call. */
|
|
1079
|
+
resizeItem(options: ResizeItemOptions): void;
|
|
1071
1080
|
addItem(type: string, data: unknown): void;
|
|
1072
1081
|
removeItem(id: string): void;
|
|
1073
1082
|
moveItem(id: string, newPosition: GridItemPosition): void;
|
|
1074
|
-
resizeItem(options: ResizeItemOptions): void;
|
|
1075
|
-
commitResize(): void;
|
|
1076
1083
|
getSerializedState(): GridSerializedState;
|
|
1077
1084
|
restoreState(state: GridSerializedState): void;
|
|
1085
|
+
private finalizeRemove;
|
|
1078
1086
|
private placeItem;
|
|
1079
1087
|
private shrinkNeighbors;
|
|
1080
1088
|
/** Compact all visited breakpoints (layoutOverrides entries) after an item is removed. */
|
|
@@ -1082,13 +1090,244 @@ declare class GridDirective {
|
|
|
1082
1090
|
private updateLayoutForCurrentBreakpoint;
|
|
1083
1091
|
private updateItemLayout;
|
|
1084
1092
|
private emitLayoutChange;
|
|
1085
|
-
private animateCounterScaled;
|
|
1086
1093
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridDirective, never>;
|
|
1087
1094
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridDirective, "[etGrid]", ["etGrid"], { "breakpoints": { "alias": "breakpoints"; "required": false; "isSignal": true; }; "rowHeight": { "alias": "rowHeight"; "required": false; "isSignal": true; }; "gap": { "alias": "gap"; "required": false; "isSignal": true; }; "initialItems": { "alias": "initialItems"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; }, { "layoutChange": "layoutChange"; }, never, never, true, never>;
|
|
1088
1095
|
}
|
|
1089
1096
|
|
|
1097
|
+
type AutoScrollPointer = {
|
|
1098
|
+
clientX: number;
|
|
1099
|
+
clientY: number;
|
|
1100
|
+
};
|
|
1101
|
+
type AutoScroller = {
|
|
1102
|
+
/** Begin the edge-proximity loop. No-op if already running. */
|
|
1103
|
+
start: (pointer: AutoScrollPointer) => void;
|
|
1104
|
+
/** Feed the latest pointer position. */
|
|
1105
|
+
update: (pointer: AutoScrollPointer) => void;
|
|
1106
|
+
stop: () => void;
|
|
1107
|
+
};
|
|
1108
|
+
declare const findScrollableAncestor: (start: Element | null) => HTMLElement | null;
|
|
1109
|
+
declare const createAutoScroller: (options: {
|
|
1110
|
+
document: Document;
|
|
1111
|
+
getScrollElement: () => HTMLElement | null;
|
|
1112
|
+
threshold?: number;
|
|
1113
|
+
maxSpeed?: number;
|
|
1114
|
+
}) => AutoScroller;
|
|
1115
|
+
|
|
1116
|
+
/** A rectangle in container-relative pixels (x/y measured from the container's padding box). */
|
|
1117
|
+
type PixelRect = {
|
|
1118
|
+
x: number;
|
|
1119
|
+
y: number;
|
|
1120
|
+
width: number;
|
|
1121
|
+
height: number;
|
|
1122
|
+
};
|
|
1123
|
+
type GridGeometry = {
|
|
1124
|
+
/** Width available for columns (container client width minus horizontal padding). */
|
|
1125
|
+
contentWidth: number;
|
|
1126
|
+
columns: number;
|
|
1127
|
+
gap: number;
|
|
1128
|
+
rowHeight: number;
|
|
1129
|
+
cellWidth: number;
|
|
1130
|
+
/** Horizontal distance between the left edges of two adjacent columns. */
|
|
1131
|
+
strideX: number;
|
|
1132
|
+
/** Vertical distance between the top edges of two adjacent rows. */
|
|
1133
|
+
strideY: number;
|
|
1134
|
+
/** Container padding-left - the x of column 0. */
|
|
1135
|
+
originX: number;
|
|
1136
|
+
/** Container padding-top - the y of row 0. */
|
|
1137
|
+
originY: number;
|
|
1138
|
+
};
|
|
1139
|
+
/**
|
|
1140
|
+
* Effective span bounds for a resize gesture. Grid bounds and item constraints are
|
|
1141
|
+
* unified in span units per edge, so the clamped pixel rect and the snapped span
|
|
1142
|
+
* are always derived from the same limits and can never disagree.
|
|
1143
|
+
*/
|
|
1144
|
+
type ResizeSpanBounds = {
|
|
1145
|
+
minColSpan: number;
|
|
1146
|
+
maxColSpan: number;
|
|
1147
|
+
minRowSpan: number;
|
|
1148
|
+
maxRowSpan: number;
|
|
1149
|
+
};
|
|
1150
|
+
declare const computeGeometry: (options: {
|
|
1151
|
+
contentWidth: number;
|
|
1152
|
+
columns: number;
|
|
1153
|
+
gap: number;
|
|
1154
|
+
rowHeight: number;
|
|
1155
|
+
originX?: number;
|
|
1156
|
+
originY?: number;
|
|
1157
|
+
}) => GridGeometry;
|
|
1158
|
+
declare const spanWidth: (span: number, geometry: GridGeometry) => number;
|
|
1159
|
+
declare const spanHeight: (span: number, geometry: GridGeometry) => number;
|
|
1160
|
+
declare const positionToPixelRect: (position: GridItemPosition, geometry: GridGeometry) => PixelRect;
|
|
1161
|
+
/** Pixel height of the given number of rows (content only, no container padding). */
|
|
1162
|
+
declare const rowsToPixelHeight: (rows: number, geometry: GridGeometry) => number;
|
|
1163
|
+
declare const pixelRectsEqual: (a: PixelRect | null, b: PixelRect | null) => boolean;
|
|
1164
|
+
declare const positionsEqual: (a: GridItemPosition | null, b: GridItemPosition | null) => boolean;
|
|
1165
|
+
declare const SNAP_HYSTERESIS = 0.1;
|
|
1166
|
+
/**
|
|
1167
|
+
* Rounds a raw cell-unit value to the nearest integer with a hysteresis margin
|
|
1168
|
+
* relative to the last snapped value: the rounding boundary is shifted by
|
|
1169
|
+
* SNAP_HYSTERESIS against the direction of travel, so a pointer jittering exactly
|
|
1170
|
+
* on a cell midpoint cannot flap the snap back and forth (each flap would
|
|
1171
|
+
* re-trigger a full neighbour reflow).
|
|
1172
|
+
*/
|
|
1173
|
+
declare const hysteresisRound: (raw: number, last: number | null) => number;
|
|
1174
|
+
declare const resizeSpanBounds: (options: {
|
|
1175
|
+
edge: ResizeEdge;
|
|
1176
|
+
start: GridItemPosition;
|
|
1177
|
+
constraints: GridItemConstraints;
|
|
1178
|
+
columns: number;
|
|
1179
|
+
}) => ResizeSpanBounds;
|
|
1180
|
+
declare const clampResizeRect: (options: {
|
|
1181
|
+
edge: ResizeEdge;
|
|
1182
|
+
dx: number;
|
|
1183
|
+
dy: number;
|
|
1184
|
+
startRect: PixelRect;
|
|
1185
|
+
bounds: ResizeSpanBounds;
|
|
1186
|
+
geometry: GridGeometry;
|
|
1187
|
+
}) => PixelRect;
|
|
1188
|
+
declare const snapResizeSpan: (options: {
|
|
1189
|
+
edge: ResizeEdge;
|
|
1190
|
+
rect: PixelRect;
|
|
1191
|
+
start: GridItemPosition;
|
|
1192
|
+
bounds: ResizeSpanBounds;
|
|
1193
|
+
geometry: GridGeometry;
|
|
1194
|
+
lastSnap: GridItemPosition | null;
|
|
1195
|
+
}) => GridItemPosition;
|
|
1196
|
+
declare const projectDragCell: (options: {
|
|
1197
|
+
float: {
|
|
1198
|
+
x: number;
|
|
1199
|
+
y: number;
|
|
1200
|
+
};
|
|
1201
|
+
colSpan: number;
|
|
1202
|
+
geometry: GridGeometry;
|
|
1203
|
+
lastTarget: {
|
|
1204
|
+
col: number;
|
|
1205
|
+
row: number;
|
|
1206
|
+
} | null;
|
|
1207
|
+
}) => {
|
|
1208
|
+
col: number;
|
|
1209
|
+
row: number;
|
|
1210
|
+
};
|
|
1211
|
+
|
|
1212
|
+
type FindCollisionOptions = {
|
|
1213
|
+
entries: GridLayoutEntry[];
|
|
1214
|
+
position: GridItemPosition;
|
|
1215
|
+
excludeId?: string;
|
|
1216
|
+
};
|
|
1217
|
+
type AutoPlaceOptions = {
|
|
1218
|
+
entries: GridLayoutEntry[];
|
|
1219
|
+
colSpan: number;
|
|
1220
|
+
rowSpan: number;
|
|
1221
|
+
columns: number;
|
|
1222
|
+
};
|
|
1223
|
+
type ClampPositionOptions = {
|
|
1224
|
+
position: GridItemPosition;
|
|
1225
|
+
constraints: GridItemConstraints;
|
|
1226
|
+
columns: number;
|
|
1227
|
+
};
|
|
1228
|
+
type ResolveCollisionsOptions = {
|
|
1229
|
+
entries: GridLayoutEntry[];
|
|
1230
|
+
movedId: string;
|
|
1231
|
+
columns: number;
|
|
1232
|
+
originPosition?: GridItemPosition;
|
|
1233
|
+
rowFloors?: RowFloors;
|
|
1234
|
+
};
|
|
1235
|
+
/**
|
|
1236
|
+
* Per-item lower bound (in rows) for the upward compaction pass. An item with a
|
|
1237
|
+
* floor is never pulled above it — used during live resize gestures to keep
|
|
1238
|
+
* unrelated items from collapsing into freshly vacated space while the pointer
|
|
1239
|
+
* is still down. Items without an entry compact all the way up (floor 0).
|
|
1240
|
+
*/
|
|
1241
|
+
type RowFloors = ReadonlyMap<string, number>;
|
|
1242
|
+
type CompactLayoutOptions = {
|
|
1243
|
+
entries: GridLayoutEntry[];
|
|
1244
|
+
columns: number;
|
|
1245
|
+
rowFloors?: RowFloors;
|
|
1246
|
+
};
|
|
1247
|
+
/**
|
|
1248
|
+
* Checks whether two grid items overlap.
|
|
1249
|
+
*/
|
|
1250
|
+
declare const itemsCollide: (a: GridItemPosition, b: GridItemPosition) => boolean;
|
|
1251
|
+
/**
|
|
1252
|
+
* Returns the first item that collides with the given position, or undefined if none.
|
|
1253
|
+
*/
|
|
1254
|
+
declare const findCollision: (options: FindCollisionOptions) => GridLayoutEntry | undefined;
|
|
1255
|
+
/**
|
|
1256
|
+
* Compacts the layout vertically (moves items up as far as possible without collision).
|
|
1257
|
+
*
|
|
1258
|
+
* Also acts as a self-healing normaliser: positions that overflow the grid horizontally
|
|
1259
|
+
* (e.g. stale data from a wider breakpoint clamped into a narrower one — a colSpan of 12
|
|
1260
|
+
* or a col of 8 in a 6-column grid) are first clamped back into bounds, then any items
|
|
1261
|
+
* left overlapping are pushed down before the upward compaction runs. This guarantees the
|
|
1262
|
+
* returned layout is always in-bounds and overlap-free regardless of the input — clamping
|
|
1263
|
+
* a column alone is not enough, because it can drop an item on top of an existing one.
|
|
1264
|
+
*/
|
|
1265
|
+
declare const compactLayout: (options: CompactLayoutOptions) => GridLayoutEntry[];
|
|
1266
|
+
/**
|
|
1267
|
+
* Finds the first available position for an item with the given span in a grid.
|
|
1268
|
+
* Uses top-left gravity: scans row by row, column by column.
|
|
1269
|
+
*/
|
|
1270
|
+
declare const autoPlace: (options: AutoPlaceOptions) => GridItemPosition;
|
|
1271
|
+
/**
|
|
1272
|
+
* Validates and clamps a position to respect grid boundaries and item constraints.
|
|
1273
|
+
*/
|
|
1274
|
+
declare const clampPosition: (options: ClampPositionOptions) => {
|
|
1275
|
+
col: number;
|
|
1276
|
+
row: number;
|
|
1277
|
+
colSpan: number;
|
|
1278
|
+
rowSpan: number;
|
|
1279
|
+
};
|
|
1280
|
+
/**
|
|
1281
|
+
* Resolves collisions by pushing items down when a moved/resized item overlaps others.
|
|
1282
|
+
* If exactly one item of the same size collides, they swap positions instead.
|
|
1283
|
+
* Cascades: if pushed items collide with others, those are pushed down too.
|
|
1284
|
+
*/
|
|
1285
|
+
declare const resolveCollisions: (options: ResolveCollisionsOptions) => GridLayoutEntry[];
|
|
1286
|
+
/**
|
|
1287
|
+
* Computes the total number of rows occupied by the layout.
|
|
1288
|
+
*/
|
|
1289
|
+
declare const computeGridHeight: (entries: GridLayoutEntry[]) => number;
|
|
1290
|
+
|
|
1291
|
+
type MapLayoutOptions = {
|
|
1292
|
+
entries: GridLayoutEntry[];
|
|
1293
|
+
fromColumns: number;
|
|
1294
|
+
toColumns: number;
|
|
1295
|
+
};
|
|
1296
|
+
/**
|
|
1297
|
+
* Resolves the active breakpoint name based on the container width.
|
|
1298
|
+
* Breakpoints are sorted by minWidth descending — the first one whose minWidth is <= containerWidth wins.
|
|
1299
|
+
*/
|
|
1300
|
+
declare const resolveBreakpoint: (breakpoints: GridBreakpointConfig[], containerWidth: number) => GridBreakpointName;
|
|
1301
|
+
/**
|
|
1302
|
+
* Auto-generates a layout for a smaller breakpoint from a larger one.
|
|
1303
|
+
* Items are re-flowed into fewer columns, maintaining their relative order.
|
|
1304
|
+
*/
|
|
1305
|
+
declare const mapLayoutToBreakpoint: (options: MapLayoutOptions) => GridLayoutEntry[];
|
|
1306
|
+
declare const DEFAULT_BREAKPOINTS: GridBreakpointConfig[];
|
|
1307
|
+
|
|
1308
|
+
type SerializeOptions = {
|
|
1309
|
+
items: GridItemConfig[];
|
|
1310
|
+
breakpoints: GridBreakpointConfig[];
|
|
1311
|
+
rowHeight: number;
|
|
1312
|
+
};
|
|
1313
|
+
/**
|
|
1314
|
+
* Serializes the current grid state into a JSON-compatible object suitable for DB storage.
|
|
1315
|
+
*/
|
|
1316
|
+
declare const serializeGridLayout: (options: SerializeOptions) => GridSerializedState;
|
|
1317
|
+
/**
|
|
1318
|
+
* Deserializes a stored grid state back into working configuration.
|
|
1319
|
+
* Returns breakpoint configs and item configs.
|
|
1320
|
+
*/
|
|
1321
|
+
declare const deserializeGridLayout: (state: GridSerializedState, breakpointMinWidths: Record<string, number>) => {
|
|
1322
|
+
breakpoints: GridBreakpointConfig[];
|
|
1323
|
+
items: GridItemConfig[];
|
|
1324
|
+
rowHeight: number;
|
|
1325
|
+
};
|
|
1326
|
+
|
|
1090
1327
|
declare class GridItemDirective {
|
|
1091
1328
|
private grid;
|
|
1329
|
+
private injector;
|
|
1330
|
+
private destroyRef;
|
|
1092
1331
|
hostElement: ElementRef<HTMLElement>;
|
|
1093
1332
|
itemId: _angular_core.InputSignal<string>;
|
|
1094
1333
|
minColSpan: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
@@ -1096,16 +1335,26 @@ declare class GridItemDirective {
|
|
|
1096
1335
|
minRowSpan: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1097
1336
|
maxRowSpan: _angular_core.InputSignalWithTransform<number, unknown>;
|
|
1098
1337
|
isBeingDragged: _angular_core.Signal<boolean>;
|
|
1099
|
-
private frozenPosition;
|
|
1100
1338
|
currentPosition: _angular_core.Signal<_ethlete_components.GridItemPosition | null>;
|
|
1101
|
-
|
|
1102
|
-
|
|
1103
|
-
|
|
1104
|
-
|
|
1105
|
-
|
|
1106
|
-
|
|
1107
|
-
|
|
1339
|
+
/** The layout-derived target rect in container-relative pixels. */
|
|
1340
|
+
slotRect: _angular_core.Signal<PixelRect | null>;
|
|
1341
|
+
private renderModeSignal;
|
|
1342
|
+
private liveRect;
|
|
1343
|
+
private isSettlingSignal;
|
|
1344
|
+
private enteringSignal;
|
|
1345
|
+
renderMode: _angular_core.Signal<"layout" | "direct">;
|
|
1346
|
+
isSettling: _angular_core.Signal<boolean>;
|
|
1347
|
+
protected entering: _angular_core.Signal<boolean>;
|
|
1348
|
+
protected leaving: _angular_core.Signal<boolean>;
|
|
1349
|
+
/** The rect currently bound to the host: pointer-driven while direct-controlled, the slot otherwise. */
|
|
1350
|
+
renderedRect: _angular_core.Signal<PixelRect | null>;
|
|
1351
|
+
protected translateStyle: _angular_core.Signal<string | null>;
|
|
1352
|
+
protected transitionStyle: _angular_core.Signal<"none" | "translate var(--et-grid-anim-duration, 250ms) cubic-bezier(0.2, 0, 0, 1), width var(--et-grid-anim-duration, 250ms) cubic-bezier(0.2, 0, 0, 1), height var(--et-grid-anim-duration, 250ms) cubic-bezier(0.2, 0, 0, 1), scale 200ms cubic-bezier(0.2, 0, 0, 1), opacity 200ms cubic-bezier(0.2, 0, 0, 1)">;
|
|
1353
|
+
private settleListener;
|
|
1108
1354
|
constructor();
|
|
1355
|
+
startDirectControl(): void;
|
|
1356
|
+
updateDirectRect(rect: PixelRect): void;
|
|
1357
|
+
stopDirectControl(): void;
|
|
1109
1358
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridItemDirective, never>;
|
|
1110
1359
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridItemDirective, "[etGridItem]", ["etGridItem"], { "itemId": { "alias": "itemId"; "required": true; "isSignal": true; }; "minColSpan": { "alias": "minColSpan"; "required": false; "isSignal": true; }; "maxColSpan": { "alias": "maxColSpan"; "required": false; "isSignal": true; }; "minRowSpan": { "alias": "minRowSpan"; "required": false; "isSignal": true; }; "maxRowSpan": { "alias": "maxRowSpan"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1111
1360
|
}
|
|
@@ -1113,18 +1362,27 @@ declare class GridItemDirective {
|
|
|
1113
1362
|
declare class GridDragDirective {
|
|
1114
1363
|
protected grid: _ethlete_components.GridDirective;
|
|
1115
1364
|
private gridItem;
|
|
1116
|
-
private injector;
|
|
1117
1365
|
private elementRef;
|
|
1366
|
+
private destroyRef;
|
|
1367
|
+
private document;
|
|
1118
1368
|
dragHandle: DragHandleDirective;
|
|
1119
|
-
private
|
|
1120
|
-
private
|
|
1121
|
-
private
|
|
1122
|
-
private
|
|
1123
|
-
private
|
|
1124
|
-
|
|
1369
|
+
private origin;
|
|
1370
|
+
private startBreakpoint;
|
|
1371
|
+
private grabOffset;
|
|
1372
|
+
private containerOrigin;
|
|
1373
|
+
private lastPointer;
|
|
1374
|
+
private lastTarget;
|
|
1375
|
+
private gestureListeners;
|
|
1376
|
+
private autoScroller;
|
|
1125
1377
|
constructor();
|
|
1126
|
-
private
|
|
1127
|
-
private
|
|
1378
|
+
private startDrag;
|
|
1379
|
+
private trackDragMove;
|
|
1380
|
+
private applyPointer;
|
|
1381
|
+
private settleDrag;
|
|
1382
|
+
private cancelDrag;
|
|
1383
|
+
private finishGesture;
|
|
1384
|
+
private attachGestureListeners;
|
|
1385
|
+
private detachGestureListeners;
|
|
1128
1386
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridDragDirective, never>;
|
|
1129
1387
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridDragDirective, "[etGridDrag]", never, {}, {}, never, never, true, [{ directive: typeof _ethlete_core.DragHandleDirective; inputs: {}; outputs: { "dragStarted": "dragStarted"; "dragMoved": "dragMoved"; "dragEnded": "dragEnded"; }; }]>;
|
|
1130
1388
|
}
|
|
@@ -1132,20 +1390,27 @@ declare class GridDragDirective {
|
|
|
1132
1390
|
declare class GridResizeDirective {
|
|
1133
1391
|
private grid;
|
|
1134
1392
|
private gridItem;
|
|
1135
|
-
private
|
|
1136
|
-
private
|
|
1137
|
-
private renderer;
|
|
1393
|
+
private destroyRef;
|
|
1394
|
+
private document;
|
|
1138
1395
|
isResizing: _angular_core.WritableSignal<boolean>;
|
|
1139
1396
|
resizeEdges: _angular_core.Signal<ResizeEdge[]>;
|
|
1140
|
-
private
|
|
1141
|
-
private
|
|
1397
|
+
private start;
|
|
1398
|
+
private startBreakpoint;
|
|
1142
1399
|
private lastSnap;
|
|
1400
|
+
private lastEvent;
|
|
1401
|
+
private startContainerOrigin;
|
|
1402
|
+
private containerOrigin;
|
|
1403
|
+
private gestureListeners;
|
|
1404
|
+
private autoScroller;
|
|
1405
|
+
constructor();
|
|
1143
1406
|
beginResize(): void;
|
|
1144
1407
|
updateResize(event: ResizeMoveEvent): void;
|
|
1145
1408
|
finishResize(): void;
|
|
1146
|
-
|
|
1147
|
-
private
|
|
1148
|
-
private
|
|
1409
|
+
cancelResize(): void;
|
|
1410
|
+
private applyResize;
|
|
1411
|
+
private finishGesture;
|
|
1412
|
+
private attachGestureListeners;
|
|
1413
|
+
private detachGestureListeners;
|
|
1149
1414
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridResizeDirective, never>;
|
|
1150
1415
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<GridResizeDirective, "[etGridResize]", never, {}, {}, never, never, true, never>;
|
|
1151
1416
|
}
|
|
@@ -1193,17 +1458,14 @@ declare class GridComponent {
|
|
|
1193
1458
|
grid: GridDirective;
|
|
1194
1459
|
private gridConfig;
|
|
1195
1460
|
private locale;
|
|
1196
|
-
private ghostRef;
|
|
1197
1461
|
protected actionsComponent: _angular_core.Signal<_ethlete_components.GridItemActionsComponent | null>;
|
|
1198
1462
|
protected registeredItems: _angular_core.Signal<{
|
|
1199
1463
|
item: _ethlete_components.GridItemConfig;
|
|
1200
1464
|
reg: _ethlete_components.GridComponentRegistration;
|
|
1201
1465
|
}[]>;
|
|
1202
1466
|
protected ariaLabel: _angular_core.Signal<string>;
|
|
1203
|
-
protected
|
|
1204
|
-
protected
|
|
1205
|
-
protected gridRowHeight: _angular_core.Signal<string>;
|
|
1206
|
-
constructor();
|
|
1467
|
+
protected ghostRect: _angular_core.Signal<_ethlete_components.PixelRect | null>;
|
|
1468
|
+
protected ghostTransition: _angular_core.Signal<"none" | "translate 200ms cubic-bezier(0.2, 0, 0, 1), width 200ms cubic-bezier(0.2, 0, 0, 1), height 200ms cubic-bezier(0.2, 0, 0, 1)">;
|
|
1207
1469
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<GridComponent, never>;
|
|
1208
1470
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<GridComponent, "et-grid, [et-grid]", never, {}, {}, never, ["*"], true, [{ directive: typeof GridDirective; inputs: { "breakpoints": "breakpoints"; "rowHeight": "rowHeight"; "gap": "gap"; "initialItems": "initialItems"; "readOnly": "readOnly"; }; outputs: { "layoutChange": "layoutChange"; }; }]>;
|
|
1209
1471
|
}
|
|
@@ -1218,7 +1480,6 @@ declare class GridItemComponent {
|
|
|
1218
1480
|
private surfaceThemes;
|
|
1219
1481
|
ariaLabel: _angular_core.InputSignal<string>;
|
|
1220
1482
|
removed: _angular_core.OutputEmitterRef<void>;
|
|
1221
|
-
private itemContent;
|
|
1222
1483
|
protected isReadOnly: _angular_core.Signal<boolean>;
|
|
1223
1484
|
private resolvedSurface;
|
|
1224
1485
|
constructor();
|
|
@@ -1411,260 +1672,47 @@ declare class SpinnerComponent {
|
|
|
1411
1672
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<SpinnerComponent, "et-spinner", never, { "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "track": { "alias": "track"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; "isSignal": true; }; "determinate": { "alias": "determinate"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1412
1673
|
}
|
|
1413
1674
|
|
|
1414
|
-
declare class
|
|
1415
|
-
private
|
|
1416
|
-
|
|
1417
|
-
|
|
1418
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationActionDirective, never>;
|
|
1419
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationActionDirective, "[etNotificationAction]", ["etNotificationAction"], {}, {}, never, never, true, never>;
|
|
1420
|
-
}
|
|
1421
|
-
|
|
1422
|
-
declare class NotificationDismissDirective {
|
|
1423
|
-
private notification;
|
|
1424
|
-
constructor();
|
|
1425
|
-
dismiss(): void;
|
|
1426
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationDismissDirective, never>;
|
|
1427
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationDismissDirective, "[etNotificationDismiss]", ["etNotificationDismiss"], {}, {}, never, never, true, never>;
|
|
1428
|
-
}
|
|
1429
|
-
|
|
1430
|
-
declare class NotificationItemDirective {
|
|
1431
|
-
private elementRef;
|
|
1432
|
-
private stack;
|
|
1433
|
-
ref: _angular_core.InputSignal<{
|
|
1434
|
-
id: string;
|
|
1435
|
-
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
1436
|
-
update: (partial: Partial<_ethlete_components.NotificationConfig>) => void;
|
|
1437
|
-
dismiss: () => void;
|
|
1438
|
-
pauseTimer: () => void;
|
|
1439
|
-
resumeTimer: () => void;
|
|
1440
|
-
afterDismissed: () => rxjs.Observable<void>;
|
|
1441
|
-
markDismissed: () => void;
|
|
1442
|
-
}>;
|
|
1443
|
-
constructor();
|
|
1444
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationItemDirective, never>;
|
|
1445
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationItemDirective, "[etNotificationItem]", never, { "ref": { "alias": "etNotificationItem"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1446
|
-
}
|
|
1447
|
-
|
|
1448
|
-
type RegisteredNotificationItem = {
|
|
1449
|
-
id: string;
|
|
1450
|
-
el: HTMLElement;
|
|
1451
|
-
};
|
|
1452
|
-
declare class NotificationStackDirective {
|
|
1453
|
-
protected context: _ethlete_components.NotificationStackContext;
|
|
1675
|
+
declare class MenuContextTriggerDirective {
|
|
1676
|
+
private menu;
|
|
1677
|
+
private document;
|
|
1678
|
+
elementRef: ElementRef<HTMLElement>;
|
|
1454
1679
|
private destroyRef;
|
|
1455
|
-
private
|
|
1456
|
-
private renderer;
|
|
1457
|
-
/** @internal */
|
|
1458
|
-
registeredItems: _angular_core.WritableSignal<RegisteredNotificationItem[]>;
|
|
1459
|
-
displayRefs: _angular_core.Signal<{
|
|
1460
|
-
id: string;
|
|
1461
|
-
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
1462
|
-
update: (partial: Partial<_ethlete_components.NotificationConfig>) => void;
|
|
1463
|
-
dismiss: () => void;
|
|
1464
|
-
pauseTimer: () => void;
|
|
1465
|
-
resumeTimer: () => void;
|
|
1466
|
-
afterDismissed: () => rxjs.Observable<void>;
|
|
1467
|
-
markDismissed: () => void;
|
|
1468
|
-
}[]>;
|
|
1469
|
-
constructor();
|
|
1470
|
-
/** @internal */
|
|
1471
|
-
registerItem(id: string, el: HTMLElement): void;
|
|
1472
|
-
/** @internal */
|
|
1473
|
-
unregisterItem(id: string): void;
|
|
1474
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationStackDirective, never>;
|
|
1475
|
-
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationStackDirective, "[etNotificationStack]", ["etNotificationStack"], {}, {}, never, never, true, never>;
|
|
1476
|
-
}
|
|
1477
|
-
|
|
1478
|
-
declare class NotificationDirective {
|
|
1479
|
-
private animatedLifecycle;
|
|
1480
|
-
ref: _angular_core.InputSignal<{
|
|
1481
|
-
id: string;
|
|
1482
|
-
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
1483
|
-
update: (partial: Partial<_ethlete_components.NotificationConfig>) => void;
|
|
1484
|
-
dismiss: () => void;
|
|
1485
|
-
pauseTimer: () => void;
|
|
1486
|
-
resumeTimer: () => void;
|
|
1487
|
-
afterDismissed: () => rxjs.Observable<void>;
|
|
1488
|
-
markDismissed: () => void;
|
|
1489
|
-
}>;
|
|
1490
|
-
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
1491
|
-
status: _angular_core.Signal<_ethlete_components.NotificationStatus>;
|
|
1492
|
-
isLoading: _angular_core.Signal<boolean>;
|
|
1493
|
-
isSuccess: _angular_core.Signal<boolean>;
|
|
1494
|
-
isError: _angular_core.Signal<boolean>;
|
|
1495
|
-
isInfo: _angular_core.Signal<boolean>;
|
|
1496
|
-
title: _angular_core.Signal<string>;
|
|
1497
|
-
message: _angular_core.Signal<string | undefined>;
|
|
1498
|
-
action: _angular_core.Signal<_ethlete_components.NotificationAction | undefined>;
|
|
1499
|
-
progress: _angular_core.Signal<number | undefined>;
|
|
1500
|
-
ariaRole: _angular_core.Signal<"status" | "alert">;
|
|
1501
|
-
/** @internal */
|
|
1502
|
-
registeredAction: _angular_core.WritableSignal<NotificationActionDirective | null>;
|
|
1503
|
-
/** @internal */
|
|
1504
|
-
registeredDismiss: _angular_core.WritableSignal<NotificationDismissDirective | null>;
|
|
1680
|
+
private repositionSubscription;
|
|
1505
1681
|
constructor();
|
|
1506
|
-
|
|
1507
|
-
|
|
1682
|
+
isOpen(): boolean;
|
|
1683
|
+
protected handleContextMenu(event: MouseEvent): void;
|
|
1684
|
+
private attachRepositionListener;
|
|
1685
|
+
private detachRepositionListener;
|
|
1686
|
+
private isEventOnZone;
|
|
1687
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuContextTriggerDirective, never>;
|
|
1688
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuContextTriggerDirective, "[etMenuContextTrigger]", ["etMenuContextTrigger"], {}, {}, never, never, true, never>;
|
|
1508
1689
|
}
|
|
1509
1690
|
|
|
1510
|
-
|
|
1511
|
-
|
|
1512
|
-
|
|
1513
|
-
|
|
1514
|
-
|
|
1515
|
-
|
|
1516
|
-
|
|
1517
|
-
|
|
1518
|
-
|
|
1519
|
-
|
|
1691
|
+
type OverlayStrategyContext = {
|
|
1692
|
+
overlayRef: OverlayRef<object, unknown>;
|
|
1693
|
+
runtimeRef: OverlayRuntimeRef<object, unknown>;
|
|
1694
|
+
/** The mounted container component's host element (the runtime pane element). */
|
|
1695
|
+
containerEl: HTMLElement;
|
|
1696
|
+
/** The runtime host element wrapping backdrop and pane. */
|
|
1697
|
+
hostEl: HTMLElement;
|
|
1698
|
+
backdropEl: HTMLElement | null;
|
|
1699
|
+
/** The container's animated lifecycle, driving enter/leave transitions. */
|
|
1700
|
+
lifecycle: AnimatedLifecycleDirective;
|
|
1701
|
+
config: OverlayBreakpointConfig;
|
|
1702
|
+
previousConfig?: OverlayBreakpointConfig;
|
|
1703
|
+
origin?: HTMLElement | Event;
|
|
1520
1704
|
};
|
|
1521
|
-
type
|
|
1522
|
-
|
|
1523
|
-
|
|
1524
|
-
|
|
1525
|
-
|
|
1705
|
+
type OverlayStrategy = {
|
|
1706
|
+
/** Unique identifier for the strategy */
|
|
1707
|
+
id: string;
|
|
1708
|
+
/** Configuration for the overlay when this strategy is applied */
|
|
1709
|
+
config: OverlayBreakpointConfig;
|
|
1526
1710
|
/**
|
|
1527
|
-
*
|
|
1528
|
-
*
|
|
1529
|
-
*
|
|
1530
|
-
* for a status that defaults to non-zero).
|
|
1711
|
+
* Called when the overlay transitions FROM another strategy TO this strategy.
|
|
1712
|
+
* Only called during breakpoint changes, not on initial open.
|
|
1713
|
+
* @example Fullscreen dialog → Regular dialog on viewport resize
|
|
1531
1714
|
*/
|
|
1532
|
-
|
|
1533
|
-
/** Optional progress value (0–100). When set, a progress bar is shown below the notification body. */
|
|
1534
|
-
progress?: number;
|
|
1535
|
-
};
|
|
1536
|
-
type NotificationManagerConfig = {
|
|
1537
|
-
/** Position of the notification stack on screen. @default 'bottom-end' */
|
|
1538
|
-
position: 'bottom-center' | 'bottom-start' | 'bottom-end' | 'top-center' | 'top-start' | 'top-end';
|
|
1539
|
-
/** Maximum number of simultaneously visible notifications. @default 3 */
|
|
1540
|
-
maxVisible: number;
|
|
1541
|
-
/**
|
|
1542
|
-
* Default auto-dismiss duration (ms) per status.
|
|
1543
|
-
* `0` means no auto-dismiss.
|
|
1544
|
-
* @default `{ success: 4000, info: 4000, loading: 0, error: 0 }`
|
|
1545
|
-
*/
|
|
1546
|
-
defaultDuration: Partial<Record<NotificationStatus, number>>;
|
|
1547
|
-
/**
|
|
1548
|
-
* Maps each notification status to a color key used by `ProvideColorDirective`.
|
|
1549
|
-
* When set, the notification host element receives the corresponding color class
|
|
1550
|
-
* so that `et-button` and other colored components render correctly inside the notification.
|
|
1551
|
-
*/
|
|
1552
|
-
statusColorMapping?: Partial<Record<NotificationStatus, string>>;
|
|
1553
|
-
/**
|
|
1554
|
-
* Color key applied to control elements (e.g. the dismiss button).
|
|
1555
|
-
* Uses the notification's status color when not set.
|
|
1556
|
-
*/
|
|
1557
|
-
controlsColor?: string;
|
|
1558
|
-
/**
|
|
1559
|
-
* Accessible label for the dismiss button.
|
|
1560
|
-
* @default 'Dismiss'
|
|
1561
|
-
*/
|
|
1562
|
-
dismissLabel: string;
|
|
1563
|
-
};
|
|
1564
|
-
declare const DEFAULT_NOTIFICATION_MANAGER_CONFIG: NotificationManagerConfig;
|
|
1565
|
-
declare const provideNotificationManagerConfig: (valueOverride?: Partial<NotificationManagerConfig> | undefined) => _angular_core.Provider[];
|
|
1566
|
-
declare const injectNotificationManagerConfig: {
|
|
1567
|
-
(): NotificationManagerConfig;
|
|
1568
|
-
(options: _angular_core.InjectOptions & {
|
|
1569
|
-
optional?: false;
|
|
1570
|
-
}): NotificationManagerConfig;
|
|
1571
|
-
(options: _angular_core.InjectOptions): NotificationManagerConfig | null;
|
|
1572
|
-
};
|
|
1573
|
-
|
|
1574
|
-
declare const NOTIFICATION_ERROR_CODES: {
|
|
1575
|
-
readonly ACTION_OUTSIDE_NOTIFICATION: 1700;
|
|
1576
|
-
readonly DISMISS_OUTSIDE_NOTIFICATION: 1701;
|
|
1577
|
-
};
|
|
1578
|
-
|
|
1579
|
-
type NotificationEntry = {
|
|
1580
|
-
id: string;
|
|
1581
|
-
config: NotificationConfig;
|
|
1582
|
-
isDismissing: boolean;
|
|
1583
|
-
isDismissed: boolean;
|
|
1584
|
-
};
|
|
1585
|
-
declare const createNotificationRef: (config: NotificationConfig, { managerConfig, beforeChange }: {
|
|
1586
|
-
managerConfig: NotificationManagerConfig;
|
|
1587
|
-
beforeChange?: () => void;
|
|
1588
|
-
}) => {
|
|
1589
|
-
id: string;
|
|
1590
|
-
entry: _angular_core.Signal<NotificationEntry>;
|
|
1591
|
-
update: (partial: Partial<NotificationConfig>) => void;
|
|
1592
|
-
dismiss: () => void;
|
|
1593
|
-
pauseTimer: () => void;
|
|
1594
|
-
resumeTimer: () => void;
|
|
1595
|
-
afterDismissed: () => rxjs.Observable<void>;
|
|
1596
|
-
markDismissed: () => void;
|
|
1597
|
-
};
|
|
1598
|
-
type NotificationRef = ReturnType<typeof createNotificationRef>;
|
|
1599
|
-
|
|
1600
|
-
type NotificationManager = {
|
|
1601
|
-
open: (config: NotificationConfig) => NotificationRef;
|
|
1602
|
-
dismissAll: () => void;
|
|
1603
|
-
notifications: Signal<NotificationRef[]>;
|
|
1604
|
-
visibleNotifications: Signal<NotificationRef[]>;
|
|
1605
|
-
};
|
|
1606
|
-
declare const provideNotificationManagerInstance: () => _angular_core.Provider[];
|
|
1607
|
-
declare const injectNotificationManager: {
|
|
1608
|
-
(): NotificationManager;
|
|
1609
|
-
(options: _angular_core.InjectOptions & {
|
|
1610
|
-
optional?: false;
|
|
1611
|
-
}): NotificationManager;
|
|
1612
|
-
(options: _angular_core.InjectOptions): NotificationManager | null;
|
|
1613
|
-
};
|
|
1614
|
-
declare const provideNotificationManager: (config?: Partial<NotificationManagerConfig>) => _angular_core.Provider[];
|
|
1615
|
-
|
|
1616
|
-
type NotificationStackContext = {
|
|
1617
|
-
visibleNotifications: Signal<NotificationRef[]>;
|
|
1618
|
-
position: NotificationManagerConfig['position'];
|
|
1619
|
-
/** @internal Set by the stack component. Called by the manager before any mutation. */
|
|
1620
|
-
captureBeforeState: (() => void) | null;
|
|
1621
|
-
};
|
|
1622
|
-
declare const NOTIFICATION_STACK_CONTEXT_TOKEN: InjectionToken<NotificationStackContext>;
|
|
1623
|
-
|
|
1624
|
-
declare class NotificationComponent {
|
|
1625
|
-
protected notification: NotificationDirective;
|
|
1626
|
-
private animatedLifecycle;
|
|
1627
|
-
private provideTheme;
|
|
1628
|
-
private provideSurface;
|
|
1629
|
-
private managerConfig;
|
|
1630
|
-
private surfaceThemes;
|
|
1631
|
-
private surfaceContextTracker;
|
|
1632
|
-
private resolvedColor;
|
|
1633
|
-
private resolvedSurface;
|
|
1634
|
-
protected controlsColor: _angular_core.Signal<string | null>;
|
|
1635
|
-
protected dismissLabel: _angular_core.Signal<string>;
|
|
1636
|
-
constructor();
|
|
1637
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationComponent, never>;
|
|
1638
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationComponent, "et-notification", never, {}, {}, never, never, true, [{ directive: typeof NotificationDirective; inputs: { "ref": "ref"; }; outputs: {}; }, { directive: typeof _ethlete_core.AnimatedLifecycleDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: { "etProvideSurface": "surface"; }; outputs: {}; }]>;
|
|
1639
|
-
}
|
|
1640
|
-
|
|
1641
|
-
declare const NOTIFICATION_IMPORTS: readonly [typeof NotificationComponent, typeof NotificationDirective, typeof NotificationActionDirective, typeof NotificationDismissDirective];
|
|
1642
|
-
|
|
1643
|
-
type OverlayStrategyContext = {
|
|
1644
|
-
overlayRef: OverlayRef<object, unknown>;
|
|
1645
|
-
runtimeRef: OverlayRuntimeRef<object, unknown>;
|
|
1646
|
-
/** The mounted container component's host element (the runtime pane element). */
|
|
1647
|
-
containerEl: HTMLElement;
|
|
1648
|
-
/** The runtime host element wrapping backdrop and pane. */
|
|
1649
|
-
hostEl: HTMLElement;
|
|
1650
|
-
backdropEl: HTMLElement | null;
|
|
1651
|
-
/** The container's animated lifecycle, driving enter/leave transitions. */
|
|
1652
|
-
lifecycle: AnimatedLifecycleDirective;
|
|
1653
|
-
config: OverlayBreakpointConfig;
|
|
1654
|
-
previousConfig?: OverlayBreakpointConfig;
|
|
1655
|
-
origin?: HTMLElement | Event;
|
|
1656
|
-
};
|
|
1657
|
-
type OverlayStrategy = {
|
|
1658
|
-
/** Unique identifier for the strategy */
|
|
1659
|
-
id: string;
|
|
1660
|
-
/** Configuration for the overlay when this strategy is applied */
|
|
1661
|
-
config: OverlayBreakpointConfig;
|
|
1662
|
-
/**
|
|
1663
|
-
* Called when the overlay transitions FROM another strategy TO this strategy.
|
|
1664
|
-
* Only called during breakpoint changes, not on initial open.
|
|
1665
|
-
* @example Fullscreen dialog → Regular dialog on viewport resize
|
|
1666
|
-
*/
|
|
1667
|
-
onSwitchedTo?: (context: OverlayStrategyContext) => void;
|
|
1715
|
+
onSwitchedTo?: (context: OverlayStrategyContext) => void;
|
|
1668
1716
|
/**
|
|
1669
1717
|
* Called when the overlay transitions FROM this strategy TO another strategy.
|
|
1670
1718
|
* Only called during breakpoint changes, not on close.
|
|
@@ -1825,6 +1873,7 @@ declare const createOverlayRef: <TComponent extends object, TResult = unknown>(c
|
|
|
1825
1873
|
componentInstance: () => TComponent | null;
|
|
1826
1874
|
close: (result?: TResult) => void;
|
|
1827
1875
|
closeVia: (source: OverlayRuntimeCloseSource, result?: TResult) => void;
|
|
1876
|
+
updatePositionStrategy: (strategy: OverlayRuntimePositionStrategy) => void;
|
|
1828
1877
|
attachComponentInstanceOverride: (getter: () => TComponent | null) => void;
|
|
1829
1878
|
afterOpened: () => Observable<void>;
|
|
1830
1879
|
beforeClosed: () => Observable<TResult | undefined>;
|
|
@@ -1842,6 +1891,7 @@ declare const OVERLAY_REF: InjectionToken<{
|
|
|
1842
1891
|
componentInstance: () => object | null;
|
|
1843
1892
|
close: (result?: unknown) => void;
|
|
1844
1893
|
closeVia: (source: OverlayRuntimeCloseSource, result?: unknown) => void;
|
|
1894
|
+
updatePositionStrategy: (strategy: OverlayRuntimePositionStrategy) => void;
|
|
1845
1895
|
attachComponentInstanceOverride: (getter: () => object | null) => void;
|
|
1846
1896
|
afterOpened: () => Observable<void>;
|
|
1847
1897
|
beforeClosed: () => Observable<unknown>;
|
|
@@ -1849,15 +1899,6 @@ declare const OVERLAY_REF: InjectionToken<{
|
|
|
1849
1899
|
attachRuntime: (runtimeRef: OverlayRuntimeRef<object, unknown>) => void;
|
|
1850
1900
|
}>;
|
|
1851
1901
|
|
|
1852
|
-
declare const getClosestOverlay: (element: ElementRef<HTMLElement>, openOverlays: OverlayRef<object, unknown>[]) => OverlayRef<object, unknown> | null;
|
|
1853
|
-
type ResolveClosestOverlayOptions = {
|
|
1854
|
-
overlayRef: OverlayRef<object, unknown> | null;
|
|
1855
|
-
element: ElementRef<HTMLElement>;
|
|
1856
|
-
openOverlays: OverlayRef<object, unknown>[];
|
|
1857
|
-
};
|
|
1858
|
-
/** Returns the given ref or resolves the overlay the element is rendered inside of. Throws if neither exists. */
|
|
1859
|
-
declare const resolveClosestOverlay: (options: ResolveClosestOverlayOptions) => OverlayRef<object, unknown>;
|
|
1860
|
-
|
|
1861
1902
|
declare class OverlayAnchorDirective {
|
|
1862
1903
|
private overlay;
|
|
1863
1904
|
private destroyRef;
|
|
@@ -1867,13 +1908,6 @@ declare class OverlayAnchorDirective {
|
|
|
1867
1908
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlayAnchorDirective, "[etOverlayAnchor]", ["etOverlayAnchor"], {}, {}, never, never, true, never>;
|
|
1868
1909
|
}
|
|
1869
1910
|
|
|
1870
|
-
declare class OverlayTemplateHostComponent {
|
|
1871
|
-
protected template: _angular_core.InputSignal<TemplateRef<OverlaySurfaceContext>>;
|
|
1872
|
-
protected context: _angular_core.InputSignal<OverlaySurfaceContext>;
|
|
1873
|
-
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayTemplateHostComponent, never>;
|
|
1874
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverlayTemplateHostComponent, "et-overlay-template-host", never, { "template": { "alias": "template"; "required": true; "isSignal": true; }; "context": { "alias": "context"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1875
|
-
}
|
|
1876
|
-
|
|
1877
1911
|
declare class OverlayTriggerDirective {
|
|
1878
1912
|
private overlay;
|
|
1879
1913
|
private destroyRef;
|
|
@@ -1950,6 +1984,637 @@ declare class OverlaySurfaceDirective {
|
|
|
1950
1984
|
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<OverlaySurfaceDirective, "ng-template[etOverlaySurface]", ["etOverlaySurface"], {}, {}, never, never, true, never>;
|
|
1951
1985
|
}
|
|
1952
1986
|
|
|
1987
|
+
declare class OverlayTemplateHostComponent {
|
|
1988
|
+
protected template: _angular_core.InputSignal<TemplateRef<OverlaySurfaceContext>>;
|
|
1989
|
+
protected context: _angular_core.InputSignal<OverlaySurfaceContext>;
|
|
1990
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<OverlayTemplateHostComponent, never>;
|
|
1991
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<OverlayTemplateHostComponent, "et-overlay-template-host", never, { "template": { "alias": "template"; "required": true; "isSignal": true; }; "context": { "alias": "context"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
1992
|
+
}
|
|
1993
|
+
|
|
1994
|
+
declare class MenuPanelDirective {
|
|
1995
|
+
/** @internal */
|
|
1996
|
+
menu: MenuDirective | null;
|
|
1997
|
+
elementRef: ElementRef<HTMLElement>;
|
|
1998
|
+
private destroyRef;
|
|
1999
|
+
protected labelledBy: _angular_core.Signal<string | null>;
|
|
2000
|
+
protected busy: _angular_core.Signal<true | null>;
|
|
2001
|
+
constructor();
|
|
2002
|
+
/** @internal */
|
|
2003
|
+
focus(): void;
|
|
2004
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
2005
|
+
protected handlePointerEnter(event: PointerEvent): void;
|
|
2006
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuPanelDirective, never>;
|
|
2007
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuPanelDirective, "[etMenuPanel]", ["etMenuPanel"], {}, {}, never, never, true, never>;
|
|
2008
|
+
}
|
|
2009
|
+
|
|
2010
|
+
declare class MenuSearchDirective {
|
|
2011
|
+
private menu;
|
|
2012
|
+
private document;
|
|
2013
|
+
elementRef: ElementRef<HTMLInputElement>;
|
|
2014
|
+
private destroyRef;
|
|
2015
|
+
query: _angular_core.ModelSignal<string>;
|
|
2016
|
+
loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
|
|
2017
|
+
error: _angular_core.InputSignal<string | null>;
|
|
2018
|
+
/** @internal Id of the element rendering the error message, set by the component displaying it. */
|
|
2019
|
+
errorElementId: _angular_core.WritableSignal<string | null>;
|
|
2020
|
+
constructor();
|
|
2021
|
+
/** @internal */
|
|
2022
|
+
isFocused(): boolean;
|
|
2023
|
+
/** @internal */
|
|
2024
|
+
focus(options?: {
|
|
2025
|
+
select?: boolean;
|
|
2026
|
+
}): void;
|
|
2027
|
+
/** @internal Focuses the input and appends a character typed while an item had focus. */
|
|
2028
|
+
appendCharacter(character: string): void;
|
|
2029
|
+
clear(): void;
|
|
2030
|
+
protected handleInput(): void;
|
|
2031
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
2032
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSearchDirective, never>;
|
|
2033
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuSearchDirective, "input[etMenuSearch]", ["etMenuSearch"], { "query": { "alias": "query"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "query": "queryChange"; }, never, never, true, never>;
|
|
2034
|
+
}
|
|
2035
|
+
|
|
2036
|
+
type MenuSurfaceContext = {
|
|
2037
|
+
$implicit: MenuDirective;
|
|
2038
|
+
menu: MenuDirective;
|
|
2039
|
+
close: (result?: unknown) => void;
|
|
2040
|
+
};
|
|
2041
|
+
declare class MenuSurfaceDirective {
|
|
2042
|
+
private menu;
|
|
2043
|
+
templateRef: TemplateRef<MenuSurfaceContext>;
|
|
2044
|
+
private destroyRef;
|
|
2045
|
+
constructor();
|
|
2046
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSurfaceDirective, never>;
|
|
2047
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuSurfaceDirective, "ng-template[etMenuSurface]", ["etMenuSurface"], {}, {}, never, never, true, never>;
|
|
2048
|
+
}
|
|
2049
|
+
|
|
2050
|
+
declare class MenuTriggerDirective {
|
|
2051
|
+
/** @internal The menu this trigger opens - for submenu trigger items, that is the submenu. */
|
|
2052
|
+
menu: MenuDirective | null;
|
|
2053
|
+
elementRef: ElementRef<HTMLElement>;
|
|
2054
|
+
private destroyRef;
|
|
2055
|
+
/** @internal The same-element menu item this trigger is combined with, if any. Set by the item. */
|
|
2056
|
+
hostItem: MenuItemDirective | null;
|
|
2057
|
+
constructor();
|
|
2058
|
+
/** @internal */
|
|
2059
|
+
setHostItem(item: MenuItemDirective): void;
|
|
2060
|
+
isOpen(): boolean;
|
|
2061
|
+
protected expanded(): boolean | null;
|
|
2062
|
+
protected controls(): string | null;
|
|
2063
|
+
protected handleClick(): void;
|
|
2064
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
2065
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuTriggerDirective, never>;
|
|
2066
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuTriggerDirective, "[etMenuTrigger]", ["etMenuTrigger"], {}, {}, never, never, true, never>;
|
|
2067
|
+
}
|
|
2068
|
+
|
|
2069
|
+
type MenuCloseReason = 'item' | 'escape' | 'tab' | 'outside' | 'api';
|
|
2070
|
+
type MenuOpenSource = 'click' | 'hover' | 'keyboard' | 'api';
|
|
2071
|
+
type MenuAnchorPoint = {
|
|
2072
|
+
x: number;
|
|
2073
|
+
y: number;
|
|
2074
|
+
};
|
|
2075
|
+
declare class MenuDirective {
|
|
2076
|
+
private destroyRef;
|
|
2077
|
+
private document;
|
|
2078
|
+
private overlayManager;
|
|
2079
|
+
parent: MenuDirective | null;
|
|
2080
|
+
placement: _angular_core.InputSignal<Placement | "auto">;
|
|
2081
|
+
fallbackPlacements: _angular_core.InputSignal<Placement[] | undefined>;
|
|
2082
|
+
offset: _angular_core.InputSignal<OffsetOptions | "auto" | null>;
|
|
2083
|
+
viewportPadding: _angular_core.InputSignal<Padding | null>;
|
|
2084
|
+
autoFocus: _angular_core.InputSignal<boolean>;
|
|
2085
|
+
hoverOpen: _angular_core.InputSignal<boolean>;
|
|
2086
|
+
hoverOpenDelay: _angular_core.InputSignal<number>;
|
|
2087
|
+
hoverCloseDelay: _angular_core.InputSignal<number>;
|
|
2088
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
2089
|
+
open: _angular_core.ModelSignal<boolean>;
|
|
2090
|
+
root: MenuDirective;
|
|
2091
|
+
depth: number;
|
|
2092
|
+
isRoot: boolean;
|
|
2093
|
+
/** @internal */
|
|
2094
|
+
registeredTrigger: _angular_core.WritableSignal<MenuTriggerDirective | null>;
|
|
2095
|
+
/** @internal */
|
|
2096
|
+
registeredContextTrigger: _angular_core.WritableSignal<MenuContextTriggerDirective | null>;
|
|
2097
|
+
/** @internal */
|
|
2098
|
+
registeredSurface: _angular_core.WritableSignal<MenuSurfaceDirective | null>;
|
|
2099
|
+
/** @internal */
|
|
2100
|
+
registeredPanel: _angular_core.WritableSignal<MenuPanelDirective | null>;
|
|
2101
|
+
/** @internal */
|
|
2102
|
+
registeredSearch: _angular_core.WritableSignal<MenuSearchDirective | null>;
|
|
2103
|
+
/** @internal */
|
|
2104
|
+
overlayRef: _angular_core.WritableSignal<OverlayRef<OverlayTemplateHostComponent, unknown> | null>;
|
|
2105
|
+
/** @internal */
|
|
2106
|
+
openSubmenu: _angular_core.WritableSignal<MenuDirective | null>;
|
|
2107
|
+
/** @internal */
|
|
2108
|
+
activeItem: _angular_core.WritableSignal<MenuItemDirective | null>;
|
|
2109
|
+
/** @internal */
|
|
2110
|
+
anchorPoint: _angular_core.WritableSignal<MenuAnchorPoint | null>;
|
|
2111
|
+
private items;
|
|
2112
|
+
/** @internal */
|
|
2113
|
+
sortedItems: _angular_core.Signal<MenuItemDirective[]>;
|
|
2114
|
+
/** @internal */
|
|
2115
|
+
enabledItems: _angular_core.Signal<MenuItemDirective[]>;
|
|
2116
|
+
isMounted: _angular_core.Signal<boolean>;
|
|
2117
|
+
private openSource;
|
|
2118
|
+
private initialFocusTarget;
|
|
2119
|
+
private hoverIntent;
|
|
2120
|
+
private typeahead;
|
|
2121
|
+
private rootListenersCleanup;
|
|
2122
|
+
constructor();
|
|
2123
|
+
show(source?: MenuOpenSource, initialFocus?: 'first' | 'last'): void;
|
|
2124
|
+
hide(): void;
|
|
2125
|
+
toggle(source?: MenuOpenSource): void;
|
|
2126
|
+
/** Closes the whole menu tree, regardless of which level this is called on. */
|
|
2127
|
+
closeAll(reason?: MenuCloseReason): void;
|
|
2128
|
+
/** Opens the menu anchored to a viewport point instead of the trigger element. */
|
|
2129
|
+
openAt(point: MenuAnchorPoint, source?: MenuOpenSource): void;
|
|
2130
|
+
/** @internal Closes this level and returns focus to the trigger item in the parent menu. */
|
|
2131
|
+
closeLevel(reason: MenuCloseReason): void;
|
|
2132
|
+
/** @internal */
|
|
2133
|
+
openSubmenuExclusive(submenu: MenuDirective): void;
|
|
2134
|
+
/** @internal */
|
|
2135
|
+
registerItem(item: MenuItemDirective): void;
|
|
2136
|
+
/** @internal */
|
|
2137
|
+
unregisterItem(item: MenuItemDirective): void;
|
|
2138
|
+
/** @internal */
|
|
2139
|
+
unregisterTrigger(trigger: MenuTriggerDirective): void;
|
|
2140
|
+
/** @internal */
|
|
2141
|
+
unregisterContextTrigger(trigger: MenuContextTriggerDirective): void;
|
|
2142
|
+
/** @internal */
|
|
2143
|
+
unregisterSurface(surface: MenuSurfaceDirective): void;
|
|
2144
|
+
/** @internal */
|
|
2145
|
+
unregisterPanel(panel: MenuPanelDirective): void;
|
|
2146
|
+
/** @internal */
|
|
2147
|
+
unregisterSearch(search: MenuSearchDirective): void;
|
|
2148
|
+
/** @internal */
|
|
2149
|
+
setActiveItem(item: MenuItemDirective, options?: {
|
|
2150
|
+
focus?: boolean;
|
|
2151
|
+
}): void;
|
|
2152
|
+
/** @internal Central keyboard handling for items, the panel, and the search input. */
|
|
2153
|
+
handleKeydown(event: KeyboardEvent): void;
|
|
2154
|
+
/** @internal */
|
|
2155
|
+
notifyItemPointerEnter(item: MenuItemDirective): void;
|
|
2156
|
+
/** @internal Cancels pending submenu hover timers along the ancestor chain. */
|
|
2157
|
+
notifyPanelPointerEnter(): void;
|
|
2158
|
+
/** @internal */
|
|
2159
|
+
focusTrigger(): void;
|
|
2160
|
+
/** @internal True while a pointerdown target belongs to any open pane of this menu's tree. */
|
|
2161
|
+
isTargetInsideTree(target: EventTarget | null): boolean;
|
|
2162
|
+
private isFocusInsideTree;
|
|
2163
|
+
private handleItemHover;
|
|
2164
|
+
private moveActive;
|
|
2165
|
+
private setActiveToEdge;
|
|
2166
|
+
private mountOverlay;
|
|
2167
|
+
private applyInitialFocus;
|
|
2168
|
+
private attachRootInteractionListeners;
|
|
2169
|
+
private detachRootInteractionListeners;
|
|
2170
|
+
private buildStrategies;
|
|
2171
|
+
private buildVirtualAnchoredPosition;
|
|
2172
|
+
private resolvedPlacement;
|
|
2173
|
+
private resolvedFallbackPlacements;
|
|
2174
|
+
private resolvedOffset;
|
|
2175
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuDirective, never>;
|
|
2176
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuDirective, "[etMenu]", ["etMenu"], { "placement": { "alias": "placement"; "required": false; "isSignal": true; }; "fallbackPlacements": { "alias": "fallbackPlacements"; "required": false; "isSignal": true; }; "offset": { "alias": "offset"; "required": false; "isSignal": true; }; "viewportPadding": { "alias": "viewportPadding"; "required": false; "isSignal": true; }; "autoFocus": { "alias": "autoFocus"; "required": false; "isSignal": true; }; "hoverOpen": { "alias": "hoverOpen"; "required": false; "isSignal": true; }; "hoverOpenDelay": { "alias": "hoverOpenDelay"; "required": false; "isSignal": true; }; "hoverCloseDelay": { "alias": "hoverCloseDelay"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "open": { "alias": "open"; "required": false; "isSignal": true; }; }, { "open": "openChange"; }, never, never, true, never>;
|
|
2177
|
+
}
|
|
2178
|
+
|
|
2179
|
+
type MenuItemActivationSource = 'pointer' | 'keyboard-enter' | 'keyboard-space';
|
|
2180
|
+
type MenuItemActivationEvent = {
|
|
2181
|
+
source: MenuItemActivationSource;
|
|
2182
|
+
};
|
|
2183
|
+
declare class MenuItemDirective {
|
|
2184
|
+
private nearestMenu;
|
|
2185
|
+
private sameElementTrigger;
|
|
2186
|
+
elementRef: ElementRef<HTMLElement>;
|
|
2187
|
+
private destroyRef;
|
|
2188
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
2189
|
+
closeOnActivate: _angular_core.InputSignal<boolean | undefined>;
|
|
2190
|
+
activated: _angular_core.OutputEmitterRef<MenuItemActivationEvent>;
|
|
2191
|
+
/** @internal The menu whose item list this item belongs to. */
|
|
2192
|
+
owner: MenuDirective | null;
|
|
2193
|
+
/** @internal The submenu this item opens when it doubles as a submenu trigger. */
|
|
2194
|
+
submenu: MenuDirective | null;
|
|
2195
|
+
/** @internal Role source overriding the default `menuitem`, e.g. with `menuitemradio` or `menuitemcheckbox`. */
|
|
2196
|
+
roleOverride: _angular_core.WritableSignal<Signal<string> | null>;
|
|
2197
|
+
/** @internal Additional disabled state source, e.g. from a composing selection item directive. */
|
|
2198
|
+
disabledOverride: _angular_core.WritableSignal<Signal<boolean> | null>;
|
|
2199
|
+
private defaultCloseOnActivate;
|
|
2200
|
+
private pendingKeyboardSource;
|
|
2201
|
+
protected role: Signal<string>;
|
|
2202
|
+
protected isActive: Signal<boolean>;
|
|
2203
|
+
/** @internal Combines the item's own `disabled` input with a state pushed in by a composing directive. */
|
|
2204
|
+
isDisabled: Signal<boolean>;
|
|
2205
|
+
protected tabIndex: Signal<0 | -1>;
|
|
2206
|
+
constructor();
|
|
2207
|
+
/** @internal Sets whether activation closes the menu tree when the `closeOnActivate` input is not set. */
|
|
2208
|
+
setDefaultCloseOnActivate(value: boolean): void;
|
|
2209
|
+
/** @internal */
|
|
2210
|
+
focus(): void;
|
|
2211
|
+
/** @internal Returns the visible label used for typeahead matching. */
|
|
2212
|
+
textContent(): string;
|
|
2213
|
+
/** @internal Activates via a synthesized click so consumer (click) handlers fire for keyboard users too. */
|
|
2214
|
+
activateFromKeyboard(source: MenuItemActivationSource): void;
|
|
2215
|
+
protected handleClick(event: MouseEvent): void;
|
|
2216
|
+
protected handleKeydown(event: KeyboardEvent): void;
|
|
2217
|
+
protected handleMousedown(event: MouseEvent): void;
|
|
2218
|
+
protected handlePointerEnter(event: PointerEvent): void;
|
|
2219
|
+
protected handleFocus(): void;
|
|
2220
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemDirective, never>;
|
|
2221
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuItemDirective, "[etMenuItem]", ["etMenuItem"], { "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "closeOnActivate": { "alias": "closeOnActivate"; "required": false; "isSignal": true; }; }, { "activated": "activated"; }, never, never, true, never>;
|
|
2222
|
+
}
|
|
2223
|
+
|
|
2224
|
+
declare const MENU_SELECTION_GROUP_TOKEN: InjectionToken<MenuSelectionGroupDirectiveBase<unknown>>;
|
|
2225
|
+
declare const MENU_SELECTION_GROUP_MULTIPLE: InjectionToken<boolean>;
|
|
2226
|
+
declare const MENU_SELECTION_ITEM_KIND: InjectionToken<MenuSelectionItemKind>;
|
|
2227
|
+
type MenuSelectionItemKind = 'radio' | 'checkbox';
|
|
2228
|
+
type MenuSelectionGroupItem<TValue = unknown> = {
|
|
2229
|
+
value: Signal<TValue | undefined>;
|
|
2230
|
+
checked: WritableSignal<boolean>;
|
|
2231
|
+
disabled: Signal<boolean>;
|
|
2232
|
+
elementRef: ElementRef<HTMLElement>;
|
|
2233
|
+
};
|
|
2234
|
+
type MenuSelectionGroupDirectiveBase<TValue = unknown> = {
|
|
2235
|
+
value: WritableSignal<TValue | TValue[] | null>;
|
|
2236
|
+
multiple: Signal<boolean>;
|
|
2237
|
+
disabled: Signal<boolean>;
|
|
2238
|
+
items: Signal<MenuSelectionGroupItem<TValue>[]>;
|
|
2239
|
+
labelId: WritableSignal<string | null>;
|
|
2240
|
+
registerItem(item: MenuSelectionGroupItem<TValue>): void;
|
|
2241
|
+
unregisterItem(item: MenuSelectionGroupItem<TValue>): void;
|
|
2242
|
+
select(item: MenuSelectionGroupItem<TValue>): void;
|
|
2243
|
+
markTouched(): void;
|
|
2244
|
+
};
|
|
2245
|
+
|
|
2246
|
+
declare class MenuSelectionGroupDirective implements MenuSelectionGroupDirectiveBase {
|
|
2247
|
+
private multipleOverride;
|
|
2248
|
+
value: _angular_core.ModelSignal<unknown>;
|
|
2249
|
+
touched: _angular_core.ModelSignal<boolean>;
|
|
2250
|
+
multipleInput: _angular_core.InputSignal<boolean>;
|
|
2251
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
2252
|
+
invalid: _angular_core.InputSignal<boolean>;
|
|
2253
|
+
errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
|
|
2254
|
+
required: _angular_core.InputSignal<boolean>;
|
|
2255
|
+
name: _angular_core.InputSignal<string>;
|
|
2256
|
+
multiple: _angular_core.Signal<boolean>;
|
|
2257
|
+
items: _angular_core.WritableSignal<MenuSelectionGroupItem[]>;
|
|
2258
|
+
shouldDisplayError: _angular_core.Signal<boolean>;
|
|
2259
|
+
/** @internal Set by a group label component so `aria-labelledby` can reference it. */
|
|
2260
|
+
labelId: _angular_core.WritableSignal<string | null>;
|
|
2261
|
+
constructor();
|
|
2262
|
+
/** @internal */
|
|
2263
|
+
registerItem(item: MenuSelectionGroupItem): void;
|
|
2264
|
+
/** @internal */
|
|
2265
|
+
unregisterItem(item: MenuSelectionGroupItem): void;
|
|
2266
|
+
markTouched(): void;
|
|
2267
|
+
select(item: MenuSelectionGroupItem): void;
|
|
2268
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSelectionGroupDirective, never>;
|
|
2269
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuSelectionGroupDirective, "[etMenuSelectionGroup]", ["etMenuSelectionGroup"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "multipleInput": { "alias": "multiple"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "touched": "touchedChange"; }, never, never, true, never>;
|
|
2270
|
+
}
|
|
2271
|
+
|
|
2272
|
+
declare class MenuSelectionItemDirective {
|
|
2273
|
+
private group;
|
|
2274
|
+
private kindOverride;
|
|
2275
|
+
private menuItem;
|
|
2276
|
+
elementRef: ElementRef<HTMLElement>;
|
|
2277
|
+
private destroyRef;
|
|
2278
|
+
value: _angular_core.InputSignal<unknown>;
|
|
2279
|
+
checked: _angular_core.ModelSignal<boolean>;
|
|
2280
|
+
indeterminate: _angular_core.ModelSignal<boolean>;
|
|
2281
|
+
touched: _angular_core.ModelSignal<boolean>;
|
|
2282
|
+
disabled: _angular_core.InputSignal<boolean>;
|
|
2283
|
+
invalid: _angular_core.InputSignal<boolean>;
|
|
2284
|
+
errors: _angular_core.InputSignal<readonly ValidationError.WithOptionalFieldTree[]>;
|
|
2285
|
+
required: _angular_core.InputSignal<boolean>;
|
|
2286
|
+
name: _angular_core.InputSignal<string>;
|
|
2287
|
+
kind: _angular_core.Signal<MenuSelectionItemKind>;
|
|
2288
|
+
ariaChecked: _angular_core.Signal<boolean | "mixed">;
|
|
2289
|
+
private isDisabled;
|
|
2290
|
+
constructor();
|
|
2291
|
+
toggle(): void;
|
|
2292
|
+
protected handleBlur(): void;
|
|
2293
|
+
private handleActivation;
|
|
2294
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSelectionItemDirective, never>;
|
|
2295
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<MenuSelectionItemDirective, "[etMenuSelectionItem]", ["etMenuSelectionItem"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "checked": { "alias": "checked"; "required": false; "isSignal": true; }; "indeterminate": { "alias": "indeterminate"; "required": false; "isSignal": true; }; "touched": { "alias": "touched"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "invalid": { "alias": "invalid"; "required": false; "isSignal": true; }; "errors": { "alias": "errors"; "required": false; "isSignal": true; }; "required": { "alias": "required"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, { "checked": "checkedChange"; "indeterminate": "indeterminateChange"; "touched": "touchedChange"; }, never, never, true, never>;
|
|
2296
|
+
}
|
|
2297
|
+
|
|
2298
|
+
declare class MenuCheckboxGroupComponent {
|
|
2299
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxGroupComponent, never>;
|
|
2300
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxGroupComponent, "et-menu-checkbox-group", never, {}, {}, never, ["et-menu-group-label", "*"], true, [{ directive: typeof MenuSelectionGroupDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }]>;
|
|
2301
|
+
}
|
|
2302
|
+
|
|
2303
|
+
declare class MenuCheckboxItemComponent {
|
|
2304
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuCheckboxItemComponent, never>;
|
|
2305
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuCheckboxItemComponent, "et-menu-checkbox-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "indeterminate": "indeterminate"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "indeterminateChange": "indeterminateChange"; "touchedChange": "touchedChange"; }; }]>;
|
|
2306
|
+
}
|
|
2307
|
+
|
|
2308
|
+
declare const MENU_ERROR_CODES: {
|
|
2309
|
+
readonly MISSING_MENU_SURFACE: 1300;
|
|
2310
|
+
readonly TRIGGER_OUTSIDE_MENU: 1301;
|
|
2311
|
+
readonly SURFACE_OUTSIDE_MENU: 1302;
|
|
2312
|
+
readonly ITEM_OUTSIDE_MENU: 1303;
|
|
2313
|
+
readonly PANEL_OUTSIDE_MENU: 1304;
|
|
2314
|
+
readonly SEARCH_OUTSIDE_MENU: 1305;
|
|
2315
|
+
readonly CONTEXT_TRIGGER_OUTSIDE_MENU: 1306;
|
|
2316
|
+
readonly CONTEXT_TRIGGER_ON_SUBMENU: 1307;
|
|
2317
|
+
readonly SELECTION_ITEM_MISSING_VALUE: 1320;
|
|
2318
|
+
readonly RADIO_ITEM_OUTSIDE_GROUP: 1321;
|
|
2319
|
+
};
|
|
2320
|
+
|
|
2321
|
+
declare class MenuGroupLabelComponent {
|
|
2322
|
+
private group;
|
|
2323
|
+
private elementRef;
|
|
2324
|
+
private destroyRef;
|
|
2325
|
+
constructor();
|
|
2326
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuGroupLabelComponent, never>;
|
|
2327
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuGroupLabelComponent, "et-menu-group-label", never, {}, {}, never, ["*"], true, never>;
|
|
2328
|
+
}
|
|
2329
|
+
|
|
2330
|
+
declare const MENU_ITEM_VARIANTS: {
|
|
2331
|
+
readonly DEFAULT: "default";
|
|
2332
|
+
readonly DESTRUCTIVE: "destructive";
|
|
2333
|
+
};
|
|
2334
|
+
type MenuItemVariant = (typeof MENU_ITEM_VARIANTS)[keyof typeof MENU_ITEM_VARIANTS];
|
|
2335
|
+
declare class MenuItemComponent {
|
|
2336
|
+
variant: _angular_core.InputSignal<MenuItemVariant>;
|
|
2337
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemComponent, never>;
|
|
2338
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemComponent, "button[et-menu-item], a[et-menu-item]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, ["[etIcon]", "*", "et-menu-item-shortcut"], true, [{ directive: typeof MenuItemDirective; inputs: { "disabled": "disabled"; "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }]>;
|
|
2339
|
+
}
|
|
2340
|
+
|
|
2341
|
+
declare class MenuItemShortcutComponent {
|
|
2342
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuItemShortcutComponent, never>;
|
|
2343
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuItemShortcutComponent, "et-menu-item-shortcut", never, {}, {}, never, ["*"], true, never>;
|
|
2344
|
+
}
|
|
2345
|
+
|
|
2346
|
+
declare class MenuRadioGroupComponent {
|
|
2347
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioGroupComponent, never>;
|
|
2348
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioGroupComponent, "et-menu-radio-group", never, {}, {}, never, ["et-menu-group-label", "*"], true, [{ directive: typeof MenuSelectionGroupDirective; inputs: { "value": "value"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "valueChange": "valueChange"; "touchedChange": "touchedChange"; }; }]>;
|
|
2349
|
+
}
|
|
2350
|
+
|
|
2351
|
+
declare class MenuRadioItemComponent {
|
|
2352
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuRadioItemComponent, never>;
|
|
2353
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuRadioItemComponent, "et-menu-radio-item", never, {}, {}, never, ["*"], true, [{ directive: typeof MenuItemDirective; inputs: { "closeOnActivate": "closeOnActivate"; }; outputs: { "activated": "activated"; }; }, { directive: typeof MenuSelectionItemDirective; inputs: { "value": "value"; "checked": "checked"; "touched": "touched"; "disabled": "disabled"; "invalid": "invalid"; "errors": "errors"; "required": "required"; "name": "name"; }; outputs: { "checkedChange": "checkedChange"; "touchedChange": "touchedChange"; }; }]>;
|
|
2354
|
+
}
|
|
2355
|
+
|
|
2356
|
+
declare class MenuSeparatorComponent {
|
|
2357
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuSeparatorComponent, never>;
|
|
2358
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuSeparatorComponent, "et-menu-separator", never, {}, {}, never, never, true, never>;
|
|
2359
|
+
}
|
|
2360
|
+
|
|
2361
|
+
declare class MenuComponent {
|
|
2362
|
+
private ownColorProvider;
|
|
2363
|
+
private ownSurfaceProvider;
|
|
2364
|
+
private contextColorProvider;
|
|
2365
|
+
private contextSurfaceProvider;
|
|
2366
|
+
protected menu: MenuDirective | null;
|
|
2367
|
+
private surfaceThemes;
|
|
2368
|
+
protected search: _angular_core.Signal<_ethlete_components.MenuSearchDirective | null>;
|
|
2369
|
+
protected searchLoading: _angular_core.Signal<boolean>;
|
|
2370
|
+
protected searchError: _angular_core.Signal<string | null>;
|
|
2371
|
+
protected searchErrorId: string;
|
|
2372
|
+
private resolvedSurface;
|
|
2373
|
+
constructor();
|
|
2374
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<MenuComponent, never>;
|
|
2375
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<MenuComponent, "et-menu", never, {}, {}, never, ["input[etMenuSearch]", "*"], true, [{ directive: typeof MenuPanelDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: {}; outputs: {}; }]>;
|
|
2376
|
+
}
|
|
2377
|
+
|
|
2378
|
+
declare const MENU_IMPORTS: readonly [typeof MenuDirective, typeof MenuTriggerDirective, typeof MenuContextTriggerDirective, typeof MenuSurfaceDirective, typeof MenuPanelDirective, typeof MenuItemDirective, typeof MenuSearchDirective, typeof MenuSelectionGroupDirective, typeof MenuSelectionItemDirective, typeof MenuComponent, typeof MenuItemComponent, typeof MenuItemShortcutComponent, typeof MenuSeparatorComponent, typeof MenuGroupLabelComponent, typeof MenuRadioGroupComponent, typeof MenuRadioItemComponent, typeof MenuCheckboxGroupComponent, typeof MenuCheckboxItemComponent];
|
|
2379
|
+
|
|
2380
|
+
declare class NotificationActionDirective {
|
|
2381
|
+
private notification;
|
|
2382
|
+
constructor();
|
|
2383
|
+
runAction(): void;
|
|
2384
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationActionDirective, never>;
|
|
2385
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationActionDirective, "[etNotificationAction]", ["etNotificationAction"], {}, {}, never, never, true, never>;
|
|
2386
|
+
}
|
|
2387
|
+
|
|
2388
|
+
declare class NotificationDismissDirective {
|
|
2389
|
+
private notification;
|
|
2390
|
+
constructor();
|
|
2391
|
+
dismiss(): void;
|
|
2392
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationDismissDirective, never>;
|
|
2393
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationDismissDirective, "[etNotificationDismiss]", ["etNotificationDismiss"], {}, {}, never, never, true, never>;
|
|
2394
|
+
}
|
|
2395
|
+
|
|
2396
|
+
declare class NotificationItemDirective {
|
|
2397
|
+
private elementRef;
|
|
2398
|
+
private stack;
|
|
2399
|
+
ref: _angular_core.InputSignal<{
|
|
2400
|
+
id: string;
|
|
2401
|
+
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
2402
|
+
update: (partial: Partial<_ethlete_components.NotificationConfig>) => void;
|
|
2403
|
+
dismiss: () => void;
|
|
2404
|
+
pauseTimer: () => void;
|
|
2405
|
+
resumeTimer: () => void;
|
|
2406
|
+
afterDismissed: () => rxjs.Observable<void>;
|
|
2407
|
+
markDismissed: () => void;
|
|
2408
|
+
}>;
|
|
2409
|
+
constructor();
|
|
2410
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationItemDirective, never>;
|
|
2411
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationItemDirective, "[etNotificationItem]", never, { "ref": { "alias": "etNotificationItem"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2412
|
+
}
|
|
2413
|
+
|
|
2414
|
+
type RegisteredNotificationItem = {
|
|
2415
|
+
id: string;
|
|
2416
|
+
el: HTMLElement;
|
|
2417
|
+
};
|
|
2418
|
+
declare class NotificationStackDirective {
|
|
2419
|
+
protected context: _ethlete_components.NotificationStackContext;
|
|
2420
|
+
private destroyRef;
|
|
2421
|
+
private injector;
|
|
2422
|
+
private renderer;
|
|
2423
|
+
/** @internal */
|
|
2424
|
+
registeredItems: _angular_core.WritableSignal<RegisteredNotificationItem[]>;
|
|
2425
|
+
displayRefs: _angular_core.Signal<{
|
|
2426
|
+
id: string;
|
|
2427
|
+
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
2428
|
+
update: (partial: Partial<_ethlete_components.NotificationConfig>) => void;
|
|
2429
|
+
dismiss: () => void;
|
|
2430
|
+
pauseTimer: () => void;
|
|
2431
|
+
resumeTimer: () => void;
|
|
2432
|
+
afterDismissed: () => rxjs.Observable<void>;
|
|
2433
|
+
markDismissed: () => void;
|
|
2434
|
+
}[]>;
|
|
2435
|
+
constructor();
|
|
2436
|
+
/** @internal */
|
|
2437
|
+
registerItem(id: string, el: HTMLElement): void;
|
|
2438
|
+
/** @internal */
|
|
2439
|
+
unregisterItem(id: string): void;
|
|
2440
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationStackDirective, never>;
|
|
2441
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationStackDirective, "[etNotificationStack]", ["etNotificationStack"], {}, {}, never, never, true, never>;
|
|
2442
|
+
}
|
|
2443
|
+
|
|
2444
|
+
declare class NotificationDirective {
|
|
2445
|
+
private animatedLifecycle;
|
|
2446
|
+
ref: _angular_core.InputSignal<{
|
|
2447
|
+
id: string;
|
|
2448
|
+
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
2449
|
+
update: (partial: Partial<_ethlete_components.NotificationConfig>) => void;
|
|
2450
|
+
dismiss: () => void;
|
|
2451
|
+
pauseTimer: () => void;
|
|
2452
|
+
resumeTimer: () => void;
|
|
2453
|
+
afterDismissed: () => rxjs.Observable<void>;
|
|
2454
|
+
markDismissed: () => void;
|
|
2455
|
+
}>;
|
|
2456
|
+
entry: _angular_core.Signal<_ethlete_components.NotificationEntry>;
|
|
2457
|
+
status: _angular_core.Signal<_ethlete_components.NotificationStatus>;
|
|
2458
|
+
isLoading: _angular_core.Signal<boolean>;
|
|
2459
|
+
isSuccess: _angular_core.Signal<boolean>;
|
|
2460
|
+
isError: _angular_core.Signal<boolean>;
|
|
2461
|
+
isInfo: _angular_core.Signal<boolean>;
|
|
2462
|
+
title: _angular_core.Signal<string>;
|
|
2463
|
+
message: _angular_core.Signal<string | undefined>;
|
|
2464
|
+
action: _angular_core.Signal<_ethlete_components.NotificationAction | undefined>;
|
|
2465
|
+
progress: _angular_core.Signal<number | undefined>;
|
|
2466
|
+
ariaRole: _angular_core.Signal<"status" | "alert">;
|
|
2467
|
+
/** @internal */
|
|
2468
|
+
registeredAction: _angular_core.WritableSignal<NotificationActionDirective | null>;
|
|
2469
|
+
/** @internal */
|
|
2470
|
+
registeredDismiss: _angular_core.WritableSignal<NotificationDismissDirective | null>;
|
|
2471
|
+
constructor();
|
|
2472
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationDirective, never>;
|
|
2473
|
+
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<NotificationDirective, "[etNotification]", ["etNotification"], { "ref": { "alias": "ref"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
2474
|
+
}
|
|
2475
|
+
|
|
2476
|
+
declare const NOTIFICATION_STATUS: {
|
|
2477
|
+
readonly LOADING: "loading";
|
|
2478
|
+
readonly SUCCESS: "success";
|
|
2479
|
+
readonly ERROR: "error";
|
|
2480
|
+
readonly INFO: "info";
|
|
2481
|
+
};
|
|
2482
|
+
type NotificationStatus = (typeof NOTIFICATION_STATUS)[keyof typeof NOTIFICATION_STATUS];
|
|
2483
|
+
type NotificationAction = {
|
|
2484
|
+
label: string;
|
|
2485
|
+
handler: () => void;
|
|
2486
|
+
};
|
|
2487
|
+
type NotificationConfig = {
|
|
2488
|
+
status: NotificationStatus;
|
|
2489
|
+
title: string;
|
|
2490
|
+
message?: string;
|
|
2491
|
+
action?: NotificationAction;
|
|
2492
|
+
/**
|
|
2493
|
+
* Auto-dismiss duration in milliseconds.
|
|
2494
|
+
* `0` or `undefined` uses the manager's `defaultDuration` for the current status.
|
|
2495
|
+
* Set explicitly to override the default (e.g. `duration: 0` to prevent auto-dismiss
|
|
2496
|
+
* for a status that defaults to non-zero).
|
|
2497
|
+
*/
|
|
2498
|
+
duration?: number;
|
|
2499
|
+
/** Optional progress value (0–100). When set, a progress bar is shown below the notification body. */
|
|
2500
|
+
progress?: number;
|
|
2501
|
+
};
|
|
2502
|
+
type NotificationManagerConfig = {
|
|
2503
|
+
/** Position of the notification stack on screen. @default 'bottom-end' */
|
|
2504
|
+
position: 'bottom-center' | 'bottom-start' | 'bottom-end' | 'top-center' | 'top-start' | 'top-end';
|
|
2505
|
+
/** Maximum number of simultaneously visible notifications. @default 3 */
|
|
2506
|
+
maxVisible: number;
|
|
2507
|
+
/**
|
|
2508
|
+
* Default auto-dismiss duration (ms) per status.
|
|
2509
|
+
* `0` means no auto-dismiss.
|
|
2510
|
+
* @default `{ success: 4000, info: 4000, loading: 0, error: 0 }`
|
|
2511
|
+
*/
|
|
2512
|
+
defaultDuration: Partial<Record<NotificationStatus, number>>;
|
|
2513
|
+
/**
|
|
2514
|
+
* Maps each notification status to a color key used by `ProvideColorDirective`.
|
|
2515
|
+
* When set, the notification host element receives the corresponding color class
|
|
2516
|
+
* so that `et-button` and other colored components render correctly inside the notification.
|
|
2517
|
+
*/
|
|
2518
|
+
statusColorMapping?: Partial<Record<NotificationStatus, string>>;
|
|
2519
|
+
/**
|
|
2520
|
+
* Color key applied to control elements (e.g. the dismiss button).
|
|
2521
|
+
* Uses the notification's status color when not set.
|
|
2522
|
+
*/
|
|
2523
|
+
controlsColor?: string;
|
|
2524
|
+
/**
|
|
2525
|
+
* Accessible label for the dismiss button.
|
|
2526
|
+
* @default 'Dismiss'
|
|
2527
|
+
*/
|
|
2528
|
+
dismissLabel: string;
|
|
2529
|
+
};
|
|
2530
|
+
declare const DEFAULT_NOTIFICATION_MANAGER_CONFIG: NotificationManagerConfig;
|
|
2531
|
+
declare const provideNotificationManagerConfig: (valueOverride?: Partial<NotificationManagerConfig> | undefined) => _angular_core.Provider[];
|
|
2532
|
+
declare const injectNotificationManagerConfig: {
|
|
2533
|
+
(): NotificationManagerConfig;
|
|
2534
|
+
(options: _angular_core.InjectOptions & {
|
|
2535
|
+
optional?: false;
|
|
2536
|
+
}): NotificationManagerConfig;
|
|
2537
|
+
(options: _angular_core.InjectOptions): NotificationManagerConfig | null;
|
|
2538
|
+
};
|
|
2539
|
+
|
|
2540
|
+
declare const NOTIFICATION_ERROR_CODES: {
|
|
2541
|
+
readonly ACTION_OUTSIDE_NOTIFICATION: 1700;
|
|
2542
|
+
readonly DISMISS_OUTSIDE_NOTIFICATION: 1701;
|
|
2543
|
+
};
|
|
2544
|
+
|
|
2545
|
+
type NotificationEntry = {
|
|
2546
|
+
id: string;
|
|
2547
|
+
config: NotificationConfig;
|
|
2548
|
+
isDismissing: boolean;
|
|
2549
|
+
isDismissed: boolean;
|
|
2550
|
+
};
|
|
2551
|
+
declare const createNotificationRef: (config: NotificationConfig, { managerConfig, beforeChange }: {
|
|
2552
|
+
managerConfig: NotificationManagerConfig;
|
|
2553
|
+
beforeChange?: () => void;
|
|
2554
|
+
}) => {
|
|
2555
|
+
id: string;
|
|
2556
|
+
entry: _angular_core.Signal<NotificationEntry>;
|
|
2557
|
+
update: (partial: Partial<NotificationConfig>) => void;
|
|
2558
|
+
dismiss: () => void;
|
|
2559
|
+
pauseTimer: () => void;
|
|
2560
|
+
resumeTimer: () => void;
|
|
2561
|
+
afterDismissed: () => rxjs.Observable<void>;
|
|
2562
|
+
markDismissed: () => void;
|
|
2563
|
+
};
|
|
2564
|
+
type NotificationRef = ReturnType<typeof createNotificationRef>;
|
|
2565
|
+
|
|
2566
|
+
type NotificationManager = {
|
|
2567
|
+
open: (config: NotificationConfig) => NotificationRef;
|
|
2568
|
+
dismissAll: () => void;
|
|
2569
|
+
notifications: Signal<NotificationRef[]>;
|
|
2570
|
+
visibleNotifications: Signal<NotificationRef[]>;
|
|
2571
|
+
};
|
|
2572
|
+
declare const provideNotificationManagerInstance: () => _angular_core.Provider[];
|
|
2573
|
+
declare const injectNotificationManager: {
|
|
2574
|
+
(): NotificationManager;
|
|
2575
|
+
(options: _angular_core.InjectOptions & {
|
|
2576
|
+
optional?: false;
|
|
2577
|
+
}): NotificationManager;
|
|
2578
|
+
(options: _angular_core.InjectOptions): NotificationManager | null;
|
|
2579
|
+
};
|
|
2580
|
+
declare const provideNotificationManager: (config?: Partial<NotificationManagerConfig>) => _angular_core.Provider[];
|
|
2581
|
+
|
|
2582
|
+
type NotificationStackContext = {
|
|
2583
|
+
visibleNotifications: Signal<NotificationRef[]>;
|
|
2584
|
+
position: NotificationManagerConfig['position'];
|
|
2585
|
+
/** @internal Set by the stack component. Called by the manager before any mutation. */
|
|
2586
|
+
captureBeforeState: (() => void) | null;
|
|
2587
|
+
};
|
|
2588
|
+
declare const NOTIFICATION_STACK_CONTEXT_TOKEN: InjectionToken<NotificationStackContext>;
|
|
2589
|
+
|
|
2590
|
+
declare class NotificationComponent {
|
|
2591
|
+
protected notification: NotificationDirective;
|
|
2592
|
+
private animatedLifecycle;
|
|
2593
|
+
private provideTheme;
|
|
2594
|
+
private provideSurface;
|
|
2595
|
+
private managerConfig;
|
|
2596
|
+
private surfaceThemes;
|
|
2597
|
+
private surfaceContextTracker;
|
|
2598
|
+
private resolvedColor;
|
|
2599
|
+
private resolvedSurface;
|
|
2600
|
+
protected controlsColor: _angular_core.Signal<string | null>;
|
|
2601
|
+
protected dismissLabel: _angular_core.Signal<string>;
|
|
2602
|
+
constructor();
|
|
2603
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<NotificationComponent, never>;
|
|
2604
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<NotificationComponent, "et-notification", never, {}, {}, never, never, true, [{ directive: typeof NotificationDirective; inputs: { "ref": "ref"; }; outputs: {}; }, { directive: typeof _ethlete_core.AnimatedLifecycleDirective; inputs: {}; outputs: {}; }, { directive: typeof _ethlete_core.ProvideColorDirective; inputs: { "etProvideColor": "color"; }; outputs: {}; }, { directive: typeof _ethlete_core.ProvideSurfaceDirective; inputs: { "etProvideSurface": "surface"; }; outputs: {}; }]>;
|
|
2605
|
+
}
|
|
2606
|
+
|
|
2607
|
+
declare const NOTIFICATION_IMPORTS: readonly [typeof NotificationComponent, typeof NotificationDirective, typeof NotificationActionDirective, typeof NotificationDismissDirective];
|
|
2608
|
+
|
|
2609
|
+
declare const getClosestOverlay: (element: ElementRef<HTMLElement>, openOverlays: OverlayRef<object, unknown>[]) => OverlayRef<object, unknown> | null;
|
|
2610
|
+
type ResolveClosestOverlayOptions = {
|
|
2611
|
+
overlayRef: OverlayRef<object, unknown> | null;
|
|
2612
|
+
element: ElementRef<HTMLElement>;
|
|
2613
|
+
openOverlays: OverlayRef<object, unknown>[];
|
|
2614
|
+
};
|
|
2615
|
+
/** Returns the given ref or resolves the overlay the element is rendered inside of. Throws if neither exists. */
|
|
2616
|
+
declare const resolveClosestOverlay: (options: ResolveClosestOverlayOptions) => OverlayRef<object, unknown>;
|
|
2617
|
+
|
|
1953
2618
|
declare const OVERLAY_BODY_TOKEN: InjectionToken<OverlayBodyComponent>;
|
|
1954
2619
|
type OverlayBodyDividerType = 'static' | 'dynamic' | false;
|
|
1955
2620
|
declare class OverlayBodyComponent implements OnInit {
|
|
@@ -2002,6 +2667,7 @@ declare class OverlayContainerComponent {
|
|
|
2002
2667
|
componentInstance: () => object | null;
|
|
2003
2668
|
close: (result?: unknown) => void;
|
|
2004
2669
|
closeVia: (source: _ethlete_core.OverlayRuntimeCloseSource, result?: unknown) => void;
|
|
2670
|
+
updatePositionStrategy: (strategy: _ethlete_core.OverlayRuntimePositionStrategy) => void;
|
|
2005
2671
|
attachComponentInstanceOverride: (getter: () => object | null) => void;
|
|
2006
2672
|
afterOpened: () => rxjs.Observable<void>;
|
|
2007
2673
|
beforeClosed: () => rxjs.Observable<unknown>;
|
|
@@ -2210,6 +2876,7 @@ declare class OverlayRouteHeaderTemplateOutletComponent {
|
|
|
2210
2876
|
componentInstance: () => object | null;
|
|
2211
2877
|
close: (result?: unknown) => void;
|
|
2212
2878
|
closeVia: (source: _ethlete_core.OverlayRuntimeCloseSource, result?: unknown) => void;
|
|
2879
|
+
updatePositionStrategy: (strategy: _ethlete_core.OverlayRuntimePositionStrategy) => void;
|
|
2213
2880
|
attachComponentInstanceOverride: (getter: () => object | null) => void;
|
|
2214
2881
|
afterOpened: () => rxjs.Observable<void>;
|
|
2215
2882
|
beforeClosed: () => rxjs.Observable<unknown>;
|
|
@@ -4880,5 +5547,5 @@ declare const TOOLTIP_ERROR_CODES: {
|
|
|
4880
5547
|
|
|
4881
5548
|
declare const TOOLTIP_IMPORTS: readonly [typeof TooltipDirective, typeof TooltipComponent];
|
|
4882
5549
|
|
|
4883
|
-
export { ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SOOP_PLAYER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, centeredOverlayStrategy, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, dialogOverlayStrategy, enableDragToDismiss, findNextRelevantHtmlElement, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, leftSheetOverlayStrategy, mergeOverlayBreakpointConfigs, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resolveClosestOverlay, rightSheetOverlayStrategy, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
|
|
4884
|
-
export type { AnchoredDialogOverlayStrategyOptions, AnchoredOverlayStrategyOptions, AnchoredPositionOptions, ButtonIconAlignment, ButtonSize, CenteredOverlayStrategyOptions, CreateOverlayHandlerConfig, CreateOverlayHandlerInnerConfig, CreateOverlayHandlerWithQueryParamLifecycleConfig, DragToDismissContext, DragToDismissRef, FacebookVideoPlayer, FacebookWindow, FormFieldAppearance, FormFieldControl, FormFieldControlType, FormFieldDirectiveBase, FormFieldFill, FormFieldLabelMode, FormFieldSize, FullscreenAnimationCancellable, FullscreenAnimationDeps, FullscreenAnimationState, GridAdapter, GridBreakpointConfig, GridBreakpointName, GridComponentRegistration, GridConfig, GridItemActionsComponent, GridItemConfig, GridItemConstraints, GridItemPosition, GridLayoutEntry, GridSerializedState, HintComponentBase, IconDefinition, InputTextAlignment, LabelDirectiveBase, NotificationAction, NotificationConfig, NotificationEntry, NotificationManager, NotificationManagerConfig, NotificationRef, NotificationStackContext, NotificationStatus, OverlayAutoFocusTarget, OverlayBodyDividerType, OverlayBreakpointConfig, OverlayConfig, OverlayConsumerConfig, OverlayDragToDismissConfig, OverlayHandler, OverlayHandlerWithQueryParamLifecycle, OverlayManager, OverlayMode, OverlayRef, OverlayRole, OverlayRoute, OverlayRouter, OverlayRouterConfig, OverlayRouterNavigateConfig, OverlayRouterNavigationDirection, OverlayRouterResolvedPath, OverlayRouterTransitionType, OverlayStrategy, OverlayStrategyBreakpoint, OverlayStrategyContext, OverlayStrategyController, OverlayStrategyControllerMountConfig, OverlaySurfaceContext, PipCellData, PipChromeAnimations, PipChromeRef, PipChromeState, PipManager, PipSlotPlaceholderConfig, ResolveClosestOverlayOptions, ScrollableActiveChildRef, ScrollableButtonPosition, ScrollableDirection, ScrollableIntersectionChange, ScrollableItemSize, ScrollableLoadingTemplatePosition, ScrollableLoadingTemplateRef, ScrollableMaskVariant, ScrollableNavigation, ScrollableNavigationItem, ScrollableScrollMode, ScrollableScrollOrigin, ScrollableScrollState, SelectionListDirectiveBase, SelectionListItem, SidebarOverlay, SidebarOverlayConfig, StreamConfig, StreamConsentConfig, StreamManager, StreamPipEntry, StreamPipWindowConfig, StreamPlayer, StreamPlayerCapabilities, StreamPlayerEntry, StreamPlayerErrorConfig, StreamPlayerErrorContext, StreamPlayerId, StreamPlayerLoadingConfig, StreamPlayerParams, StreamPlayerSlotHandle, StreamPlayerSlotOptions, StreamPlayerState, StreamScriptLoader, StreamSlotEntry, TabBarFit, TabBarOrientation, TabBarVariant, TabSize, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };
|
|
5550
|
+
export { ARROW_OUT_UP_RIGHT_ICON, ARROW_RIGHT_ICON, BOLD_ICON, BUTTON_ICON_ALIGNMENTS, BUTTON_IMPORTS, BUTTON_SIZES, BUTTON_SPINNER_CONFIG, BUTTON_TYPES, BUTTON_VARIANTS, BrandLoaderComponent, ButtonComponent, ButtonDirective, ButtonStylesDirective, CHECKBOX_IMPORTS, CHEVRON_ICON, CHOICE_FIELD_IMPORTS, CLIPBOARD_CHECK_ICON, CheckboxComponent, CheckboxDirective, CheckboxGroupComponent, CheckboxOptionComponent, ChoiceFieldComponent, DAILYMOTION_PLAYER_TOKEN, DEFAULT_BREAKPOINTS, DEFAULT_NOTIFICATION_MANAGER_CONFIG, DEFAULT_PIP_WINDOW_CONFIG, DEFAULT_STREAM_PLAYER_STATE, DailymotionPlayerComponent, DailymotionPlayerDirective, DailymotionPlayerParamsDirective, DailymotionPlayerSlotComponent, DescriptionComponent, FACEBOOK_PLAYER_TOKEN, FLOPPY_DISK_ICON, FOCUS_FRAME_ICON, FORM_FIELD_APPEARANCES, FORM_FIELD_CONTROL_TYPES, FORM_FIELD_ERROR_CODES, FORM_FIELD_FILLS, FORM_FIELD_IMPORTS, FORM_FIELD_LABEL_MODES, FORM_FIELD_SIZES, FORM_FIELD_TOKEN, FabComponent, FacebookPlayerComponent, FacebookPlayerDirective, FacebookPlayerParamsDirective, FacebookPlayerSlotComponent, FocusRingDirective, FormErrorComponent, FormFieldComponent, FormFieldDirective, GRID_2X2_ICON, GRID_ERROR_CODES, GRID_TOKEN, GridComponent, GridDebugComponent, GridDirective, GridDragDirective, GridImports, GridItemComponent, GridItemDefaultActionsComponent, GridItemDirective, GridItemRef, GridItemToolbarComponent, GridResizeDirective, HEADING_1_ICON, HEADING_2_ICON, HEADING_3_ICON, HintComponent, ICONS_TOKEN, ICON_DIRECTIVE_TOKEN, ICON_ERROR_CODES, ICON_IMPORTS, INPUT_IMPORTS, INPUT_TEXT_ALIGNMENTS, INPUT_TYPES, ITALIC_ICON, IconButtonComponent, IconDirective, InputComponent, InputDirective, InputPrefixDirective, InputSuffixDirective, KICK_PLAYER_TOKEN, KickPlayerComponent, KickPlayerDirective, KickPlayerParamsDirective, KickPlayerSlotComponent, LINK_ICON, LIST_BULLETED_ICON, LIST_NUMBERED_ICON, LOCK_ICON, LabelDirective, MENU_ERROR_CODES, MENU_IMPORTS, MENU_ITEM_VARIANTS, MENU_SELECTION_GROUP_MULTIPLE, MENU_SELECTION_GROUP_TOKEN, MENU_SELECTION_ITEM_KIND, MenuCheckboxGroupComponent, MenuCheckboxItemComponent, MenuComponent, MenuContextTriggerDirective, MenuDirective, MenuGroupLabelComponent, MenuItemComponent, MenuItemDirective, MenuItemShortcutComponent, MenuPanelDirective, MenuRadioGroupComponent, MenuRadioItemComponent, MenuSearchDirective, MenuSelectionGroupDirective, MenuSelectionItemDirective, MenuSeparatorComponent, MenuSurfaceDirective, MenuTriggerDirective, NAV_TABS_TOKEN, NOTIFICATION_ERROR_CODES, NOTIFICATION_IMPORTS, NOTIFICATION_STACK_CONTEXT_TOKEN, NOTIFICATION_STATUS, NavTabImports, NavTabLinkComponent, NavTabLinkDirective, NavTabsComponent, NavTabsDirective, NavTabsOutletComponent, NavTabsOutletDirective, NotificationActionDirective, NotificationComponent, NotificationDirective, NotificationDismissDirective, NotificationItemDirective, NotificationStackDirective, OVERLAY_BACK_OR_CLOSE_TOKEN, OVERLAY_BODY_TOKEN, OVERLAY_CONFIG_CLASS_KEYS, OVERLAY_CONTENT_IMPORTS, OVERLAY_ERROR_CODES, OVERLAY_FOOTER_TOKEN, OVERLAY_HEADER_TEMPLATE_TOKEN, OVERLAY_HEADER_TOKEN, OVERLAY_IMPORTS, OVERLAY_MAIN_TOKEN, OVERLAY_QUERY_PARAM_INPUT_NAME, OVERLAY_REF, OVERLAY_ROUTER_CONFIG_TOKEN, OVERLAY_ROUTER_LINK_TOKEN, OVERLAY_ROUTER_OUTLET_DISABLED_TEMPLATE_TOKEN, OVERLAY_ROUTER_OUTLET_TOKEN, OVERLAY_ROUTER_TOKEN, OVERLAY_SHARED_ROUTE_TEMPLATE_TOKEN, OverlayAnchorDirective, OverlayBackOrCloseDirective, OverlayBodyComponent, OverlayCloseDirective, OverlayContainerComponent, OverlayDirective, OverlayFooterDirective, OverlayHandlerLinkDirective, OverlayHeaderDirective, OverlayHeaderTemplateDirective, OverlayMainDirective, OverlayOriginCloneComponent, OverlayRouteHeaderTemplateOutletComponent, OverlayRouterLinkDirective, OverlayRouterOutletComponent, OverlayRouterOutletDisabledTemplateDirective, OverlaySharedRouteTemplateDirective, OverlaySharedRouteTemplateOutletComponent, OverlaySidebarComponent, OverlaySidebarPageComponent, OverlaySurfaceDirective, OverlayTitleDirective, OverlayTriggerDirective, PENCIL_ICON, PIP_CHROME_REF_TOKEN, PIP_ENTRY_TOKEN, PIP_WINDOW_ASPECT_RATIO_TOKEN, PLUS_ICON, PipBackDirective, PipBringBackDirective, PipCellDirective, PipCloseDirective, PipCollapseOverlayDirective, PipGridToggleDirective, PipPlayerComponent, PipSlotPlaceholderComponent, PipStageDirective, PipTitleBarDirective, PipTitleBarTemplateDirective, PipWindowComponent, PipWindowParamsDirective, ProgressBarComponent, RICH_TEXT_EDITOR_IMPORTS, RadioComponent, RadioGroupComponent, RichTextEditorComponent, RichTextEditorDirective, RichTextEditorFloatingToolbarComponent, SCROLLABLE_IMPORTS, SELECTION_LIST_MULTIPLE, SELECTION_LIST_TOKEN, SIDEBAR_OVERLAY_CONFIG, SIDEBAR_OVERLAY_TOKEN, SNAP_HYSTERESIS, SOOP_PLAYER_TOKEN, STREAM_CONSENT_TOKEN, STREAM_PLAYER_COMPONENT_TOKEN, STREAM_PLAYER_ERROR_CONTEXT_TOKEN, STREAM_PLAYER_ERROR_TOKEN, STREAM_PLAYER_PARAMS_TOKEN, STREAM_PLAYER_SLOT_TOKEN, STREAM_PLAYER_TOKEN, STREAM_SLOT_PLAYER_ID_TOKEN, STREAM_USER_CONSENT_PROVIDER_TOKEN, STRIKETHROUGH_ICON, SWITCH_IMPORTS, ScrollableActiveChildDirective, ScrollableButtonsDirective, ScrollableComponent, ScrollableDarkenDirective, ScrollableDirective, ScrollableDragDirective, ScrollableErrorCode, ScrollableIgnoreChildDirective, ScrollableLoadingTemplateDirective, ScrollableMasksDirective, ScrollableNavigationDirective, ScrollableSnapDirective, SegmentedButtonComponent, SegmentedButtonGroupComponent, SelectionListControlDirective, SelectionListDirective, SelectionOptionDirective, SoopPlayerComponent, SoopPlayerDirective, SoopPlayerParamsDirective, SoopPlayerSlotComponent, SpinnerComponent, StreamConsentAcceptDirective, StreamConsentComponent, StreamConsentDirective, StreamImports, StreamPipChromeComponent, StreamPlayerErrorComponent, StreamPlayerErrorDirective, StreamPlayerLoadingComponent, StreamPlayerSlotDirective, SwitchComponent, SwitchDirective, TAB_BAR_FITS, TAB_BAR_ORIENTATIONS, TAB_BAR_TOKEN, TAB_BAR_TRIGGER_TOKEN, TAB_BAR_VARIANTS, TAB_ERROR_CODES, TAB_GROUP_TOKEN, TAB_PANEL_TOKEN, TAB_SIZES, TIKTOK_PLAYER_TOKEN, TIMES_ICON, TOGGLETIP_ERROR_CODES, TOGGLETIP_IMPORTS, TOOLTIP_ERROR_CODES, TOOLTIP_IMPORTS, TRIANGLE_EXCLAMATION_ICON, TWITCH_PLAYER_TOKEN, TabBarDirective, TabBarTriggerDirective, TabBarUnderlineDirective, TabComponent, TabGroupComponent, TabGroupDirective, TabImports, TabLabelDirective, TabPanelDirective, TabTriggerDirective, TextButtonComponent, TikTokPlayerComponent, TikTokPlayerDirective, TikTokPlayerParamsDirective, TikTokPlayerSlotComponent, ToggletipCloseDirective, ToggletipComponent, ToggletipDirective, ToggletipTriggerDirective, TooltipComponent, TooltipDirective, TwitchPlayerComponent, TwitchPlayerDirective, TwitchPlayerParamsDirective, TwitchPlayerSlotComponent, VIMEO_PLAYER_TOKEN, VimeoPlayerComponent, VimeoPlayerDirective, VimeoPlayerParamsDirective, VimeoPlayerSlotComponent, WINDOW_CONTROL_BUTTON_KINDS, WINDOW_CONTROL_BUTTON_SIZES, WindowControlButtonComponent, YOUTUBE_PLAYER_SLOT_TOKEN, YOUTUBE_PLAYER_TOKEN, YoutubePlayerComponent, YoutubePlayerDirective, YoutubePlayerParamsDirective, YoutubePlayerSlotComponent, YoutubePlayerSlotDirective, abortFullscreenAnimation, anchoredDialogOverlayStrategy, anchoredOverlayStrategy, autoPlace, bottomSheetOverlayStrategy, buildAnchoredRuntimePositionStrategy, centeredOverlayStrategy, clampPosition, clampResizeRect, cleanupFullscreenAnimation, cleanupFullscreenAnimationStyles, compactLayout, computeGeometry, computeGridHeight, createAutoScroller, createGridAdapter, createNotificationRef, createOverlayHandler, createOverlayHandlerWithQueryParamLifecycle, createOverlayRef, createOverlayStrategyController, createPipChromeAnimations, createPipChromeState, createStreamConfig, createStreamPlayerSlot, deserializeGridLayout, dialogOverlayStrategy, enableDragToDismiss, findCollision, findNextRelevantHtmlElement, findScrollableAncestor, fromGridPosition, fullScreenDialogOverlayStrategy, getClosestOverlay, getOriginCoordinatesAndDimensions, hysteresisRound, injectAnchoredDialogStrategy, injectAnchoredDialogStrategyDefaults, injectBottomSheetStrategy, injectBottomSheetStrategyDefaults, injectDialogStrategy, injectDialogStrategyDefaults, injectFormSupport, injectFullscreenDialogStrategy, injectFullscreenDialogStrategyDefaults, injectGridConfig, injectLeftSheetStrategy, injectLeftSheetStrategyDefaults, injectNotificationManager, injectNotificationManagerConfig, injectOverlayManager, injectOverlayRouter, injectOverlayScrollBlocker, injectPipChromeManager, injectPipManager, injectPipSlotPlaceholderConfig, injectRightSheetStrategy, injectRightSheetStrategyDefaults, injectSidebarOverlay, injectStreamConfig, injectStreamConsentConfig, injectStreamManager, injectStreamPlayerErrorConfig, injectStreamPlayerLoadingConfig, injectStreamScriptLoader, injectStreamUserConsentProvider, injectTopSheetStrategy, injectTopSheetStrategyDefaults, isHtmlElement, isPointerEvent, isTouchEvent, itemsCollide, leftSheetOverlayStrategy, mapLayoutToBreakpoint, mergeOverlayBreakpointConfigs, pixelRectsEqual, positionToPixelRect, positionsEqual, projectDragCell, provideAnchoredDialogStrategy, provideAnchoredDialogStrategyDefaults, provideBottomSheetStrategy, provideBottomSheetStrategyDefaults, provideDialogStrategy, provideDialogStrategyDefaults, provideFormSupport, provideFullscreenDialogStrategy, provideFullscreenDialogStrategyDefaults, provideGridConfig, provideIcons, provideLeftSheetStrategy, provideLeftSheetStrategyDefaults, provideNotificationManager, provideNotificationManagerConfig, provideNotificationManagerInstance, provideOverlay, provideOverlayManager, provideOverlayRouter, provideOverlayRouterConfig, provideOverlayRouterService, provideOverlayScrollBlocker, providePipChromeManager, providePipManager, providePipSlotPlaceholderConfig, provideRightSheetStrategy, provideRightSheetStrategyDefaults, provideSidebarOverlay, provideSidebarOverlayConfig, provideSidebarOverlayService, provideStreamConfig, provideStreamConsentConfig, provideStreamManager, provideStreamPlayerErrorConfig, provideStreamPlayerLoadingConfig, provideTopSheetStrategy, provideTopSheetStrategyDefaults, resizeSpanBounds, resolveBreakpoint, resolveClosestOverlay, resolveCollisions, rightSheetOverlayStrategy, rowsToPixelHeight, serializeGridLayout, snapResizeSpan, spanHeight, spanWidth, startFullscreenEnterAnimation, startFullscreenLeaveAnimation, toGridPosition, topSheetOverlayStrategy, transformingBottomSheetToDialogOverlayStrategy, transformingFullScreenDialogToDialogOverlayStrategy, transformingFullScreenDialogToRightSheetOverlayStrategy };
|
|
5551
|
+
export type { AnchoredDialogOverlayStrategyOptions, AnchoredOverlayStrategyOptions, AnchoredPositionOptions, AutoPlaceOptions, AutoScrollPointer, AutoScroller, ButtonIconAlignment, ButtonSize, CenteredOverlayStrategyOptions, ClampPositionOptions, CompactLayoutOptions, CreateOverlayHandlerConfig, CreateOverlayHandlerInnerConfig, CreateOverlayHandlerWithQueryParamLifecycleConfig, DragToDismissContext, DragToDismissRef, FacebookVideoPlayer, FacebookWindow, FindCollisionOptions, FormFieldAppearance, FormFieldControl, FormFieldControlType, FormFieldDirectiveBase, FormFieldFill, FormFieldLabelMode, FormFieldSize, FullscreenAnimationCancellable, FullscreenAnimationDeps, FullscreenAnimationState, GridAdapter, GridBreakpointConfig, GridBreakpointName, GridComponentRegistration, GridConfig, GridGeometry, GridItemActionsComponent, GridItemConfig, GridItemConstraints, GridItemPosition, GridLayoutEntry, GridSerializedState, HintComponentBase, IconDefinition, InputTextAlignment, LabelDirectiveBase, MapLayoutOptions, MenuAnchorPoint, MenuCloseReason, MenuItemActivationEvent, MenuItemActivationSource, MenuItemVariant, MenuOpenSource, MenuSelectionGroupDirectiveBase, MenuSelectionGroupItem, MenuSelectionItemKind, MenuSurfaceContext, NotificationAction, NotificationConfig, NotificationEntry, NotificationManager, NotificationManagerConfig, NotificationRef, NotificationStackContext, NotificationStatus, OverlayAutoFocusTarget, OverlayBodyDividerType, OverlayBreakpointConfig, OverlayConfig, OverlayConsumerConfig, OverlayDragToDismissConfig, OverlayHandler, OverlayHandlerWithQueryParamLifecycle, OverlayManager, OverlayMode, OverlayRef, OverlayRole, OverlayRoute, OverlayRouter, OverlayRouterConfig, OverlayRouterNavigateConfig, OverlayRouterNavigationDirection, OverlayRouterResolvedPath, OverlayRouterTransitionType, OverlayStrategy, OverlayStrategyBreakpoint, OverlayStrategyContext, OverlayStrategyController, OverlayStrategyControllerMountConfig, OverlaySurfaceContext, PipCellData, PipChromeAnimations, PipChromeRef, PipChromeState, PipManager, PipSlotPlaceholderConfig, PixelRect, ResizeSpanBounds, ResolveClosestOverlayOptions, ResolveCollisionsOptions, RowFloors, ScrollableActiveChildRef, ScrollableButtonPosition, ScrollableDirection, ScrollableIntersectionChange, ScrollableItemSize, ScrollableLoadingTemplatePosition, ScrollableLoadingTemplateRef, ScrollableMaskVariant, ScrollableNavigation, ScrollableNavigationItem, ScrollableScrollMode, ScrollableScrollOrigin, ScrollableScrollState, SelectionListDirectiveBase, SelectionListItem, SerializeOptions, SidebarOverlay, SidebarOverlayConfig, StreamConfig, StreamConsentConfig, StreamManager, StreamPipEntry, StreamPipWindowConfig, StreamPlayer, StreamPlayerCapabilities, StreamPlayerEntry, StreamPlayerErrorConfig, StreamPlayerErrorContext, StreamPlayerId, StreamPlayerLoadingConfig, StreamPlayerParams, StreamPlayerSlotHandle, StreamPlayerSlotOptions, StreamPlayerState, StreamScriptLoader, StreamSlotEntry, TabBarFit, TabBarOrientation, TabBarVariant, TabSize, ToggletipContent, TooltipContent, TwitchEmbed, TwitchEmbedConstructor, TwitchEmbedPlayer, TwitchPlayerParams, TwitchWindow, ViewportTransformData, VimeoDurationChangeEvent, VimeoPlaybackEvent, VimeoPlayer, VimeoPlayerOptions, VimeoWindow, WindowControlButtonKind, WindowControlButtonSize, YtPlayer, YtPlayerConfig, YtPlayerErrorEvent, YtPlayerEvent, YtPlayerStateChangeEvent, YtPlayerVars, YtWindow };
|