@revenexx/editor 0.1.0

package/dist/runtime/editor/features/options/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/options/types.d.ts

@@ -0,0 +1,21 @@
+export type UpdateBlockOptionEvent = {
+    uuid: string;
+    key: string;
+    value: string;
+};
+export type UpdateHostOptionEvent = {
+    key: string;
+    value: string;
+};
+declare module '#blokkli/editor/adapter' {
+    interface BlokkliAdapter<T> {
+        /**
+         * Update multiple options.
+         */
+        updateOptions?: (options: UpdateBlockOptionEvent[]) => Promise<MutationResponseLike<T>>;
+        /**
+         * Update multiple host options.
+         */
+        updateHostOptions?: (options: UpdateHostOptionEvent[]) => Promise<MutationResponseLike<T>>;
+    }
+}

package/dist/runtime/editor/features/ownership/Banner/index.d.vue.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    canTakeOwnership: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/ownership/Banner/index.vue

@@ -0,0 +1,47 @@
+<template>
+  <Banner
+    id="ownership"
+  >
+    <BannerInner
+      icon="bk_mdi_person-fill"
+      :text
+      :button
+      @click="$emit('submit')"
+    />
+  </Banner>
+</template>
+
+<script setup>
+import { computed, useBlokkli, onMounted, onBeforeUnmount } from "#imports";
+import { Banner, BannerInner } from "#blokkli/editor/components";
+const props = defineProps({
+  canTakeOwnership: { type: Boolean, required: true }
+});
+defineEmits(["submit"]);
+const { state, $t, ui } = useBlokkli();
+const name = computed(() => {
+  const v = state.owner.value?.name;
+  if (v) {
+    return `<strong>${v}</strong>`;
+  }
+  return "";
+});
+const text = computed(() => {
+  return $t(
+    "ownershipNote",
+    "This page is currently being edited by @name. Changes can only be made by one person at a time."
+  ).replace("@name", name.value);
+});
+const button = computed(() => {
+  if (!props.canTakeOwnership) {
+    return void 0;
+  }
+  return $t("ownershipTakeOwnership", "Assign to me");
+});
+onMounted(() => {
+  ui.setSelectionColor("ownership", "mono");
+});
+onBeforeUnmount(() => {
+  ui.removeSelectionColor("ownership");
+});
+</script>

package/dist/runtime/editor/features/ownership/Banner/index.vue.d.ts

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    canTakeOwnership: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    submit: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/ownership/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/ownership/index.vue

@@ -0,0 +1,44 @@
+<template>
+  <Teleport to="#bk-banner-list">
+    <OwnershipBanner
+      v-if="shouldRender"
+      :can-take-ownership
+      @submit="takeOwnership"
+    />
+  </Teleport>
+</template>
+
+<script setup>
+import { useBlokkli, defineBlokkliFeature, computed } from "#imports";
+import OwnershipBanner from "./Banner/index.vue";
+const { adapter } = defineBlokkliFeature({
+  id: "ownership",
+  icon: "bk_mdi_person-fill",
+  label: "Ownership",
+  requiredAdapterMethods: ["takeOwnership"],
+  description: "Renders a large button to take ownership of the current edit state."
+});
+const { state, $t, permissions } = useBlokkli();
+const shouldRender = computed(
+  () => state.stateAvailable.value && !state.owner.value?.currentUserIsOwner && state.permissions.value.includes("edit")
+);
+const canTakeOwnership = computed(
+  () => permissions.hasPermission("take_ownership")
+);
+function takeOwnership() {
+  if (!canTakeOwnership.value) {
+    return;
+  }
+  state.mutateWithLoadingState(
+    () => adapter.takeOwnership(),
+    $t("ownershipError", "Error in assigning"),
+    $t("ownershipSuccess", "You are now the owner.")
+  );
+}
+</script>
+
+<script>
+export default {
+  name: "Ownership"
+};
+</script>

package/dist/runtime/editor/features/ownership/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/ownership/types.d.ts

@@ -0,0 +1,14 @@
+declare module '#blokkli/editor/adapter' {
+    interface BlokkliAdapter<T> {
+        /**
+         * Take ownership of the edit state.
+         */
+        takeOwnership?: () => Promise<MutationResponseLike<T>>;
+    }
+}
+declare module '#blokkli/editor/types/permissions' {
+    interface UserPermissionMap {
+        take_ownership: 'Take ownership of edit state';
+    }
+}
+export {};

package/dist/runtime/editor/features/ownership/types.js

@@ -0,0 +1 @@
+export {};

package/dist/runtime/editor/features/preview/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/preview/index.vue

@@ -0,0 +1,41 @@
+<template>
+  <PluginToolbarButton
+    id="preview_new_window"
+    :title="$t('previewNewWindow', 'Preview (new window)')"
+    region="after-menu"
+    icon="bk_mdi_open_in_new"
+    :disabled="!state.canEdit.value"
+    :tour-text="
+  $t(
+    'previewNewWindowTourText',
+    'Opens a preview of the current changes in a new window.'
+  )
+"
+    @click="openPreview"
+  />
+</template>
+
+<script setup>
+import { computed, useBlokkli, useRoute, defineBlokkliFeature } from "#imports";
+import { PluginToolbarButton } from "#blokkli/editor/plugins";
+defineBlokkliFeature({
+  id: "preview",
+  label: "Preview",
+  icon: "bk_mdi_mobile",
+  description: "Provides a button to open a preview in a new window."
+});
+const { $t, state } = useBlokkli();
+const route = useRoute();
+const previewUrl = computed(
+  () => route.fullPath.replace("blokkliEditing", "blokkliPreview")
+);
+function openPreview() {
+  window.open(previewUrl.value);
+}
+</script>
+
+<script>
+export default {
+  name: "Preview"
+};
+</script>

package/dist/runtime/editor/features/preview/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/preview-grant/QrCode/index.d.vue.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    url: string;
+};
+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/editor/features/preview-grant/QrCode/index.vue

@@ -0,0 +1,38 @@
+<template>
+  <div>
+    <PanelSection :title="$t('qrCode', 'QR code')" padded>
+      <QrCodeVue
+        :value="fullUrl"
+        :size="430"
+        level="H"
+        class="_bk_!w-full _bk_!h-auto _bk_aspect-square"
+      />
+    </PanelSection>
+    <PanelSection :title="$t('link', 'Link')" padded>
+      <p class="_bk_mb-15">
+        {{
+          $t("previewQrCodeText", "You can also copy the link and share it.")
+        }}
+      </p>
+      <input :value="fullUrl" class="bk-form-input" readonly @focus="onFocus" />
+    </PanelSection>
+  </div>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import QrCodeVue from "qrcode.vue";
+import PanelSection from "#blokkli/editor/components/Panel/Section/index.vue";
+const { $t } = useBlokkli();
+const props = defineProps({
+  url: { type: String, required: true }
+});
+const fullUrl = computed(() => {
+  return window.location.origin + props.url;
+});
+function onFocus(e) {
+  if (e.target && e.target instanceof HTMLInputElement) {
+    e.target.select();
+  }
+}
+</script>

package/dist/runtime/editor/features/preview-grant/QrCode/index.vue.d.ts

@@ -0,0 +1,6 @@
+type __VLS_Props = {
+    url: string;
+};
+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/editor/features/preview-grant/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/preview-grant/index.vue

@@ -0,0 +1,78 @@
+<template>
+  <PluginToolbarButton
+    v-if="!ui.isMobile.value"
+    id="preview_with_smartphone"
+    :title="$t('previewWithSmartphone', 'Preview (with smartphone)')"
+    :disabled="!state.canEdit.value"
+    weight="20"
+    :tour-text="
+  $t(
+    'previewWithSmartphoneTourText',
+    'Shows a QR code to quickly open a preview of the changes with your smartphone.'
+  )
+"
+    region="after-menu"
+    icon="bk_mdi_qr_code"
+    @click="qrCodeVisible = true"
+  />
+
+  <Teleport :to="ui.mainLayoutElement.value">
+    <BlokkliTransition name="slide-up">
+      <DialogModal
+        v-if="qrCodeVisible"
+        id="preview-grant"
+        :title="$t('previewDialogTitle', 'Preview with smartphone')"
+        :lead="
+  $t(
+    'previewDialogLead',
+    'Scan the QR code with your smartphone to open the preview.'
+  )
+"
+        :submit-label="$t('close', 'Close')"
+        is-danger
+        hide-buttons
+        :width="490"
+        mono
+        @submit="qrCodeVisible = false"
+        @cancel="qrCodeVisible = false"
+      >
+        <QrCode v-if="previewGrantUrl" :url="previewGrantUrl" />
+      </DialogModal>
+    </BlokkliTransition>
+  </Teleport>
+</template>
+
+<script setup>
+import {
+  ref,
+  watch,
+  useBlokkli,
+  defineBlokkliFeature,
+  defineAsyncComponent
+} from "#imports";
+import { PluginToolbarButton } from "#blokkli/editor/plugins";
+import { DialogModal, BlokkliTransition } from "#blokkli/editor/components";
+const QrCode = defineAsyncComponent(() => import("./QrCode/index.vue"));
+const { adapter } = defineBlokkliFeature({
+  id: "preview-grant",
+  label: "Preview Grant",
+  icon: "bk_mdi_qr_code",
+  description: "Provides a button to open a dialog with a QR code to preview the page on a smartphone.",
+  requiredAdapterMethods: ["getPreviewGrantUrl"],
+  viewports: ["desktop"]
+});
+const { $t, ui, state } = useBlokkli();
+const qrCodeVisible = ref(false);
+const previewGrantUrl = ref("");
+watch(qrCodeVisible, async function(isVisible) {
+  if (isVisible && !previewGrantUrl.value) {
+    previewGrantUrl.value = await adapter.getPreviewGrantUrl();
+  }
+});
+</script>
+
+<script>
+export default {
+  name: "PreviewGrant"
+};
+</script>

package/dist/runtime/editor/features/preview-grant/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/preview-grant/types.d.ts

@@ -0,0 +1,11 @@
+declare module '#blokkli/editor/adapter' {
+    interface BlokkliAdapter<T> {
+        /**
+         * Get the shareable preview URL.
+         *
+         * This should return a URL that can be used to bypass logins, using a token or similar, that can be shared with non-editing people.
+         */
+        getPreviewGrantUrl?: () => Promise<string | undefined | null> | string | undefined | null;
+    }
+}
+export {};

package/dist/runtime/editor/features/preview-grant/types.js

@@ -0,0 +1 @@
+export {};

package/dist/runtime/editor/features/proxy-view/index.d.vue.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/proxy-view/index.vue

@@ -0,0 +1,43 @@
+<template>
+  <div />
+</template>
+
+<script setup>
+import { useBlokkli, defineBlokkliFeature, watch } from "#imports";
+import { defineViewOption } from "#blokkli/editor/composables";
+defineBlokkliFeature({
+  id: "proxy_view",
+  label: "Proxy View",
+  icon: "bk_mdi_account_tree",
+  description: "Displays the blocks as a structure in the preview.",
+  viewports: ["desktop"]
+});
+const { $t, ui, eventBus } = useBlokkli();
+const { isVisible } = defineViewOption({
+  id: "proxy_view",
+  label: $t("viewOptionStructureView", "Structure view"),
+  description: $t(
+    "viewOptionStructureViewDescription",
+    "Shows blocks as a structured outline instead of the rendered preview."
+  ),
+  tourText: $t(
+    "proxyViewTourText",
+    "Displays the content blocks as a structured view."
+  ),
+  icon: "bk_mdi_account_tree"
+});
+watch(
+  isVisible,
+  (v) => {
+    ui.isProxyMode.value = v;
+    eventBus.emit("state:reloaded");
+  },
+  { immediate: true }
+);
+</script>
+
+<script>
+export default {
+  name: "ProxyView"
+};
+</script>

package/dist/runtime/editor/features/proxy-view/index.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: typeof __VLS_export;
+export default _default;
+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>;

package/dist/runtime/editor/features/publish/Dialog/Item.d.vue.ts

@@ -0,0 +1,22 @@
+import type { MutationStatus } from './types.js';
+import type { GetEditStatesItem } from '../types.js';
+type __VLS_Props = GetEditStatesItem & {
+    id: string;
+    isCurrent: boolean;
+    shouldPublish: boolean;
+    isMutating: boolean;
+    mutationStatus?: MutationStatus;
+    isScheduled: boolean;
+    scheduleDate: string;
+};
+type __VLS_ModelProps = {
+    modelValue?: string[];
+};
+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: string[]) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string[]) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/runtime/editor/features/publish/Dialog/Item.vue

@@ -0,0 +1,187 @@
+<template>
+  <tr
+    :class="{
+  'bk-is-success': isSuccess,
+  'bk-is-error': isError,
+  'bk-is-warning': isScheduled && isSelected && !isSuccess
+}"
+  >
+    <td
+      class="_bk_w-full _bk_pl-3"
+      :class="{
+  '_bk_bg-red-normal/10!': isError,
+  '_bk_bg-lime-light/40!': isSuccess,
+  '_bk_bg-mono-100': !isError && !isSuccess && isSelected
+}"
+    >
+      <label class="bk-checkbox">
+        <input
+          v-if="isCurrent || isMutating || isSuccess"
+          :checked="isSelected"
+          type="checkbox"
+          disabled
+        />
+        <input v-else v-model="modelValue" type="checkbox" :value="id" />
+        <span />
+
+        <div>
+          <div>
+            <strong>{{ title }}</strong>
+          </div>
+          <div>
+            {{ bundleLabel }}
+          </div>
+        </div>
+        <Pill
+          v-if="isCurrent"
+          :text="$t('publishCurrentPage', 'Current page')"
+        />
+      </label>
+    </td>
+    <td
+      class="_bk_text-right _bk_whitespace-nowrap _bk_pl-18"
+      :class="{
+  '_bk_bg-red-normal/10!': isError,
+  '_bk_bg-lime-light/40!': isSuccess,
+  '_bk_bg-mono-100': !isError && !isSuccess && isSelected
+}"
+    >
+      <span v-if="mutationStatusLabel">{{ mutationStatusLabel }}</span>
+      <span v-else-if="isSelected">{{ newStatus.label }}</span>
+    </td>
+    <td
+      class="_bk_text-right _bk_whitespace-nowrap _bk_pl-18 _bk_[&>div]:w-[60px] _bk_[&>div]:flex _bk_[&>div]:items-center _bk_[&>div]:justify-end _bk_[&>div]:gap-10"
+      :class="{
+  '_bk_bg-red-normal/10!': isError,
+  '_bk_bg-lime-light/40!': isSuccess,
+  '_bk_bg-mono-100': !isError && !isSuccess && isSelected
+}"
+    >
+      <div v-if="isSuccess">
+        <StatusIndicator :status="newStatusPropValue" class="_bk_mx-0" />
+      </div>
+      <div v-else-if="isSelected && isMutating">
+        <Icon
+          name="loader"
+          class="_bk_[&_svg]:size-30 _bk_[&_svg]:fill-mono-500 _bk_mr-15"
+        />
+      </div>
+      <div v-else-if="isSelected">
+        <StatusIndicator
+          :status="isCurrentlyPublished ? 'success' : 'error'"
+          class="_bk_mx-0"
+        />
+        <template v-if="newStatus.status !== isCurrentlyPublished">
+          <Icon name="arrow-right-thin" class="_bk_[&_svg]:size-15" />
+          <StatusIndicator :status="newStatusPropValue" class="_bk_mx-0" />
+        </template>
+      </div>
+    </td>
+  </tr>
+</template>
+
+<script setup>
+import { computed, useBlokkli } from "#imports";
+import { Icon, StatusIndicator, Pill } from "#blokkli/editor/components";
+const { $t } = useBlokkli();
+const props = defineProps({
+  hostEntityType: { type: String, required: true },
+  hostEntityUuid: { type: String, required: true },
+  entity: { type: Object, required: true },
+  currentUserIsOwner: { type: Boolean, required: true },
+  lastChanged: { type: String, required: true },
+  pendingChanges: { type: Number, required: true },
+  ownerName: { type: String, required: true },
+  url: { type: String, required: true },
+  id: { type: String, required: true },
+  isCurrent: { type: Boolean, required: true },
+  shouldPublish: { type: Boolean, required: true },
+  isMutating: { type: Boolean, required: true },
+  mutationStatus: { type: Object, required: false },
+  isScheduled: { type: Boolean, required: true },
+  scheduleDate: { type: String, required: true }
+});
+const modelValue = defineModel({ type: Array, ...{
+  default: () => {
+    return [];
+  }
+} });
+const isSelected = computed(
+  () => props.isCurrent || modelValue.value.includes(props.id)
+);
+const isSuccess = computed(() => props.mutationStatus?.success);
+const isError = computed(
+  () => !isSuccess.value && !!(props.mutationStatus?.errors?.length || props.mutationStatus?.violations?.length)
+);
+const mutationStatusLabel = computed(() => {
+  if (isSuccess.value) {
+    if (props.isScheduled) {
+      return $t("publishPublicationScheduled", "Publication scheduled");
+    } else if (props.entity.status && props.shouldPublish) {
+      return $t("publishSuccessfullyPublished", "Successfully published");
+    } else {
+      return $t("publishSuccessfullySaved", "Successfully saved");
+    }
+  }
+  return null;
+});
+const isCurrentlyPublished = computed(() => props.entity.status);
+const title = computed(() => props.entity.label);
+const bundleLabel = computed(() => props.entity.bundleLabel);
+const newStatus = computed(() => {
+  if (isSelected.value && props.isScheduled) {
+    return {
+      label: $t("publishWillBeScheduled", "Will be scheduled"),
+      status: "scheduled"
+    };
+  } else if (isSelected.value && isCurrentlyPublished.value && !props.shouldPublish) {
+    return {
+      label: $t("publishRemainsPublished", "Remains published"),
+      status: true
+    };
+  } else if (isSelected.value && !isCurrentlyPublished.value && props.shouldPublish) {
+    return {
+      label: $t("publishWillBePublished", "Will be published"),
+      status: true
+    };
+  } else if (isSelected.value && isCurrentlyPublished.value) {
+    return {
+      label: $t("publishRemainsPublished", "Remains published"),
+      status: true
+    };
+  } else if (isSelected.value && !isCurrentlyPublished.value) {
+    return {
+      label: $t("publishRemainsUnpublished", "Remains unpublished"),
+      status: false
+    };
+  }
+  return { label: "", status: false };
+});
+const newStatusPropValue = computed(() => {
+  if (newStatus.value.status === true) {
+    return "success";
+  } else if (newStatus.value.status === "scheduled") {
+    return "warning";
+  }
+  return "error";
+});
+</script>
+
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
+.bk tr.bk-is-success input:checked + span:before {
+  background-color: rgb(var(--bk-theme-lime-normal) / 1) !important;
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .bk tr.bk-is-success input:checked + span:before {
+    background-color: color-mix(in oklab, rgb(var(--bk-theme-lime-normal) / 1) 50%, transparent) !important;
+  }
+}
+.bk tr.bk-is-error input:checked + span:before {
+  background-color: rgb(var(--bk-theme-red-normal) / 1) !important;
+}
+@supports (color: color-mix(in lab, red, red)) {
+  .bk tr.bk-is-error input:checked + span:before {
+    background-color: color-mix(in oklab, rgb(var(--bk-theme-red-normal) / 1) 90%, transparent) !important;
+  }
+}
+</style>