@leavepulse/ui 0.42.0 → 0.43.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/{LpCommandPalette-Esv0a-gS.css → LpCommandPalette-s_kKuCRf.css} +21 -21
- package/dist/chunks/{LpAddressInput-CMjaPQVw.js → LpAddressInput-B-Zvxsn7.js} +1 -1
- package/dist/chunks/{LpAppShell-Bcv6EhqU.js → LpAppShell-BGQVIY-3.js} +1 -1
- package/dist/chunks/{LpConfirmDialog-BNAvOR24.js → LpConfirmDialog-Q-bxff8z.js} +1 -1
- package/dist/chunks/{LpDrawer-DgaS2s2i.js → LpDrawer-BZ6k3hvo.js} +3 -3
- package/dist/chunks/{LpLightbox-oLqyjOln.js → LpLightbox-2sYVMY-S.js} +12 -4
- package/dist/chunks/{LpMediaGallery-Cid7PGYx.js → LpMediaGallery-FF-NquIo.js} +1 -1
- package/dist/chunks/{LpModal-8bja5bWS.js → LpModal-Bt0pQCI_.js} +2 -2
- package/dist/chunks/{LpModalNav-w9kfwHqO.js → LpModalNav-YaifHrXC.js} +2 -2
- package/dist/chunks/{LpSidebar-DlTn5nXc.js → LpSidebar-ClBUwoEz.js} +1 -1
- package/dist/components/LpAddressInput.vue.js +1 -1
- package/dist/components/LpAppShell.vue.js +1 -1
- package/dist/components/LpCommandPalette.vue.js +19 -72
- package/dist/components/LpConfirmDialog.vue.js +1 -1
- package/dist/components/LpDrawer.vue.js +1 -1
- package/dist/components/LpLightbox.vue.js +1 -1
- package/dist/components/LpMediaGallery.vue.js +1 -1
- package/dist/components/LpModal.vue.js +1 -1
- package/dist/components/LpModalNav.vue.js +1 -1
- package/dist/components/LpShortcutsDialog.vue.js +1 -1
- package/dist/components/LpSidebar.vue.js +1 -1
- package/dist/components/commandSearch.js +66 -0
- package/dist/components/modalDepth.js +3 -2
- package/dist/index.js +13 -9
- package/package.json +3 -3
- package/src/components/LpCommandPalette.vue +18 -110
- package/src/components/LpDrawer.vue +3 -3
- package/src/components/LpLightbox.vue +11 -5
- package/src/components/LpModal.vue +2 -2
- package/src/components/commandSearch.ts +92 -0
- package/src/components/modalDepth.ts +4 -48
- package/src/index.ts +2 -0
- package/src/tokens/tokens.css +13 -19
- package/dist/component-names.d.ts +0 -1
- package/dist/components/LayoutCanvas.vue.d.ts +0 -28
- package/dist/components/LayoutNode.vue.d.ts +0 -40
- package/dist/components/LpActionBar.vue.d.ts +0 -84
- package/dist/components/LpAddressInput.vue.d.ts +0 -70
- package/dist/components/LpAlert.vue.d.ts +0 -44
- package/dist/components/LpAppShell.vue.d.ts +0 -123
- package/dist/components/LpAutocomplete.vue.d.ts +0 -50
- package/dist/components/LpAvatar.vue.d.ts +0 -34
- package/dist/components/LpBadge.vue.d.ts +0 -20
- package/dist/components/LpBreadcrumbs.vue.d.ts +0 -32
- package/dist/components/LpButton.vue.d.ts +0 -113
- package/dist/components/LpCalendar.vue.d.ts +0 -29
- package/dist/components/LpCard.vue.d.ts +0 -60
- package/dist/components/LpChart.vue.d.ts +0 -130
- package/dist/components/LpCheckbox.vue.d.ts +0 -32
- package/dist/components/LpCodeBlock.vue.d.ts +0 -58
- package/dist/components/LpColorPicker.vue.d.ts +0 -124
- package/dist/components/LpCommandPalette.vue.d.ts +0 -206
- package/dist/components/LpConfirmDialog.vue.d.ts +0 -59
- package/dist/components/LpContextMenu.vue.d.ts +0 -44
- package/dist/components/LpDatePicker.vue.d.ts +0 -33
- package/dist/components/LpDisclosure.vue.d.ts +0 -47
- package/dist/components/LpDivider.vue.d.ts +0 -17
- package/dist/components/LpDrawer.vue.d.ts +0 -170
- package/dist/components/LpDropdownMenu.vue.d.ts +0 -23
- package/dist/components/LpDropzone.vue.d.ts +0 -90
- package/dist/components/LpEmptyState.vue.d.ts +0 -28
- package/dist/components/LpFileTree.vue.d.ts +0 -126
- package/dist/components/LpFileTreeNode.vue.d.ts +0 -62
- package/dist/components/LpFormField.vue.d.ts +0 -24
- package/dist/components/LpIcon.vue.d.ts +0 -8
- package/dist/components/LpImageEditor.vue.d.ts +0 -106
- package/dist/components/LpInfraNode.vue.d.ts +0 -65
- package/dist/components/LpInput.vue.d.ts +0 -80
- package/dist/components/LpLaneNode.vue.d.ts +0 -24
- package/dist/components/LpLightbox.vue.d.ts +0 -62
- package/dist/components/LpLink.vue.d.ts +0 -93
- package/dist/components/LpLogViewer.vue.d.ts +0 -153
- package/dist/components/LpMapPicker.vue.d.ts +0 -59
- package/dist/components/LpMediaGallery.vue.d.ts +0 -80
- package/dist/components/LpModal.vue.d.ts +0 -66
- package/dist/components/LpModalNav.vue.d.ts +0 -66
- package/dist/components/LpNotificationBell.vue.d.ts +0 -85
- package/dist/components/LpNumberField.vue.d.ts +0 -21
- package/dist/components/LpNumberFlow.vue.d.ts +0 -35
- package/dist/components/LpOtpInput.vue.d.ts +0 -39
- package/dist/components/LpPagination.vue.d.ts +0 -35
- package/dist/components/LpPasswordInput.vue.d.ts +0 -36
- package/dist/components/LpPhoneInput.vue.d.ts +0 -49
- package/dist/components/LpPie.vue.d.ts +0 -196
- package/dist/components/LpPopover.vue.d.ts +0 -34
- package/dist/components/LpProgress.vue.d.ts +0 -66
- package/dist/components/LpRadio.vue.d.ts +0 -18
- package/dist/components/LpRadioGroup.vue.d.ts +0 -26
- package/dist/components/LpRollingText.vue.d.ts +0 -33
- package/dist/components/LpScrollArea.vue.d.ts +0 -28
- package/dist/components/LpSection.vue.d.ts +0 -120
- package/dist/components/LpSegmented.vue.d.ts +0 -30
- package/dist/components/LpSelect.vue.d.ts +0 -47
- package/dist/components/LpServiceNode.vue.d.ts +0 -14
- package/dist/components/LpShift.vue.d.ts +0 -36
- package/dist/components/LpShortcutsDialog.vue.d.ts +0 -24
- package/dist/components/LpSidebar.vue.d.ts +0 -146
- package/dist/components/LpSidebarNav.vue.d.ts +0 -54
- package/dist/components/LpSkeleton.vue.d.ts +0 -16
- package/dist/components/LpSlider.vue.d.ts +0 -30
- package/dist/components/LpSparkline.vue.d.ts +0 -48
- package/dist/components/LpStat.vue.d.ts +0 -69
- package/dist/components/LpStepper.vue.d.ts +0 -36
- package/dist/components/LpSwitch.vue.d.ts +0 -42
- package/dist/components/LpTable.vue.d.ts +0 -124
- package/dist/components/LpTableOfContents.vue.d.ts +0 -19
- package/dist/components/LpTabs.vue.d.ts +0 -47
- package/dist/components/LpTextarea.vue.d.ts +0 -22
- package/dist/components/LpThemeSwitcher.vue.d.ts +0 -47
- package/dist/components/LpTilt.vue.d.ts +0 -31
- package/dist/components/LpTimeField.vue.d.ts +0 -24
- package/dist/components/LpToaster.vue.d.ts +0 -3
- package/dist/components/LpTooltip.vue.d.ts +0 -58
- package/dist/components/LpTopologyCanvas.vue.d.ts +0 -205
- package/dist/components/LpUptimeBar.vue.d.ts +0 -46
- package/dist/components/LpWaypointEdge.vue.d.ts +0 -21
- package/dist/components/actionBar.d.ts +0 -19
- package/dist/components/address.d.ts +0 -107
- package/dist/components/chart.d.ts +0 -180
- package/dist/components/codeHighlight.d.ts +0 -8
- package/dist/components/color.d.ts +0 -65
- package/dist/components/countries-data.d.ts +0 -2
- package/dist/components/countries.d.ts +0 -20
- package/dist/components/dropdown.d.ts +0 -29
- package/dist/components/fileTree.d.ts +0 -79
- package/dist/components/lightbox.d.ts +0 -24
- package/dist/components/modalDepth.d.ts +0 -15
- package/dist/components/sidebar.d.ts +0 -42
- package/dist/composables/easing.d.ts +0 -46
- package/dist/composables/useAsyncTask.d.ts +0 -18
- package/dist/composables/useClipboard.d.ts +0 -46
- package/dist/composables/useFormDraft.d.ts +0 -67
- package/dist/composables/useGlass.d.ts +0 -9
- package/dist/composables/useHotkeys.d.ts +0 -101
- package/dist/composables/useInputFilter.d.ts +0 -14
- package/dist/composables/useMergedClass.d.ts +0 -42
- package/dist/composables/usePillTransition.d.ts +0 -21
- package/dist/composables/useReveal.d.ts +0 -26
- package/dist/composables/useRovingFocus.d.ts +0 -49
- package/dist/composables/useSettled.d.ts +0 -26
- package/dist/composables/useShift.d.ts +0 -35
- package/dist/composables/useTilt.d.ts +0 -23
- package/dist/composables/useToast.d.ts +0 -41
- package/dist/composables/useZoomPan.d.ts +0 -58
- package/dist/icons.d.ts +0 -1
- package/dist/index.d.ts +0 -160
- package/dist/layout/registry.d.ts +0 -26
- package/dist/layout/tree.d.ts +0 -75
- package/dist/layout/useLayout.d.ts +0 -39
- package/dist/theme/backdrop.d.ts +0 -9
- package/dist/theme/config.d.ts +0 -16
- package/dist/theme/define.d.ts +0 -12
- package/dist/theme/presets.d.ts +0 -20
- package/dist/theme/tokens.d.ts +0 -75
- package/dist/theme/useTheme.d.ts +0 -46
|
@@ -1,47 +0,0 @@
|
|
|
1
|
-
import { TokenSet } from '../theme/tokens';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
/** Active theme NAME (v-model). Falls back to the first theme. */
|
|
4
|
-
modelValue?: string;
|
|
5
|
-
/** Themes to offer. Defaults to all built-in presets. */
|
|
6
|
-
themes?: TokenSet[];
|
|
7
|
-
/**
|
|
8
|
-
* Themes the LEFT-click cycles through — names from `themes`, or TokenSets.
|
|
9
|
-
* Defaults to the full list (cycle everything). Pass two, e.g.
|
|
10
|
-
* `:cycle-themes="['Dark', 'Light']"`, for a quick dark/light toggle while
|
|
11
|
-
* the right-click menu still offers every theme.
|
|
12
|
-
*/
|
|
13
|
-
cycleThemes?: (string | TokenSet)[];
|
|
14
|
-
/**
|
|
15
|
-
* Trigger style:
|
|
16
|
-
* - "swatch" (default): a square showing the active theme's brand colour.
|
|
17
|
-
* - "icon": a sun/moon icon following the active theme's mode.
|
|
18
|
-
* - "pill": swatch + the theme name in a pill (always shows the label).
|
|
19
|
-
*/
|
|
20
|
-
variant?: "swatch" | "icon" | "pill";
|
|
21
|
-
/** Show the active theme's name next to the trigger (forced on for "pill"). */
|
|
22
|
-
showLabel?: boolean;
|
|
23
|
-
/**
|
|
24
|
-
* Default theme applied on mount when nothing is cached yet — the theme NAME
|
|
25
|
-
* (must be in `themes`) or a TokenSet. Lets a consuming app pick its default
|
|
26
|
-
* declaratively (<LpThemeSwitcher :default="'Violet'">) with no separate
|
|
27
|
-
* bootstrap plugin; a previously saved choice still wins over it.
|
|
28
|
-
*/
|
|
29
|
-
default?: string | TokenSet;
|
|
30
|
-
/** Animate theme changes with the circular reveal. On by default. */
|
|
31
|
-
transition?: boolean;
|
|
32
|
-
size?: "sm" | "md" | "lg";
|
|
33
|
-
"aria-label"?: string;
|
|
34
|
-
};
|
|
35
|
-
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
36
|
-
change: (theme: TokenSet) => any;
|
|
37
|
-
"update:modelValue": (name: string) => any;
|
|
38
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
39
|
-
onChange?: ((theme: TokenSet) => any) | undefined;
|
|
40
|
-
"onUpdate:modelValue"?: ((name: string) => any) | undefined;
|
|
41
|
-
}>, {
|
|
42
|
-
size: "sm" | "md" | "lg";
|
|
43
|
-
transition: boolean;
|
|
44
|
-
variant: "swatch" | "icon" | "pill";
|
|
45
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
46
|
-
declare const _default: typeof __VLS_export;
|
|
47
|
-
export default _default;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
/** Max rotation toward the pointer, in degrees. */
|
|
3
|
-
max?: number;
|
|
4
|
-
/** Upward lift on hover, in px. */
|
|
5
|
-
lift?: number;
|
|
6
|
-
/** Scale on hover. */
|
|
7
|
-
scale?: number;
|
|
8
|
-
/** Render a pointer-tracking glare highlight over the content. */
|
|
9
|
-
glare?: boolean;
|
|
10
|
-
/** Perspective depth for the 3D stage, in px. Lower = stronger. */
|
|
11
|
-
perspective?: number;
|
|
12
|
-
};
|
|
13
|
-
declare var __VLS_1: {};
|
|
14
|
-
type __VLS_Slots = {} & {
|
|
15
|
-
default?: (props: typeof __VLS_1) => any;
|
|
16
|
-
};
|
|
17
|
-
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
18
|
-
scale: number;
|
|
19
|
-
max: number;
|
|
20
|
-
perspective: number;
|
|
21
|
-
lift: number;
|
|
22
|
-
glare: boolean;
|
|
23
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
24
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
25
|
-
declare const _default: typeof __VLS_export;
|
|
26
|
-
export default _default;
|
|
27
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
28
|
-
new (): {
|
|
29
|
-
$slots: S;
|
|
30
|
-
};
|
|
31
|
-
};
|
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
/** Selected time "HH:mm" (v-model). */
|
|
3
|
-
modelValue?: string;
|
|
4
|
-
disabled?: boolean;
|
|
5
|
-
invalid?: boolean;
|
|
6
|
-
size?: "sm" | "md" | "lg";
|
|
7
|
-
/** 24 or 12-hour clock, independent of the browser locale. */
|
|
8
|
-
hourCycle?: 12 | 24;
|
|
9
|
-
/** Locale for segment order and the AM/PM marker in 12-hour mode. */
|
|
10
|
-
locale?: string;
|
|
11
|
-
/** Show the clock icon at the start of the field. */
|
|
12
|
-
icon?: boolean;
|
|
13
|
-
};
|
|
14
|
-
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
15
|
-
"update:modelValue": (value: string | undefined) => any;
|
|
16
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
17
|
-
"onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
|
|
18
|
-
}>, {
|
|
19
|
-
size: "sm" | "md" | "lg";
|
|
20
|
-
icon: boolean;
|
|
21
|
-
hourCycle: 12 | 24;
|
|
22
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
23
|
-
declare const _default: typeof __VLS_export;
|
|
24
|
-
export default _default;
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
declare const __VLS_export: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
|
|
2
|
-
declare const _default: typeof __VLS_export;
|
|
3
|
-
export default _default;
|
|
@@ -1,58 +0,0 @@
|
|
|
1
|
-
type __VLS_Props = {
|
|
2
|
-
content?: string;
|
|
3
|
-
sideOffset?: number;
|
|
4
|
-
/** Which edge to prefer; flips automatically when there is no room. */
|
|
5
|
-
side?: "top" | "right" | "bottom" | "left";
|
|
6
|
-
/**
|
|
7
|
-
* The tip names the control rather than describing it — for a trigger with
|
|
8
|
-
* no visible text of its own. Sets the accessible name instead of only
|
|
9
|
-
* adding a description.
|
|
10
|
-
*/
|
|
11
|
-
label?: boolean;
|
|
12
|
-
/** Milliseconds before the tip appears on hover. */
|
|
13
|
-
delay?: number;
|
|
14
|
-
/**
|
|
15
|
-
* Show on any focus, not just keyboard focus. Off by default: a tip that
|
|
16
|
-
* pops up after every mouse click on the trigger is noise.
|
|
17
|
-
*/
|
|
18
|
-
showOnPointerFocus?: boolean;
|
|
19
|
-
/**
|
|
20
|
-
* Track the pointer instead of anchoring to the trigger's edge.
|
|
21
|
-
*
|
|
22
|
-
* For a trigger that is large or oddly shaped — a chart slice, a canvas, a
|
|
23
|
-
* map region — where the element's bounding box says little about what the
|
|
24
|
-
* pointer is actually over: anchored to the box, the tip can appear far from
|
|
25
|
-
* the thing it describes. Following the cursor keeps it next to the reading.
|
|
26
|
-
*/
|
|
27
|
-
followCursor?: boolean;
|
|
28
|
-
/**
|
|
29
|
-
* Suppress the tip. For a trigger whose tip only applies to part of it — a
|
|
30
|
-
* chart wrapper where the pointer may be over a mark or over empty canvas —
|
|
31
|
-
* so an empty panel never opens over the gaps.
|
|
32
|
-
*
|
|
33
|
-
* This also FORCES CLOSED a tip that is already showing. reka's own
|
|
34
|
-
* `disabled` does not: it stops managing the tooltip where it stands, so one
|
|
35
|
-
* that was open when the flag flipped stayed on screen for good — outliving
|
|
36
|
-
* the pointer, letting a second chart open its own beside it, and surviving
|
|
37
|
-
* a scroll that should have dismissed it.
|
|
38
|
-
*/
|
|
39
|
-
disabled?: boolean;
|
|
40
|
-
};
|
|
41
|
-
declare var __VLS_24: {}, __VLS_38: {};
|
|
42
|
-
type __VLS_Slots = {} & {
|
|
43
|
-
default?: (props: typeof __VLS_24) => any;
|
|
44
|
-
} & {
|
|
45
|
-
content?: (props: typeof __VLS_38) => any;
|
|
46
|
-
};
|
|
47
|
-
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
48
|
-
delay: number;
|
|
49
|
-
side: "top" | "right" | "bottom" | "left";
|
|
50
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
51
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
52
|
-
declare const _default: typeof __VLS_export;
|
|
53
|
-
export default _default;
|
|
54
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
55
|
-
new (): {
|
|
56
|
-
$slots: S;
|
|
57
|
-
};
|
|
58
|
-
};
|
|
@@ -1,205 +0,0 @@
|
|
|
1
|
-
import { Connection } from '@vue-flow/core';
|
|
2
|
-
import { InfraNodeData } from './LpInfraNode.vue';
|
|
3
|
-
import { ServiceNodeData } from './LpServiceNode.vue';
|
|
4
|
-
export type EdgeObserved = "applied" | "pending" | "drift";
|
|
5
|
-
export interface TopologyNode {
|
|
6
|
-
id: string;
|
|
7
|
-
position: {
|
|
8
|
-
x: number;
|
|
9
|
-
y: number;
|
|
10
|
-
};
|
|
11
|
-
/** Host/group nodes use InfraNodeData; service nodes use ServiceNodeData. */
|
|
12
|
-
data: InfraNodeData | ServiceNodeData;
|
|
13
|
-
/**
|
|
14
|
-
* Node kind: "infra" (a host card, default), "service" (a small service node
|
|
15
|
-
* placed inside a host frame), or "group" (a host frame that contains
|
|
16
|
-
* services). Services set `parent` to their group's id.
|
|
17
|
-
*/
|
|
18
|
-
type?: "infra" | "service" | "group";
|
|
19
|
-
/** For service nodes: the id of the host-frame group node they live in. */
|
|
20
|
-
parent?: string;
|
|
21
|
-
/** For group nodes: pixel size of the frame, and an optional label. */
|
|
22
|
-
width?: number;
|
|
23
|
-
height?: number;
|
|
24
|
-
label?: string;
|
|
25
|
-
}
|
|
26
|
-
/**
|
|
27
|
-
* Edge semantics, encoded with both colour AND line style so the two kinds read
|
|
28
|
-
* apart at a glance (and for colour-blind users): "network" = a transport wire
|
|
29
|
-
* between hosts (solid, brand-cyan); "structural" = a depends_on relation
|
|
30
|
-
* between services (dotted, violet, thinner). Inferred from `kind` when omitted
|
|
31
|
-
* (`depends_on` → structural, everything else → network).
|
|
32
|
-
*/
|
|
33
|
-
export type EdgeCategory = "network" | "structural";
|
|
34
|
-
export interface TopologyEdge {
|
|
35
|
-
id: string;
|
|
36
|
-
source: string;
|
|
37
|
-
target: string;
|
|
38
|
-
/** transport label shown on the edge (e.g. "wg", "cloudflared"). */
|
|
39
|
-
kind?: string;
|
|
40
|
-
/** Semantic class driving colour + dash. Inferred from `kind` if omitted. */
|
|
41
|
-
category?: EdgeCategory;
|
|
42
|
-
observed?: EdgeObserved;
|
|
43
|
-
/**
|
|
44
|
-
* Push the edge into the background, matching the node data's `dimmed`. A
|
|
45
|
-
* focus highlight has to fade the edges too — dimming only the nodes leaves
|
|
46
|
-
* every unrelated line at full strength.
|
|
47
|
-
*/
|
|
48
|
-
dimmed?: boolean;
|
|
49
|
-
/**
|
|
50
|
-
* Points the edge should curve through, when the host's layout knows where
|
|
51
|
-
* the gaps are. Requires `edgeType: "waypoints"`; ignored otherwise.
|
|
52
|
-
*/
|
|
53
|
-
waypoints?: {
|
|
54
|
-
x: number;
|
|
55
|
-
y: number;
|
|
56
|
-
}[];
|
|
57
|
-
}
|
|
58
|
-
/**
|
|
59
|
-
* A background swimlane: a sized zone (one per project / overlay network) drawn
|
|
60
|
-
* beneath the nodes. The consumer computes the geometry; the canvas renders it
|
|
61
|
-
* as a non-interactive Vue Flow node so it pans/zooms in lockstep with the
|
|
62
|
-
* graph. Lanes are layered below real nodes and never intercept pointer events.
|
|
63
|
-
*/
|
|
64
|
-
export interface TopologyLane {
|
|
65
|
-
id: string;
|
|
66
|
-
label: string;
|
|
67
|
-
x: number;
|
|
68
|
-
y: number;
|
|
69
|
-
width: number;
|
|
70
|
-
height: number;
|
|
71
|
-
/** Optional accent colour token for the lane border + label. */
|
|
72
|
-
accent?: string;
|
|
73
|
-
}
|
|
74
|
-
/** Canvas viewport transform — for restoring a saved pan/zoom. */
|
|
75
|
-
export interface CanvasViewport {
|
|
76
|
-
x: number;
|
|
77
|
-
y: number;
|
|
78
|
-
zoom: number;
|
|
79
|
-
}
|
|
80
|
-
type __VLS_Props = {
|
|
81
|
-
nodes: TopologyNode[];
|
|
82
|
-
edges: TopologyEdge[];
|
|
83
|
-
/** Allow drag-to-connect (emits `connect`). Default false (read-only). */
|
|
84
|
-
connectable?: boolean;
|
|
85
|
-
/**
|
|
86
|
-
* Desktop-style marquee selection: drag on empty canvas to rubber-band a
|
|
87
|
-
* box and select every node inside; the selected set then drags together.
|
|
88
|
-
* Hold Shift to add to the selection. Panning moves to a right-drag / the
|
|
89
|
-
* space bar so left-drag is free for selecting. Default false (left-drag
|
|
90
|
-
* pans, the classic read-only behaviour). Emits `selection-change`.
|
|
91
|
-
*/
|
|
92
|
-
selectable?: boolean;
|
|
93
|
-
/** Show the edge-type legend (Network / Depends-on / Pending / Drift). */
|
|
94
|
-
legend?: boolean;
|
|
95
|
-
/**
|
|
96
|
-
* Where the legend sits. Defaults to bottom-left: hosts commonly float a
|
|
97
|
-
* toolbar across the top, which would cover a top-anchored legend, and the
|
|
98
|
-
* minimap owns the bottom-right.
|
|
99
|
-
*/
|
|
100
|
-
legendPosition?: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
101
|
-
/**
|
|
102
|
-
* Edge shape. The default bezier bulges away from the straight line between
|
|
103
|
-
* its ends, which suits a free-form graph and cuts through everything in a
|
|
104
|
-
* LAYERED one — a long edge crosses the cards standing between its columns.
|
|
105
|
-
* `smoothstep` routes orthogonally through the gaps instead.
|
|
106
|
-
*/
|
|
107
|
-
edgeType?: "default" | "smoothstep" | "step" | "straight" | "waypoints";
|
|
108
|
-
/** Rename legend rows to match what this graph's edges actually mean. */
|
|
109
|
-
legendLabels?: Partial<Record<"network" | "structural" | "pending" | "drift", string>>;
|
|
110
|
-
/**
|
|
111
|
-
* Background swimlanes drawn beneath the nodes (one per project / overlay).
|
|
112
|
-
* Non-interactive; pan/zoom with the graph. Empty = no lanes.
|
|
113
|
-
*/
|
|
114
|
-
lanes?: TopologyLane[];
|
|
115
|
-
/**
|
|
116
|
-
* Minimap and zoom controls. On by default — a full-page map needs both —
|
|
117
|
-
* but a graph embedded at a few hundred pixels has nothing to navigate, and
|
|
118
|
-
* the overlays then cover a real share of the picture.
|
|
119
|
-
*/
|
|
120
|
-
minimap?: boolean;
|
|
121
|
-
controls?: boolean;
|
|
122
|
-
};
|
|
123
|
-
declare function applyViewport(v: CanvasViewport): Promise<void>;
|
|
124
|
-
declare var __VLS_29: {};
|
|
125
|
-
type __VLS_Slots = {} & {
|
|
126
|
-
'legend-extra'?: (props: typeof __VLS_29) => any;
|
|
127
|
-
};
|
|
128
|
-
declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {
|
|
129
|
-
fitView: import('@vue-flow/core').FitView;
|
|
130
|
-
setViewport: typeof applyViewport;
|
|
131
|
-
}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
|
|
132
|
-
connect: (value: Connection) => any;
|
|
133
|
-
"node-select": (id: string) => any;
|
|
134
|
-
"node-activate": (id: string) => any;
|
|
135
|
-
"node-contextmenu": (value: {
|
|
136
|
-
id: string;
|
|
137
|
-
x: number;
|
|
138
|
-
y: number;
|
|
139
|
-
}) => any;
|
|
140
|
-
"edge-contextmenu": (value: {
|
|
141
|
-
id: string;
|
|
142
|
-
x: number;
|
|
143
|
-
y: number;
|
|
144
|
-
}) => any;
|
|
145
|
-
"pane-click": () => any;
|
|
146
|
-
"selection-change": (ids: string[]) => any;
|
|
147
|
-
"update:nodes": (value: TopologyNode[]) => any;
|
|
148
|
-
"node-drag-stop": (value: {
|
|
149
|
-
id: string;
|
|
150
|
-
position: {
|
|
151
|
-
x: number;
|
|
152
|
-
y: number;
|
|
153
|
-
};
|
|
154
|
-
}) => any;
|
|
155
|
-
"viewport-change": (value: {
|
|
156
|
-
zoom: number;
|
|
157
|
-
x: number;
|
|
158
|
-
y: number;
|
|
159
|
-
}) => any;
|
|
160
|
-
}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
|
|
161
|
-
onConnect?: ((value: Connection) => any) | undefined;
|
|
162
|
-
"onNode-select"?: ((id: string) => any) | undefined;
|
|
163
|
-
"onNode-activate"?: ((id: string) => any) | undefined;
|
|
164
|
-
"onNode-contextmenu"?: ((value: {
|
|
165
|
-
id: string;
|
|
166
|
-
x: number;
|
|
167
|
-
y: number;
|
|
168
|
-
}) => any) | undefined;
|
|
169
|
-
"onEdge-contextmenu"?: ((value: {
|
|
170
|
-
id: string;
|
|
171
|
-
x: number;
|
|
172
|
-
y: number;
|
|
173
|
-
}) => any) | undefined;
|
|
174
|
-
"onPane-click"?: (() => any) | undefined;
|
|
175
|
-
"onSelection-change"?: ((ids: string[]) => any) | undefined;
|
|
176
|
-
"onUpdate:nodes"?: ((value: TopologyNode[]) => any) | undefined;
|
|
177
|
-
"onNode-drag-stop"?: ((value: {
|
|
178
|
-
id: string;
|
|
179
|
-
position: {
|
|
180
|
-
x: number;
|
|
181
|
-
y: number;
|
|
182
|
-
};
|
|
183
|
-
}) => any) | undefined;
|
|
184
|
-
"onViewport-change"?: ((value: {
|
|
185
|
-
zoom: number;
|
|
186
|
-
x: number;
|
|
187
|
-
y: number;
|
|
188
|
-
}) => any) | undefined;
|
|
189
|
-
}>, {
|
|
190
|
-
legend: boolean;
|
|
191
|
-
controls: boolean;
|
|
192
|
-
connectable: boolean;
|
|
193
|
-
selectable: boolean;
|
|
194
|
-
legendPosition: "top-left" | "top-right" | "bottom-left" | "bottom-right";
|
|
195
|
-
lanes: TopologyLane[];
|
|
196
|
-
minimap: boolean;
|
|
197
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
198
|
-
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
199
|
-
declare const _default: typeof __VLS_export;
|
|
200
|
-
export default _default;
|
|
201
|
-
type __VLS_WithSlots<T, S> = T & {
|
|
202
|
-
new (): {
|
|
203
|
-
$slots: S;
|
|
204
|
-
};
|
|
205
|
-
};
|
|
@@ -1,46 +0,0 @@
|
|
|
1
|
-
export type UptimeStatus = "operational" | "degraded" | "down" | "maintenance" | "empty";
|
|
2
|
-
export interface UptimeSegment {
|
|
3
|
-
/** Health of this slice. `empty` renders a faded placeholder (no data). */
|
|
4
|
-
status: UptimeStatus;
|
|
5
|
-
/** Optional rich tooltip body; falls back to a humanised status. */
|
|
6
|
-
label?: string;
|
|
7
|
-
}
|
|
8
|
-
declare const _default: typeof __VLS_export;
|
|
9
|
-
export default _default;
|
|
10
|
-
declare const __VLS_export: import('vue').DefineComponent<{
|
|
11
|
-
/** Oldest → newest. Each entry is one slice of the timeline. */
|
|
12
|
-
segments: UptimeSegment[];
|
|
13
|
-
/** Caption shown under the left edge (oldest point). */
|
|
14
|
-
startLabel?: string;
|
|
15
|
-
/** Caption shown under the right edge (newest point). */
|
|
16
|
-
endLabel?: string;
|
|
17
|
-
/** Show the computed uptime % above the bar. */
|
|
18
|
-
showUptime?: boolean;
|
|
19
|
-
/** Override the headline shown next to the uptime %. */
|
|
20
|
-
title?: string;
|
|
21
|
-
/**
|
|
22
|
-
* Per-status colours. Any CSS colour (hex, rgb, `var(--token)`). Unset
|
|
23
|
-
* statuses fall back to the theme tokens below. Pass e.g.
|
|
24
|
-
* `{ degraded: '#ffb84d' }` to recolour just one state.
|
|
25
|
-
*/
|
|
26
|
-
colors?: Partial<Record<UptimeStatus, string>>;
|
|
27
|
-
}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{
|
|
28
|
-
/** Oldest → newest. Each entry is one slice of the timeline. */
|
|
29
|
-
segments: UptimeSegment[];
|
|
30
|
-
/** Caption shown under the left edge (oldest point). */
|
|
31
|
-
startLabel?: string;
|
|
32
|
-
/** Caption shown under the right edge (newest point). */
|
|
33
|
-
endLabel?: string;
|
|
34
|
-
/** Show the computed uptime % above the bar. */
|
|
35
|
-
showUptime?: boolean;
|
|
36
|
-
/** Override the headline shown next to the uptime %. */
|
|
37
|
-
title?: string;
|
|
38
|
-
/**
|
|
39
|
-
* Per-status colours. Any CSS colour (hex, rgb, `var(--token)`). Unset
|
|
40
|
-
* statuses fall back to the theme tokens below. Pass e.g.
|
|
41
|
-
* `{ degraded: '#ffb84d' }` to recolour just one state.
|
|
42
|
-
*/
|
|
43
|
-
colors?: Partial<Record<UptimeStatus, string>>;
|
|
44
|
-
}> & Readonly<{}>, {
|
|
45
|
-
showUptime: boolean;
|
|
46
|
-
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { Position } from '@vue-flow/core';
|
|
2
|
-
type __VLS_Props = {
|
|
3
|
-
id: string;
|
|
4
|
-
sourceX: number;
|
|
5
|
-
sourceY: number;
|
|
6
|
-
targetX: number;
|
|
7
|
-
targetY: number;
|
|
8
|
-
sourcePosition?: Position;
|
|
9
|
-
targetPosition?: Position;
|
|
10
|
-
data?: {
|
|
11
|
-
waypoints?: {
|
|
12
|
-
x: number;
|
|
13
|
-
y: number;
|
|
14
|
-
}[];
|
|
15
|
-
};
|
|
16
|
-
markerEnd?: string;
|
|
17
|
-
style?: Record<string, unknown>;
|
|
18
|
-
};
|
|
19
|
-
declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
|
|
20
|
-
declare const _default: typeof __VLS_export;
|
|
21
|
-
export default _default;
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
export interface BarEntry {
|
|
2
|
-
id: number;
|
|
3
|
-
/** Measured height in px, reported by the bar once it is on screen. */
|
|
4
|
-
height: number;
|
|
5
|
-
}
|
|
6
|
-
/** Gap between stacked bars, matching the padding the bar sits in. */
|
|
7
|
-
export declare const STACK_GAP = 8;
|
|
8
|
-
/**
|
|
9
|
-
* Registers a bar for as long as the calling scope lives. `setHeight` reports
|
|
10
|
-
* the measured height; `offset()` returns how far up this bar should sit —
|
|
11
|
-
* the total height of every bar that opened before it.
|
|
12
|
-
*/
|
|
13
|
-
export declare function useBarStack(): {
|
|
14
|
-
register: () => void;
|
|
15
|
-
unregister: () => void;
|
|
16
|
-
setHeight: (height: number) => void;
|
|
17
|
-
offset: () => number;
|
|
18
|
-
bars: import('vue').Ref<BarEntry[] | undefined, BarEntry[] | undefined>;
|
|
19
|
-
};
|
|
@@ -1,107 +0,0 @@
|
|
|
1
|
-
export interface LatLon {
|
|
2
|
-
lat: number;
|
|
3
|
-
lon: number;
|
|
4
|
-
}
|
|
5
|
-
export interface AddressValue {
|
|
6
|
-
/** Street and house number, e.g. "Baker Street 221B". */
|
|
7
|
-
line: string;
|
|
8
|
-
/** Apartment, suite, floor — only shown when LpAddressInput asks for it. */
|
|
9
|
-
line2?: string;
|
|
10
|
-
city: string;
|
|
11
|
-
postalCode: string;
|
|
12
|
-
/** ISO 3166-1 alpha-2, uppercase — same shape LpPhoneInput uses. */
|
|
13
|
-
country: string;
|
|
14
|
-
/** Set once a point is picked on the map or a suggestion carries one. */
|
|
15
|
-
lat?: number;
|
|
16
|
-
lon?: number;
|
|
17
|
-
}
|
|
18
|
-
export declare function emptyAddress(): AddressValue;
|
|
19
|
-
export interface AddressSuggestion {
|
|
20
|
-
/** Text to put in the field that asked for it. */
|
|
21
|
-
value: string;
|
|
22
|
-
label: string;
|
|
23
|
-
/** Fuller context — the whole formatted address, shown under the label. */
|
|
24
|
-
description?: string;
|
|
25
|
-
/** Parsed parts, as much as the provider resolved. */
|
|
26
|
-
address: Partial<AddressValue>;
|
|
27
|
-
lat?: number;
|
|
28
|
-
lon?: number;
|
|
29
|
-
}
|
|
30
|
-
/** Which field is being completed — providers can bias results accordingly. */
|
|
31
|
-
export type AddressField = "line" | "city" | "postalCode";
|
|
32
|
-
export interface GeocodeQuery {
|
|
33
|
-
/** Restrict to a country (ISO2) when the form already has one. */
|
|
34
|
-
country?: string;
|
|
35
|
-
/** Preferred result language, as an Accept-Language value. */
|
|
36
|
-
language?: string;
|
|
37
|
-
limit?: number;
|
|
38
|
-
signal?: AbortSignal;
|
|
39
|
-
}
|
|
40
|
-
export interface GeocodeProvider {
|
|
41
|
-
search(term: string, field: AddressField, query?: GeocodeQuery): Promise<AddressSuggestion[]>;
|
|
42
|
-
/** Point → address. Undefined when the point resolves to nothing. */
|
|
43
|
-
reverse(lat: number, lon: number, query?: GeocodeQuery): Promise<AddressSuggestion | undefined>;
|
|
44
|
-
}
|
|
45
|
-
export interface NominatimOptions {
|
|
46
|
-
/** Base URL of a Nominatim instance, no trailing slash. */
|
|
47
|
-
endpoint?: string;
|
|
48
|
-
language?: string;
|
|
49
|
-
/**
|
|
50
|
-
* Public Nominatim asks for an identifying UA and rate-limits hard; browsers
|
|
51
|
-
* won't let us set User-Agent, so this rides along as `email` instead, which
|
|
52
|
-
* their usage policy accepts. Point `endpoint` at your own instance for
|
|
53
|
-
* anything busier than a settings form.
|
|
54
|
-
*/
|
|
55
|
-
email?: string;
|
|
56
|
-
}
|
|
57
|
-
export declare function createNominatimProvider(options?: NominatimOptions): GeocodeProvider;
|
|
58
|
-
/**
|
|
59
|
-
* Every user-facing string in LpAddressInput, so an app can translate it
|
|
60
|
-
* without the kit taking an i18n dependency. Pass a partial — anything absent
|
|
61
|
-
* keeps the English default.
|
|
62
|
-
*/
|
|
63
|
-
export interface AddressLabels {
|
|
64
|
-
line: string;
|
|
65
|
-
linePlaceholder: string;
|
|
66
|
-
secondLine: string;
|
|
67
|
-
secondLinePlaceholder: string;
|
|
68
|
-
city: string;
|
|
69
|
-
cityPlaceholder: string;
|
|
70
|
-
postalCode: string;
|
|
71
|
-
postalCodePlaceholder: string;
|
|
72
|
-
country: string;
|
|
73
|
-
countryPlaceholder: string;
|
|
74
|
-
countrySearch: string;
|
|
75
|
-
pickOnMap: string;
|
|
76
|
-
mapTitle: string;
|
|
77
|
-
mapHint: string;
|
|
78
|
-
use: string;
|
|
79
|
-
cancel: string;
|
|
80
|
-
searching: string;
|
|
81
|
-
noSuggestions: string;
|
|
82
|
-
nothingHere: string;
|
|
83
|
-
}
|
|
84
|
-
/** Formats an address the way a shipping label would read. */
|
|
85
|
-
export declare function formatAddress(value: AddressValue, countryName?: string): string;
|
|
86
|
-
export interface TileSource {
|
|
87
|
-
/** Template with {z}/{x}/{y}, plus optional {s} for a subdomain. */
|
|
88
|
-
url: string;
|
|
89
|
-
/** Rendered under the map — most tile terms require crediting the source. */
|
|
90
|
-
attribution?: string;
|
|
91
|
-
subdomains?: string[];
|
|
92
|
-
minZoom?: number;
|
|
93
|
-
maxZoom?: number;
|
|
94
|
-
/** Edge length of one tile in CSS pixels. Default 256. */
|
|
95
|
-
tileSize?: number;
|
|
96
|
-
}
|
|
97
|
-
export declare const OSM_TILES: TileSource;
|
|
98
|
-
export declare function tileUrl(source: TileSource, z: number, x: number, y: number): string;
|
|
99
|
-
export declare const MAX_LATITUDE = 85.05112878;
|
|
100
|
-
export declare function project(lat: number, lon: number, zoom: number, tileSize?: number): {
|
|
101
|
-
x: number;
|
|
102
|
-
y: number;
|
|
103
|
-
};
|
|
104
|
-
export declare function unproject(x: number, y: number, zoom: number, tileSize?: number): {
|
|
105
|
-
lat: number;
|
|
106
|
-
lon: number;
|
|
107
|
-
};
|