@dataengineeringformachinelearning/viking-ui 1.0.1 → 1.0.2
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/README.md +9 -5
- package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs +390 -225
- package/fesm2022/dataengineeringformachinelearning-viking-ui.mjs.map +1 -1
- package/package.json +1 -1
- package/src/styles/viking-ui-bundle.scss +2 -1
- package/src/styles/viking-ui.scss +1 -1
- package/types/dataengineeringformachinelearning-viking-ui.d.ts +90 -67
- package/viking.manifest.json +146 -97
|
@@ -70,6 +70,8 @@ declare const VIKING_ICON_PATHS: {
|
|
|
70
70
|
readonly shield: "<path d=\"M12 3 4.5 6v5c0 5 3 8.5 7.5 10 4.5-1.5 7.5-5 7.5-10V6L12 3z\"/>";
|
|
71
71
|
readonly 'bar-chart': "<path d=\"M4 4v16h16M8 16v-5M12 16V8M16 16v-3\"/>";
|
|
72
72
|
readonly phone: "<path d=\"M5 4h4l1.5 4L8 10a12 12 0 0 0 6 6l2-2.5L20 15v4a2 2 0 0 1-2 2A16 16 0 0 1 3 6a2 2 0 0 1 2-2z\"/>";
|
|
73
|
+
readonly google: "<path d=\"M12 11.2v2.4h6.6c-.3 1.5-1.8 4.4-6.6 4.4-4 0-7.2-3.3-7.2-7.3S8 3.4 12 3.4c2.3 0 3.9 1 4.8 1.8l3.2-3.1C17.5.8 14.9 0 12 0 5.4 0 0 5.4 0 12s5.4 12 12 12c6.9 0 11.5-4.8 11.5-11.6 0-.8-.1-1.4-.2-1.9H12z\"/>";
|
|
74
|
+
readonly apple: "<path d=\"M16.365 12.14c.02 2.53 2.21 3.38 2.23 3.39-.02.07-.35 1.21-1.16 2.4-.7 1.02-1.43 2.03-2.58 2.05-1.13.02-1.49-.67-2.78-.67-1.29 0-1.69.65-2.75.69-1.11.04-1.95-1.12-2.66-2.13-1.44-2.08-2.54-5.87-1.07-8.43.73-1.27 2.04-2.08 3.46-2.1 1.08-.02 2.1.72 2.78.72.67 0 2.14-.89 3.61-.76.61.03 2.33.25 3.44 1.88-.09.06-2.05 1.2-2.03 3.55M13.75 3.64c.59-.71 1-1.7.89-2.68-.86.03-1.9.57-2.52 1.28-.55.63-1.03 1.65-.9 2.62.95.07 1.92-.49 2.53-1.22\"/>";
|
|
73
75
|
};
|
|
74
76
|
declare const VIKING_ICON_NAMES: VikingIconName[];
|
|
75
77
|
|
|
@@ -170,7 +172,7 @@ declare class VikingAppSidebar {
|
|
|
170
172
|
}
|
|
171
173
|
|
|
172
174
|
/**
|
|
173
|
-
* viking-accordion — collapsible content panels
|
|
175
|
+
* viking-accordion — collapsible content panels.
|
|
174
176
|
* Set exclusive to allow only one open item at a time.
|
|
175
177
|
*/
|
|
176
178
|
declare class VikingAccordion {
|
|
@@ -192,9 +194,25 @@ declare class VikingAccordionItem {
|
|
|
192
194
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingAccordionItem, "viking-accordion-item", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; }, { "expanded": "expandedChange"; }, never, ["*"], true, never>;
|
|
193
195
|
}
|
|
194
196
|
|
|
197
|
+
/**
|
|
198
|
+
* viking-auth-panel — access portal / sign-in layout template.
|
|
199
|
+
* Full-width stacked actions, Google + Apple OAuth row, WCAG-friendly structure.
|
|
200
|
+
*/
|
|
201
|
+
declare class VikingAuthPanel {
|
|
202
|
+
readonly tag: _angular_core.InputSignal<string>;
|
|
203
|
+
readonly title: _angular_core.InputSignal<string>;
|
|
204
|
+
readonly subtitle: _angular_core.InputSignal<string>;
|
|
205
|
+
readonly showSocial: _angular_core.InputSignal<boolean>;
|
|
206
|
+
readonly socialLoading: _angular_core.InputSignal<boolean>;
|
|
207
|
+
readonly googleSignIn: _angular_core.OutputEmitterRef<void>;
|
|
208
|
+
readonly appleSignIn: _angular_core.OutputEmitterRef<void>;
|
|
209
|
+
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingAuthPanel, never>;
|
|
210
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingAuthPanel, "viking-auth-panel", never, { "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "showSocial": { "alias": "showSocial"; "required": false; "isSignal": true; }; "socialLoading": { "alias": "socialLoading"; "required": false; "isSignal": true; }; }, { "googleSignIn": "googleSignIn"; "appleSignIn": "appleSignIn"; }, never, ["*", "[vikingAuthLinks]", "[vikingAuthFooter]"], true, never>;
|
|
211
|
+
}
|
|
212
|
+
|
|
195
213
|
/**
|
|
196
214
|
* viking-autocomplete — text input with filtered suggestions
|
|
197
|
-
|
|
215
|
+
*. ControlValueAccessor-compatible.
|
|
198
216
|
*/
|
|
199
217
|
declare class VikingAutocomplete extends VikingControl<string> {
|
|
200
218
|
private readonly host;
|
|
@@ -219,7 +237,7 @@ declare class VikingAutocomplete extends VikingControl<string> {
|
|
|
219
237
|
|
|
220
238
|
/**
|
|
221
239
|
* viking-avatar — image or initials avatar with optional status indicator
|
|
222
|
-
|
|
240
|
+
*.
|
|
223
241
|
*/
|
|
224
242
|
declare class VikingAvatar {
|
|
225
243
|
readonly src: _angular_core.InputSignal<string | null>;
|
|
@@ -234,13 +252,13 @@ declare class VikingAvatar {
|
|
|
234
252
|
}
|
|
235
253
|
|
|
236
254
|
/**
|
|
237
|
-
* viking-badge — status pill
|
|
255
|
+
* viking-badge — status pill.
|
|
238
256
|
* Tones map to THEME.md semantic colors only.
|
|
239
257
|
*/
|
|
240
258
|
declare class VikingBadge {
|
|
241
259
|
readonly tone: _angular_core.InputSignal<VikingTone | "neutral">;
|
|
242
260
|
readonly size: _angular_core.InputSignal<VikingSize>;
|
|
243
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
261
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
244
262
|
readonly removable: _angular_core.InputSignal<boolean>;
|
|
245
263
|
readonly removed: _angular_core.OutputEmitterRef<void>;
|
|
246
264
|
protected readonly hostClass: _angular_core.Signal<{
|
|
@@ -259,7 +277,7 @@ declare class VikingBar {
|
|
|
259
277
|
}
|
|
260
278
|
|
|
261
279
|
/**
|
|
262
|
-
* viking-brand — logo + wordmark lockup
|
|
280
|
+
* viking-brand — logo + wordmark lockup.
|
|
263
281
|
* Project a custom logo (img/svg) or fall back to a monogram tile.
|
|
264
282
|
*/
|
|
265
283
|
declare class VikingBrand {
|
|
@@ -274,7 +292,7 @@ interface VikingBreadcrumb {
|
|
|
274
292
|
href?: string;
|
|
275
293
|
}
|
|
276
294
|
/**
|
|
277
|
-
* viking-breadcrumbs — hierarchy navigation
|
|
295
|
+
* viking-breadcrumbs — hierarchy navigation.
|
|
278
296
|
*/
|
|
279
297
|
declare class VikingBreadcrumbs {
|
|
280
298
|
readonly items: _angular_core.InputSignal<VikingBreadcrumb[]>;
|
|
@@ -284,18 +302,20 @@ declare class VikingBreadcrumbs {
|
|
|
284
302
|
|
|
285
303
|
type VikingButtonVariant = 'outline' | 'primary' | 'filled' | 'danger' | 'ghost' | 'subtle';
|
|
286
304
|
/**
|
|
287
|
-
* viking-button — composable button
|
|
305
|
+
* viking-button — composable button.
|
|
288
306
|
* Variants: outline (default), primary, filled, danger, ghost, subtle.
|
|
289
307
|
*/
|
|
290
308
|
declare class VikingButton {
|
|
291
309
|
readonly variant: _angular_core.InputSignal<VikingButtonVariant>;
|
|
292
310
|
readonly size: _angular_core.InputSignal<VikingSize>;
|
|
293
311
|
readonly type: _angular_core.InputSignal<"button" | "submit">;
|
|
294
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
295
|
-
readonly iconTrailing: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
312
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
313
|
+
readonly iconTrailing: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
296
314
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
297
315
|
readonly loading: _angular_core.InputSignal<boolean>;
|
|
298
316
|
readonly square: _angular_core.InputSignal<boolean>;
|
|
317
|
+
/** Stretch button to 100% of container width. */
|
|
318
|
+
readonly fullWidth: _angular_core.InputSignal<boolean>;
|
|
299
319
|
readonly href: _angular_core.InputSignal<string | null>;
|
|
300
320
|
readonly target: _angular_core.InputSignal<string | null>;
|
|
301
321
|
readonly kbd: _angular_core.InputSignal<string | null>;
|
|
@@ -308,12 +328,12 @@ declare class VikingButton {
|
|
|
308
328
|
'viking-square': boolean;
|
|
309
329
|
}>;
|
|
310
330
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingButton, never>;
|
|
311
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingButton, "viking-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "kbd": { "alias": "kbd"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "pressed": "pressed"; }, never, ["*"], true, never>;
|
|
331
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingButton, "viking-button", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "iconTrailing": { "alias": "iconTrailing"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "square": { "alias": "square"; "required": false; "isSignal": true; }; "fullWidth": { "alias": "fullWidth"; "required": false; "isSignal": true; }; "href": { "alias": "href"; "required": false; "isSignal": true; }; "target": { "alias": "target"; "required": false; "isSignal": true; }; "kbd": { "alias": "kbd"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; }, { "pressed": "pressed"; }, never, ["*"], true, never>;
|
|
312
332
|
}
|
|
313
333
|
|
|
314
334
|
/**
|
|
315
335
|
* viking-button-group — fuses buttons with shared borders
|
|
316
|
-
|
|
336
|
+
*.
|
|
317
337
|
*/
|
|
318
338
|
declare class VikingButtonGroup {
|
|
319
339
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingButtonGroup, never>;
|
|
@@ -327,7 +347,7 @@ interface CalendarDay {
|
|
|
327
347
|
isToday: boolean;
|
|
328
348
|
}
|
|
329
349
|
/**
|
|
330
|
-
* viking-calendar — month-grid date selection
|
|
350
|
+
* viking-calendar — month-grid date selection.
|
|
331
351
|
* Value is an ISO date string (YYYY-MM-DD). ControlValueAccessor-compatible.
|
|
332
352
|
*/
|
|
333
353
|
declare class VikingCalendar extends VikingControl<string | null> {
|
|
@@ -344,23 +364,23 @@ declare class VikingCalendar extends VikingControl<string | null> {
|
|
|
344
364
|
}
|
|
345
365
|
|
|
346
366
|
/**
|
|
347
|
-
* viking-callout — highlighted message block
|
|
367
|
+
* viking-callout — highlighted message block.
|
|
348
368
|
*/
|
|
349
369
|
declare class VikingCallout {
|
|
350
370
|
readonly tone: _angular_core.InputSignal<VikingTone>;
|
|
351
371
|
readonly heading: _angular_core.InputSignal<string>;
|
|
352
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
372
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
353
373
|
readonly dismissible: _angular_core.InputSignal<boolean>;
|
|
354
374
|
readonly closed: _angular_core.OutputEmitterRef<void>;
|
|
355
375
|
protected readonly dismissed: _angular_core.WritableSignal<boolean>;
|
|
356
|
-
protected readonly resolvedIcon: _angular_core.Signal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone">;
|
|
376
|
+
protected readonly resolvedIcon: _angular_core.Signal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple">;
|
|
357
377
|
protected dismiss: () => void;
|
|
358
378
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingCallout, never>;
|
|
359
379
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingCallout, "viking-callout", never, { "tone": { "alias": "tone"; "required": false; "isSignal": true; }; "heading": { "alias": "heading"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "dismissible": { "alias": "dismissible"; "required": false; "isSignal": true; }; }, { "closed": "closed"; }, never, ["*"], true, never>;
|
|
360
380
|
}
|
|
361
381
|
|
|
362
382
|
/**
|
|
363
|
-
* viking-card — surface container
|
|
383
|
+
* viking-card — surface container.
|
|
364
384
|
* Compose with viking-card-header / viking-card-footer for structured layouts.
|
|
365
385
|
*/
|
|
366
386
|
declare class VikingCard {
|
|
@@ -385,7 +405,7 @@ declare class VikingCarouselSlide {
|
|
|
385
405
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingCarouselSlide, "viking-carousel-slide", never, {}, {}, never, ["*"], true, never>;
|
|
386
406
|
}
|
|
387
407
|
/**
|
|
388
|
-
* viking-carousel — scroll-snap slideshow
|
|
408
|
+
* viking-carousel — scroll-snap slideshow.
|
|
389
409
|
*/
|
|
390
410
|
declare class VikingCarousel {
|
|
391
411
|
private readonly viewport;
|
|
@@ -442,6 +462,7 @@ interface Gutter {
|
|
|
442
462
|
* viking-chart — zero-dependency native SVG charts styled after Viking UI.
|
|
443
463
|
*/
|
|
444
464
|
declare class VikingChart {
|
|
465
|
+
protected readonly chartId: string;
|
|
445
466
|
readonly kind: _angular_core.InputSignal<VikingChartKind>;
|
|
446
467
|
readonly series: _angular_core.InputSignal<VikingChartSeries[]>;
|
|
447
468
|
readonly categories: _angular_core.InputSignal<string[]>;
|
|
@@ -458,6 +479,7 @@ declare class VikingChart {
|
|
|
458
479
|
readonly gutter: _angular_core.InputSignal<string | number | undefined>;
|
|
459
480
|
readonly tickCount: _angular_core.InputSignal<number>;
|
|
460
481
|
readonly showLegend: _angular_core.InputSignal<boolean | undefined>;
|
|
482
|
+
readonly summary: _angular_core.InputSignal<string>;
|
|
461
483
|
protected readonly width = 720;
|
|
462
484
|
protected readonly isSparkline: _angular_core.Signal<boolean>;
|
|
463
485
|
protected readonly resolvedGutter: _angular_core.Signal<Gutter>;
|
|
@@ -487,11 +509,11 @@ declare class VikingChart {
|
|
|
487
509
|
protected readonly donutTotalLabel: _angular_core.Signal<string>;
|
|
488
510
|
protected readonly donutSlices: _angular_core.Signal<DonutSlice[]>;
|
|
489
511
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingChart, never>;
|
|
490
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingChart, "viking-chart", never, { "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "showPoints": { "alias": "showPoints"; "required": false; "isSignal": true; }; "pointRadius": { "alias": "pointRadius"; "required": false; "isSignal": true; }; "barWidth": { "alias": "barWidth"; "required": false; "isSignal": true; }; "barRadius": { "alias": "barRadius"; "required": false; "isSignal": true; }; "gutter": { "alias": "gutter"; "required": false; "isSignal": true; }; "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
512
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingChart, "viking-chart", never, { "kind": { "alias": "kind"; "required": false; "isSignal": true; }; "series": { "alias": "series"; "required": false; "isSignal": true; }; "categories": { "alias": "categories"; "required": false; "isSignal": true; }; "segments": { "alias": "segments"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "showArea": { "alias": "showArea"; "required": false; "isSignal": true; }; "compact": { "alias": "compact"; "required": false; "isSignal": true; }; "fill": { "alias": "fill"; "required": false; "isSignal": true; }; "curve": { "alias": "curve"; "required": false; "isSignal": true; }; "showPoints": { "alias": "showPoints"; "required": false; "isSignal": true; }; "pointRadius": { "alias": "pointRadius"; "required": false; "isSignal": true; }; "barWidth": { "alias": "barWidth"; "required": false; "isSignal": true; }; "barRadius": { "alias": "barRadius"; "required": false; "isSignal": true; }; "gutter": { "alias": "gutter"; "required": false; "isSignal": true; }; "tickCount": { "alias": "tickCount"; "required": false; "isSignal": true; }; "showLegend": { "alias": "showLegend"; "required": false; "isSignal": true; }; "summary": { "alias": "summary"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
491
513
|
}
|
|
492
514
|
|
|
493
515
|
/**
|
|
494
|
-
* viking-checkbox — custom checkbox
|
|
516
|
+
* viking-checkbox — custom checkbox.
|
|
495
517
|
* ControlValueAccessor-compatible.
|
|
496
518
|
*/
|
|
497
519
|
declare class VikingCheckbox extends VikingControl<boolean> {
|
|
@@ -507,7 +529,7 @@ declare class VikingCheckbox extends VikingControl<boolean> {
|
|
|
507
529
|
|
|
508
530
|
/**
|
|
509
531
|
* viking-color-picker — swatch presets + custom color input
|
|
510
|
-
|
|
532
|
+
*. ControlValueAccessor-compatible.
|
|
511
533
|
* Default presets are the THEME.md palette.
|
|
512
534
|
*/
|
|
513
535
|
declare class VikingColorPicker extends VikingControl<string> {
|
|
@@ -524,7 +546,7 @@ declare class VikingColorPicker extends VikingControl<string> {
|
|
|
524
546
|
}
|
|
525
547
|
|
|
526
548
|
/**
|
|
527
|
-
* viking-command — command palette
|
|
549
|
+
* viking-command — command palette.
|
|
528
550
|
* Toggle with the `open` model; emits `executed` when an item is chosen.
|
|
529
551
|
*/
|
|
530
552
|
declare class VikingCommand {
|
|
@@ -548,7 +570,7 @@ declare class VikingCommand {
|
|
|
548
570
|
|
|
549
571
|
/**
|
|
550
572
|
* viking-composer — message composer with attachments and send action
|
|
551
|
-
|
|
573
|
+
*.
|
|
552
574
|
*/
|
|
553
575
|
declare class VikingComposer {
|
|
554
576
|
readonly value: _angular_core.ModelSignal<string>;
|
|
@@ -565,7 +587,7 @@ declare class VikingComposer {
|
|
|
565
587
|
}
|
|
566
588
|
|
|
567
589
|
/**
|
|
568
|
-
* viking-context — right-click context menu
|
|
590
|
+
* viking-context — right-click context menu.
|
|
569
591
|
* Wrap the target content and project menu content with the `vikingMenu` attribute
|
|
570
592
|
* (typically viking-menu-item elements).
|
|
571
593
|
*/
|
|
@@ -583,7 +605,7 @@ declare class VikingContext {
|
|
|
583
605
|
}
|
|
584
606
|
|
|
585
607
|
/**
|
|
586
|
-
* viking-date-picker — input + calendar popover
|
|
608
|
+
* viking-date-picker — input + calendar popover.
|
|
587
609
|
* Value is an ISO date string (YYYY-MM-DD). ControlValueAccessor-compatible.
|
|
588
610
|
*/
|
|
589
611
|
declare class VikingDatePicker extends VikingControl<string | null> {
|
|
@@ -601,7 +623,7 @@ declare class VikingDatePicker extends VikingControl<string | null> {
|
|
|
601
623
|
}
|
|
602
624
|
|
|
603
625
|
/**
|
|
604
|
-
* viking-dropdown — expandable menu
|
|
626
|
+
* viking-dropdown — expandable menu.
|
|
605
627
|
* Project the trigger with `vikingTrigger`; fill the menu with viking-menu-item.
|
|
606
628
|
*/
|
|
607
629
|
declare class VikingDropdown {
|
|
@@ -621,7 +643,7 @@ declare class VikingDropdown {
|
|
|
621
643
|
*/
|
|
622
644
|
declare class VikingMenuItem {
|
|
623
645
|
private readonly dropdown;
|
|
624
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
646
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
625
647
|
readonly kbd: _angular_core.InputSignal<string | null>;
|
|
626
648
|
readonly danger: _angular_core.InputSignal<boolean>;
|
|
627
649
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -637,7 +659,7 @@ interface EditorAction {
|
|
|
637
659
|
label: string;
|
|
638
660
|
}
|
|
639
661
|
/**
|
|
640
|
-
* viking-editor — lightweight rich text editor
|
|
662
|
+
* viking-editor — lightweight rich text editor.
|
|
641
663
|
* Zero-dependency contenteditable with a formatting toolbar.
|
|
642
664
|
* Value is HTML. ControlValueAccessor-compatible.
|
|
643
665
|
*/
|
|
@@ -660,7 +682,7 @@ declare class VikingEditor extends VikingControl<string> {
|
|
|
660
682
|
* viking-fab — floating action button (fixed bottom-right).
|
|
661
683
|
*/
|
|
662
684
|
declare class VikingFab {
|
|
663
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone">;
|
|
685
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple">;
|
|
664
686
|
readonly label: _angular_core.InputSignal<string>;
|
|
665
687
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
666
688
|
readonly pressed: _angular_core.OutputEmitterRef<MouseEvent>;
|
|
@@ -670,7 +692,7 @@ declare class VikingFab {
|
|
|
670
692
|
|
|
671
693
|
/**
|
|
672
694
|
* viking-field — label / description / error wrapper for any control
|
|
673
|
-
|
|
695
|
+
*.
|
|
674
696
|
* The projected control is associated with the label by wrapping.
|
|
675
697
|
*/
|
|
676
698
|
declare class VikingField {
|
|
@@ -694,7 +716,7 @@ declare class VikingFooter {
|
|
|
694
716
|
}
|
|
695
717
|
|
|
696
718
|
/**
|
|
697
|
-
* viking-file-upload — drag & drop file zone
|
|
719
|
+
* viking-file-upload — drag & drop file zone.
|
|
698
720
|
*/
|
|
699
721
|
declare class VikingFileUpload {
|
|
700
722
|
readonly heading: _angular_core.InputSignal<string>;
|
|
@@ -729,20 +751,21 @@ declare class VikingGaugeArc {
|
|
|
729
751
|
/** viking-hud-panel — bordered dashboard panel with icon header. */
|
|
730
752
|
declare class VikingHudPanel {
|
|
731
753
|
readonly title: _angular_core.InputSignal<string>;
|
|
732
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
754
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
733
755
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingHudPanel, never>;
|
|
734
756
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingHudPanel, "viking-hud-panel", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; }, {}, never, ["[fluxHudPanelBadge]", "*"], true, never>;
|
|
735
757
|
}
|
|
736
758
|
|
|
737
759
|
/**
|
|
738
|
-
* viking-icon — inline SVG icon
|
|
760
|
+
* viking-icon — inline SVG icon.
|
|
739
761
|
* Zero-dependency 24x24 stroke icons from the internal registry.
|
|
740
762
|
*/
|
|
741
763
|
declare class VikingIcon {
|
|
742
764
|
private readonly sanitizer;
|
|
743
|
-
readonly name: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone">;
|
|
765
|
+
readonly name: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple">;
|
|
744
766
|
readonly size: _angular_core.InputSignal<number>;
|
|
745
767
|
readonly spin: _angular_core.InputSignal<boolean>;
|
|
768
|
+
protected readonly filled: _angular_core.Signal<boolean>;
|
|
746
769
|
protected readonly paths: _angular_core.Signal<SafeHtml>;
|
|
747
770
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingIcon, never>;
|
|
748
771
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingIcon, "viking-icon", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "spin": { "alias": "spin"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -750,15 +773,15 @@ declare class VikingIcon {
|
|
|
750
773
|
|
|
751
774
|
/**
|
|
752
775
|
* viking-input — text input with icons, kbd hint and clearable state
|
|
753
|
-
|
|
776
|
+
*. ControlValueAccessor-compatible.
|
|
754
777
|
*/
|
|
755
778
|
declare class VikingInput extends VikingControl<string> {
|
|
756
779
|
readonly value: _angular_core.ModelSignal<string>;
|
|
757
780
|
readonly type: _angular_core.InputSignal<string>;
|
|
758
781
|
readonly placeholder: _angular_core.InputSignal<string>;
|
|
759
782
|
readonly label: _angular_core.InputSignal<string>;
|
|
760
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
761
|
-
readonly iconTrailing: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
783
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
784
|
+
readonly iconTrailing: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
762
785
|
readonly kbd: _angular_core.InputSignal<string | null>;
|
|
763
786
|
readonly clearable: _angular_core.InputSignal<boolean>;
|
|
764
787
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
@@ -773,7 +796,7 @@ declare class VikingInput extends VikingControl<string> {
|
|
|
773
796
|
}
|
|
774
797
|
|
|
775
798
|
/**
|
|
776
|
-
* viking-kanban — drag & drop board
|
|
799
|
+
* viking-kanban — drag & drop board.
|
|
777
800
|
* Native HTML5 drag and drop; emits `moved` and updates the `columns` model.
|
|
778
801
|
*/
|
|
779
802
|
declare class VikingKanban {
|
|
@@ -839,7 +862,7 @@ declare class VikingMenubarItem {
|
|
|
839
862
|
|
|
840
863
|
/**
|
|
841
864
|
* viking-modal — dialog built on the native <dialog> element
|
|
842
|
-
|
|
865
|
+
*. Toggle via the `open` model.
|
|
843
866
|
*/
|
|
844
867
|
declare class VikingModal {
|
|
845
868
|
private readonly dialogRef;
|
|
@@ -885,7 +908,7 @@ declare class VikingNavigationMenu {
|
|
|
885
908
|
}
|
|
886
909
|
|
|
887
910
|
/**
|
|
888
|
-
* viking-navbar — horizontal navigation container
|
|
911
|
+
* viking-navbar — horizontal navigation container.
|
|
889
912
|
* Compose with viking-navbar-item and any other inline content.
|
|
890
913
|
*/
|
|
891
914
|
declare class VikingNavbar {
|
|
@@ -896,14 +919,14 @@ declare class VikingNavbar {
|
|
|
896
919
|
/** Navigation link/button inside viking-navbar. */
|
|
897
920
|
declare class VikingNavbarItem {
|
|
898
921
|
readonly href: _angular_core.InputSignal<string | null>;
|
|
899
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
922
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
900
923
|
readonly current: _angular_core.InputSignal<boolean>;
|
|
901
924
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingNavbarItem, never>;
|
|
902
925
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingNavbarItem, "viking-navbar-item", never, { "href": { "alias": "href"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "current": { "alias": "current"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
903
926
|
}
|
|
904
927
|
|
|
905
928
|
/**
|
|
906
|
-
* viking-otp-input — one-time-passcode input
|
|
929
|
+
* viking-otp-input — one-time-passcode input.
|
|
907
930
|
* Auto-advances between cells and supports paste. ControlValueAccessor-compatible.
|
|
908
931
|
*/
|
|
909
932
|
declare class VikingOtpInput extends VikingControl<string> {
|
|
@@ -933,11 +956,11 @@ declare class VikingPageHeader {
|
|
|
933
956
|
readonly subtitle: _angular_core.InputSignal<string>;
|
|
934
957
|
readonly layout: _angular_core.InputSignal<"hud" | "sidebar">;
|
|
935
958
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingPageHeader, never>;
|
|
936
|
-
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingPageHeader, "viking-page-header", never, { "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["[
|
|
959
|
+
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingPageHeader, "viking-page-header", never, { "tag": { "alias": "tag"; "required": false; "isSignal": true; }; "title": { "alias": "title"; "required": true; "isSignal": true; }; "subtitle": { "alias": "subtitle"; "required": false; "isSignal": true; }; "layout": { "alias": "layout"; "required": false; "isSignal": true; }; }, {}, never, ["[vikingPageHeaderBack]", "[vikingPageHeaderExtra]", "[vikingPageHeaderActions]"], true, never>;
|
|
937
960
|
}
|
|
938
961
|
|
|
939
962
|
/**
|
|
940
|
-
* viking-pagination — page navigation
|
|
963
|
+
* viking-pagination — page navigation.
|
|
941
964
|
*/
|
|
942
965
|
declare class VikingPagination {
|
|
943
966
|
readonly page: _angular_core.ModelSignal<number>;
|
|
@@ -950,7 +973,7 @@ declare class VikingPagination {
|
|
|
950
973
|
}
|
|
951
974
|
|
|
952
975
|
/**
|
|
953
|
-
* viking-pillbox — multi-value tag input
|
|
976
|
+
* viking-pillbox — multi-value tag input.
|
|
954
977
|
* Type and press Enter (or comma) to add pills. ControlValueAccessor-compatible.
|
|
955
978
|
*/
|
|
956
979
|
declare class VikingPillbox extends VikingControl<string[]> {
|
|
@@ -967,7 +990,7 @@ declare class VikingPillbox extends VikingControl<string[]> {
|
|
|
967
990
|
}
|
|
968
991
|
|
|
969
992
|
/**
|
|
970
|
-
* viking-popover — anchored floating panel
|
|
993
|
+
* viking-popover — anchored floating panel.
|
|
971
994
|
* Project the trigger with the `vikingTrigger` attribute; everything else becomes
|
|
972
995
|
* the panel content. Closes on Escape or outside interaction.
|
|
973
996
|
*/
|
|
@@ -983,7 +1006,7 @@ declare class VikingPopover {
|
|
|
983
1006
|
}
|
|
984
1007
|
|
|
985
1008
|
/**
|
|
986
|
-
* viking-profile — user identity block
|
|
1009
|
+
* viking-profile — user identity block.
|
|
987
1010
|
* Project actions (e.g. viking-button) as content.
|
|
988
1011
|
*/
|
|
989
1012
|
declare class VikingProfile {
|
|
@@ -997,7 +1020,7 @@ declare class VikingProfile {
|
|
|
997
1020
|
|
|
998
1021
|
/**
|
|
999
1022
|
* viking-progress — determinate/indeterminate progress bar
|
|
1000
|
-
|
|
1023
|
+
*.
|
|
1001
1024
|
*/
|
|
1002
1025
|
declare class VikingProgress {
|
|
1003
1026
|
readonly value: _angular_core.InputSignal<number>;
|
|
@@ -1010,7 +1033,7 @@ declare class VikingProgress {
|
|
|
1010
1033
|
}
|
|
1011
1034
|
|
|
1012
1035
|
/**
|
|
1013
|
-
* viking-radio-group — radio group
|
|
1036
|
+
* viking-radio-group — radio group.
|
|
1014
1037
|
* ControlValueAccessor-compatible; options-driven for symmetry with viking-select.
|
|
1015
1038
|
*/
|
|
1016
1039
|
declare class VikingRadioGroup extends VikingControl<unknown> {
|
|
@@ -1018,7 +1041,7 @@ declare class VikingRadioGroup extends VikingControl<unknown> {
|
|
|
1018
1041
|
readonly value: _angular_core.ModelSignal<unknown>;
|
|
1019
1042
|
readonly label: _angular_core.InputSignal<string>;
|
|
1020
1043
|
readonly disabled: _angular_core.InputSignal<boolean>;
|
|
1021
|
-
readonly orientation: _angular_core.InputSignal<"
|
|
1044
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
1022
1045
|
protected readonly groupName: string;
|
|
1023
1046
|
writeValue(value: unknown): void;
|
|
1024
1047
|
protected select: (option: VikingSelectOption) => void;
|
|
@@ -1055,7 +1078,7 @@ declare class VikingSearchPalette {
|
|
|
1055
1078
|
}
|
|
1056
1079
|
|
|
1057
1080
|
/**
|
|
1058
|
-
* viking-select — custom listbox select
|
|
1081
|
+
* viking-select — custom listbox select.
|
|
1059
1082
|
* ControlValueAccessor-compatible with full keyboard support.
|
|
1060
1083
|
*/
|
|
1061
1084
|
declare class VikingSelect extends VikingControl<unknown> {
|
|
@@ -1079,10 +1102,10 @@ declare class VikingSelect extends VikingControl<unknown> {
|
|
|
1079
1102
|
|
|
1080
1103
|
/**
|
|
1081
1104
|
* viking-separator — horizontal/vertical rule with optional label
|
|
1082
|
-
|
|
1105
|
+
*.
|
|
1083
1106
|
*/
|
|
1084
1107
|
declare class VikingSeparator {
|
|
1085
|
-
readonly orientation: _angular_core.InputSignal<"
|
|
1108
|
+
readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
|
|
1086
1109
|
readonly text: _angular_core.InputSignal<string>;
|
|
1087
1110
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingSeparator, never>;
|
|
1088
1111
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingSeparator, "viking-separator", never, { "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "text": { "alias": "text"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
@@ -1115,7 +1138,7 @@ declare class VikingSheet {
|
|
|
1115
1138
|
}
|
|
1116
1139
|
|
|
1117
1140
|
/**
|
|
1118
|
-
* viking-skeleton — loading placeholder
|
|
1141
|
+
* viking-skeleton — loading placeholder.
|
|
1119
1142
|
*/
|
|
1120
1143
|
declare class VikingSkeleton {
|
|
1121
1144
|
readonly shape: _angular_core.InputSignal<"line" | "circle" | "rect">;
|
|
@@ -1136,7 +1159,7 @@ declare class VikingSpinner {
|
|
|
1136
1159
|
}
|
|
1137
1160
|
|
|
1138
1161
|
/**
|
|
1139
|
-
* viking-slider — range slider
|
|
1162
|
+
* viking-slider — range slider.
|
|
1140
1163
|
* ControlValueAccessor-compatible.
|
|
1141
1164
|
*/
|
|
1142
1165
|
declare class VikingSlider extends VikingControl<number> {
|
|
@@ -1155,7 +1178,7 @@ declare class VikingSlider extends VikingControl<number> {
|
|
|
1155
1178
|
}
|
|
1156
1179
|
|
|
1157
1180
|
/**
|
|
1158
|
-
* viking-switch — toggle switch
|
|
1181
|
+
* viking-switch — toggle switch.
|
|
1159
1182
|
* ControlValueAccessor-compatible.
|
|
1160
1183
|
*/
|
|
1161
1184
|
declare class VikingSwitch extends VikingControl<boolean> {
|
|
@@ -1212,7 +1235,7 @@ declare class VikingTabs {
|
|
|
1212
1235
|
}
|
|
1213
1236
|
|
|
1214
1237
|
/**
|
|
1215
|
-
* viking-textarea — auto-growing textarea
|
|
1238
|
+
* viking-textarea — auto-growing textarea.
|
|
1216
1239
|
* ControlValueAccessor-compatible.
|
|
1217
1240
|
*/
|
|
1218
1241
|
declare class VikingTextarea extends VikingControl<string> {
|
|
@@ -1256,7 +1279,7 @@ declare class VikingToggleGroup {
|
|
|
1256
1279
|
}
|
|
1257
1280
|
|
|
1258
1281
|
/**
|
|
1259
|
-
* viking-time-picker — dropdown time selection
|
|
1282
|
+
* viking-time-picker — dropdown time selection.
|
|
1260
1283
|
* Value is a 24h HH:MM string. ControlValueAccessor-compatible.
|
|
1261
1284
|
*/
|
|
1262
1285
|
declare class VikingTimePicker extends VikingControl<string | null> {
|
|
@@ -1277,7 +1300,7 @@ declare class VikingTimePicker extends VikingControl<string | null> {
|
|
|
1277
1300
|
}
|
|
1278
1301
|
|
|
1279
1302
|
/**
|
|
1280
|
-
* viking-timeline — vertical event feed
|
|
1303
|
+
* viking-timeline — vertical event feed.
|
|
1281
1304
|
* Compose with viking-timeline-item.
|
|
1282
1305
|
*/
|
|
1283
1306
|
declare class VikingTimeline {
|
|
@@ -1288,14 +1311,14 @@ declare class VikingTimeline {
|
|
|
1288
1311
|
declare class VikingTimelineItem {
|
|
1289
1312
|
readonly heading: _angular_core.InputSignal<string>;
|
|
1290
1313
|
readonly timestamp: _angular_core.InputSignal<string>;
|
|
1291
|
-
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | null>;
|
|
1314
|
+
readonly icon: _angular_core.InputSignal<"check" | "x" | "plus" | "minus" | "chevron-down" | "chevron-up" | "chevron-left" | "chevron-right" | "arrow-right" | "arrow-left" | "arrow-up-right" | "search" | "calendar" | "clock" | "user" | "settings" | "info" | "alert-triangle" | "alert-circle" | "check-circle" | "bell" | "star" | "heart" | "trash" | "pencil" | "copy" | "upload" | "download" | "send" | "paperclip" | "image" | "file" | "folder" | "menu" | "dots-horizontal" | "dots-vertical" | "grip-vertical" | "sun" | "moon" | "eye" | "eye-off" | "bold" | "italic" | "underline" | "list" | "list-ordered" | "link" | "home" | "mail" | "lock" | "globe" | "loader" | "sparkle" | "external" | "filter" | "terminal" | "refresh" | "log-out" | "shield" | "bar-chart" | "phone" | "google" | "apple" | null>;
|
|
1292
1315
|
readonly tone: _angular_core.InputSignal<VikingTone>;
|
|
1293
1316
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingTimelineItem, never>;
|
|
1294
1317
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingTimelineItem, "viking-timeline-item", never, { "heading": { "alias": "heading"; "required": true; "isSignal": true; }; "timestamp": { "alias": "timestamp"; "required": false; "isSignal": true; }; "icon": { "alias": "icon"; "required": false; "isSignal": true; }; "tone": { "alias": "tone"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1295
1318
|
}
|
|
1296
1319
|
|
|
1297
1320
|
/**
|
|
1298
|
-
* VikingToastService — imperative toast API
|
|
1321
|
+
* VikingToastService — imperative toast API.
|
|
1299
1322
|
* Render a single <viking-toaster> outlet near the app root.
|
|
1300
1323
|
*/
|
|
1301
1324
|
declare class VikingToastService {
|
|
@@ -1327,7 +1350,7 @@ declare class VikingUptimeBar {
|
|
|
1327
1350
|
}
|
|
1328
1351
|
|
|
1329
1352
|
/**
|
|
1330
|
-
* fluxTooltip — attribute directive tooltip
|
|
1353
|
+
* fluxTooltip — attribute directive tooltip.
|
|
1331
1354
|
* Shows on hover and keyboard focus; positions itself relative to the host.
|
|
1332
1355
|
*/
|
|
1333
1356
|
declare class VikingTooltip implements OnDestroy {
|
|
@@ -1345,19 +1368,19 @@ declare class VikingTooltip implements OnDestroy {
|
|
|
1345
1368
|
}
|
|
1346
1369
|
|
|
1347
1370
|
/**
|
|
1348
|
-
* viking-heading — consistent heading sizes
|
|
1371
|
+
* viking-heading — consistent heading sizes.
|
|
1349
1372
|
*/
|
|
1350
1373
|
declare class VikingHeading {
|
|
1351
1374
|
readonly size: _angular_core.InputSignal<"base" | "lg" | "xl">;
|
|
1352
|
-
readonly level: _angular_core.InputSignal<
|
|
1353
|
-
protected readonly ariaLevel: _angular_core.Signal<
|
|
1375
|
+
readonly level: _angular_core.InputSignal<2 | 1 | 4 | 3>;
|
|
1376
|
+
protected readonly ariaLevel: _angular_core.Signal<2 | 1 | 4 | 3>;
|
|
1354
1377
|
protected readonly hostClass: _angular_core.Signal<string>;
|
|
1355
1378
|
static ɵfac: _angular_core.ɵɵFactoryDeclaration<VikingHeading, never>;
|
|
1356
1379
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingHeading, "viking-heading", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "level": { "alias": "level"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1357
1380
|
}
|
|
1358
1381
|
|
|
1359
1382
|
/**
|
|
1360
|
-
* viking-text — body text with semantic variants
|
|
1383
|
+
* viking-text — body text with semantic variants.
|
|
1361
1384
|
*/
|
|
1362
1385
|
declare class VikingText {
|
|
1363
1386
|
readonly variant: _angular_core.InputSignal<"accent" | "muted" | "strong" | "default">;
|
|
@@ -1370,5 +1393,5 @@ declare class VikingText {
|
|
|
1370
1393
|
static ɵcmp: _angular_core.ɵɵComponentDeclaration<VikingText, "viking-text", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "inline": { "alias": "inline"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
|
|
1371
1394
|
}
|
|
1372
1395
|
|
|
1373
|
-
export { VIKING_ICON_NAMES, VIKING_ICON_PATHS, VIKING_TABS, VIKING_TOGGLE_GROUP, VikingAccordion, VikingAccordionItem, VikingAppHeader, VikingAppSidebar, VikingAutocomplete, VikingAvatar, VikingBadge, VikingBar, VikingBrand, VikingBreadcrumbs, VikingButton, VikingButtonGroup, VikingCalendar, VikingCallout, VikingCard, VikingCardFooter, VikingCardHeader, VikingCarousel, VikingCarouselSlide, VikingChart, VikingCheckbox, VikingColorPicker, VikingCommand, VikingComposer, VikingContext, VikingControl, VikingDatePicker, VikingDropdown, VikingEditor, VikingFab, VikingField, VikingFileUpload, VikingFooter, VikingGaugeArc, VikingHeading, VikingHudPanel, VikingIcon, VikingInput, VikingKanban, VikingKbd, VikingLabel, VikingMenuItem, VikingMenubar, VikingMenubarItem, VikingMetricCard, VikingMetricRow, VikingModal, VikingNativeSelect, VikingNavbar, VikingNavbarItem, VikingNavigationMenu, VikingOtpInput, VikingPageHeader, VikingPagination, VikingPillbox, VikingPopover, VikingProfile, VikingProgress, VikingRadioGroup, VikingRingGauge, VikingScrollArea, VikingSearchPalette, VikingSelect, VikingSeparator, VikingSheet, VikingSkeleton, VikingSlider, VikingSpinner, VikingSwitch, VikingTab, VikingTabPanel, VikingTable, VikingTabs, VikingText, VikingTextarea, VikingTimePicker, VikingTimeline, VikingTimelineItem, VikingToastService, VikingToaster, VikingToggle, VikingToggleGroup, VikingTooltip, VikingUptimeBar, provideVikingCva };
|
|
1396
|
+
export { VIKING_ICON_NAMES, VIKING_ICON_PATHS, VIKING_TABS, VIKING_TOGGLE_GROUP, VikingAccordion, VikingAccordionItem, VikingAppHeader, VikingAppSidebar, VikingAuthPanel, VikingAutocomplete, VikingAvatar, VikingBadge, VikingBar, VikingBrand, VikingBreadcrumbs, VikingButton, VikingButtonGroup, VikingCalendar, VikingCallout, VikingCard, VikingCardFooter, VikingCardHeader, VikingCarousel, VikingCarouselSlide, VikingChart, VikingCheckbox, VikingColorPicker, VikingCommand, VikingComposer, VikingContext, VikingControl, VikingDatePicker, VikingDropdown, VikingEditor, VikingFab, VikingField, VikingFileUpload, VikingFooter, VikingGaugeArc, VikingHeading, VikingHudPanel, VikingIcon, VikingInput, VikingKanban, VikingKbd, VikingLabel, VikingMenuItem, VikingMenubar, VikingMenubarItem, VikingMetricCard, VikingMetricRow, VikingModal, VikingNativeSelect, VikingNavbar, VikingNavbarItem, VikingNavigationMenu, VikingOtpInput, VikingPageHeader, VikingPagination, VikingPillbox, VikingPopover, VikingProfile, VikingProgress, VikingRadioGroup, VikingRingGauge, VikingScrollArea, VikingSearchPalette, VikingSelect, VikingSeparator, VikingSheet, VikingSkeleton, VikingSlider, VikingSpinner, VikingSwitch, VikingTab, VikingTabPanel, VikingTable, VikingTabs, VikingText, VikingTextarea, VikingTimePicker, VikingTimeline, VikingTimelineItem, VikingToastService, VikingToaster, VikingToggle, VikingToggleGroup, VikingTooltip, VikingUptimeBar, provideVikingCva };
|
|
1374
1397
|
export type { VikingBreadcrumb, VikingButtonVariant, VikingChartCurve, VikingChartKind, VikingChartSeries, VikingCommandItem, VikingDonutSegment, VikingIconName, VikingKanbanCard, VikingKanbanColumn, VikingKanbanMove, VikingNavItem, VikingSelectOption, VikingSheetSide, VikingSize, VikingToastInstance, VikingToastOptions, VikingTone, VikingUptimeStatus };
|