@leavepulse/ui 0.45.1 → 0.47.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/HighlightText-BwC5xbqn.css +6 -0
- package/dist/assets/{LpCommandPalette-HzAA4gri.css → LpCommandPalette-DmQUsJqA.css} +21 -21
- package/dist/assets/{LpDropzone-i4BdMi1H.css → LpDropzone-Ev6X03zj.css} +12 -12
- package/dist/assets/LpKeys-BxRhfQda.css +36 -0
- package/dist/assets/LpPaletteFacts-B9FdVmIO.css +93 -0
- package/dist/assets/LpPaletteHeader-BVOu1UX5.css +70 -0
- package/dist/assets/LpPalettePreview-CJmAKgYW.css +43 -0
- package/dist/assets/LpPaletteStats-ClE-37MK.css +33 -0
- package/dist/assets/LpPaletteSwatches-CA0B8y2E.css +21 -0
- package/dist/assets/{LpShortcutsDialog-CqYX3yy6.css → LpShortcutsDialog-BUp_BX4s.css} +7 -28
- package/dist/assets/{LpTable-CPwWxTJS.css → LpTable-xWwI4KPZ.css} +17 -17
- package/dist/chunks/HighlightText-BvnYZkhi.js +27 -0
- package/dist/chunks/{LpAddressInput-CJOYGZlI.js → LpAddressInput-iOJhmRzy.js} +1 -1
- package/dist/chunks/{LpAppShell-B07Lf48e.js → LpAppShell-BmMYcEVx.js} +2 -2
- package/dist/chunks/{LpAvatar-C1XStdOo.js → LpAvatar-Cb1jtOVv.js} +22 -4
- package/dist/chunks/{LpCard-C2IvucmX.js → LpCard-BdxkMXjo.js} +1 -1
- package/dist/chunks/{LpColorPicker-zz4VGkG4.js → LpColorPicker-BLqPX5Vw.js} +1 -1
- package/dist/chunks/{LpConfirmDialog-BTVAR4tF.js → LpConfirmDialog-Ca-CTlxT.js} +1 -1
- package/dist/chunks/{LpConfirmHost-Ci_uCHgQ.js → LpConfirmHost-BAaSaT2b.js} +1 -1
- package/dist/chunks/{LpContextMenu-BqkAYa9X.js → LpContextMenu-1cKew_Dc.js} +17 -4
- package/dist/chunks/{LpDrawer-CfRhHwmE.js → LpDrawer-CBFVD624.js} +1 -1
- package/dist/chunks/{LpDropdownMenu-DdJGQzPn.js → LpDropdownMenu-DrpJJBp0.js} +22 -8
- package/dist/chunks/{LpFileTree-CNurOvkV.js → LpFileTree-bk5VjBey.js} +2 -2
- package/dist/chunks/{LpFileTreeNode-D_qRRdsH.js → LpFileTreeNode-BvMSBM7X.js} +1 -1
- package/dist/chunks/{LpLightbox-DSDahF23.js → LpLightbox-EVXzAq62.js} +3 -3
- package/dist/chunks/{LpLogViewer-KypbgOyo.js → LpLogViewer-BDFXzvcl.js} +2 -2
- package/dist/chunks/{LpMediaGallery-YKr-cQPN.js → LpMediaGallery-BnlkN_1f.js} +1 -1
- package/dist/chunks/{LpModal-BzTVeNqe.js → LpModal-JNa3B_Lr.js} +12 -5
- package/dist/chunks/{LpModalNav-CjABSGCu.js → LpModalNav-BAxC9et7.js} +10 -3
- package/dist/chunks/{LpNotificationBell-CCwyJP5C.js → LpNotificationBell-DsqSyMwS.js} +2 -2
- package/dist/chunks/LpPalettePreview-CFav_7co.js +19 -0
- package/dist/chunks/{LpPie-BEJ2SfI6.js → LpPie-BdSnta11.js} +1 -1
- package/dist/chunks/{LpScrollArea-Bry1fdOM.js → LpScrollArea-Hz3-JWUG.js} +23 -5
- package/dist/chunks/{LpSidebar-Bwws_X29.js → LpSidebar-DpEiGi8L.js} +2 -2
- package/dist/chunks/{LpSidebarNav-kx-LdqNU.js → LpSidebarNav-BUuxipX-.js} +2 -2
- package/dist/chunks/{LpThemeSwitcher-B4aVPbNC.js → LpThemeSwitcher-BbYFFT5w.js} +1 -1
- package/dist/chunks/MenuTitle-J3ZDYjpV.js +56 -0
- package/dist/component-names.d.ts +1 -1
- package/dist/components/HighlightText.vue.d.ts +7 -0
- package/dist/components/HighlightText.vue.js +4 -0
- package/dist/components/LpAddressInput.vue.js +1 -1
- package/dist/components/LpAppShell.vue.js +1 -1
- package/dist/components/LpAvatar.vue.d.ts +12 -0
- package/dist/components/LpAvatar.vue.js +1 -1
- package/dist/components/LpCard.vue.js +1 -1
- package/dist/components/LpChart.vue.js +1 -1
- package/dist/components/LpColorPicker.vue.js +1 -1
- package/dist/components/LpCommandPalette.vue.d.ts +152 -15
- package/dist/components/LpCommandPalette.vue.js +181 -92
- package/dist/components/LpConfirmDialog.vue.js +1 -1
- package/dist/components/LpConfirmHost.vue.js +1 -1
- package/dist/components/LpContextMenu.vue.d.ts +11 -0
- package/dist/components/LpContextMenu.vue.js +1 -1
- package/dist/components/LpDrawer.vue.js +1 -1
- package/dist/components/LpDropdownMenu.vue.d.ts +6 -0
- package/dist/components/LpDropdownMenu.vue.js +1 -1
- package/dist/components/LpDropzone.vue.d.ts +14 -0
- package/dist/components/LpDropzone.vue.js +9 -7
- package/dist/components/LpFileTree.vue.js +1 -1
- package/dist/components/LpFileTreeNode.vue.js +1 -1
- package/dist/components/LpKeys.vue.d.ts +22 -0
- package/dist/components/LpKeys.vue.js +52 -0
- package/dist/components/LpLightbox.vue.js +1 -1
- package/dist/components/LpLogViewer.vue.js +1 -1
- package/dist/components/LpMediaGallery.vue.js +1 -1
- package/dist/components/LpModal.vue.d.ts +7 -5
- package/dist/components/LpModal.vue.js +1 -1
- package/dist/components/LpModalNav.vue.d.ts +5 -3
- package/dist/components/LpModalNav.vue.js +1 -1
- package/dist/components/LpNotificationBell.vue.js +1 -1
- package/dist/components/LpPaletteFacts.vue.d.ts +25 -0
- package/dist/components/LpPaletteFacts.vue.js +85 -0
- package/dist/components/LpPaletteHeader.vue.d.ts +32 -0
- package/dist/components/LpPaletteHeader.vue.js +103 -0
- package/dist/components/LpPalettePreview.vue.d.ts +19 -0
- package/dist/components/LpPalettePreview.vue.js +4 -0
- package/dist/components/LpPaletteStats.vue.d.ts +11 -0
- package/dist/components/LpPaletteStats.vue.js +47 -0
- package/dist/components/LpPaletteSwatches.vue.d.ts +10 -0
- package/dist/components/LpPaletteSwatches.vue.js +34 -0
- package/dist/components/LpPie.vue.js +1 -1
- package/dist/components/LpScrollArea.vue.d.ts +2 -2
- package/dist/components/LpScrollArea.vue.js +1 -1
- package/dist/components/LpShortcutsDialog.vue.js +9 -29
- package/dist/components/LpSidebar.vue.js +1 -1
- package/dist/components/LpSidebarNav.vue.js +1 -1
- package/dist/components/LpTable.vue.js +8 -6
- package/dist/components/LpThemeSwitcher.vue.js +1 -1
- package/dist/components/MenuTitle.vue.d.ts +9 -0
- package/dist/components/MenuTitle.vue.js +4 -0
- package/dist/components/commandPalette.d.ts +157 -0
- package/dist/components/commandPalette.js +103 -0
- package/dist/components/commandSearch.d.ts +32 -0
- package/dist/components/commandSearch.js +48 -0
- package/dist/components/keys.d.ts +2 -0
- package/dist/components/keys.js +11 -0
- package/dist/composables/useClipboard.js +35 -2
- package/dist/index.d.ts +12 -3
- package/dist/index.js +161 -138
- package/package.json +1 -1
- package/src/component-names.ts +6 -0
- package/src/components/HighlightText.vue +28 -0
- package/src/components/LpAvatar.vue +21 -2
- package/src/components/LpCommandPalette.vue +392 -86
- package/src/components/LpContextMenu.vue +19 -1
- package/src/components/LpDropdownMenu.vue +14 -2
- package/src/components/LpDropzone.vue +13 -5
- package/src/components/LpKeys.vue +79 -0
- package/src/components/LpLightbox.vue +4 -1
- package/src/components/LpModal.vue +7 -1
- package/src/components/LpModalNav.vue +4 -0
- package/src/components/LpPaletteFacts.vue +165 -0
- package/src/components/LpPaletteHeader.vue +155 -0
- package/src/components/LpPalettePreview.vue +77 -0
- package/src/components/LpPaletteStats.vue +81 -0
- package/src/components/LpPaletteSwatches.vue +56 -0
- package/src/components/LpScrollArea.vue +30 -2
- package/src/components/LpShortcutsDialog.vue +2 -45
- package/src/components/LpTable.vue +7 -2
- package/src/components/MenuTitle.vue +34 -0
- package/src/components/commandPalette.ts +264 -0
- package/src/components/commandSearch.ts +79 -0
- package/src/components/keys.ts +13 -0
- package/src/composables/useClipboard.ts +49 -7
- package/src/index.ts +12 -3
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { defineComponent, ref, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, withModifiers, createElementVNode, renderSlot, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
|
|
1
|
+
import { defineComponent, ref, computed, onMounted, watch, onBeforeUnmount, openBlock, createElementBlock, mergeProps, unref, withModifiers, createElementVNode, renderSlot, createVNode, normalizeClass, toDisplayString, createCommentVNode } from "vue";
|
|
2
2
|
import { useMergedAttrs } from "../composables/useMergedClass.js";
|
|
3
3
|
import { useReveal } from "../composables/useReveal.js";
|
|
4
4
|
import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
|
|
5
5
|
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
|
|
6
|
-
import '../assets/LpDropzone-
|
|
6
|
+
import '../assets/LpDropzone-Ev6X03zj.css';const _hoisted_1 = ["disabled"];
|
|
7
7
|
const _hoisted_2 = {
|
|
8
8
|
key: 0,
|
|
9
9
|
class: "text-sm font-medium text-ink"
|
|
@@ -21,6 +21,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
21
21
|
accept: { default: "" },
|
|
22
22
|
multiple: { type: Boolean, default: false },
|
|
23
23
|
disabled: { type: Boolean },
|
|
24
|
+
dragOver: { type: Boolean },
|
|
24
25
|
pasteTarget: { type: Boolean },
|
|
25
26
|
maxBytes: {},
|
|
26
27
|
icon: { default: "lucide:upload" },
|
|
@@ -40,16 +41,17 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
40
41
|
const { el: revealAnchor, revealed } = useReveal({ immediate: () => !props.animate });
|
|
41
42
|
const emit = __emit;
|
|
42
43
|
const input = ref(null);
|
|
43
|
-
const
|
|
44
|
+
const pointerOver = ref(false);
|
|
45
|
+
const over = computed(() => pointerOver.value || props.dragOver && !props.disabled);
|
|
44
46
|
function onDragOver(event) {
|
|
45
47
|
if (props.disabled) return;
|
|
46
|
-
|
|
48
|
+
pointerOver.value = true;
|
|
47
49
|
if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
|
|
48
50
|
}
|
|
49
51
|
function onDragLeave(event) {
|
|
50
52
|
const to = event.relatedTarget;
|
|
51
53
|
if (to && event.currentTarget.contains(to)) return;
|
|
52
|
-
|
|
54
|
+
pointerOver.value = false;
|
|
53
55
|
}
|
|
54
56
|
function matches(file) {
|
|
55
57
|
if (!props.accept) return true;
|
|
@@ -77,7 +79,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
77
79
|
if (bounded.length) emit("files", bounded);
|
|
78
80
|
}
|
|
79
81
|
function onDrop(event) {
|
|
80
|
-
|
|
82
|
+
pointerOver.value = false;
|
|
81
83
|
take(event.dataTransfer?.files);
|
|
82
84
|
}
|
|
83
85
|
function onPaste(event) {
|
|
@@ -179,7 +181,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
179
181
|
};
|
|
180
182
|
}
|
|
181
183
|
});
|
|
182
|
-
const LpDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-
|
|
184
|
+
const LpDropzone = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8f39f653"]]);
|
|
183
185
|
export {
|
|
184
186
|
LpDropzone as default
|
|
185
187
|
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
/** "Ctrl+K", "Ctrl++", or a sequence "G I". Or keys already split. */
|
|
3
|
+
combo: string | string[];
|
|
4
|
+
/** Text after the caps, e.g. what the keys do. */
|
|
5
|
+
label?: string;
|
|
6
|
+
size?: "sm" | "md";
|
|
7
|
+
};
|
|
8
|
+
declare var __VLS_1: {};
|
|
9
|
+
type __VLS_Slots = {} & {
|
|
10
|
+
default?: (props: typeof __VLS_1) => any;
|
|
11
|
+
};
|
|
12
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
13
|
+
size: "sm" | "md";
|
|
14
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
15
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
16
|
+
declare const _default: typeof __VLS_export;
|
|
17
|
+
export default _default;
|
|
18
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
19
|
+
new (): {
|
|
20
|
+
$slots: S;
|
|
21
|
+
};
|
|
22
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, Fragment, renderList, toDisplayString, unref, createCommentVNode, renderSlot, createTextVNode } from "vue";
|
|
2
|
+
import { useAppleKeyboard, appleModifierLabel } from "../composables/useHotkeys.js";
|
|
3
|
+
import { useLabels } from "../composables/useLpConfig.js";
|
|
4
|
+
import { comboSteps } from "./keys.js";
|
|
5
|
+
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
|
|
6
|
+
import '../assets/LpKeys-BxRhfQda.css';const _hoisted_1 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "lp-keys__then"
|
|
9
|
+
};
|
|
10
|
+
const _hoisted_2 = {
|
|
11
|
+
key: 0,
|
|
12
|
+
class: "lp-keys__label"
|
|
13
|
+
};
|
|
14
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
15
|
+
__name: "LpKeys",
|
|
16
|
+
props: {
|
|
17
|
+
combo: {},
|
|
18
|
+
label: {},
|
|
19
|
+
size: { default: "md" }
|
|
20
|
+
},
|
|
21
|
+
setup(__props) {
|
|
22
|
+
const props = __props;
|
|
23
|
+
const text = useLabels("shortcuts", { then: "then" });
|
|
24
|
+
const apple = useAppleKeyboard();
|
|
25
|
+
const steps = computed(() => Array.isArray(props.combo) ? [props.combo] : comboSteps(props.combo));
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return openBlock(), createElementBlock("span", {
|
|
28
|
+
class: normalizeClass(["lp-keys", `lp-keys--${__props.size}`])
|
|
29
|
+
}, [
|
|
30
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(steps.value, (step, stepIndex) => {
|
|
31
|
+
return openBlock(), createElementBlock(Fragment, { key: stepIndex }, [
|
|
32
|
+
stepIndex ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(unref(text).then), 1)) : createCommentVNode("", true),
|
|
33
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(step, (key, index) => {
|
|
34
|
+
return openBlock(), createElementBlock("kbd", {
|
|
35
|
+
key: `${key}-${index}`
|
|
36
|
+
}, toDisplayString(unref(appleModifierLabel)(key.trim(), unref(apple))), 1);
|
|
37
|
+
}), 128))
|
|
38
|
+
], 64);
|
|
39
|
+
}), 128)),
|
|
40
|
+
__props.label || _ctx.$slots.default ? (openBlock(), createElementBlock("span", _hoisted_2, [
|
|
41
|
+
renderSlot(_ctx.$slots, "default", {}, () => [
|
|
42
|
+
createTextVNode(toDisplayString(__props.label), 1)
|
|
43
|
+
], true)
|
|
44
|
+
])) : createCommentVNode("", true)
|
|
45
|
+
], 2);
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
const LpKeys = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5c6ae8ec"]]);
|
|
50
|
+
export {
|
|
51
|
+
LpKeys as default
|
|
52
|
+
};
|
|
@@ -43,19 +43,21 @@ type __VLS_Props = {
|
|
|
43
43
|
close: string;
|
|
44
44
|
}>;
|
|
45
45
|
};
|
|
46
|
-
declare var __VLS_31: {}, __VLS_45: {},
|
|
46
|
+
declare var __VLS_31: {}, __VLS_45: {}, __VLS_53: {}, __VLS_66: {}, __VLS_74: {}, __VLS_76: {}, __VLS_78: {};
|
|
47
47
|
type __VLS_Slots = {} & {
|
|
48
48
|
aside?: (props: typeof __VLS_31) => any;
|
|
49
49
|
} & {
|
|
50
50
|
title?: (props: typeof __VLS_45) => any;
|
|
51
51
|
} & {
|
|
52
|
-
|
|
52
|
+
actions?: (props: typeof __VLS_53) => any;
|
|
53
53
|
} & {
|
|
54
|
-
default?: (props: typeof
|
|
54
|
+
default?: (props: typeof __VLS_66) => any;
|
|
55
55
|
} & {
|
|
56
|
-
|
|
56
|
+
default?: (props: typeof __VLS_74) => any;
|
|
57
57
|
} & {
|
|
58
|
-
|
|
58
|
+
footer?: (props: typeof __VLS_76) => any;
|
|
59
|
+
} & {
|
|
60
|
+
asideEnd?: (props: typeof __VLS_78) => any;
|
|
59
61
|
};
|
|
60
62
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
61
63
|
"update:open": (value: boolean) => any;
|
|
@@ -34,13 +34,15 @@ type __VLS_Props = {
|
|
|
34
34
|
/** Frosted glass panel, passed to LpModal. Follows `provideGlass` when unset. */
|
|
35
35
|
glass?: boolean;
|
|
36
36
|
};
|
|
37
|
-
declare var __VLS_36: {},
|
|
37
|
+
declare var __VLS_36: {}, __VLS_39: {}, __VLS_41: {}, __VLS_44: {};
|
|
38
38
|
type __VLS_Slots = {} & {
|
|
39
39
|
title?: (props: typeof __VLS_36) => any;
|
|
40
40
|
} & {
|
|
41
|
-
|
|
41
|
+
actions?: (props: typeof __VLS_39) => any;
|
|
42
42
|
} & {
|
|
43
|
-
|
|
43
|
+
default?: (props: typeof __VLS_41) => any;
|
|
44
|
+
} & {
|
|
45
|
+
footer?: (props: typeof __VLS_44) => any;
|
|
44
46
|
};
|
|
45
47
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
|
|
46
48
|
"update:modelValue": (value: string) => any;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import type { PaletteFact } from "./commandPalette";
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
items: PaletteFact[];
|
|
4
|
+
/** Small heading over the list. */
|
|
5
|
+
title?: string;
|
|
6
|
+
/** Plain rows instead of soft tiles, for a list read as text. */
|
|
7
|
+
plain?: boolean;
|
|
8
|
+
};
|
|
9
|
+
type __VLS_Slots = {
|
|
10
|
+
value?: (props: {
|
|
11
|
+
item: PaletteFact;
|
|
12
|
+
index: number;
|
|
13
|
+
}) => unknown;
|
|
14
|
+
};
|
|
15
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
16
|
+
plain: boolean;
|
|
17
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
18
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
19
|
+
declare const _default: typeof __VLS_export;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
22
|
+
new (): {
|
|
23
|
+
$slots: S;
|
|
24
|
+
};
|
|
25
|
+
};
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeClass, toDisplayString, createCommentVNode, createElementVNode, Fragment, renderList, normalizeStyle, createBlock, createVNode, renderSlot } from "vue";
|
|
2
|
+
import { _ as _sfc_main$2 } from "../chunks/HighlightText-BvnYZkhi.js";
|
|
3
|
+
import { _ as _sfc_main$1 } from "../chunks/LpIcon-DYtaid0K.js";
|
|
4
|
+
import { _ as _sfc_main$3 } from "../chunks/LpRollingText-DB7upf-5.js";
|
|
5
|
+
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
|
|
6
|
+
import '../assets/LpPaletteFacts-B9FdVmIO.css';const _hoisted_1 = {
|
|
7
|
+
key: 0,
|
|
8
|
+
class: "lp-palette-facts__title"
|
|
9
|
+
};
|
|
10
|
+
const _hoisted_2 = { class: "lp-palette-facts__list" };
|
|
11
|
+
const _hoisted_3 = ["aria-current"];
|
|
12
|
+
const _hoisted_4 = { class: "lp-palette-facts__label" };
|
|
13
|
+
const _hoisted_5 = { class: "lp-palette-facts__name" };
|
|
14
|
+
const _hoisted_6 = {
|
|
15
|
+
key: 0,
|
|
16
|
+
class: "lp-palette-facts__hint"
|
|
17
|
+
};
|
|
18
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
19
|
+
__name: "LpPaletteFacts",
|
|
20
|
+
props: {
|
|
21
|
+
items: {},
|
|
22
|
+
title: {},
|
|
23
|
+
plain: { type: Boolean, default: false }
|
|
24
|
+
},
|
|
25
|
+
setup(__props) {
|
|
26
|
+
return (_ctx, _cache) => {
|
|
27
|
+
return openBlock(), createElementBlock("section", {
|
|
28
|
+
class: normalizeClass(["lp-palette-facts", { "lp-palette-facts--plain": __props.plain }])
|
|
29
|
+
}, [
|
|
30
|
+
__props.title ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.title), 1)) : createCommentVNode("", true),
|
|
31
|
+
createElementVNode("ul", _hoisted_2, [
|
|
32
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
|
|
33
|
+
return openBlock(), createElementBlock("li", {
|
|
34
|
+
key: index,
|
|
35
|
+
class: normalizeClass(["lp-palette-facts__row", { "is-current": item.current }]),
|
|
36
|
+
"aria-current": item.current || void 0
|
|
37
|
+
}, [
|
|
38
|
+
item.color ? (openBlock(), createElementBlock("span", {
|
|
39
|
+
key: 0,
|
|
40
|
+
class: "lp-palette-facts__dot",
|
|
41
|
+
style: normalizeStyle({ background: item.color })
|
|
42
|
+
}, null, 4)) : item.icon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
43
|
+
key: 1,
|
|
44
|
+
name: item.icon,
|
|
45
|
+
size: 15,
|
|
46
|
+
class: "lp-palette-facts__icon"
|
|
47
|
+
}, null, 8, ["name"])) : createCommentVNode("", true),
|
|
48
|
+
createElementVNode("span", _hoisted_4, [
|
|
49
|
+
createElementVNode("span", _hoisted_5, [
|
|
50
|
+
createVNode(_sfc_main$2, {
|
|
51
|
+
text: item.label
|
|
52
|
+
}, null, 8, ["text"])
|
|
53
|
+
]),
|
|
54
|
+
item.hint?.length ? (openBlock(), createElementBlock("span", _hoisted_6, [
|
|
55
|
+
createVNode(_sfc_main$2, {
|
|
56
|
+
text: item.hint
|
|
57
|
+
}, null, 8, ["text"])
|
|
58
|
+
])) : createCommentVNode("", true)
|
|
59
|
+
]),
|
|
60
|
+
item.value !== void 0 && item.value !== "" || _ctx.$slots.value ? (openBlock(), createElementBlock("span", {
|
|
61
|
+
key: 2,
|
|
62
|
+
class: normalizeClass(["lp-palette-facts__value", { "lp-palette-facts__value--mono": item.mono }])
|
|
63
|
+
}, [
|
|
64
|
+
renderSlot(_ctx.$slots, "value", {
|
|
65
|
+
item,
|
|
66
|
+
index
|
|
67
|
+
}, () => [
|
|
68
|
+
item.value !== void 0 ? (openBlock(), createBlock(_sfc_main$3, {
|
|
69
|
+
key: 0,
|
|
70
|
+
value: item.value,
|
|
71
|
+
align: "end"
|
|
72
|
+
}, null, 8, ["value"])) : createCommentVNode("", true)
|
|
73
|
+
], true)
|
|
74
|
+
], 2)) : createCommentVNode("", true)
|
|
75
|
+
], 10, _hoisted_3);
|
|
76
|
+
}), 128))
|
|
77
|
+
])
|
|
78
|
+
], 2);
|
|
79
|
+
};
|
|
80
|
+
}
|
|
81
|
+
});
|
|
82
|
+
const LpPaletteFacts = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f1ab3788"]]);
|
|
83
|
+
export {
|
|
84
|
+
LpPaletteFacts as default
|
|
85
|
+
};
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import type { HighlightPart } from "./commandSearch";
|
|
2
|
+
import type { CommandImage } from "./LpCommandPalette.vue";
|
|
3
|
+
type __VLS_Props = {
|
|
4
|
+
eyebrow?: string;
|
|
5
|
+
/** Text, or the preview slot's `highlight(text)` to mark the query. */
|
|
6
|
+
title?: string | HighlightPart[];
|
|
7
|
+
subtitle?: string | HighlightPart[];
|
|
8
|
+
lead?: string | HighlightPart[];
|
|
9
|
+
/** Icon beside the title, on a soft tile. */
|
|
10
|
+
icon?: string;
|
|
11
|
+
/** Picture beside the title; wins over `icon`, which becomes its fallback. */
|
|
12
|
+
image?: string | CommandImage | null;
|
|
13
|
+
};
|
|
14
|
+
declare var __VLS_1: {}, __VLS_13: {}, __VLS_25: {}, __VLS_27: {};
|
|
15
|
+
type __VLS_Slots = {} & {
|
|
16
|
+
media?: (props: typeof __VLS_1) => any;
|
|
17
|
+
} & {
|
|
18
|
+
title?: (props: typeof __VLS_13) => any;
|
|
19
|
+
} & {
|
|
20
|
+
default?: (props: typeof __VLS_25) => any;
|
|
21
|
+
} & {
|
|
22
|
+
lead?: (props: typeof __VLS_27) => any;
|
|
23
|
+
};
|
|
24
|
+
declare const __VLS_base: 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>;
|
|
25
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
26
|
+
declare const _default: typeof __VLS_export;
|
|
27
|
+
export default _default;
|
|
28
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
29
|
+
new (): {
|
|
30
|
+
$slots: S;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
@@ -0,0 +1,103 @@
|
|
|
1
|
+
import { defineComponent, computed, openBlock, createElementBlock, createElementVNode, renderSlot, createBlock, createVNode, createCommentVNode, toDisplayString } from "vue";
|
|
2
|
+
import { _ as _sfc_main$1 } from "../chunks/LpAvatar-Cb1jtOVv.js";
|
|
3
|
+
import { _ as _sfc_main$2 } from "../chunks/LpIcon-DYtaid0K.js";
|
|
4
|
+
import { _ as _sfc_main$3 } from "../chunks/HighlightText-BvnYZkhi.js";
|
|
5
|
+
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
|
|
6
|
+
import '../assets/LpPaletteHeader-BVOu1UX5.css';const _hoisted_1 = { class: "lp-palette-header" };
|
|
7
|
+
const _hoisted_2 = { class: "lp-palette-header__row" };
|
|
8
|
+
const _hoisted_3 = {
|
|
9
|
+
key: 1,
|
|
10
|
+
class: "lp-palette-header__tile"
|
|
11
|
+
};
|
|
12
|
+
const _hoisted_4 = { class: "lp-palette-header__text" };
|
|
13
|
+
const _hoisted_5 = {
|
|
14
|
+
key: 0,
|
|
15
|
+
class: "lp-palette-header__eyebrow"
|
|
16
|
+
};
|
|
17
|
+
const _hoisted_6 = {
|
|
18
|
+
key: 1,
|
|
19
|
+
class: "lp-palette-header__title"
|
|
20
|
+
};
|
|
21
|
+
const _hoisted_7 = {
|
|
22
|
+
key: 2,
|
|
23
|
+
class: "lp-palette-header__subtitle"
|
|
24
|
+
};
|
|
25
|
+
const _hoisted_8 = {
|
|
26
|
+
key: 0,
|
|
27
|
+
class: "lp-palette-header__extra"
|
|
28
|
+
};
|
|
29
|
+
const _hoisted_9 = {
|
|
30
|
+
key: 1,
|
|
31
|
+
class: "lp-palette-header__lead"
|
|
32
|
+
};
|
|
33
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
34
|
+
__name: "LpPaletteHeader",
|
|
35
|
+
props: {
|
|
36
|
+
eyebrow: {},
|
|
37
|
+
title: {},
|
|
38
|
+
subtitle: {},
|
|
39
|
+
lead: {},
|
|
40
|
+
icon: {},
|
|
41
|
+
image: {}
|
|
42
|
+
},
|
|
43
|
+
setup(__props) {
|
|
44
|
+
const props = __props;
|
|
45
|
+
const picture = computed(() => {
|
|
46
|
+
if (!props.image) return null;
|
|
47
|
+
const image = typeof props.image === "string" ? { src: props.image } : props.image;
|
|
48
|
+
return { ...image, icon: image.icon ?? props.icon };
|
|
49
|
+
});
|
|
50
|
+
return (_ctx, _cache) => {
|
|
51
|
+
return openBlock(), createElementBlock("header", _hoisted_1, [
|
|
52
|
+
createElementVNode("div", _hoisted_2, [
|
|
53
|
+
renderSlot(_ctx.$slots, "media", {}, () => [
|
|
54
|
+
picture.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
55
|
+
key: 0,
|
|
56
|
+
src: picture.value.src ?? void 0,
|
|
57
|
+
alt: picture.value.alt ?? "",
|
|
58
|
+
fallback: picture.value.fallback,
|
|
59
|
+
icon: picture.value.icon,
|
|
60
|
+
shape: picture.value.shape ?? "soft",
|
|
61
|
+
"pixel-size": 44,
|
|
62
|
+
class: "lp-palette-header__media"
|
|
63
|
+
}, null, 8, ["src", "alt", "fallback", "icon", "shape"])) : __props.icon ? (openBlock(), createElementBlock("span", _hoisted_3, [
|
|
64
|
+
createVNode(_sfc_main$2, {
|
|
65
|
+
name: __props.icon,
|
|
66
|
+
size: 18
|
|
67
|
+
}, null, 8, ["name"])
|
|
68
|
+
])) : createCommentVNode("", true)
|
|
69
|
+
], true),
|
|
70
|
+
createElementVNode("div", _hoisted_4, [
|
|
71
|
+
__props.eyebrow ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(__props.eyebrow), 1)) : createCommentVNode("", true),
|
|
72
|
+
__props.title?.length || _ctx.$slots.title ? (openBlock(), createElementBlock("h3", _hoisted_6, [
|
|
73
|
+
renderSlot(_ctx.$slots, "title", {}, () => [
|
|
74
|
+
__props.title ? (openBlock(), createBlock(_sfc_main$3, {
|
|
75
|
+
key: 0,
|
|
76
|
+
text: __props.title
|
|
77
|
+
}, null, 8, ["text"])) : createCommentVNode("", true)
|
|
78
|
+
], true)
|
|
79
|
+
])) : createCommentVNode("", true),
|
|
80
|
+
__props.subtitle?.length ? (openBlock(), createElementBlock("p", _hoisted_7, [
|
|
81
|
+
createVNode(_sfc_main$3, { text: __props.subtitle }, null, 8, ["text"])
|
|
82
|
+
])) : createCommentVNode("", true)
|
|
83
|
+
])
|
|
84
|
+
]),
|
|
85
|
+
_ctx.$slots.default ? (openBlock(), createElementBlock("div", _hoisted_8, [
|
|
86
|
+
renderSlot(_ctx.$slots, "default", {}, void 0, true)
|
|
87
|
+
])) : createCommentVNode("", true),
|
|
88
|
+
__props.lead?.length || _ctx.$slots.lead ? (openBlock(), createElementBlock("p", _hoisted_9, [
|
|
89
|
+
renderSlot(_ctx.$slots, "lead", {}, () => [
|
|
90
|
+
__props.lead ? (openBlock(), createBlock(_sfc_main$3, {
|
|
91
|
+
key: 0,
|
|
92
|
+
text: __props.lead
|
|
93
|
+
}, null, 8, ["text"])) : createCommentVNode("", true)
|
|
94
|
+
], true)
|
|
95
|
+
])) : createCommentVNode("", true)
|
|
96
|
+
]);
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
});
|
|
100
|
+
const LpPaletteHeader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-68065cf8"]]);
|
|
101
|
+
export {
|
|
102
|
+
LpPaletteHeader as default
|
|
103
|
+
};
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
/** Space between blocks. */
|
|
3
|
+
gap?: "sm" | "md" | "lg";
|
|
4
|
+
};
|
|
5
|
+
declare var __VLS_1: {};
|
|
6
|
+
type __VLS_Slots = {} & {
|
|
7
|
+
default?: (props: typeof __VLS_1) => any;
|
|
8
|
+
};
|
|
9
|
+
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
10
|
+
gap: "sm" | "md" | "lg";
|
|
11
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
12
|
+
declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
|
|
13
|
+
declare const _default: typeof __VLS_export;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_WithSlots<T, S> = T & {
|
|
16
|
+
new (): {
|
|
17
|
+
$slots: S;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { PaletteStat } from "./commandPalette";
|
|
2
|
+
type __VLS_Props = {
|
|
3
|
+
items: PaletteStat[];
|
|
4
|
+
/** Tiles per row. */
|
|
5
|
+
columns?: 2 | 3 | 4;
|
|
6
|
+
};
|
|
7
|
+
declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
|
|
8
|
+
columns: 2 | 3 | 4;
|
|
9
|
+
}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
|
|
10
|
+
declare const _default: typeof __VLS_export;
|
|
11
|
+
export default _default;
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createElementVNode, toDisplayString, createBlock } from "vue";
|
|
2
|
+
import { _ as _sfc_main$1 } from "../chunks/LpNumberFlow-z4WPZcZu.js";
|
|
3
|
+
import { _ as _sfc_main$2 } from "../chunks/LpRollingText-DB7upf-5.js";
|
|
4
|
+
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
|
|
5
|
+
import '../assets/LpPaletteStats-ClE-37MK.css';const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "LpPaletteStats",
|
|
7
|
+
props: {
|
|
8
|
+
items: {},
|
|
9
|
+
columns: { default: 2 }
|
|
10
|
+
},
|
|
11
|
+
setup(__props) {
|
|
12
|
+
return (_ctx, _cache) => {
|
|
13
|
+
return openBlock(), createElementBlock("dl", {
|
|
14
|
+
class: "lp-palette-stats",
|
|
15
|
+
style: normalizeStyle({ gridTemplateColumns: `repeat(${__props.columns}, minmax(0, 1fr))` })
|
|
16
|
+
}, [
|
|
17
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
|
|
18
|
+
return openBlock(), createElementBlock("div", {
|
|
19
|
+
key: `${item.label}-${index}`,
|
|
20
|
+
class: "lp-palette-stats__tile"
|
|
21
|
+
}, [
|
|
22
|
+
createElementVNode("dt", null, toDisplayString(item.label), 1),
|
|
23
|
+
createElementVNode("dd", null, [
|
|
24
|
+
typeof item.value === "number" ? (openBlock(), createBlock(_sfc_main$1, {
|
|
25
|
+
key: 0,
|
|
26
|
+
value: item.value,
|
|
27
|
+
compact: item.compact,
|
|
28
|
+
suffix: item.suffix,
|
|
29
|
+
format: item.format,
|
|
30
|
+
"animate-on-mount": false,
|
|
31
|
+
grouped: ""
|
|
32
|
+
}, null, 8, ["value", "compact", "suffix", "format"])) : (openBlock(), createBlock(_sfc_main$2, {
|
|
33
|
+
key: 1,
|
|
34
|
+
value: item.value,
|
|
35
|
+
align: "start"
|
|
36
|
+
}, null, 8, ["value"]))
|
|
37
|
+
])
|
|
38
|
+
]);
|
|
39
|
+
}), 128))
|
|
40
|
+
], 4);
|
|
41
|
+
};
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
const LpPaletteStats = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-dc30a10e"]]);
|
|
45
|
+
export {
|
|
46
|
+
LpPaletteStats as default
|
|
47
|
+
};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
type __VLS_Props = {
|
|
2
|
+
colors: string[];
|
|
3
|
+
/** The surface the swatches sit on, usually the theme's own. */
|
|
4
|
+
background?: string;
|
|
5
|
+
/** Accessible name of the strip, e.g. the theme's name. */
|
|
6
|
+
label?: string;
|
|
7
|
+
};
|
|
8
|
+
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>;
|
|
9
|
+
declare const _default: typeof __VLS_export;
|
|
10
|
+
export default _default;
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { defineComponent, openBlock, createElementBlock, normalizeStyle, Fragment, renderList } from "vue";
|
|
2
|
+
import { _ as _export_sfc } from "../chunks/_plugin-vue_export-helper-1tPrXgE0.js";
|
|
3
|
+
import '../assets/LpPaletteSwatches-CA0B8y2E.css';const _hoisted_1 = ["aria-label"];
|
|
4
|
+
const _hoisted_2 = ["title"];
|
|
5
|
+
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
6
|
+
__name: "LpPaletteSwatches",
|
|
7
|
+
props: {
|
|
8
|
+
colors: {},
|
|
9
|
+
background: {},
|
|
10
|
+
label: {}
|
|
11
|
+
},
|
|
12
|
+
setup(__props) {
|
|
13
|
+
return (_ctx, _cache) => {
|
|
14
|
+
return openBlock(), createElementBlock("div", {
|
|
15
|
+
class: "lp-palette-swatches",
|
|
16
|
+
role: "img",
|
|
17
|
+
"aria-label": __props.label,
|
|
18
|
+
style: normalizeStyle({ background: __props.background, gridTemplateColumns: `repeat(${Math.max(__props.colors.length, 1)}, minmax(0, 1fr))` })
|
|
19
|
+
}, [
|
|
20
|
+
(openBlock(true), createElementBlock(Fragment, null, renderList(__props.colors, (color, index) => {
|
|
21
|
+
return openBlock(), createElementBlock("span", {
|
|
22
|
+
key: index,
|
|
23
|
+
title: color,
|
|
24
|
+
style: normalizeStyle({ background: color })
|
|
25
|
+
}, null, 12, _hoisted_2);
|
|
26
|
+
}), 128))
|
|
27
|
+
], 12, _hoisted_1);
|
|
28
|
+
};
|
|
29
|
+
}
|
|
30
|
+
});
|
|
31
|
+
const LpPaletteSwatches = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7c6934b1"]]);
|
|
32
|
+
export {
|
|
33
|
+
LpPaletteSwatches as default
|
|
34
|
+
};
|
|
@@ -4,9 +4,9 @@ type __VLS_Props = {
|
|
|
4
4
|
contentClass?: string;
|
|
5
5
|
barInsetTop?: string;
|
|
6
6
|
};
|
|
7
|
-
declare var
|
|
7
|
+
declare var __VLS_50: {};
|
|
8
8
|
type __VLS_Slots = {} & {
|
|
9
|
-
default?: (props: typeof
|
|
9
|
+
default?: (props: typeof __VLS_50) => any;
|
|
10
10
|
};
|
|
11
11
|
declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
|
|
12
12
|
viewportEl: import("vue").ComputedRef<HTMLElement | null>;
|