@ecsplico/editor 1.0.0 → 2.0.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/CHANGELOG.md +19 -0
- package/README.md +3 -4
- package/dist/core/notify.d.ts +1 -1
- package/dist/core/notify.js.map +1 -1
- package/dist/i18n/de/common.js +1 -2
- package/dist/i18n/de/common.js.map +1 -1
- package/dist/i18n/de.d.ts +0 -1
- package/dist/i18n/en/common.js +1 -2
- package/dist/i18n/en/common.js.map +1 -1
- package/dist/nuxt/module.d.ts +0 -6
- package/dist/nuxt/module.js +3 -5
- package/dist/nuxt/module.js.map +1 -1
- package/dist/nuxt/runtime/install-context.d.ts +2 -3
- package/dist/nuxt/runtime/install-context.js +2 -3
- package/dist/nuxt/runtime/install-context.js.map +1 -1
- package/dist/nuxt/runtime/plugins/editor-context-nuxt-ui.client.ts +1 -1
- package/dist/react/styles/ui-vars.css +2 -2
- package/dist/styles/ai.css +1 -1
- package/dist/styles/authors.css +1 -1
- package/dist/styles/block-ui.css +1 -1
- package/dist/styles/collab.css +1 -1
- package/dist/styles/comments.css +1 -1
- package/dist/styles/core.css +2 -2
- package/dist/styles/media.css +1 -1
- package/dist/styles/mentions.css +1 -1
- package/dist/styles/themes.css +1 -1
- package/dist/styles/transcript.css +1 -1
- package/dist/vue/context.d.ts +3 -3
- package/dist/vue/context.js +3 -2
- package/dist/vue/context.js.map +1 -1
- package/dist/vue/kit/types.d.ts +1 -1
- package/dist/vue/kit/use-ui-kit.d.ts +2 -2
- package/dist/vue/kit/use-ui-kit.js +3 -3
- package/dist/vue/kit/use-ui-kit.js.map +1 -1
- package/docs/integration.md +1 -1
- package/docs/llms.md +1 -1
- package/package.json +4 -19
- package/dist/nuxt/runtime/plugins/editor-context-primevue.client.ts +0 -8
- package/dist/vue/kit/primevue/Alert.js +0 -49
- package/dist/vue/kit/primevue/Alert.js.map +0 -1
- package/dist/vue/kit/primevue/Avatar.js +0 -54
- package/dist/vue/kit/primevue/Avatar.js.map +0 -1
- package/dist/vue/kit/primevue/Badge.js +0 -41
- package/dist/vue/kit/primevue/Badge.js.map +0 -1
- package/dist/vue/kit/primevue/Button.js +0 -112
- package/dist/vue/kit/primevue/Button.js.map +0 -1
- package/dist/vue/kit/primevue/Chip.js +0 -38
- package/dist/vue/kit/primevue/Chip.js.map +0 -1
- package/dist/vue/kit/primevue/DropdownMenu.js +0 -98
- package/dist/vue/kit/primevue/DropdownMenu.js.map +0 -1
- package/dist/vue/kit/primevue/FieldGroup.js +0 -22
- package/dist/vue/kit/primevue/FieldGroup.js.map +0 -1
- package/dist/vue/kit/primevue/FormField.js +0 -56
- package/dist/vue/kit/primevue/FormField.js.map +0 -1
- package/dist/vue/kit/primevue/Icon.js +0 -23
- package/dist/vue/kit/primevue/Icon.js.map +0 -1
- package/dist/vue/kit/primevue/Input.js +0 -96
- package/dist/vue/kit/primevue/Input.js.map +0 -1
- package/dist/vue/kit/primevue/InputMenu.js +0 -122
- package/dist/vue/kit/primevue/InputMenu.js.map +0 -1
- package/dist/vue/kit/primevue/Modal.js +0 -59
- package/dist/vue/kit/primevue/Modal.js.map +0 -1
- package/dist/vue/kit/primevue/Popover.js +0 -135
- package/dist/vue/kit/primevue/Popover.js.map +0 -1
- package/dist/vue/kit/primevue/RadioGroup.js +0 -58
- package/dist/vue/kit/primevue/RadioGroup.js.map +0 -1
- package/dist/vue/kit/primevue/Select.js +0 -68
- package/dist/vue/kit/primevue/Select.js.map +0 -1
- package/dist/vue/kit/primevue/SelectMenu.js +0 -94
- package/dist/vue/kit/primevue/SelectMenu.js.map +0 -1
- package/dist/vue/kit/primevue/Separator.js +0 -16
- package/dist/vue/kit/primevue/Separator.js.map +0 -1
- package/dist/vue/kit/primevue/Switch.js +0 -46
- package/dist/vue/kit/primevue/Switch.js.map +0 -1
- package/dist/vue/kit/primevue/Table.js +0 -54
- package/dist/vue/kit/primevue/Table.js.map +0 -1
- package/dist/vue/kit/primevue/Tabs.js +0 -49
- package/dist/vue/kit/primevue/Tabs.js.map +0 -1
- package/dist/vue/kit/primevue/Textarea.js +0 -55
- package/dist/vue/kit/primevue/Textarea.js.map +0 -1
- package/dist/vue/kit/primevue/Tooltip.js +0 -43
- package/dist/vue/kit/primevue/Tooltip.js.map +0 -1
- package/dist/vue/kit/primevue/Tree.js +0 -75
- package/dist/vue/kit/primevue/Tree.js.map +0 -1
- package/dist/vue/kit/primevue/select-options.js +0 -55
- package/dist/vue/kit/primevue/select-options.js.map +0 -1
- package/dist/vue/kit/primevue/shared.js +0 -49
- package/dist/vue/kit/primevue/shared.js.map +0 -1
- package/dist/vue/kit/primevue/trigger.js +0 -25
- package/dist/vue/kit/primevue/trigger.js.map +0 -1
- package/dist/vue/kit/primevue.css +0 -86
- package/dist/vue/kit/primevue.d.ts +0 -33
- package/dist/vue/kit/primevue.js +0 -96
- package/dist/vue/kit/primevue.js.map +0 -1
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { primeVueKit } from '../../../vue/kit/primevue'
|
|
2
|
-
import { installEditorContext } from '../install-context'
|
|
3
|
-
import { defineNuxtPlugin } from '#app'
|
|
4
|
-
|
|
5
|
-
// Registered by the module for `kit: 'primevue'`; see `install-context.ts`.
|
|
6
|
-
export default defineNuxtPlugin((nuxtApp) => {
|
|
7
|
-
installEditorContext(nuxtApp, primeVueKit())
|
|
8
|
-
})
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
import { severityOf } from "./shared.js";
|
|
2
|
-
import _sfc_main$1 from "./Icon.js";
|
|
3
|
-
import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
|
|
4
|
-
import PMessage from "primevue/message";
|
|
5
|
-
//#region src/vue/kit/primevue/Alert.vue
|
|
6
|
-
const _hoisted_1 = { class: "flex min-w-0 flex-col gap-0.5" };
|
|
7
|
-
const _hoisted_2 = {
|
|
8
|
-
key: 0,
|
|
9
|
-
class: "font-medium"
|
|
10
|
-
};
|
|
11
|
-
const _hoisted_3 = {
|
|
12
|
-
key: 1,
|
|
13
|
-
class: "text-sm"
|
|
14
|
-
};
|
|
15
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
16
|
-
__name: "Alert",
|
|
17
|
-
props: {
|
|
18
|
-
title: {},
|
|
19
|
-
description: {},
|
|
20
|
-
icon: {},
|
|
21
|
-
color: {},
|
|
22
|
-
variant: {}
|
|
23
|
-
},
|
|
24
|
-
setup(__props) {
|
|
25
|
-
return (_ctx, _cache) => {
|
|
26
|
-
return openBlock(), createBlock(unref(PMessage), {
|
|
27
|
-
severity: unref(severityOf)(__props.color) ?? "info",
|
|
28
|
-
variant: __props.variant === "outline" || __props.variant === "subtle" ? "outlined" : void 0,
|
|
29
|
-
closable: false,
|
|
30
|
-
role: "alert"
|
|
31
|
-
}, createSlots({
|
|
32
|
-
default: withCtx(() => [createElementVNode("div", _hoisted_1, [
|
|
33
|
-
__props.title ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(__props.title), 1)) : createCommentVNode("v-if", true),
|
|
34
|
-
__props.description ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true),
|
|
35
|
-
renderSlot(_ctx.$slots, "default")
|
|
36
|
-
])]),
|
|
37
|
-
_: 2
|
|
38
|
-
}, [__props.icon ? {
|
|
39
|
-
name: "icon",
|
|
40
|
-
fn: withCtx(() => [createVNode(_sfc_main$1, { name: __props.icon }, null, 8, ["name"])]),
|
|
41
|
-
key: "0"
|
|
42
|
-
} : void 0]), 1032, ["severity", "variant"]);
|
|
43
|
-
};
|
|
44
|
-
}
|
|
45
|
-
});
|
|
46
|
-
//#endregion
|
|
47
|
-
export { _sfc_main as default };
|
|
48
|
-
|
|
49
|
-
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","names":["_openBlock","_createBlock","_unref","_createSlots","_withCtx","_createElementVNode","_createElementBlock","_toDisplayString","_createCommentVNode","_renderSlot","_createVNode","Icon"],"sources":["../../../../src/vue/kit/primevue/Alert.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PMessage from 'primevue/message'\nimport type { AlertProps } from '../types'\nimport Icon from './Icon.vue'\nimport { severityOf } from './shared'\n\ndefineProps<AlertProps>()\n</script>\n\n<template>\n <PMessage :severity=\"severityOf(color) ?? 'info'\" :variant=\"variant === 'outline' || variant === 'subtle' ? 'outlined' : undefined\" :closable=\"false\" role=\"alert\">\n <template v-if=\"icon\" #icon>\n <Icon :name=\"icon\" />\n </template>\n <div class=\"flex min-w-0 flex-col gap-0.5\">\n <span v-if=\"title\" class=\"font-medium\">{{ title }}</span>\n <span v-if=\"description\" class=\"text-sm\">{{ description }}</span>\n <slot />\n </div>\n </PMessage>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;GAUE,OAAAA,UAAA,GAAAC,YASWC,MAAA,QAAA,GAAA;IATA,UAAUA,MAAA,UAAA,CAAU,CAAC,QAAA,KAAK,KAAA;IAAc,SAAS,QAAA,YAAO,aAAkB,QAAA,YAAO,WAAA,aAA6B,KAAA;IAAY,UAAU;IAAO,MAAK;;IAIzJ,SAAAE,cAIM,CAJNC,mBAIM,OAJN,YAIM;KAHQ,QAAA,SAAZL,UAAA,GAAAM,mBAAyD,QAAzD,YAAyDC,gBAAf,QAAA,KAAK,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA;KACnC,QAAA,eAAZR,UAAA,GAAAM,mBAAiE,QAAjE,YAAiEC,gBAArB,QAAA,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA;KACvDC,WAAQ,KAAA,QAAA,SAAA;;;GANM,GAAA,CAAA,QAAA,OAAA;IAAO,MAAA;IACrB,IAAAL,cAAqB,CAArBM,YAAqBC,aAAA,EAAd,MAAM,QAAA,KAAI,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
import { computed, createBlock, defineComponent, normalizeStyle, openBlock, unref } from "vue";
|
|
2
|
-
import PAvatar from "primevue/avatar";
|
|
3
|
-
//#region src/vue/kit/primevue/Avatar.vue
|
|
4
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
5
|
-
__name: "Avatar",
|
|
6
|
-
props: {
|
|
7
|
-
src: {},
|
|
8
|
-
alt: {},
|
|
9
|
-
text: {},
|
|
10
|
-
size: {}
|
|
11
|
-
},
|
|
12
|
-
setup(__props) {
|
|
13
|
-
const props = __props;
|
|
14
|
-
const SIZES = {
|
|
15
|
-
"3xs": 1,
|
|
16
|
-
"2xs": 1.25,
|
|
17
|
-
"xs": 1.5,
|
|
18
|
-
"sm": 1.75,
|
|
19
|
-
"md": 2,
|
|
20
|
-
"lg": 2.25,
|
|
21
|
-
"xl": 2.5,
|
|
22
|
-
"2xl": 3,
|
|
23
|
-
"3xl": 3.5
|
|
24
|
-
};
|
|
25
|
-
const style = computed(() => {
|
|
26
|
-
const rem = SIZES[props.size ?? "md"];
|
|
27
|
-
return {
|
|
28
|
-
width: `${rem}rem`,
|
|
29
|
-
height: `${rem}rem`,
|
|
30
|
-
fontSize: `${rem * .4}rem`
|
|
31
|
-
};
|
|
32
|
-
});
|
|
33
|
-
return (_ctx, _cache) => {
|
|
34
|
-
return openBlock(), createBlock(unref(PAvatar), {
|
|
35
|
-
image: __props.src,
|
|
36
|
-
label: __props.src ? void 0 : __props.text,
|
|
37
|
-
shape: "circle",
|
|
38
|
-
style: normalizeStyle(style.value),
|
|
39
|
-
"aria-label": __props.alt,
|
|
40
|
-
title: __props.alt
|
|
41
|
-
}, null, 8, [
|
|
42
|
-
"image",
|
|
43
|
-
"label",
|
|
44
|
-
"style",
|
|
45
|
-
"aria-label",
|
|
46
|
-
"title"
|
|
47
|
-
]);
|
|
48
|
-
};
|
|
49
|
-
}
|
|
50
|
-
});
|
|
51
|
-
//#endregion
|
|
52
|
-
export { _sfc_main as default };
|
|
53
|
-
|
|
54
|
-
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","names":["_openBlock","_createBlock","_unref","_normalizeStyle"],"sources":["../../../../src/vue/kit/primevue/Avatar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PAvatar from 'primevue/avatar'\nimport { computed } from 'vue'\nimport type { AvatarProps, KitSize } from '../types'\n\nconst props = defineProps<AvatarProps>()\n\nconst SIZES: Record<KitSize, number> = { '3xs': 1, '2xs': 1.25, 'xs': 1.5, 'sm': 1.75, 'md': 2, 'lg': 2.25, 'xl': 2.5, '2xl': 3, '3xl': 3.5 }\nconst style = computed(() => {\n const rem = SIZES[props.size ?? 'md']\n return { width: `${rem}rem`, height: `${rem}rem`, fontSize: `${rem * 0.4}rem` }\n})\n</script>\n\n<template>\n <PAvatar :image=\"src\" :label=\"src ? undefined : text\" shape=\"circle\" :style=\"style\" :aria-label=\"alt\" :title=\"alt\" />\n</template>\n"],"mappings":";;;;;;;;;;;;EAKA,MAAM,QAAQ;EAEd,MAAM,QAAiC;GAAE,OAAO;GAAG,OAAO;GAAM,MAAM;GAAK,MAAM;GAAM,MAAM;GAAG,MAAM;GAAM,MAAM;GAAK,OAAO;GAAG,OAAO;EAAI;EAC5I,MAAM,QAAQ,eAAe;GAC3B,MAAM,MAAM,MAAM,MAAM,QAAQ;GAChC,OAAO;IAAE,OAAO,GAAG,IAAI;IAAM,QAAQ,GAAG,IAAI;IAAM,UAAU,GAAG,MAAM,GAAI;GAAK;EAChF,CAAC;;GAIC,OAAAA,UAAA,GAAAC,YAAqHC,MAAA,OAAA,GAAA;IAA3G,OAAO,QAAA;IAAM,OAAO,QAAA,MAAM,KAAA,IAAY,QAAA;IAAM,OAAM;IAAU,OAAKC,eAAE,MAAA,KAAK;IAAG,cAAY,QAAA;IAAM,OAAO,QAAA"}
|
|
@@ -1,41 +0,0 @@
|
|
|
1
|
-
import { severityOf } from "./shared.js";
|
|
2
|
-
import _sfc_main$1 from "./Icon.js";
|
|
3
|
-
import { createBlock, createCommentVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
|
|
4
|
-
import PTag from "primevue/tag";
|
|
5
|
-
//#region src/vue/kit/primevue/Badge.vue
|
|
6
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
7
|
-
__name: "Badge",
|
|
8
|
-
props: {
|
|
9
|
-
label: {},
|
|
10
|
-
icon: {},
|
|
11
|
-
color: {},
|
|
12
|
-
variant: {},
|
|
13
|
-
size: {}
|
|
14
|
-
},
|
|
15
|
-
setup(__props) {
|
|
16
|
-
return (_ctx, _cache) => {
|
|
17
|
-
return openBlock(), createBlock(unref(PTag), {
|
|
18
|
-
severity: unref(severityOf)(__props.color),
|
|
19
|
-
class: normalizeClass([
|
|
20
|
-
__props.variant && __props.variant !== "solid" && "sk-tinted",
|
|
21
|
-
__props.variant === "outline" && "sk-outline",
|
|
22
|
-
__props.size && [
|
|
23
|
-
"3xs",
|
|
24
|
-
"2xs",
|
|
25
|
-
"xs"
|
|
26
|
-
].includes(__props.size) && "sk-dense"
|
|
27
|
-
])
|
|
28
|
-
}, {
|
|
29
|
-
default: withCtx(() => [__props.icon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
30
|
-
key: 0,
|
|
31
|
-
name: __props.icon
|
|
32
|
-
}, null, 8, ["name"])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]),
|
|
33
|
-
_: 3
|
|
34
|
-
}, 8, ["severity", "class"]);
|
|
35
|
-
};
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
//#endregion
|
|
39
|
-
export { _sfc_main as default };
|
|
40
|
-
|
|
41
|
-
//# sourceMappingURL=Badge.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","Icon","_createCommentVNode","_renderSlot","_createTextVNode","_toDisplayString"],"sources":["../../../../src/vue/kit/primevue/Badge.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PTag from 'primevue/tag'\nimport type { BadgeProps } from '../types'\nimport Icon from './Icon.vue'\nimport { severityOf } from './shared'\n\ndefineProps<BadgeProps>()\n</script>\n\n<template>\n <PTag\n :severity=\"severityOf(color)\"\n :class=\"[variant && variant !== 'solid' && 'sk-tinted', variant === 'outline' && 'sk-outline', size && ['3xs', '2xs', 'xs'].includes(size) && 'sk-dense']\"\n >\n <Icon v-if=\"icon\" :name=\"icon\" />\n <slot>{{ label }}</slot>\n </PTag>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;GAUE,OAAAA,UAAA,GAAAC,YAMOC,MAAA,IAAA,GAAA;IALJ,UAAUA,MAAA,UAAA,CAAU,CAAC,QAAA,KAAK;IAC1B,OAAKC,eAAA;KAAG,QAAA,WAAW,QAAA,YAAO,WAAA;KAA6B,QAAA,YAAO,aAAA;KAAgC,QAAA,QAAI;MAAA;MAAA;MAAA;KAAA,CAAA,CAAyB,SAAS,QAAA,IAAI,KAAA;IAAA,CAAA;;IAEzI,SAAAC,cAAiC,CAArB,QAAA,QAAZJ,UAAA,GAAAC,YAAiCI,aAAA;;KAAd,MAAM,QAAA;IACzB,GAAA,MAAA,GAAA,CAAA,MAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,GAAAC,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAfC,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}
|
|
@@ -1,112 +0,0 @@
|
|
|
1
|
-
import { severityOf, sizeOf } from "./shared.js";
|
|
2
|
-
import _sfc_main$1 from "./Icon.js";
|
|
3
|
-
import { computed, createBlock, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
|
|
4
|
-
import PButton from "primevue/button";
|
|
5
|
-
//#region src/vue/kit/primevue/Button.vue
|
|
6
|
-
const _hoisted_1 = {
|
|
7
|
-
key: 1,
|
|
8
|
-
class: "p-button-label"
|
|
9
|
-
};
|
|
10
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
11
|
-
inheritAttrs: false,
|
|
12
|
-
__name: "Button",
|
|
13
|
-
props: {
|
|
14
|
-
label: {},
|
|
15
|
-
icon: {},
|
|
16
|
-
trailingIcon: {},
|
|
17
|
-
color: {},
|
|
18
|
-
variant: {},
|
|
19
|
-
size: {},
|
|
20
|
-
active: { type: Boolean },
|
|
21
|
-
activeColor: {},
|
|
22
|
-
activeVariant: {},
|
|
23
|
-
disabled: { type: Boolean },
|
|
24
|
-
loading: { type: Boolean },
|
|
25
|
-
loadingAuto: { type: Boolean },
|
|
26
|
-
href: {},
|
|
27
|
-
target: {},
|
|
28
|
-
type: {}
|
|
29
|
-
},
|
|
30
|
-
setup(__props) {
|
|
31
|
-
const props = __props;
|
|
32
|
-
const attrs = useAttrs();
|
|
33
|
-
const slots = useSlots();
|
|
34
|
-
const rest = computed(() => {
|
|
35
|
-
const { onClick: _onClick, ...others } = attrs;
|
|
36
|
-
return others;
|
|
37
|
-
});
|
|
38
|
-
const color = computed(() => props.active ? props.activeColor ?? props.color : props.color);
|
|
39
|
-
const variant = computed(() => props.active ? props.activeVariant ?? props.variant : props.variant);
|
|
40
|
-
const iconOnly = computed(() => !props.label && !slots.default && !!(props.icon || props.trailingIcon));
|
|
41
|
-
/** `solid` is Prime's filled button, `outline`/`subtle` its outlined one, `soft`/`ghost` its text one (the tint comes from `sk-soft`). */
|
|
42
|
-
const primeVariant = computed(() => {
|
|
43
|
-
switch (variant.value) {
|
|
44
|
-
case "outline":
|
|
45
|
-
case "subtle": return "outlined";
|
|
46
|
-
case "soft":
|
|
47
|
-
case "ghost": return "text";
|
|
48
|
-
case "link": return "link";
|
|
49
|
-
default: return;
|
|
50
|
-
}
|
|
51
|
-
});
|
|
52
|
-
const pending = ref(false);
|
|
53
|
-
/** Runs the host's click handlers; with `loadingAuto` the button shows its loading state while one of them is a pending promise. */
|
|
54
|
-
function onClick(event) {
|
|
55
|
-
const results = [].concat(attrs.onClick ?? []).map((handler) => handler(event));
|
|
56
|
-
if (!props.loadingAuto) return;
|
|
57
|
-
const promises = results.filter((result) => result instanceof Promise);
|
|
58
|
-
if (!promises.length) return;
|
|
59
|
-
pending.value = true;
|
|
60
|
-
Promise.allSettled(promises).finally(() => {
|
|
61
|
-
pending.value = false;
|
|
62
|
-
});
|
|
63
|
-
}
|
|
64
|
-
return (_ctx, _cache) => {
|
|
65
|
-
return openBlock(), createBlock(unref(PButton), mergeProps(rest.value, {
|
|
66
|
-
as: __props.href ? "a" : "button",
|
|
67
|
-
href: __props.href,
|
|
68
|
-
target: __props.target,
|
|
69
|
-
type: __props.href ? void 0 : __props.type ?? "button",
|
|
70
|
-
severity: unref(severityOf)(color.value),
|
|
71
|
-
variant: primeVariant.value,
|
|
72
|
-
size: unref(sizeOf)(__props.size),
|
|
73
|
-
disabled: __props.disabled || __props.loading || pending.value,
|
|
74
|
-
loading: __props.loading || pending.value,
|
|
75
|
-
class: [
|
|
76
|
-
iconOnly.value && "sk-icon-only",
|
|
77
|
-
(variant.value === "soft" || variant.value === "subtle") && "sk-tinted",
|
|
78
|
-
__props.active && "sk-active"
|
|
79
|
-
],
|
|
80
|
-
onClick
|
|
81
|
-
}), {
|
|
82
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [
|
|
83
|
-
__props.icon && !__props.loading && !pending.value ? (openBlock(), createBlock(_sfc_main$1, {
|
|
84
|
-
key: 0,
|
|
85
|
-
name: __props.icon
|
|
86
|
-
}, null, 8, ["name"])) : createCommentVNode("v-if", true),
|
|
87
|
-
__props.label ? (openBlock(), createElementBlock("span", _hoisted_1, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true),
|
|
88
|
-
__props.trailingIcon ? (openBlock(), createBlock(_sfc_main$1, {
|
|
89
|
-
key: 2,
|
|
90
|
-
name: __props.trailingIcon
|
|
91
|
-
}, null, 8, ["name"])) : createCommentVNode("v-if", true)
|
|
92
|
-
])]),
|
|
93
|
-
_: 3
|
|
94
|
-
}, 16, [
|
|
95
|
-
"as",
|
|
96
|
-
"href",
|
|
97
|
-
"target",
|
|
98
|
-
"type",
|
|
99
|
-
"severity",
|
|
100
|
-
"variant",
|
|
101
|
-
"size",
|
|
102
|
-
"disabled",
|
|
103
|
-
"loading",
|
|
104
|
-
"class"
|
|
105
|
-
]);
|
|
106
|
-
};
|
|
107
|
-
}
|
|
108
|
-
});
|
|
109
|
-
//#endregion
|
|
110
|
-
export { _sfc_main as default };
|
|
111
|
-
|
|
112
|
-
//# sourceMappingURL=Button.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","names":["_openBlock","_createBlock","_unref","_mergeProps","_withCtx","_renderSlot","Icon","_createCommentVNode","_createElementBlock","_toDisplayString"],"sources":["../../../../src/vue/kit/primevue/Button.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport PButton from 'primevue/button'\nimport { computed, ref, useAttrs, useSlots } from 'vue'\nimport type { ButtonProps } from '../types'\nimport Icon from './Icon.vue'\nimport { severityOf, sizeOf } from './shared'\n\ndefineOptions({ inheritAttrs: false })\nconst props = defineProps<ButtonProps>()\nconst attrs = useAttrs()\nconst slots = useSlots()\n\nconst rest = computed(() => {\n const { onClick: _onClick, ...others } = attrs\n return others\n})\n\nconst color = computed(() => (props.active ? props.activeColor ?? props.color : props.color))\nconst variant = computed(() => (props.active ? props.activeVariant ?? props.variant : props.variant))\nconst iconOnly = computed(() => !props.label && !slots.default && !!(props.icon || props.trailingIcon))\n\n/** `solid` is Prime's filled button, `outline`/`subtle` its outlined one, `soft`/`ghost` its text one (the tint comes from `sk-soft`). */\nconst primeVariant = computed(() => {\n switch (variant.value) {\n case 'outline': case 'subtle': return 'outlined'\n case 'soft': case 'ghost': return 'text'\n case 'link': return 'link'\n default: return undefined\n }\n})\n\nconst pending = ref(false)\n/** Runs the host's click handlers; with `loadingAuto` the button shows its loading state while one of them is a pending promise. */\nfunction onClick(event: MouseEvent) {\n const handlers = ([] as unknown[]).concat(attrs.onClick ?? []) as ((event: MouseEvent) => unknown)[]\n const results = handlers.map(handler => handler(event))\n if (!props.loadingAuto) return\n const promises = results.filter((result): result is Promise<unknown> => result instanceof Promise)\n if (!promises.length) return\n pending.value = true\n void Promise.allSettled(promises).finally(() => { pending.value = false })\n}\n</script>\n\n<template>\n <PButton\n v-bind=\"rest\"\n :as=\"href ? 'a' : 'button'\"\n :href=\"href\"\n :target=\"target\"\n :type=\"href ? undefined : (type ?? 'button')\"\n :severity=\"severityOf(color)\"\n :variant=\"primeVariant\"\n :size=\"sizeOf(size)\"\n :disabled=\"disabled || loading || pending\"\n :loading=\"loading || pending\"\n :class=\"[\n iconOnly && 'sk-icon-only',\n (variant === 'soft' || variant === 'subtle') && 'sk-tinted',\n active && 'sk-active',\n ]\"\n @click=\"onClick\"\n >\n <slot>\n <Icon v-if=\"icon && !loading && !pending\" :name=\"icon\" />\n <span v-if=\"label\" class=\"p-button-label\">{{ label }}</span>\n <Icon v-if=\"trailingIcon\" :name=\"trailingIcon\" />\n </slot>\n </PButton>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,QAAQ,SAAS;EACvB,MAAM,QAAQ,SAAS;EAEvB,MAAM,OAAO,eAAe;GAC1B,MAAM,EAAE,SAAS,UAAU,GAAG,WAAW;GACzC,OAAO;EACT,CAAC;EAED,MAAM,QAAQ,eAAgB,MAAM,SAAS,MAAM,eAAe,MAAM,QAAQ,MAAM,KAAM;EAC5F,MAAM,UAAU,eAAgB,MAAM,SAAS,MAAM,iBAAiB,MAAM,UAAU,MAAM,OAAQ;EACpG,MAAM,WAAW,eAAe,CAAC,MAAM,SAAS,CAAC,MAAM,WAAW,CAAC,EAAE,MAAM,QAAQ,MAAM,aAAa;;EAGtG,MAAM,eAAe,eAAe;GAClC,QAAQ,QAAQ,OAAhB;IACE,KAAK;IAAW,KAAK,UAAU,OAAO;IACtC,KAAK;IAAQ,KAAK,SAAS,OAAO;IAClC,KAAK,QAAQ,OAAO;IACpB,SAAS;GACX;EACF,CAAC;EAED,MAAM,UAAU,IAAI,KAAK;;EAEzB,SAAS,QAAQ,OAAmB;GAElC,MAAM,UADY,CAAC,CAAC,CAAe,OAAO,MAAM,WAAW,CAAC,CAC5C,CAAA,CAAS,KAAI,YAAW,QAAQ,KAAK,CAAC;GACtD,IAAI,CAAC,MAAM,aAAa;GACxB,MAAM,WAAW,QAAQ,QAAQ,WAAuC,kBAAkB,OAAO;GACjG,IAAI,CAAC,SAAS,QAAQ;GACtB,QAAQ,QAAQ;GAChB,QAAa,WAAW,QAAQ,CAAC,CAAC,cAAc;IAAE,QAAQ,QAAQ;GAAM,CAAC;EAC3E;;GAIE,OAAAA,UAAA,GAAAC,YAuBUC,MAAA,OAAA,GAvBVC,WACU,KAsBA,OAtBI;IACX,IAAI,QAAA,OAAI,MAAA;IACR,MAAM,QAAA;IACN,QAAQ,QAAA;IACR,MAAM,QAAA,OAAO,KAAA,IAAa,QAAA,QAAI;IAC9B,UAAUD,MAAA,UAAA,CAAU,CAAC,MAAA,KAAK;IAC1B,SAAS,aAAA;IACT,MAAMA,MAAA,MAAA,CAAM,CAAC,QAAA,IAAI;IACjB,UAAU,QAAA,YAAY,QAAA,WAAW,QAAA;IACjC,SAAS,QAAA,WAAW,QAAA;IACpB,OAAK;KAAU,SAAA,SAAQ;MAA2B,QAAA,UAAO,UAAe,QAAA,UAAO,aAAA;KAAqC,QAAA,UAAM;;IAKnH;;IAER,SAAAE,cAIO,CAJPC,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA;KAHO,QAAA,QAAI,CAAK,QAAA,WAAO,CAAK,QAAA,SAAjCL,UAAA,GAAAC,YAAyDK,aAAA;;MAAd,MAAM,QAAA;;KACrC,QAAA,SAAZN,UAAA,GAAAQ,mBAA4D,QAA5D,YAA4DC,gBAAf,QAAA,KAAK,GAAA,CAAA,KAAAF,mBAAA,QAAA,IAAA;KACtC,QAAA,gBAAZP,UAAA,GAAAC,YAAiDK,aAAA;;MAAtB,MAAM,QAAA"}
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { severityOf } from "./shared.js";
|
|
2
|
-
import { createBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
3
|
-
import OverlayBadge from "primevue/overlaybadge";
|
|
4
|
-
//#region src/vue/kit/primevue/Chip.vue
|
|
5
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
6
|
-
__name: "Chip",
|
|
7
|
-
props: {
|
|
8
|
-
show: { type: Boolean },
|
|
9
|
-
text: {},
|
|
10
|
-
color: {},
|
|
11
|
-
size: {}
|
|
12
|
-
},
|
|
13
|
-
setup(__props) {
|
|
14
|
-
return (_ctx, _cache) => {
|
|
15
|
-
return __props.show !== false ? (openBlock(), createBlock(unref(OverlayBadge), {
|
|
16
|
-
key: 0,
|
|
17
|
-
value: __props.text,
|
|
18
|
-
severity: unref(severityOf)(__props.color) ?? "danger",
|
|
19
|
-
class: normalizeClass(__props.size && [
|
|
20
|
-
"3xl",
|
|
21
|
-
"2xl",
|
|
22
|
-
"xl"
|
|
23
|
-
].includes(__props.size) ? "sk-chip-large" : void 0)
|
|
24
|
-
}, {
|
|
25
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
26
|
-
_: 3
|
|
27
|
-
}, 8, [
|
|
28
|
-
"value",
|
|
29
|
-
"severity",
|
|
30
|
-
"class"
|
|
31
|
-
])) : renderSlot(_ctx.$slots, "default", {}, void 0, void 0, 1);
|
|
32
|
-
};
|
|
33
|
-
}
|
|
34
|
-
});
|
|
35
|
-
//#endregion
|
|
36
|
-
export { _sfc_main as default };
|
|
37
|
-
|
|
38
|
-
//# sourceMappingURL=Chip.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.js","names":["_openBlock","_createBlock","_unref","_normalizeClass","_withCtx","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/Chip.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport OverlayBadge from 'primevue/overlaybadge'\nimport type { ChipProps } from '../types'\nimport { severityOf } from './shared'\n\ndefineProps<ChipProps>()\n</script>\n\n<template>\n <OverlayBadge v-if=\"show !== false\" :value=\"text\" :severity=\"severityOf(color) ?? 'danger'\" :class=\"size && ['3xl', '2xl', 'xl'].includes(size) ? 'sk-chip-large' : undefined\">\n <slot />\n </OverlayBadge>\n <slot v-else />\n</template>\n"],"mappings":";;;;;;;;;;;;;;GASsB,OAAA,QAAA,SAAI,SAAxBA,UAAA,GAAAC,YAEeC,MAAA,YAAA,GAAA;;IAFsB,OAAO,QAAA;IAAO,UAAUA,MAAA,UAAA,CAAU,CAAC,QAAA,KAAK,KAAA;IAAgB,OAAKC,eAAE,QAAA,QAAI;KAAA;KAAA;KAAA;IAAA,CAAA,CAAyB,SAAS,QAAA,IAAI,IAAA,kBAAsB,KAAA,CAAS;;IAC3K,SAAAC,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;;;;;;GAEV,CAAA,KAAAA,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA"}
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { kbdText } from "./shared.js";
|
|
2
|
-
import _sfc_main from "./Icon.js";
|
|
3
|
-
import { decorate, triggerNodes } from "./trigger.js";
|
|
4
|
-
import { defineComponent, h, ref } from "vue";
|
|
5
|
-
import Menu from "primevue/menu";
|
|
6
|
-
//#region src/vue/kit/primevue/DropdownMenu.ts
|
|
7
|
-
/** A `DropdownItem` as a PrimeVue menu item; the row itself is drawn by the `item` slot below. */
|
|
8
|
-
function modelOf(items) {
|
|
9
|
-
const groups = Array.isArray(items[0]) ? items : [items];
|
|
10
|
-
const model = [];
|
|
11
|
-
groups.forEach((group, index) => {
|
|
12
|
-
if (index > 0 && group.length) model.push({ separator: true });
|
|
13
|
-
for (const item of group) {
|
|
14
|
-
if (item.type === "separator") {
|
|
15
|
-
model.push({ separator: true });
|
|
16
|
-
continue;
|
|
17
|
-
}
|
|
18
|
-
model.push({
|
|
19
|
-
label: item.label ?? "",
|
|
20
|
-
disabled: item.type === "label" || item.disabled,
|
|
21
|
-
data: item,
|
|
22
|
-
command: ({ originalEvent }) => {
|
|
23
|
-
if (item.type === "checkbox") item.onUpdateChecked?.(!item.checked);
|
|
24
|
-
item.onSelect?.(originalEvent);
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
}
|
|
28
|
-
});
|
|
29
|
-
return model;
|
|
30
|
-
}
|
|
31
|
-
/**
|
|
32
|
-
* PrimeVue has no dropdown menu: the trigger is the default slot (marked `data-state="open|closed"`), the panel a popup
|
|
33
|
-
* `Menu`. Limits: Prime opens below the trigger (`content.side/align/sideOffset` are ignored) and always closes on
|
|
34
|
-
* activation (`preventDefault()` in `onSelect` does not keep it open).
|
|
35
|
-
*/
|
|
36
|
-
var DropdownMenu_default = defineComponent({
|
|
37
|
-
name: "KitDropdownMenu",
|
|
38
|
-
inheritAttrs: false,
|
|
39
|
-
props: {
|
|
40
|
-
items: {
|
|
41
|
-
type: Array,
|
|
42
|
-
required: true
|
|
43
|
-
},
|
|
44
|
-
content: {
|
|
45
|
-
type: Object,
|
|
46
|
-
default: void 0
|
|
47
|
-
},
|
|
48
|
-
ui: {
|
|
49
|
-
type: Object,
|
|
50
|
-
default: void 0
|
|
51
|
-
},
|
|
52
|
-
open: {
|
|
53
|
-
type: Boolean,
|
|
54
|
-
default: void 0
|
|
55
|
-
}
|
|
56
|
-
},
|
|
57
|
-
emits: ["update:open"],
|
|
58
|
-
setup(props, { slots, emit }) {
|
|
59
|
-
const menu = ref(null);
|
|
60
|
-
const isOpen = ref(false);
|
|
61
|
-
const set = (open) => {
|
|
62
|
-
isOpen.value = open;
|
|
63
|
-
emit("update:open", open);
|
|
64
|
-
};
|
|
65
|
-
return () => [decorate(triggerNodes(slots.default?.()), {
|
|
66
|
-
"data-state": isOpen.value ? "open" : "closed",
|
|
67
|
-
"aria-haspopup": "menu",
|
|
68
|
-
"aria-expanded": isOpen.value,
|
|
69
|
-
"onClick": (event) => menu.value?.toggle(event)
|
|
70
|
-
}), h(Menu, {
|
|
71
|
-
ref: menu,
|
|
72
|
-
popup: true,
|
|
73
|
-
model: modelOf(props.items),
|
|
74
|
-
class: props.ui?.content,
|
|
75
|
-
onShow: () => set(true),
|
|
76
|
-
onHide: () => set(false)
|
|
77
|
-
}, { item: ({ item, props: slot }) => {
|
|
78
|
-
const entry = item.data;
|
|
79
|
-
if (entry.type === "label") return h("div", { class: "sk-menu-label" }, entry.label);
|
|
80
|
-
return h("a", {
|
|
81
|
-
...slot.action,
|
|
82
|
-
class: [
|
|
83
|
-
slot.action.class,
|
|
84
|
-
"sk-menu-row",
|
|
85
|
-
entry.color === "error" && "sk-menu-danger"
|
|
86
|
-
]
|
|
87
|
-
}, [
|
|
88
|
-
entry.icon ? h(_sfc_main, { name: entry.icon }) : entry.type === "checkbox" ? h("span", { class: "sk-menu-check" }, entry.checked ? [h(_sfc_main, { name: "i-lucide-check" })] : []) : null,
|
|
89
|
-
h("span", { class: "sk-menu-text" }, [h("span", entry.label), entry.description ? h("span", { class: "sk-menu-description" }, entry.description) : null]),
|
|
90
|
-
entry.kbds?.length ? h("span", { class: "sk-menu-kbds" }, kbdText(entry.kbds)) : null
|
|
91
|
-
]);
|
|
92
|
-
} })];
|
|
93
|
-
}
|
|
94
|
-
});
|
|
95
|
-
//#endregion
|
|
96
|
-
export { DropdownMenu_default as default };
|
|
97
|
-
|
|
98
|
-
//# sourceMappingURL=DropdownMenu.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"DropdownMenu.js","names":["Icon"],"sources":["../../../../src/vue/kit/primevue/DropdownMenu.ts"],"sourcesContent":["import Menu from 'primevue/menu'\nimport type { MenuItem } from 'primevue/menuitem'\nimport { defineComponent, h, ref } from 'vue'\nimport type { PropType } from 'vue'\nimport type { DropdownItem, DropdownItems, KitOverlayContent, KitOverlayUi } from '../types'\nimport Icon from './Icon.vue'\nimport { kbdText } from './shared'\nimport { decorate, triggerNodes } from './trigger'\n\n/** A `DropdownItem` as a PrimeVue menu item; the row itself is drawn by the `item` slot below. */\nfunction modelOf(items: DropdownItems): MenuItem[] {\n const groups: DropdownItem[][] = Array.isArray(items[0]) ? (items as DropdownItem[][]) : [items as DropdownItem[]]\n const model: MenuItem[] = []\n groups.forEach((group, index) => {\n if (index > 0 && group.length) model.push({ separator: true })\n for (const item of group) {\n if (item.type === 'separator') {\n model.push({ separator: true })\n continue\n }\n model.push({\n label: item.label ?? '',\n disabled: item.type === 'label' || item.disabled,\n data: item,\n command: ({ originalEvent }) => {\n if (item.type === 'checkbox') item.onUpdateChecked?.(!item.checked)\n item.onSelect?.(originalEvent)\n },\n })\n }\n })\n return model\n}\n\n/**\n * PrimeVue has no dropdown menu: the trigger is the default slot (marked `data-state=\"open|closed\"`), the panel a popup\n * `Menu`. Limits: Prime opens below the trigger (`content.side/align/sideOffset` are ignored) and always closes on\n * activation (`preventDefault()` in `onSelect` does not keep it open).\n */\nexport default defineComponent({\n name: 'KitDropdownMenu',\n inheritAttrs: false,\n props: {\n items: { type: Array as PropType<DropdownItems>, required: true },\n content: { type: Object as PropType<KitOverlayContent>, default: undefined },\n ui: { type: Object as PropType<KitOverlayUi>, default: undefined },\n open: { type: Boolean, default: undefined },\n },\n emits: ['update:open'],\n setup(props, { slots, emit }) {\n const menu = ref<InstanceType<typeof Menu> | null>(null)\n const isOpen = ref(false)\n const set = (open: boolean) => {\n isOpen.value = open\n emit('update:open', open)\n }\n return () => [\n decorate(triggerNodes(slots.default?.()), {\n 'data-state': isOpen.value ? 'open' : 'closed',\n 'aria-haspopup': 'menu',\n 'aria-expanded': isOpen.value,\n 'onClick': (event: Event) => menu.value?.toggle(event),\n }),\n h(Menu, { ref: menu, popup: true, model: modelOf(props.items), class: props.ui?.content, onShow: () => set(true), onHide: () => set(false) }, {\n item: ({ item, props: slot }: { item: MenuItem, props: { action: Record<string, unknown> } }) => {\n const entry = item.data as DropdownItem\n if (entry.type === 'label') return h('div', { class: 'sk-menu-label' }, entry.label)\n return h('a', { ...slot.action, class: [slot.action.class, 'sk-menu-row', entry.color === 'error' && 'sk-menu-danger'] }, [\n entry.icon ? h(Icon, { name: entry.icon }) : entry.type === 'checkbox' ? h('span', { class: 'sk-menu-check' }, entry.checked ? [h(Icon, { name: 'i-lucide-check' })] : []) : null,\n h('span', { class: 'sk-menu-text' }, [h('span', entry.label), entry.description ? h('span', { class: 'sk-menu-description' }, entry.description) : null]),\n entry.kbds?.length ? h('span', { class: 'sk-menu-kbds' }, kbdText(entry.kbds)) : null,\n ])\n },\n }),\n ]\n },\n})\n"],"mappings":";;;;;;;AAUA,SAAS,QAAQ,OAAkC;CACjD,MAAM,SAA2B,MAAM,QAAQ,MAAM,EAAE,IAAK,QAA6B,CAAC,KAAuB;CACjH,MAAM,QAAoB,CAAC;CAC3B,OAAO,SAAS,OAAO,UAAU;EAC/B,IAAI,QAAQ,KAAK,MAAM,QAAQ,MAAM,KAAK,EAAE,WAAW,KAAK,CAAC;EAC7D,KAAK,MAAM,QAAQ,OAAO;GACxB,IAAI,KAAK,SAAS,aAAa;IAC7B,MAAM,KAAK,EAAE,WAAW,KAAK,CAAC;IAC9B;GACF;GACA,MAAM,KAAK;IACT,OAAO,KAAK,SAAS;IACrB,UAAU,KAAK,SAAS,WAAW,KAAK;IACxC,MAAM;IACN,UAAU,EAAE,oBAAoB;KAC9B,IAAI,KAAK,SAAS,YAAY,KAAK,kBAAkB,CAAC,KAAK,OAAO;KAClE,KAAK,WAAW,aAAa;IAC/B;GACF,CAAC;EACH;CACF,CAAC;CACD,OAAO;AACT;;;;;;AAOA,IAAA,uBAAe,gBAAgB;CAC7B,MAAM;CACN,cAAc;CACd,OAAO;EACL,OAAO;GAAE,MAAM;GAAkC,UAAU;EAAK;EAChE,SAAS;GAAE,MAAM;GAAuC,SAAS,KAAA;EAAU;EAC3E,IAAI;GAAE,MAAM;GAAkC,SAAS,KAAA;EAAU;EACjE,MAAM;GAAE,MAAM;GAAS,SAAS,KAAA;EAAU;CAC5C;CACA,OAAO,CAAC,aAAa;CACrB,MAAM,OAAO,EAAE,OAAO,QAAQ;EAC5B,MAAM,OAAO,IAAsC,IAAI;EACvD,MAAM,SAAS,IAAI,KAAK;EACxB,MAAM,OAAO,SAAkB;GAC7B,OAAO,QAAQ;GACf,KAAK,eAAe,IAAI;EAC1B;EACA,aAAa,CACX,SAAS,aAAa,MAAM,UAAU,CAAC,GAAG;GACxC,cAAc,OAAO,QAAQ,SAAS;GACtC,iBAAiB;GACjB,iBAAiB,OAAO;GACxB,YAAY,UAAiB,KAAK,OAAO,OAAO,KAAK;EACvD,CAAC,GACD,EAAE,MAAM;GAAE,KAAK;GAAM,OAAO;GAAM,OAAO,QAAQ,MAAM,KAAK;GAAG,OAAO,MAAM,IAAI;GAAS,cAAc,IAAI,IAAI;GAAG,cAAc,IAAI,KAAK;EAAE,GAAG,EAC5I,OAAO,EAAE,MAAM,OAAO,WAA2E;GAC/F,MAAM,QAAQ,KAAK;GACnB,IAAI,MAAM,SAAS,SAAS,OAAO,EAAE,OAAO,EAAE,OAAO,gBAAgB,GAAG,MAAM,KAAK;GACnF,OAAO,EAAE,KAAK;IAAE,GAAG,KAAK;IAAQ,OAAO;KAAC,KAAK,OAAO;KAAO;KAAe,MAAM,UAAU,WAAW;IAAgB;GAAE,GAAG;IACxH,MAAM,OAAO,EAAEA,WAAM,EAAE,MAAM,MAAM,KAAK,CAAC,IAAI,MAAM,SAAS,aAAa,EAAE,QAAQ,EAAE,OAAO,gBAAgB,GAAG,MAAM,UAAU,CAAC,EAAEA,WAAM,EAAE,MAAM,iBAAiB,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI;IAC7K,EAAE,QAAQ,EAAE,OAAO,eAAe,GAAG,CAAC,EAAE,QAAQ,MAAM,KAAK,GAAG,MAAM,cAAc,EAAE,QAAQ,EAAE,OAAO,sBAAsB,GAAG,MAAM,WAAW,IAAI,IAAI,CAAC;IACxJ,MAAM,MAAM,SAAS,EAAE,QAAQ,EAAE,OAAO,eAAe,GAAG,QAAQ,MAAM,IAAI,CAAC,IAAI;GACnF,CAAC;EACH,EACF,CAAC,CACH;CACF;AACF,CAAC"}
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { createBlock, defineComponent, openBlock, renderSlot, unref, withCtx } from "vue";
|
|
2
|
-
import InputGroup from "primevue/inputgroup";
|
|
3
|
-
//#region src/vue/kit/primevue/FieldGroup.vue
|
|
4
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
5
|
-
__name: "FieldGroup",
|
|
6
|
-
props: { size: {} },
|
|
7
|
-
setup(__props) {
|
|
8
|
-
return (_ctx, _cache) => {
|
|
9
|
-
return openBlock(), createBlock(unref(InputGroup), {
|
|
10
|
-
class: "sk-field-group",
|
|
11
|
-
"data-size": __props.size
|
|
12
|
-
}, {
|
|
13
|
-
default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
|
|
14
|
-
_: 3
|
|
15
|
-
}, 8, ["data-size"]);
|
|
16
|
-
};
|
|
17
|
-
}
|
|
18
|
-
});
|
|
19
|
-
//#endregion
|
|
20
|
-
export { _sfc_main as default };
|
|
21
|
-
|
|
22
|
-
//# sourceMappingURL=FieldGroup.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FieldGroup.js","names":["_openBlock","_createBlock","_unref","_withCtx","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/FieldGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport InputGroup from 'primevue/inputgroup'\nimport type { FieldGroupProps } from '../types'\n\ndefineProps<FieldGroupProps>()\n</script>\n\n<template>\n <InputGroup class=\"sk-field-group\" :data-size=\"size\">\n <slot />\n </InputGroup>\n</template>\n"],"mappings":";;;;;;;;GAQE,OAAAA,UAAA,GAAAC,YAEaC,MAAA,UAAA,GAAA;IAFD,OAAM;IAAkB,aAAW,QAAA;;IAC7C,SAAAC,cAAQ,CAARC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId } from "vue";
|
|
2
|
-
//#region src/vue/kit/primevue/FormField.vue
|
|
3
|
-
const _hoisted_1 = ["aria-labelledby"];
|
|
4
|
-
const _hoisted_2 = {
|
|
5
|
-
key: 0,
|
|
6
|
-
class: "sk-form-field-head"
|
|
7
|
-
};
|
|
8
|
-
const _hoisted_3 = ["id"];
|
|
9
|
-
const _hoisted_4 = {
|
|
10
|
-
key: 0,
|
|
11
|
-
class: "sk-form-field-required",
|
|
12
|
-
"aria-hidden": "true"
|
|
13
|
-
};
|
|
14
|
-
const _hoisted_5 = {
|
|
15
|
-
key: 1,
|
|
16
|
-
class: "sk-form-field-description"
|
|
17
|
-
};
|
|
18
|
-
const _hoisted_6 = { class: "sk-form-field-control" };
|
|
19
|
-
const _hoisted_7 = {
|
|
20
|
-
key: 1,
|
|
21
|
-
class: "sk-form-field-help"
|
|
22
|
-
};
|
|
23
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
24
|
-
__name: "FormField",
|
|
25
|
-
props: {
|
|
26
|
-
label: {},
|
|
27
|
-
description: {},
|
|
28
|
-
help: {},
|
|
29
|
-
required: { type: Boolean },
|
|
30
|
-
orientation: {},
|
|
31
|
-
size: {}
|
|
32
|
-
},
|
|
33
|
-
setup(__props) {
|
|
34
|
-
const props = __props;
|
|
35
|
-
const labelId = useId();
|
|
36
|
-
return (_ctx, _cache) => {
|
|
37
|
-
return openBlock(), createElementBlock("div", {
|
|
38
|
-
class: normalizeClass(["sk-form-field", props.orientation === "horizontal" ? "sk-form-field-row" : void 0]),
|
|
39
|
-
role: "group",
|
|
40
|
-
"aria-labelledby": __props.label ? unref(labelId) : void 0
|
|
41
|
-
}, [
|
|
42
|
-
__props.label || __props.description ? (openBlock(), createElementBlock("div", _hoisted_2, [__props.label ? (openBlock(), createElementBlock("span", {
|
|
43
|
-
key: 0,
|
|
44
|
-
id: unref(labelId),
|
|
45
|
-
class: "sk-form-field-label"
|
|
46
|
-
}, [createTextVNode(toDisplayString(__props.label), 1), __props.required ? (openBlock(), createElementBlock("span", _hoisted_4, " *")) : createCommentVNode("v-if", true)], 8, _hoisted_3)) : createCommentVNode("v-if", true), __props.description ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.description), 1)) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true),
|
|
47
|
-
createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "default")]),
|
|
48
|
-
__props.help ? (openBlock(), createElementBlock("span", _hoisted_7, toDisplayString(__props.help), 1)) : createCommentVNode("v-if", true)
|
|
49
|
-
], 10, _hoisted_1);
|
|
50
|
-
};
|
|
51
|
-
}
|
|
52
|
-
});
|
|
53
|
-
//#endregion
|
|
54
|
-
export { _sfc_main as default };
|
|
55
|
-
|
|
56
|
-
//# sourceMappingURL=FormField.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createTextVNode","_toDisplayString","_createCommentVNode","_createElementVNode","_renderSlot"],"sources":["../../../../src/vue/kit/primevue/FormField.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { useId } from 'vue'\nimport type { FormFieldProps } from '../types'\n\nconst props = defineProps<FormFieldProps>()\nconst labelId = useId()\n</script>\n\n<template>\n <div class=\"sk-form-field\" :class=\"props.orientation === 'horizontal' ? 'sk-form-field-row' : undefined\" role=\"group\" :aria-labelledby=\"label ? labelId : undefined\">\n <div v-if=\"label || description\" class=\"sk-form-field-head\">\n <span v-if=\"label\" :id=\"labelId\" class=\"sk-form-field-label\">{{ label }}<span v-if=\"required\" class=\"sk-form-field-required\" aria-hidden=\"true\"> *</span></span>\n <span v-if=\"description\" class=\"sk-form-field-description\">{{ description }}</span>\n </div>\n <div class=\"sk-form-field-control\">\n <slot />\n </div>\n <span v-if=\"help\" class=\"sk-form-field-help\">{{ help }}</span>\n </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAIA,MAAM,QAAQ;EACd,MAAM,UAAU,MAAM;;GAIpB,OAAAA,UAAA,GAAAC,mBASM,OAAA;IATD,OAAKC,eAAA,CAAC,iBAAwB,MAAM,gBAAW,eAAA,sBAA0C,KAAA,CAAS,CAAA;IAAE,MAAK;IAAS,mBAAiB,QAAA,QAAQC,MAAA,OAAA,IAAU,KAAA;;IAC7I,QAAA,SAAS,QAAA,eAApBH,UAAA,GAAAC,mBAGM,OAHN,YAGM,CAFQ,QAAA,SAAZD,UAAA,GAAAC,mBAAgK,QAAA;;KAA5I,IAAIE,MAAA,OAAA;KAAS,OAAM;IAAyB,GAAA,CAAAC,gBAAAC,gBAAA,QAAA,KAAK,GAAA,CAAA,GAAe,QAAA,YAAZL,UAAA,GAAAC,mBAAiF,QAAjF,YAAwE,IAAE,KAAAK,mBAAA,QAAA,IAAA,CAAA,GAAA,GAAA,UAAA,KAAAA,mBAAA,QAAA,IAAA,GACtI,QAAA,eAAZN,UAAA,GAAAC,mBAAmF,QAAnF,YAAmFI,gBAArB,QAAA,WAAW,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA,CAAA,CAAA,KAAAA,mBAAA,QAAA,IAAA;IAE3EC,mBAEM,OAFN,YAEM,CADJC,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA;IAEE,QAAA,QAAZR,UAAA,GAAAC,mBAA8D,QAA9D,YAA8DI,gBAAd,QAAA,IAAI,GAAA,CAAA,KAAAC,mBAAA,QAAA,IAAA"}
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import { iconifyName } from "./shared.js";
|
|
2
|
-
import { computed, createBlock, defineComponent, openBlock, unref } from "vue";
|
|
3
|
-
import { Icon } from "@iconify/vue";
|
|
4
|
-
//#region src/vue/kit/primevue/Icon.vue
|
|
5
|
-
const _sfc_main = /*@__PURE__*/ defineComponent({
|
|
6
|
-
__name: "Icon",
|
|
7
|
-
props: { name: {} },
|
|
8
|
-
setup(__props) {
|
|
9
|
-
const props = __props;
|
|
10
|
-
const icon = computed(() => iconifyName(props.name));
|
|
11
|
-
return (_ctx, _cache) => {
|
|
12
|
-
return openBlock(), createBlock(unref(Icon), {
|
|
13
|
-
icon: icon.value,
|
|
14
|
-
class: "shrink-0",
|
|
15
|
-
"aria-hidden": "true"
|
|
16
|
-
}, null, 8, ["icon"]);
|
|
17
|
-
};
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
//#endregion
|
|
21
|
-
export { _sfc_main as default };
|
|
22
|
-
|
|
23
|
-
//# sourceMappingURL=Icon.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","names":["_openBlock","_createBlock","_unref","IconifyIcon"],"sources":["../../../../src/vue/kit/primevue/Icon.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { Icon as IconifyIcon } from '@iconify/vue'\nimport { computed } from 'vue'\nimport type { IconProps } from '../types'\nimport { iconifyName } from './shared'\n\n// Iconify's runtime loads icon data from the Iconify API unless the host registered the collection\n// (`addCollection` from `@iconify/vue`, e.g. from `@iconify-json/lucide`): offline apps do that once.\nconst props = defineProps<IconProps>()\nconst icon = computed(() => iconifyName(props.name))\n</script>\n\n<template>\n <IconifyIcon :icon=\"icon\" class=\"shrink-0\" aria-hidden=\"true\" />\n</template>\n"],"mappings":";;;;;;;;EAQA,MAAM,QAAQ;EACd,MAAM,OAAO,eAAe,YAAY,MAAM,IAAI,CAAC;;GAIjD,OAAAA,UAAA,GAAAC,YAAgEC,MAAAC,IAAA,GAAA;IAAlD,MAAM,KAAA;IAAM,OAAM;IAAW,eAAY"}
|