@xleddyl/nuxt-cms 0.9.4 → 0.10.0

package/dist/runtime/app/components/cms/StatusBadge.vue

@@ -1,15 +1,16 @@
 <template>
-   <KBadge
-      :label="scheduled ? 'Scheduled' : published ? 'Published' : 'Draft'"
-      :tone="scheduled ? 'warning' : published ? 'success' : 'neutral'"
-      :variant="scheduled || published ? 'soft' : 'outline'"
-      dot
-      :title="scheduled && at ? `Goes live ${at}` : void 0"
-   />
+   <KTooltip :text="scheduled && at ? `Goes live ${at}` : void 0">
+      <KBadge
+         :label="scheduled ? 'Scheduled' : published ? 'Published' : 'Draft'"
+         :tone="scheduled ? 'warning' : published ? 'success' : 'neutral'"
+         :variant="scheduled || published ? 'soft' : 'outline'"
+         dot
+      />
+   </KTooltip>
 </template>
 
 <script setup>
-import { Badge as KBadge } from "@xleddyl/443-components-vue";
+import { Badge as KBadge, Tooltip as KTooltip } from "@xleddyl/443-components-vue";
 defineProps({
   published: { type: Boolean, required: false },
   scheduled: { type: Boolean, required: false },

package/dist/runtime/app/components/cms/TranslationBadges.d.vue.ts

@@ -0,0 +1,7 @@
+import type { TranslationProgress } from '../../../shared/translations.js';
+type __VLS_Props = {
+    progress: TranslationProgress;
+};
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/cms/TranslationBadges.vue

@@ -0,0 +1,45 @@
+<template>
+   <KStack v-if="badges.length" as="span" direction="row" gap="xs" wrap>
+      <KTooltip v-for="badge in badges" :key="badge.locale" :text="badge.title">
+         <KBadge
+            :label="badge.locale"
+            :tone="badge.tone"
+            :variant="badge.variant"
+            size="sm"
+            dot
+            class="cms-code"
+            :aria-label="badge.title"
+         />
+      </KTooltip>
+   </KStack>
+</template>
+
+<script setup>
+import { Badge as KBadge, Stack as KStack, Tooltip as KTooltip } from "@xleddyl/443-components-vue";
+import { computed } from "#imports";
+import { translationSummary } from "../../../shared/translations";
+import { useCmsRuntime } from "../../composables/cms-runtime";
+const props = defineProps({
+  progress: { type: Object, required: true }
+});
+const { i18n } = useCmsRuntime();
+const TONES = {
+  complete: "success",
+  partial: "warning",
+  missing: "danger"
+};
+const badges = computed(
+  () => i18n.locales.flatMap((locale) => {
+    const progress = props.progress[locale];
+    if (locale === i18n.defaultLocale || !progress?.total) return [];
+    return [
+      {
+        locale,
+        tone: TONES[progress.state],
+        variant: progress.state === "missing" ? "outline" : "soft",
+        title: `${locale}: ${translationSummary(progress)}`
+      }
+    ];
+  })
+);
+</script>

package/dist/runtime/app/components/cms/TranslationBadges.vue.d.ts

@@ -0,0 +1,7 @@
+import type { TranslationProgress } from '../../../shared/translations.js';
+type __VLS_Props = {
+    progress: TranslationProgress;
+};
+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>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/cms/TranslationMenu.d.vue.ts

@@ -0,0 +1,17 @@
+import type { FieldConfig } from '#nuxt-cms';
+type __VLS_Props = {
+    fields: Record<string, FieldConfig>;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+};
+type __VLS_ModelProps = {
+    modelValue: Record<string, unknown>;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/cms/TranslationMenu.vue

@@ -0,0 +1,28 @@
+<template>
+   <KDropdownMenu v-if="items.length" :items="items" placement="bottom-end">
+      <KButton
+         :icon="cmsIcon('ellipsis-horizontal')"
+         :size="size"
+         variant="ghost"
+         tone="neutral"
+         aria-label="More actions"
+      />
+   </KDropdownMenu>
+</template>
+
+<script setup>
+import { Button as KButton, DropdownMenu as KDropdownMenu } from "@xleddyl/443-components-vue";
+import { useCmsTranslationActions } from "../../composables/cms-translation-actions";
+import { cmsIcon } from "../../utils/ui";
+const props = defineProps({
+  fields: { type: Object, required: true },
+  disabled: { type: Boolean, required: false },
+  size: { type: String, required: false }
+});
+const state = defineModel({ type: Object, ...{ required: true } });
+const { items } = useCmsTranslationActions({
+  fields: () => props.fields,
+  state,
+  disabled: () => props.disabled
+});
+</script>

package/dist/runtime/app/components/cms/TranslationMenu.vue.d.ts

@@ -0,0 +1,17 @@
+import type { FieldConfig } from '#nuxt-cms';
+type __VLS_Props = {
+    fields: Record<string, FieldConfig>;
+    disabled?: boolean;
+    size?: 'sm' | 'md';
+};
+type __VLS_ModelProps = {
+    modelValue: Record<string, unknown>;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: Record<string, unknown>) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/app/components/cms/VisualEditor.d.vue.ts

@@ -1,5 +1,7 @@
 import type { FieldConfig } from '#nuxt-cms';
+import type { BreadcrumbItem } from '@xleddyl/443-components-vue';
 import type { CmsSearchFocus } from '../../../shared/search.js';
+import type { CmsResponseIssue } from '../../utils/ui.js';
 type __VLS_Props = {
     entryName: string;
     fieldKey: string;
@@ -7,26 +9,42 @@ type __VLS_Props = {
     title: string;
     content?: boolean;
     focus?: CmsSearchFocus | null;
+    locked?: string[];
+    readonly?: boolean;
+    tabQuery?: string;
+    trail?: BreadcrumbItem[];
 };
 declare function validate(): boolean;
+declare function setIssues(issues: CmsResponseIssue[]): void;
+declare function applyChange(values: Record<string, unknown>): void;
 type __VLS_ModelProps = {
     'state': Record<string, unknown>;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_15: {};
+declare var __VLS_10: {}, __VLS_19: {}, __VLS_49: {
+    compact: boolean;
+}, __VLS_222: {
+    locale: string;
+};
 type __VLS_Slots = {} & {
-    start?: (props: typeof __VLS_1) => any;
+    start?: (props: typeof __VLS_10) => any;
+} & {
+    status?: (props: typeof __VLS_19) => any;
 } & {
-    status?: (props: typeof __VLS_3) => any;
+    actions?: (props: typeof __VLS_49) => any;
 } & {
-    actions?: (props: typeof __VLS_15) => any;
+    'content-start'?: (props: typeof __VLS_222) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {
     validate: typeof validate;
+    setIssues: typeof setIssues;
+    applyChange: typeof applyChange;
     locale: import("vue").Ref<string, string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    save: () => any;
     "update:state": (value: Record<string, unknown>) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onSave?: (() => any) | undefined;
     "onUpdate:state"?: ((value: Record<string, unknown>) => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;