@wssto2/vue-core 0.19.0 → 0.20.0

package/dist/onboarding/index.js

@@ -1,7 +1,7 @@
 import { defineComponent as L, ref as d, computed as x, watch as v, nextTick as H, onBeforeUnmount as O, openBlock as F, createBlock as j, Teleport as q, createVNode as w, Transition as U, withCtx as Y, createElementBlock as G, withKeys as J, withModifiers as Q, normalizeStyle as M, unref as n, createElementVNode as l, normalizeClass as W, toDisplayString as k, renderSlot as X, createTextVNode as Z, createCommentVNode as ee } from "vue";
 import { useI18n as te } from "vue-i18n";
-import { _ as V } from "../Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { u as ne } from "../usePreferences-DB29UTFD.js";
+import { _ as V } from "../Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { u as ne } from "../usePreferences-D38x73re.js";
 import { u as oe, a as h } from "../anchored-DpuUwf-9.js";
 const ie = (o) => typeof o == "object" && o !== null && !Array.isArray(o);
 function se(o, e) {

package/dist/{options-mOOX6JSS.js → options-DIp_lVAj.js}

@@ -1,7 +1,7 @@
 import { defineComponent as H, useSlots as R, useAttrs as V, useId as A, computed as c, onBeforeUnmount as D, unref as t, openBlock as i, createBlock as O, mergeProps as T, createSlots as j, withCtx as $, createElementVNode as q, normalizeClass as y, renderSlot as u, createElementBlock as s, createCommentVNode as n, toDisplayString as f, createTextVNode as x, createVNode as z, mergeDefaults as E } from "vue";
 import { useI18n as M } from "vue-i18n";
-import { _ as G } from "./Icon.vue_vue_type_script_lang-BhhsFYwp.js";
-import { a as I, u as P, _ as U, b as J } from "./FormRow.vue_vue_type_script_setup_true_lang-CpgNVQF4.js";
+import { _ as G } from "./Icon.vue_vue_type_script_lang-0pW1XBaE.js";
+import { a as I, u as P, _ as U, b as J } from "./FormRow.vue_vue_type_script_setup_true_lang-okuxbKyI.js";
 import { c as K, a as Q } from "./controlSurface-t7OEFESJ.js";
 const W = ["title"], X = {
   key: 0,

package/dist/overlay/index.js

@@ -1,6 +1,6 @@
-import { _ as x } from "../AlertDialog.vue_vue_type_script_setup_true_lang-WuGvAOrj.js";
-import { _ as w } from "../Menu.vue_vue_type_script_setup_true_lang-Cqu4Ebsb.js";
-import { _ as I } from "../MenuButton.vue_vue_type_script_setup_true_lang-C-XRr5f2.js";
+import { _ as x } from "../AlertDialog.vue_vue_type_script_setup_true_lang-QYvbly_-.js";
+import { _ as w } from "../Menu.vue_vue_type_script_setup_true_lang-DobycRxf.js";
+import { _ as I } from "../MenuButton.vue_vue_type_script_setup_true_lang-qDKt6gX9.js";
 import { _ as v } from "../Popover.vue_vue_type_script_setup_true_lang-BK8HL_V0.js";
 import { _ as P } from "../Toaster.vue_vue_type_script_setup_true_lang-55boRLAj.js";
 import { _ as y } from "../Tooltip.vue_vue_type_script_setup_true_lang-C1C1qeBj.js";
@@ -8,7 +8,7 @@ import { t as k } from "../toast-CqSDTWRX.js";
 import { I as E, u as M } from "../dialogStack-DbO4IiAq.js";
 import { I as S, u as O } from "../useDialog-B4_MpX2v.js";
 import { C as K, u as N } from "../mediaQuery-CygcXmFW.js";
-import { _ as j } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-DmMg1T_V.js";
+import { _ as j } from "../PhotoViewer.vue_vue_type_script_setup_true_lang-D2-uQbSV.js";
 import { defineComponent as r, openBlock as s, createElementBlock as n, normalizeClass as l, toDisplayString as p } from "vue";
 const c = ["aria-disabled"], d = /* @__PURE__ */ r({
   __name: "PhotoViewerAction",

package/dist/page/SectionNavigator.vue.d.ts

@@ -53,8 +53,8 @@ type __VLS_Slots = {
 };
 declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     compact: "segmented" | "rows" | "auto" | "hub";
-    steps: Readonly<Record<string, SectionStep>>;
     desktop: "sidebar" | "segments" | "hub";
+    steps: Readonly<Record<string, SectionStep>>;
     backLabel: string;
     counts: Readonly<Record<string, string | number>>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/dist/page/SplitPane.vue.d.ts

@@ -0,0 +1,54 @@
+/**
+ * Two panes with a draggable divider: `start` (left, or top) and `end`. `v-model:size` is the share of the start pane, 0 to 1 (default 0.5);
+ * `min` and `max` bound the start pane in pixels, and the end pane always keeps at least `min` too. The divider is a
+ * `role="separator"` that takes focus: ←/→ (↑/↓ in a vertical split) move it by 2 %, Shift by 10 %, Home and End go to the limits;
+ * `aria-valuenow` is the start pane's percentage. A `storage-key` remembers the size in this browser (localStorage, under `vue-core:split:<key>`;
+ * where storage is not available the size is simply not remembered). Below `stack-below` (default `lg`) the panes stack, each at its natural
+ * height, and there is no divider.
+ *
+ * The pane is as tall as its parent (`h-full`): give the parent a height, or put it in a `WorkbenchPage`.
+ *
+ *   <SplitPane v-model:size="size" storage-key="template-editor" :min="320">
+ *     <template #start><CodeEditor fill … /></template>
+ *     <template #end><PreviewFrame … /></template>
+ *   </SplitPane>
+ */
+type __VLS_Props = {
+    /** `horizontal`: the panes sit side by side; `vertical`: one above the other. */
+    orientation?: "horizontal" | "vertical";
+    /** Smallest pane, in pixels. */
+    min?: number;
+    /** Largest start pane, in pixels. */
+    max?: number;
+    storageKey?: string;
+    /** Below this width the panes stack. */
+    stackBelow?: "md" | "lg" | "xl";
+    /** The accessible name of the divider. */
+    label?: string;
+};
+type __VLS_Slots = {
+    start?: () => unknown;
+    end?: () => unknown;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    "size"?: number;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:size": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:size"?: ((value: number) => any) | undefined;
+}>, {
+    label: string;
+    orientation: "horizontal" | "vertical";
+    min: number;
+    max: number;
+    storageKey: string;
+    stackBelow: "md" | "lg" | "xl";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/page/WorkbenchPage.vue.d.ts

@@ -0,0 +1,72 @@
+import type { PageAction, PageBack, PagePathItem } from "./types";
+/**
+ * A page for work that needs the whole screen: a code editor with its preview, a page with its settings. It fills the viewport under the
+ * shell (no page scroll, no maximum width): a header, an optional row of tabs, and a body of two panes with a draggable divider
+ * (`SplitPane`), each pane scrolling on its own. Below `lg` the panes stack and the page scrolls as any page.
+ *
+ * The header is the one of `EditorPage` and `AdaptivePageShell`: "‹ Back" to the parent list (or the clickable `path` when the page is
+ * deep; `?back=` still wins), the title with `#badges` and a `description` line, the `actions` and a "More" menu for the overflow ones.
+ * Actions registered by `usePageChrome()` / `useSaveChrome()` inside the page join them, and phones show them in the app's nav bar.
+ * `dirty` is the unsaved-changes guard: "Unsaved changes" beside the actions, and a question before leaving (a route change, closing
+ * the tab). Without `#end` the `#start` pane takes the whole body.
+ *
+ *   <WorkbenchPage :title="template.name" :back="{ label: t('templates'), to: templatesRoute }" :actions="actions" :dirty="form.dirty.value" storage-key="template-editor">
+ *     <template #badges><Badge tone="warning">Draft v4</Badge></template>
+ *     <template #start><CodeEditor fill v-model="source" language="liquid" /></template>
+ *     <template #end><PreviewFrame :src="previewUrl" title="Preview" /></template>
+ *   </WorkbenchPage>
+ */
+type __VLS_Props = {
+    title: string;
+    /** The browser tab title when the title is data; by default the route's own. */
+    documentTitle?: string | null;
+    /** The line under the title ("Template · saved today 09:41"). */
+    description?: string;
+    back?: PageBack | null;
+    path?: readonly PagePathItem[] | null;
+    actions?: readonly PageAction[];
+    /** Unsaved changes: the status beside the actions, and the leave guard. */
+    dirty?: boolean;
+    /** Remembers the divider in this browser (see `SplitPane`). */
+    storageKey?: string;
+    /** Smallest pane, in pixels. */
+    min?: number;
+    stackBelow?: "md" | "lg" | "xl";
+};
+type __VLS_Slots = {
+    /** Beside the title: status badges ("Draft v4", "Published v3"). */
+    badges?: () => unknown;
+    /** Before the title: a tile with the page's icon. */
+    leading?: () => unknown;
+    /** A row between the header and the panes (section tabs). */
+    subheader?: () => unknown;
+    notices?: () => unknown;
+    start?: () => unknown;
+    end?: () => unknown;
+};
+type __VLS_PublicProps = __VLS_Props & {
+    /** The share (0 to 1) of the start pane. */
+    "size"?: number;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:size": (value: number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:size"?: ((value: number) => any) | undefined;
+}>, {
+    path: readonly PagePathItem[] | null;
+    description: string;
+    actions: readonly PageAction[];
+    back: PageBack | null;
+    documentTitle: string | null;
+    min: number;
+    storageKey: string;
+    stackBelow: "md" | "lg" | "xl";
+    dirty: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/page/index.d.ts

@@ -12,6 +12,8 @@ export { createPageChrome, installPageChrome, useOptionalPageChrome, usePageChro
 export { pageSectionBackKey, usePageSectionBack } from "./sectionBack";
 export { provideSectionIndex, sectionId, useSectionAnchor, useSectionIndex } from "./sectionIndex";
 export type { IndexedSection, SectionIndex } from "./sectionIndex";
+export { default as SplitPane } from "./SplitPane.vue";
+export { default as WorkbenchPage } from "./WorkbenchPage.vue";
 export { default as SectionNavigator } from "./SectionNavigator.vue";
 export { default as SectionJumper } from "./SectionJumper.vue";
 export { default as SectionList } from "./SectionList.vue";