@webx-ui/module-blocks 0.5.3 → 0.6.0

package/dist/BlocksField.d.ts

@@ -18,16 +18,6 @@ type __VLS_Props = {
     disabled?: boolean;
     /** Where the section lives, for the picker's "make one" link. */
     blocksPath?: string;
-    /**
-     * Be as tall as what the field is drawn in, and let each of the three panels scroll inside
-     * itself.
-     *
-     * Off by default, because the ordinary case is a field on a form that scrolls: there the
-     * constructor is as tall as it needs to be and the preview sticks. A screen that has given
-     * the constructor the whole area below its head says so — otherwise the field grows, the
-     * page scrolls, and the tree, the form and the preview all leave the screen together.
-     */
-    fill?: boolean;
 };
 type __VLS_PublicProps = {
     modelValue?: BlockNode[];
@@ -37,7 +27,6 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
 }, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: BlockNode[]) => any) | undefined;
 }>, {
-    fill: boolean;
     name: string;
     disabled: boolean;
     node: ScreenNode;
@@ -48,26 +37,28 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     catalog: BlockType[] | null;
     blocksPath: string;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    host: HTMLDivElement;
     previewEl: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
         url: string | null;
         selected?: string | null;
-        mode?: "wide" | "phone";
         reload?: number;
-        fill?: boolean;
+        compact?: boolean;
     }> & Readonly<{
         onSelect?: ((key: string | null) => any) | undefined;
+        onEdit?: (() => any) | undefined;
     }>, {
         replace: (key: string, html: string) => boolean;
         refresh: () => void;
         open: () => boolean;
     }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
         select: (key: string | null) => any;
+        edit: () => any;
     }, import('vue').PublicProps, {
-        fill: boolean;
-        mode: "wide" | "phone";
+        compact: boolean;
         selected: string | null;
         reload: number;
     }, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        bar: HTMLDivElement;
         box: HTMLDivElement;
         frame: HTMLIFrameElement;
     }, HTMLDivElement, import('vue').ComponentProvideOptions, {
@@ -80,18 +71,17 @@ declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {},
     }, Readonly<{
         url: string | null;
         selected?: string | null;
-        mode?: "wide" | "phone";
         reload?: number;
-        fill?: boolean;
+        compact?: boolean;
     }> & Readonly<{
         onSelect?: ((key: string | null) => any) | undefined;
+        onEdit?: (() => any) | undefined;
     }>, {
         replace: (key: string, html: string) => boolean;
         refresh: () => void;
         open: () => boolean;
     }, {}, {}, {}, {
-        fill: boolean;
-        mode: "wide" | "phone";
+        compact: boolean;
         selected: string | null;
         reload: number;
     }> | null;

package/dist/BlocksPreview.d.ts

@@ -1,9 +1,7 @@
 /**
  * The page in an iframe, the way it will be: the same handler, the same view, the draft
- * laid over the columns. Two shapes — the whole page wide while nothing is selected, a
- * phone at one to one while a block is being edited — and a full-screen mode for looking
- * at the desktop and the tablet, because a desktop in a 420 px column is a picture nobody
- * can read.
+ * laid over the columns. The whole page at desktop width, unless the bar is asked for a
+ * tablet or a phone; full screen is for the panel too narrow to read a desktop in.
  *
  * The panel and the site are one application on one domain, so the frame's document is
  * reachable: selection is a class, a change is a swap between the marker comments.
@@ -11,12 +9,14 @@
 type __VLS_Props = {
     url: string | null;
     selected?: string | null;
-    /** `wide` when the page is being looked at, `phone` while a block is being edited. */
-    mode?: 'wide' | 'phone';
     /** Bumped by the host to reload the page. */
     reload?: number;
-    /** Be as tall as what it is drawn in, and scroll the page inside rather than beside. */
-    fill?: boolean;
+    /**
+     * The preview is the screen rather than a column beside one — the shape the panel takes
+     * on a phone. It starts as a phone, and its bar carries the way into the blocks, because
+     * there is no tree standing next to it to click.
+     */
+    compact?: boolean;
 };
 /** Swap one block's markup in place; false when the page has to be reloaded instead. */
 declare function replace(key: string, html: string): boolean;
@@ -27,14 +27,16 @@ declare const _default: import('vue').DefineComponent<__VLS_Props, {
     open: () => boolean;
 }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     select: (key: string | null) => any;
+    edit: () => any;
 }, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
     onSelect?: ((key: string | null) => any) | undefined;
+    onEdit?: (() => any) | undefined;
 }>, {
-    fill: boolean;
-    mode: "wide" | "phone";
+    compact: boolean;
     selected: string | null;
     reload: number;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    bar: HTMLDivElement;
     box: HTMLDivElement;
     frame: HTMLIFrameElement;
 }, HTMLDivElement>;