@blokkli/editor 2.0.0-alpha.27 → 2.0.0-alpha.29

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

@@ -0,0 +1,47 @@
+<template>
+  <label
+    class="bk-publish-option"
+    :class="[
+  'bk-is-' + color,
+  {
+    'bk-is-disabled': disabled
+  }
+]"
+  >
+    <input
+      v-model="value"
+      type="radio"
+      :value="id"
+      required
+      name="publish-mode"
+      :disabled
+    />
+    <div class="bk-publish-option-icon">
+      <Icon :name="icon" />
+      <div class="bk-publish-option-icon-check">
+        <Icon name="bk_mdi_check" />
+      </div>
+    </div>
+    <div>
+      <div class="bk-publish-option-label">
+        {{ label }}
+      </div>
+      <div class="bk-publish-option-description">
+        {{ description }}
+      </div>
+    </div>
+  </label>
+</template>
+
+<script setup>
+import { Icon } from "#blokkli/editor/components";
+defineProps({
+  id: { type: String, required: true },
+  label: { type: String, required: true },
+  description: { type: String, required: true },
+  icon: { type: null, required: true },
+  color: { type: String, required: true },
+  disabled: { type: Boolean, required: false }
+});
+const value = defineModel({ type: String });
+</script>

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

@@ -0,0 +1,21 @@
+import type { BlokkliIcon } from '#blokkli-build/icons';
+export type PublishOptionProps = {
+    id: string;
+    label: string;
+    description: string;
+    icon: BlokkliIcon;
+    color: 'lime' | 'yellow' | 'red';
+    disabled?: boolean;
+};
+type __VLS_Props = PublishOptionProps;
+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 | undefined) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | undefined) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

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

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    isPublished: boolean;
+    mode: 'immediate' | 'scheduled' | 'save';
+    currentStateLabel: string;
+    actionLabel: string;
+    resultStateLabel: 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/publish/Dialog/Summary.vue

@@ -0,0 +1,83 @@
+<template>
+  <div class="bk-publish-summary">
+    <!-- Current State -->
+    <div class="bk-publish-summary-state">
+      <div class="bk-publish-summary-state-icon" :class="currentStateClass">
+        <Icon :name="currentStateIcon" />
+      </div>
+      <div class="bk-publish-summary-state-label">
+        {{ currentStateLabel }}
+      </div>
+    </div>
+
+    <!-- Arrow -->
+    <div class="bk-publish-summary-arrow">
+      <Icon name="bk_mdi_arrow_right" />
+    </div>
+
+    <!-- Action -->
+    <div class="bk-publish-summary-action">
+      <div class="bk-publish-summary-action-icon" :class="actionClass">
+        <Icon :name="actionIcon" />
+      </div>
+      <div class="bk-publish-summary-action-label">
+        {{ actionLabel }}
+      </div>
+    </div>
+
+    <!-- Arrow -->
+    <div class="bk-publish-summary-arrow">
+      <Icon name="bk_mdi_arrow_left" />
+    </div>
+
+    <!-- Result State -->
+    <div class="bk-publish-summary-state" :class="resultStateClass">
+      <div>
+        <Icon :name="resultStateIcon" />
+      </div>
+      <div class="bk-publish-summary-state-label">
+        {{ resultStateLabel }}
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { computed } from "#imports";
+import { Icon } from "#blokkli/editor/components";
+const props = defineProps({
+  isPublished: { type: Boolean, required: true },
+  mode: { type: String, required: true },
+  currentStateLabel: { type: String, required: true },
+  actionLabel: { type: String, required: true },
+  resultStateLabel: { type: String, required: true }
+});
+const currentStateIcon = computed(
+  () => props.isPublished ? "bk_mdi_visibility" : "bk_mdi_visibility_off"
+);
+const currentStateClass = computed(
+  () => props.isPublished ? "bk-is-published" : "bk-is-unpublished"
+);
+const resultStateIcon = computed(() => {
+  if (props.mode === "save") {
+    return "bk_mdi_visibility_off";
+  }
+  return "bk_mdi_visibility";
+});
+const resultStateClass = computed(() => {
+  if (props.mode === "save") {
+    return "bk-is-unpublished";
+  }
+  return "bk-is-published";
+});
+const actionIcon = computed(() => {
+  if (props.mode === "save") return "bk_mdi_save";
+  if (props.mode === "scheduled") return "bk_mdi_calendar_clock";
+  return "bk_mdi_publish";
+});
+const actionClass = computed(() => {
+  if (props.mode === "save") return "bk-is-save";
+  if (props.mode === "scheduled") return "bk-is-scheduled";
+  return "bk-is-publish";
+});
+</script>

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

@@ -0,0 +1,10 @@
+type __VLS_Props = {
+    isPublished: boolean;
+    mode: 'immediate' | 'scheduled' | 'save';
+    currentStateLabel: string;
+    actionLabel: string;
+    resultStateLabel: 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/publish/Dialog/index.d.vue.ts

@@ -0,0 +1,9 @@
+declare const __VLS_export: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    close: () => void;
+    submit: () => void;
+}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
+    onClose?: (() => any) | undefined;
+    onSubmit?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;