npm - @blokkli/editor - Versions diffs - 2.0.0-alpha.58 → 2.0.0-alpha.59 - Mend

@blokkli/editor 2.0.0-alpha.58 → 2.0.0-alpha.59

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.

Files changed (1018) hide show

package/dist/runtime/editor/components/Dialog/index.vue CHANGED Viewed

@@ -2,6 +2,8 @@
   <div
     ref="rootEl"
     class="bk bk-dialog bk-control"
+    :data-test="'dialog-' + id"
+    :class="zIndex === 'high' ? '_bk_z-dialog-high' : '_bk_z-dialog'"
     @wheel.passive.stop
     @keydown.stop="handleKeyDown"
     @keyup.stop
@@ -9,11 +11,11 @@
     @touchmove.stop
     @touchend.stop
   >
-    <div class="bk-dialog-inner" :style>
+    <div class="bk-dialog-inner _bk_rounded _bk_overflow-hidden" :style>
       <div class="bk bk-overlay-header">
         <Icon v-if="icon" :name="icon" />
         <h3>{{ title }}</h3>
-        <button @click="$emit('cancel')">
+        <button data-test="dialog-cancel" @click="$emit('cancel')">
           <Icon name="bk_mdi_close" />
         </button>
       </div>
@@ -22,9 +24,13 @@
       <div
         class="bk-dialog-content"
-        :class="{
-  'bk-is-fullscreen': fullScreen
-}"
+        :class="[
+  {
+    'bk-is-fullscreen': fullScreen,
+    'bk-is-flush': flush
+  },
+  mono ? '_bk_bg-mono-100' : '_bk_bg-white'
+]"
       >
         <div class="bk-dialog-content-inner">
           <div v-if="lead" class="bk bk-dialog-lead">
@@ -36,18 +42,27 @@
       <div v-if="$slots['pre-footer']" class="bk-dialog-pre-footer">
         <slot name="pre-footer" />
       </div>
-      <div v-if="!hideButtons" class="bk bk-dialog-footer">
-        <button
-          class="bk-button"
-          :disabled="!canSubmit"
-          :class="[
+      <div
+        v-if="!hideButtons || $slots.footer"
+        class="_bk_flex _bk_gap-10 _bk_p-15 _bk_lg:p-20 _bk_border-t _bk_bg-mono-50 _bk_border-t-mono-300 _bk_items-center"
+        :class="{
+  '_bk_mt-0!': $slots['pre-footer']
+}"
+      >
+        <slot name="footer">
+          <button
+            class="bk-button"
+            data-test="dialog-submit"
+            :disabled="!canSubmit"
+            :class="[
   { 'bk-is-loading': isLoading },
-  isDanger ? 'bk-is-danger' : 'bk-is-primary'
+  isDanger ? 'bk-scheme-red' : 'bk-scheme-accent'
 ]"
-          @click="$emit('submit')"
-        >
-          {{ submitLabel }}
-        </button>
+            @click="$emit('submit')"
+          >
+            {{ submitLabel }}
+          </button>
+        </slot>
       </div>
     </div>
   </div>
@@ -70,14 +85,17 @@ const props = defineProps({
   id: { type: String, required: true },
   title: { type: String, required: true },
   lead: { type: String, required: false, default: "" },
-  width: { type: [Number, String], required: false, default: 600 },
+  width: { type: [Number, String], required: false, default: 900 },
   submitLabel: { type: String, required: false, default: "" },
   canSubmit: { type: Boolean, required: false, default: true },
   isDanger: { type: Boolean, required: false },
   isLoading: { type: Boolean, required: false },
   hideButtons: { type: Boolean, required: false },
   icon: { type: null, required: false, default: void 0 },
-  fullScreen: { type: Boolean, required: false }
+  fullScreen: { type: Boolean, required: false },
+  flush: { type: Boolean, required: false },
+  mono: { type: Boolean, required: false },
+  zIndex: { type: String, required: false, default: "default" }
 });
 watch(ui.currentDialog, (dialog) => {
   if (dialog?.id !== props.id) {
@@ -123,7 +141,7 @@ onBlokkliEvent("keyPressed", (e) => {
 onBlokkliEvent("overlay:close", () => {
   emit("cancel");
 });
-ui.openDialog({ id: props.id, alignment: "center" });
+ui.openDialog({ id: props.id, alignment: "center", zIndex: props.zIndex });
 onBeforeUnmount(() => {
   ui.closeDialog(props.id);
 });
@@ -135,264 +153,169 @@ export default {
 };
 </script>
-<style>
+<style>/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
 .bk.bk-dialog {
-    pointer-events: none;
-    position: fixed;
-    top: 0px;
-    left: 0px;
-    bottom: 0px;
-    z-index: calc(var(--bk-z-index-base) + 370000) /* "dialog" */;
-    width: 100vw;
+  pointer-events: none;
+  position: fixed;
+  top: 0px;
+  bottom: 0px;
+  left: 0px;
+  width: 100vw;
 }
-@media (min-width: 1024px) {
-    .bk.bk-dialog {
-        padding: 15px;
-    }
+@media (width >= 64rem) {
+  .bk.bk-dialog {
+    padding: 15px;
+  }
 }
 .bk.bk-dialog {
-    display: flex;
-    align-items: center;
-    justify-content: center;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
+.bk.bk-dialog .bk-dialog-inner {
+  position: relative;
+  z-index: 20;
+  height: 100%;
+  max-height: 100%;
+  min-height: 0px;
+  width: 100%;
+  max-width: var(--breakpoint-xl, 1280px);
+  overflow: hidden;
+  background-color: white;
+  --bk-tw-shadow: 0 25px 50px -12px var(--bk-tw-shadow-color, rgb(0 0 0 / 0.25));
+  box-shadow: var(--bk-tw-inset-shadow), var(--bk-tw-inset-ring-shadow), var(--bk-tw-ring-offset-shadow), var(--bk-tw-ring-shadow), var(--bk-tw-shadow);
+}
+@media (width >= 64rem) {
   .bk.bk-dialog .bk-dialog-inner {
-    position: relative;
-    z-index: 20;
-    height: 100%;
-    max-height: 100%;
-    min-height: 0px;
-    width: 100%;
-    max-width: 1280px;
-    overflow: hidden;
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--bk-tw-bg-opacity, 1));
-    --bk-tw-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
-    --bk-tw-shadow-colored: 0 25px 50px -12px var(--bk-tw-shadow-color);
-    box-shadow: var(--bk-tw-ring-offset-shadow, 0 0 #0000), var(--bk-tw-ring-shadow, 0 0 #0000), var(--bk-tw-shadow);
+    height: auto;
+  }
 }
-  @media (min-width: 768px) {
-    .bk.bk-dialog .bk-dialog-inner {
-        border-radius: 6px;
-    }
+@media (width >= 64rem) {
+  .bk.bk-dialog .bk-dialog-inner {
+    min-width: 450px;
+  }
 }
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-inner {
-        height: auto;
-        min-width: 450px;
-    }
+.bk.bk-dialog .bk-dialog-inner {
+  display: flex;
+  flex-direction: column;
+  pointer-events: auto;
+  background-color: black;
 }
+@media (width >= 48rem) {
   .bk.bk-dialog .bk-dialog-inner {
-    display: flex;
-    flex-direction: column;
-    pointer-events: auto;
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(0 0 0 / var(--bk-tw-bg-opacity, 1));
+    background-color: white;
+  }
 }
-  @media (min-width: 768px) {
-    .bk.bk-dialog .bk-dialog-inner {
-        --bk-tw-bg-opacity: 1;
-        background-color: rgb(255 255 255 / var(--bk-tw-bg-opacity, 1));
-    }
+.bk.bk-dialog .bk-dialog-lead {
+  margin-bottom: 10px;
+  font-family: PB Inter, sans-serif;
+  font-size: var(--text-base, 16px);
+  line-height: var(--bk-tw-leading, var(--text-base--line-height, calc(1.5 / 1)));
+  color: rgb(var(--bk-theme-mono-700) / 1);
 }
+@media (width >= 48rem) {
   .bk.bk-dialog .bk-dialog-lead {
-    margin-bottom: 10px;
-    font-family: PB Inter, sans-serif;
-    font-size: 16px;
-    line-height: 24px;
-    --bk-tw-text-opacity: 1;
-    color: rgb(var(--bk-theme-mono-700) / var(--bk-tw-text-opacity, 1));
-}
-  @media (min-width: 768px) {
-    .bk.bk-dialog .bk-dialog-lead {
-        font-size: 18px;
-        line-height: 28px;
-    }
-}
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-lead {
-        margin-bottom: 20px;
-        font-size: 20px;
-        line-height: 28px;
-    }
-}
-  .bk.bk-dialog .bk-dialog-footer {
-    display: flex;
-    gap: 10px;
-    border-top-width: 1px;
-    --bk-tw-border-opacity: 1;
-    border-top-color: rgb(var(--bk-theme-mono-300) / var(--bk-tw-border-opacity, 1));
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(var(--bk-theme-mono-50) / var(--bk-tw-bg-opacity, 1));
-    padding: 15px;
-}
-  @media (min-width: 768px) {
-    .bk.bk-dialog .bk-dialog-footer {
-        margin-top: 30px;
-    }
+    font-size: var(--text-lg, 18px);
+    line-height: var(--bk-tw-leading, var(--text-lg--line-height, calc(1.75 / 1.125)));
+  }
 }
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-footer {
-        padding: 20px;
-    }
+@media (width >= 64rem) {
+  .bk.bk-dialog .bk-dialog-lead {
+    margin-bottom: 20px;
+  }
 }
-  .bk.bk-dialog .bk-dialog-footer {
-    flex: 0 0 auto;
+@media (width >= 64rem) {
+  .bk.bk-dialog .bk-dialog-lead {
+    font-size: var(--text-xl, 20px);
+    line-height: var(--bk-tw-leading, var(--text-xl--line-height, calc(1.75 / 1.25)));
   }
-  .bk.bk-dialog .bk-dialog-footer button {
-    width: 100%;
 }
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-footer button {
-        width: auto;
-    }
+.bk.bk-dialog .bk-dialog-content,.bk.bk-dialog .bk-dialog-pre-footer {
+  padding-inline: 15px;
 }
-  .bk.bk-dialog .bk-dialog-content,
-  .bk.bk-dialog .bk-dialog-pre-footer {
-    padding-left: 15px;
-    padding-right: 15px;
+@media (width >= 64rem) {
+  .bk.bk-dialog .bk-dialog-content,.bk.bk-dialog .bk-dialog-pre-footer {
+    padding-inline: 20px;
+  }
 }
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-content,
-  .bk.bk-dialog .bk-dialog-pre-footer {
-        padding-left: 20px;
-        padding-right: 20px;
-    }
+.bk.bk-dialog .bk-dialog-pre-footer {
+  border-top-style: var(--bk-tw-border-style);
+  border-top-width: 1px;
+  border-top-color: rgb(var(--bk-theme-mono-300) / 1);
+  background-color: rgb(var(--bk-theme-mono-50) / 1);
+  padding-block: 15px;
 }
-  @media (min-width: 1280px) {
-    .bk.bk-dialog .bk-dialog-content,
+@media (width >= 64rem) {
   .bk.bk-dialog .bk-dialog-pre-footer {
-        padding-left: 30px;
-        padding-right: 30px;
-    }
+    padding-block: 20px;
+  }
 }
-  .bk.bk-dialog .bk-dialog-pre-footer {
-    border-top-width: 1px;
-    --bk-tw-border-opacity: 1;
-    border-top-color: rgb(var(--bk-theme-mono-300) / var(--bk-tw-border-opacity, 1));
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(var(--bk-theme-mono-50) / var(--bk-tw-bg-opacity, 1));
-    padding-top: 15px;
-    padding-bottom: 15px;
+.bk.bk-dialog .bk-dialog-content {
+  height: 100%;
+  max-height: 100%;
+  min-height: 0px;
+  flex: 1;
+  overflow: auto;
+  border-top-left-radius: var(--radius-xl, 12px);
+  border-top-right-radius: var(--radius-xl, 12px);
+  padding-top: 15px;
 }
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-pre-footer {
-        padding-top: 20px;
-        padding-bottom: 20px;
-    }
+@media (width >= 48rem) {
+  .bk.bk-dialog .bk-dialog-content {
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
+  }
 }
-  @media (min-width: 1280px) {
-    .bk.bk-dialog .bk-dialog-pre-footer {
-        padding-top: 30px;
-        padding-bottom: 30px;
-    }
+@media (width >= 64rem) {
+  .bk.bk-dialog .bk-dialog-content {
+    height: auto;
+  }
 }
+@media (width >= 64rem) {
   .bk.bk-dialog .bk-dialog-content {
-    height: 100%;
-    max-height: 100%;
-    min-height: 0px;
-    flex: 1 1 0%;
-    overflow: auto;
-    border-top-left-radius: 12px;
-    border-top-right-radius: 12px;
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(255 255 255 / var(--bk-tw-bg-opacity, 1));
-    padding-top: 15px;
+    padding-top: 20px;
+  }
 }
-  @media (min-width: 768px) {
-    .bk.bk-dialog .bk-dialog-content {
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-    }
+.bk.bk-dialog .bk-dialog-content {
+  overscroll-behavior: contain;
 }
-  @media (min-width: 1024px) {
-    .bk.bk-dialog .bk-dialog-content {
-        height: auto;
-        padding-top: 20px;
-    }
+.bk-is-fullscreen:is(.bk.bk-dialog .bk-dialog-content) {
+  padding: 0px;
 }
-  .bk.bk-dialog .bk-dialog-content {
-    overscroll-behavior: contain;
+.bk-is-fullscreen:is(.bk.bk-dialog .bk-dialog-content) .bk-dialog-content-inner {
+  height: 100%;
+  padding: 0px;
 }
-  .bk.bk-dialog .bk-dialog-content.bk-is-fullscreen {
-    padding: 0px;
+.bk-is-flush:is(.bk.bk-dialog .bk-dialog-content) {
+  padding: 0px;
 }
-  .bk.bk-dialog .bk-dialog-content.bk-is-fullscreen .bk-dialog-content-inner {
-    height: 100%;
-    padding: 0px;
+.bk-is-flush:is(.bk.bk-dialog .bk-dialog-content) .bk-dialog-content-inner {
+  padding: 0px;
 }
-  .bk.bk-dialog .bk-dialog-content-inner {
-    min-height: calc(100vh - 160px);
-    padding-bottom: 20px;
-  }
-  @media (min-width: 768px) {
+.bk.bk-dialog .bk-dialog-content-inner {
+  min-height: calc(100vh - 160px);
+  padding-bottom: 20px;
+}
+@media (width >= 48rem) {
   .bk.bk-dialog .bk-dialog-content-inner {
-      min-height: auto;
-      height: auto
+    min-height: auto;
+    height: auto;
   }
-    }
-.bk .bk-dialog-content-element {
-    margin-bottom: 30px;
-    display: flex;
-    min-height: 400px;
-    align-items: center;
-    justify-content: center;
-    overflow: hidden;
-    border-radius: 4px;
-    border-width: 1px;
-    --bk-tw-border-opacity: 1;
-    border-color: rgb(var(--bk-theme-mono-300) / var(--bk-tw-border-opacity, 1));
-    padding: 20px;
 }
-.bk .bk-dialog-content-element.bk-default-bg {
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(var(--bk-theme-mono-50) / var(--bk-tw-bg-opacity, 1));
+.bk .bk-dialog-content-element {
+  margin-bottom: 30px;
+  display: flex;
+  min-height: 400px;
+  align-items: center;
+  justify-content: center;
+  overflow: hidden;
+  border-radius: 4px;
+  border-style: var(--bk-tw-border-style);
+  border-width: 1px;
+  border-color: rgb(var(--bk-theme-mono-300) / 1);
+  padding: 20px;
 }
-.bk .bk-message-info {
-    margin-top: 20px;
-    margin-bottom: 20px;
-    border-radius: 4px;
-    border-width: 1px;
-    --bk-tw-border-opacity: 1;
-    border-color: rgb(var(--bk-theme-yellow-normal) / var(--bk-tw-border-opacity, 1));
-    --bk-tw-bg-opacity: 1;
-    background-color: rgb(var(--bk-theme-yellow-light) / var(--bk-tw-bg-opacity, 1));
-    padding: 10px;
-    font-family: PB Inter, sans-serif;
-    font-size: 16px;
-    line-height: 24px;
-    --bk-tw-text-opacity: 1;
-    color: rgb(var(--bk-theme-yellow-dark) / var(--bk-tw-text-opacity, 1));
+.bk-default-bg:is(.bk .bk-dialog-content-element) {
+  background-color: rgb(var(--bk-theme-mono-50) / 1);
 }
 </style>

package/dist/runtime/editor/components/Dialog/index.vue.d.ts CHANGED Viewed

@@ -13,6 +13,9 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     hideButtons?: boolean;
     icon?: BlokkliIcon;
     fullScreen?: boolean;
+    flush?: boolean;
+    mono?: boolean;
+    zIndex?: "default" | "high";
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     cancel: (...args: any[]) => void;
     submit: (...args: any[]) => void;
@@ -28,21 +31,27 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
     hideButtons?: boolean;
     icon?: BlokkliIcon;
     fullScreen?: boolean;
+    flush?: boolean;
+    mono?: boolean;
+    zIndex?: "default" | "high";
 }> & Readonly<{
     onCancel?: ((...args: any[]) => any) | undefined;
     onSubmit?: ((...args: any[]) => any) | undefined;
 }>, {
+    zIndex: "default" | "high";
     icon: BlokkliIcon;
     width: number | string;
-    lead: string;
-    submitLabel: string;
     canSubmit: boolean;
+    submitLabel: string;
+    lead: string;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     tabs?: (props: {}) => any;
 } & {
     default?: (props: {}) => any;
 } & {
     'pre-footer'?: (props: {}) => any;
+} & {
+    footer?: (props: {}) => any;
 }>;
 type __VLS_WithSlots<T, S> = T & {
     new (): {

package/dist/runtime/editor/components/DiffApproval/Highlight/Item.d.vue.ts CHANGED Viewed

@@ -4,6 +4,12 @@ type __VLS_Props = {
     value: string;
     selected: boolean;
     active: boolean;
+    /**
+     * Render the new value entirely as an insertion instead of a diff.
+     *
+     * See the prop of the same name on DiffApproval.
+     */
+    insertionsOnly?: boolean;
 };
 declare function updateRect(): void;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {

package/dist/runtime/editor/components/DiffApproval/Highlight/Item.vue CHANGED Viewed

@@ -1,45 +1,53 @@
 <template>
   <div
-    class="bk-diff-approval-highlight-item"
-    :class="{
-  'bk-is-active': active,
-  'bk-is-approved': selected,
-  'bk-is-rejected': !selected
-}"
+    class="_bk_absolute _bk_top-0 _bk_left-0 _bk_rounded"
+    :class="[
+  selected ? '_bk_border-lime-normal _bk_outline-lime-normal/30' : '_bk_border-red-normal _bk_outline-red-normal/30',
+  active ? '_bk_border-4 _bk_outline-[5px] _bk_rounded-tl-none' : '_bk_border _bk_hover:border-mono-500 _bk_hover:bg-mono-400/20'
+]"
     :style="rect"
   >
-    <button
-      class="bk-diff-approval-highlight-item-area"
-      @click.prevent="$emit('activate')"
-    />
+    <button class="_bk_size-full _bk_block" @click.prevent="$emit('activate')" />
     <button
       v-show="active"
-      class="bk-diff-approval-highlight-item-badge"
+      class="_bk_absolute _bk_left-[-3px] _bk_bottom-full _bk_h-30 _bk_px-8 _bk_flex _bk_items-center _bk_justify-center _bk_gap-5 _bk_text-white _bk_rounded-t-md"
+      :class="
+  selected ? '_bk_bg-lime-normal _bk_hover:bg-lime-dark' : '_bk_bg-red-normal _bk_hover:bg-red-dark'
+"
       @click.prevent="$emit('toggle')"
     >
-      <Icon :name="selected ? 'bk_mdi_check' : 'bk_mdi_close'" />
-      <span>{{
-        selected ? $t("aiAgentApprovalAccepted", "Accepted") : $t("aiAgentApprovalRejected", "Rejected")
-      }}</span>
+      <Icon
+        :name="selected ? 'bk_mdi_check' : 'bk_mdi_close'"
+        class="_bk_size-20 _bk_p-2 _bk_rounded _bk_flex _bk_items-center _bk_justify-center _bk_border _bk_border-white"
+        :class="selected ? '_bk_text-lime-normal _bk_bg-white' : '_bk_text-white'"
+      />
+      <span
+        class="_bk_text-xs _bk_font-semibold _bk_uppercase _bk_tracking-wider _bk_leading-none _bk_translate-y-1"
+      >
+        {{
+          selected ? $t("aiAgentApprovalAccepted", "Accepted") : $t("aiAgentApprovalRejected", "Rejected")
+        }}
+      </span>
     </button>
   </div>
 </template>
 <script setup>
-import { watch, ref, computed, useBlokkli } from "#imports";
+import { watch, ref, computed, onBeforeUnmount, useBlokkli } from "#imports";
 import {
   useEditableFieldOverride,
   onBlokkliEvent
 } from "#blokkli/editor/composables";
 import { Icon } from "#blokkli/editor/components";
 import { itemEntityType } from "#blokkli-build/config";
-import { computeDiff } from "#blokkli/editor/helpers/diff";
+import { computeDiff, computeInsertion } from "#blokkli/editor/helpers/diff";
 const props = defineProps({
   uuid: { type: String, required: true },
   fieldName: { type: String, required: true },
   value: { type: String, required: true },
   selected: { type: Boolean, required: true },
-  active: { type: Boolean, required: true }
+  active: { type: Boolean, required: true },
+  insertionsOnly: { type: Boolean, required: false }
 });
 defineEmits(["activate", "toggle"]);
 const { ui, blocks, context, $t } = useBlokkli();
@@ -61,7 +69,7 @@ function resolveHost() {
 const host = resolveHost();
 const override = useEditableFieldOverride(props.fieldName, host);
 const diffHtml = computed(
-  () => computeDiff(override.originalValue, props.value)
+  () => props.insertionsOnly ? computeInsertion(props.value) : computeDiff(override.originalValue, props.value)
 );
 function applyOverride() {
   if (props.selected) {
@@ -75,6 +83,7 @@ watch(
   () => props.selected,
   () => applyOverride()
 );
+onBeforeUnmount(() => override.restore());
 const rect = ref({ width: "0", height: "0", transform: "" });
 function updateRect() {
   const el = override.element;

package/dist/runtime/editor/components/DiffApproval/Highlight/Item.vue.d.ts CHANGED Viewed

@@ -4,6 +4,12 @@ type __VLS_Props = {
     value: string;
     selected: boolean;
     active: boolean;
+    /**
+     * Render the new value entirely as an insertion instead of a diff.
+     *
+     * See the prop of the same name on DiffApproval.
+     */
+    insertionsOnly?: boolean;
 };
 declare function updateRect(): void;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {

package/dist/runtime/editor/components/DiffApproval/Highlight/index.d.vue.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import type { ApprovalItem } from '../types.js';
 type __VLS_Props = {
     items: ApprovalItem[];
     selected: Record<number, boolean>;
+    insertionsOnly?: boolean;
 };
 declare function updateRects(): void;
 type __VLS_ModelProps = {