@stll/folio-vue 0.2.0

package/dist/messages.cjs

@@ -0,0 +1 @@
+var e=require("@stll/folio-core/i18n/messages");Object.keys(e).forEach(function(t){t!=="default"&&!Object.prototype.hasOwnProperty.call(exports,t)&&Object.defineProperty(exports,t,{enumerable:!0,get:function(){return e[t]}})});

package/dist/messages.js

@@ -0,0 +1 @@
+export * from "@stll/folio-core/i18n/messages";

package/dist/renderAsync.d.ts

@@ -0,0 +1,35 @@
+import { Document } from '@stll/folio-core/types/document';
+import { DocxInput } from '@stll/folio-core/utils/docxInput';
+import { DocxEditorProps } from './components/DocxEditor/types';
+/** Framework-agnostic handle for an imperatively mounted editor instance. */
+export type EditorHandle = {
+    /** Save the document and return the DOCX as a Blob. */
+    save: () => Promise<Blob | null>;
+    /** Get the current parsed document model. */
+    getDocument: () => Document | null;
+    /** Focus the editor. */
+    focus: () => void;
+    /** Unmount the editor and clean up. */
+    destroy: () => void;
+};
+/** Vue-specific handle with zoom and scroll helpers. */
+export type DocxEditorHandle = EditorHandle & {
+    /** Set zoom level (1.0 = 100%). */
+    setZoom: (zoom: number) => void;
+    /** Scroll the visible pages to a raw ProseMirror document position. */
+    scrollToPosition: (pmPos: number) => void;
+    /** Scroll the visible pages to a 1-indexed page number. */
+    scrollToPage: (pageNumber: number) => void;
+};
+/** Options for {@link renderAsync}. */
+export type RenderAsyncOptions = Omit<DocxEditorProps, "documentBuffer" | "document"> & {
+    /** BCP-47 locale for bundled folio UI strings (default: `en`). */
+    locale?: string;
+};
+/**
+ * Render a DOCX editor into a container element using Vue.
+ *
+ * Resolves once the document has parsed and the editor emits `ready`.
+ * Rejects if `error` runs before that milestone.
+ */
+export declare const renderAsync: (input: DocxInput, container: HTMLElement, options?: RenderAsyncOptions) => Promise<DocxEditorHandle>;

package/dist/styles/index.d.ts

@@ -0,0 +1,12 @@
+/**
+ * `@stll/folio-vue/styles`
+ *
+ * CSS import-path constant and shared layering tokens. Bring in the editor's
+ * base styles by importing `@stll/folio-vue/editor.css` directly; this module
+ * exists for tooling that prefers a JS-style import.
+ *
+ * @packageDocumentation
+ * @public
+ */
+export declare const EDITOR_CSS_PATH = "@stll/folio-vue/editor.css";
+export * from './zIndex';

package/dist/styles/zIndex.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Z-index stacking order for the Vue editor chrome — mirrors the React
+ * adapter's layering so layered UI stays consistent across adapters instead of
+ * drifting into ad-hoc per-component numbers.
+ *
+ * Order, low to high: page content (0) < selection overlay < decoration layer
+ * < image overlay < HF inline editor < ruler < dropdown/popover < context
+ * menu/modal.
+ */
+export declare const Z_INDEX: {
+    readonly selectionOverlay: 10;
+    readonly decorationLayer: 11;
+    readonly imageOverlay: 15;
+    readonly hfInlineEditor: 10;
+    readonly ruler: 30;
+    readonly dropdown: 100;
+    readonly contextMenu: 10000;
+};

package/dist/styles.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./zIndex-dFsQbASx.cjs");var t=`@stll/folio-vue/editor.css`;exports.EDITOR_CSS_PATH=t,exports.Z_INDEX=e.t;

package/dist/styles.js

@@ -0,0 +1,5 @@
+import { t as e } from "./zIndex-BY0qa8Au.js";
+//#region src/styles/index.ts
+var t = "@stll/folio-vue/editor.css";
+//#endregion
+export { t as EDITOR_CSS_PATH, e as Z_INDEX };

package/dist/ui/folio-ui.d.ts

@@ -0,0 +1,139 @@
+import { Component } from 'vue';
+/**
+ * The Button prop subset folio's chrome relies on. `variant` and `size` are
+ * narrow string-literal unions (a subset of the design-system Button's options)
+ * so an external Button stays assignable as an override. Native `<button>`
+ * attributes fall through Vue's attribute inheritance and are not re-declared.
+ */
+export type FolioButtonProps = {
+    variant?: "default" | "ghost";
+    size?: "sm" | "xs" | "icon-xs";
+    disabled?: boolean;
+    className?: string;
+};
+/**
+ * A color preset rendered as a swatch in the picker. Mirrors the React contract
+ * so a cross-framework design system can share the preset shape; `color` is the
+ * optional CSS color for the swatch (falls back to `#${value}`), and `value` is
+ * what selection emits.
+ */
+export type ColorPreset = {
+    label: string;
+    value: string;
+    color?: string;
+};
+/**
+ * The ColorPicker prop subset folio's chrome relies on. Mirrors the Vue
+ * `ui/ColorPicker.vue` surface: `mode` selects the text/highlight/border
+ * behaviour, `value` is the current color, `theme` resolves theme colors, and
+ * the component emits `change` with the picked color. A design-system picker
+ * accepting a superset stays assignable as an override.
+ */
+export type FolioColorPickerProps = {
+    mode: "text" | "highlight" | "border";
+    value?: string | undefined;
+    disabled?: boolean;
+    className?: string;
+};
+/**
+ * The Popover prop subset folio's chrome relies on. Mirrors the Vue
+ * `ui/Popover.vue` surface: `open` controls visibility, `placement` positions
+ * the panel, and the component emits `close` / `update:open`. Consumers supply
+ * the trigger and panel via the `trigger` / `panel` slots.
+ */
+export type FolioPopoverProps = {
+    open: boolean;
+    placement?: "bottom-left" | "bottom-right" | "top-left" | "top-right";
+    closeOnScroll?: boolean;
+};
+/**
+ * One entry in a folio menu. Mirrors the Vue `ui/MenuDropdown.vue` `MenuEntry`
+ * shape so an external Menu stays assignable as an override.
+ */
+export type FolioMenuItem = {
+    type?: "item";
+    label: string;
+    onSelect?: () => void;
+    disabled?: boolean;
+    shortcut?: string;
+};
+export type FolioMenuProps = {
+    label: string;
+    items: ReadonlyArray<FolioMenuItem | {
+        type: "separator";
+    }>;
+};
+/**
+ * One entry in the document outline. Mirrors the React contract's item shape so
+ * a cross-framework design system can share it. The Vue adapter does not yet
+ * inject an OutlineRail primitive (no Vue default exists); the type is exported
+ * for parity with the React surface.
+ */
+export type OutlineItem = {
+    id: string;
+    label: string;
+    /** Nesting depth; drives indent + tick taper. */
+    level: number;
+    /** Optional trailing annotation in the panel (e.g. a page number). */
+    meta?: string;
+    /** Optional CSS custom-property name colouring this entry. */
+    color?: string;
+};
+/**
+ * The injectable chrome primitives. Each entry is a Vue component the chrome
+ * renders; a host overrides any subset through `DocxEditor`'s `components` prop.
+ *
+ * Values are typed as the loose Vue {@link Component} rather than
+ * `Component<FolioButtonProps>` etc.: Vue's `Component<P>` is invariant in `P`
+ * (unlike React's contravariant `ComponentType<P>`), so a default or override
+ * accepting a *superset* of props would not be assignable to a prop-parameterized
+ * slot. The per-primitive prop contract a host implements is documented by the
+ * exported `Folio*Props` types ({@link FolioButtonProps},
+ * {@link FolioColorPickerProps}, {@link FolioPopoverProps}, {@link FolioMenuProps});
+ * consumers render the resolved component and pass those props at the call site.
+ */
+export type FolioUIComponents = {
+    Button: Component;
+    ColorPicker: Component;
+    Popover: Component;
+    Menu: Component;
+};
+export declare const DEFAULT_COMPONENTS: FolioUIComponents;
+/**
+ * Merge a consumer's partial overrides over the built-in defaults: every key is
+ * present (defaults fill the gaps), and each provided override wins. Pure, so
+ * the resolution contract is testable independently of Vue.
+ */
+export declare function resolveFolioComponents(components?: Partial<FolioUIComponents>): FolioUIComponents;
+/**
+ * Provide the resolved primitive map to descendants. `DocxEditor` calls this in
+ * setup with its `components` prop; chrome descendants read it via
+ * {@link useFolioUI}.
+ */
+export declare function provideFolioUI(components?: Partial<FolioUIComponents>): void;
+/**
+ * Read the resolved primitive map. Falls back to {@link DEFAULT_COMPONENTS} when
+ * no provider is present (chrome rendered standalone, outside `DocxEditor`).
+ */
+export declare function useFolioUI(): FolioUIComponents;
+/**
+ * Provider component mirroring React's `FolioUIProvider`. Wraps a subtree and
+ * provides the resolved primitive map; renders its default slot unchanged.
+ * Defined here (a `.ts` module) rather than as a `.vue` SFC so it re-exports as
+ * a named export the Nuxt `tsc` typecheck can resolve.
+ */
+export declare const FolioUIProvider: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    components: {
+        type: () => Partial<FolioUIComponents> | undefined;
+        default: undefined;
+    };
+}>, () => import('vue').VNode<import('vue').RendererNode, import('vue').RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    components: {
+        type: () => Partial<FolioUIComponents> | undefined;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    components: Partial<FolioUIComponents> | undefined;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;

package/dist/ui.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./PageSetupDialog-CGBaBVzo.cjs"),t=require("./ListButtons-D-zMJ7rl.cjs"),n=require("./TablePropertiesDialog-A-1Pm1f9.cjs");let r=require("vue");require("@stll/folio-core/utils/units");var i={class:`docx-editor-toolbar`},a={class:`docx-editor-toolbar__title-row`},o={class:`docx-editor-toolbar__title-left`},s={class:`docx-editor-toolbar__title-center`},c={class:`docx-editor-toolbar__title-right`},l=(0,r.defineComponent)({inheritAttrs:!1,__name:`EditorToolbar`,props:{showMenuBar:{type:Boolean,default:!0}},emits:[`menu-action`],setup(e){return(n,l)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,i,[(0,r.renderSlot)(n.$slots,`title-bar`,{},()=>[(0,r.createElementVNode)(`div`,a,[(0,r.createElementVNode)(`div`,o,[(0,r.renderSlot)(n.$slots,`title-bar-left`,{},void 0,!0)]),(0,r.createElementVNode)(`div`,s,[(0,r.renderSlot)(n.$slots,`document-name`,{},void 0,!0),e.showMenuBar?((0,r.openBlock)(),(0,r.createBlock)(t.A,{key:0,onAction:l[0]||=e=>n.$emit(`menu-action`,e)})):(0,r.createCommentVNode)(``,!0)]),(0,r.createElementVNode)(`div`,c,[(0,r.renderSlot)(n.$slots,`title-bar-right`,{},void 0,!0)])])],!0),(0,r.renderSlot)(n.$slots,`toolbar`,{},()=>[(0,r.createVNode)(t.b,(0,r.normalizeProps)((0,r.guardReactiveProps)(n.$attrs)),null,16)],!0)]))}}),u=e.u(l,[[`__scopeId`,`data-v-f2023632`]]),d={},f={class:`docx-title-bar`},p={class:`docx-title-bar__left`},m={class:`docx-title-bar__center`},h={class:`docx-title-bar__right`};function g(e,t){return(0,r.openBlock)(),(0,r.createElementBlock)(`div`,f,[(0,r.createElementVNode)(`div`,p,[(0,r.renderSlot)(e.$slots,`left`,{},void 0,!0)]),(0,r.createElementVNode)(`div`,m,[(0,r.renderSlot)(e.$slots,`default`,{},void 0,!0)]),(0,r.createElementVNode)(`div`,h,[(0,r.renderSlot)(e.$slots,`right`,{},void 0,!0)])])}var _=e.u(d,[[`render`,g],[`__scopeId`,`data-v-ae11d49f`]]);function v(e){let t=e.trim();if(!t)return``;let n=null,r=``;for(let e of t){if((e===`"`||e===`'`)&&n===null){n=e,r+=e;continue}if(e===n){n=null,r+=e;continue}if(e===`,`&&n===null)break;r+=e}return r.trim().replace(/^['"]|['"]$/g,``)}var y=[`value`,`disabled`],b={key:0,label:`Sans-serif`},x=[`value`],S={key:1,label:`Serif`},C=[`value`],w={key:2,label:`Monospace`},T=[`value`],E={key:3,label:`Other`},D=[`value`],O=(0,r.defineComponent)({__name:`FontPicker`,props:{value:{},fonts:{},disabled:{type:Boolean,default:!1},className:{},placeholder:{default:`Font`},showPreview:{type:Boolean,default:!0}},emits:[`change`],setup(e,{emit:t}){let n=e,i=t,a=[{name:`Arial`,fontFamily:`Arial, Helvetica, sans-serif`,category:`sans-serif`},{name:`Calibri`,fontFamily:`"Calibri", Arial, sans-serif`,category:`sans-serif`},{name:`Helvetica`,fontFamily:`Helvetica, Arial, sans-serif`,category:`sans-serif`},{name:`Verdana`,fontFamily:`Verdana, Geneva, sans-serif`,category:`sans-serif`},{name:`Open Sans`,fontFamily:`"Open Sans", sans-serif`,category:`sans-serif`},{name:`Roboto`,fontFamily:`Roboto, sans-serif`,category:`sans-serif`},{name:`Times New Roman`,fontFamily:`"Times New Roman", Times, serif`,category:`serif`},{name:`Georgia`,fontFamily:`Georgia, serif`,category:`serif`},{name:`Cambria`,fontFamily:`Cambria, Georgia, serif`,category:`serif`},{name:`Garamond`,fontFamily:`Garamond, serif`,category:`serif`},{name:`Courier New`,fontFamily:`"Courier New", monospace`,category:`monospace`},{name:`Consolas`,fontFamily:`Consolas, monospace`,category:`monospace`}],o=(0,r.computed)(()=>n.fonts??a),s=(0,r.computed)(()=>{let e={"sans-serif":[],serif:[],monospace:[],other:[]};for(let t of o.value)e[t.category??`other`].push(t);return e}),c=(0,r.computed)(()=>{let e=n.value;if(!e)return n.placeholder;let t=e.toLowerCase();return o.value.find(n=>n.fontFamily===e||n.name.toLowerCase()===t||v(n.fontFamily).toLowerCase()===t)?.name??e});function l(e){if(!(e.target instanceof HTMLSelectElement))return;let t=e.target.value,n=o.value.find(e=>e.name===t);i(`change`,n?v(n.fontFamily)||n.name:t)}return(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`select`,{class:(0,r.normalizeClass)([`docx-font-picker`,e.className]),value:c.value,disabled:e.disabled,"aria-label":`Font family`,onChange:l},[s.value[`sans-serif`].length?((0,r.openBlock)(),(0,r.createElementBlock)(`optgroup`,b,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(s.value[`sans-serif`],t=>((0,r.openBlock)(),(0,r.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,r.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,r.toDisplayString)(t.name),13,x))),128))])):(0,r.createCommentVNode)(``,!0),s.value.serif.length?((0,r.openBlock)(),(0,r.createElementBlock)(`optgroup`,S,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(s.value.serif,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,r.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,r.toDisplayString)(t.name),13,C))),128))])):(0,r.createCommentVNode)(``,!0),s.value.monospace.length?((0,r.openBlock)(),(0,r.createElementBlock)(`optgroup`,w,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(s.value.monospace,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,r.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,r.toDisplayString)(t.name),13,T))),128))])):(0,r.createCommentVNode)(``,!0),s.value.other.length?((0,r.openBlock)(),(0,r.createElementBlock)(`optgroup`,E,[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(s.value.other,t=>((0,r.openBlock)(),(0,r.createElementBlock)(`option`,{key:t.name,value:t.name,style:(0,r.normalizeStyle)(e.showPreview?{fontFamily:t.fontFamily}:void 0)},(0,r.toDisplayString)(t.name),13,D))),128))])):(0,r.createCommentVNode)(``,!0)],42,y))}}),k=e.u(O,[[`__scopeId`,`data-v-1a9a9f88`]]),A={class:`docx-font-size`},j=[`disabled`],M=[`value`,`disabled`,`placeholder`],N=[`disabled`],P=(0,r.defineComponent)({__name:`FontSizePicker`,props:{value:{},sizes:{},disabled:{type:Boolean,default:!1},minSize:{default:1},maxSize:{default:1638},placeholder:{default:`11`}},emits:[`change`],setup(e,{emit:t}){let n=e,i=t,a=[8,9,10,11,12,14,16,18,20,24,28,36,48,72],o=(0,r.computed)(()=>n.sizes??a),s=(0,r.computed)(()=>n.value??parseInt(n.placeholder,10)??11),c=(0,r.computed)(()=>n.value===void 0?n.placeholder:String(n.value));function l(e){return o.value.find(t=>t>e)??Math.min(e+1,n.maxSize)}function u(e){return[...o.value].reverse().find(t=>t<e)??Math.max(e-1,n.minSize)}function d(){n.disabled||i(`change`,u(s.value))}function f(){n.disabled||i(`change`,l(s.value))}function p(e){if(!(e.target instanceof HTMLInputElement))return;let t=parseFloat(e.target.value);!isNaN(t)&&t>=n.minSize&&t<=n.maxSize&&i(`change`,Math.round(t*2)/2)}return(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`div`,A,[(0,r.createElementVNode)(`button`,{type:`button`,class:`docx-font-size__btn`,disabled:e.disabled||s.value<=e.minSize,title:`Decrease font size`,onClick:(0,r.withModifiers)(d,[`prevent`])},`−`,8,j),(0,r.createElementVNode)(`input`,{class:`docx-font-size__input`,type:`text`,value:c.value,disabled:e.disabled,placeholder:e.placeholder,onKeydown:[n[0]||=(0,r.withKeys)((0,r.withModifiers)(e=>{d(),e.stopPropagation()},[`prevent`]),[`up`]),n[1]||=(0,r.withKeys)((0,r.withModifiers)(e=>{f(),e.stopPropagation()},[`prevent`]),[`down`]),n[2]||=(0,r.withKeys)((0,r.withModifiers)(e=>p(e),[`prevent`]),[`enter`])],onBlur:n[3]||=e=>p(e)},null,40,M),(0,r.createElementVNode)(`button`,{type:`button`,class:`docx-font-size__btn`,disabled:e.disabled||s.value>=e.maxSize,title:`Increase font size`,onClick:(0,r.withModifiers)(f,[`prevent`])},`+`,8,N)]))}}),F=e.u(P,[[`__scopeId`,`data-v-4e8ada55`]]),I=[`value`,`disabled`],L=[`value`],R=(0,r.defineComponent)({__name:`LineSpacingPicker`,props:{value:{},options:{},disabled:{type:Boolean,default:!1},className:{}},emits:[`change`],setup(e,{emit:t}){let n=e,i=t,a=[{label:`Single`,value:1,twipsValue:240},{label:`1.15`,value:1.15,twipsValue:276},{label:`1.5`,value:1.5,twipsValue:360},{label:`Double`,value:2,twipsValue:480}],o=(0,r.computed)(()=>n.options??a),s=(0,r.computed)(()=>n.value??o.value[0]?.twipsValue??240);function c(e){if(!(e.target instanceof HTMLSelectElement))return;let t=parseInt(e.target.value,10);isNaN(t)||i(`change`,t)}return(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`select`,{class:(0,r.normalizeClass)([`docx-line-spacing`,e.className]),value:String(s.value),disabled:e.disabled,"aria-label":`Line spacing`,onChange:c},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(o.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`option`,{key:e.twipsValue,value:String(e.twipsValue)},(0,r.toDisplayString)(e.label),9,L))),128))],42,I))}}),z=e.u(R,[[`__scopeId`,`data-v-fcda8ecc`]]),B=[`disabled`,`aria-expanded`,`title`,`onClick`],V={class:`docx-table-grid__panel`},H={class:`docx-table-grid__label`},U=[`onMouseenter`,`onClick`],W=(0,r.defineComponent)({__name:`TableGridPicker`,props:{disabled:{type:Boolean,default:!1},gridRows:{default:5},gridColumns:{default:5},tooltip:{default:`Insert table`}},emits:[`insert`],setup(e,{emit:n}){let i=e,a=n,o=(0,r.ref)(!1),s=(0,r.ref)({rows:1,cols:1}),c=(0,r.computed)(()=>{let e=[];for(let t=1;t<=i.gridRows;t++)for(let n=1;n<=i.gridColumns;n++)e.push({r:t,c:n});return e});function l(e,t){a(`insert`,e,t),o.value=!1}function u(){o.value=!1,s.value={rows:1,cols:1}}return(n,i)=>((0,r.openBlock)(),(0,r.createBlock)(t.N,{open:o.value,"onUpdate:open":i[0]||=e=>o.value=e,onClose:u},{trigger:(0,r.withCtx)(({toggle:n})=>[(0,r.createElementVNode)(`button`,{type:`button`,class:`docx-table-grid__btn`,disabled:e.disabled,"aria-expanded":o.value,"aria-haspopup":`grid`,title:e.tooltip,onClick:(0,r.withModifiers)(n,[`prevent`])},[(0,r.createVNode)(t.I,{name:`grid_on`,size:20})],8,B)]),panel:(0,r.withCtx)(()=>[(0,r.createElementVNode)(`div`,V,[(0,r.createElementVNode)(`div`,H,(0,r.toDisplayString)(s.value.rows)+` × `+(0,r.toDisplayString)(s.value.cols),1),(0,r.createElementVNode)(`div`,{class:`docx-table-grid__grid`,style:(0,r.normalizeStyle)({gridTemplateColumns:`repeat(${e.gridColumns}, 18px)`})},[((0,r.openBlock)(!0),(0,r.createElementBlock)(r.Fragment,null,(0,r.renderList)(c.value,e=>((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{key:`${e.r}-${e.c}`,class:(0,r.normalizeClass)([`docx-table-grid__cell`,{"docx-table-grid__cell--active":e.r<=s.value.rows&&e.c<=s.value.cols}]),onMouseenter:t=>s.value={rows:e.r,cols:e.c},onClick:(0,r.withModifiers)(t=>l(e.r,e.c),[`prevent`])},null,42,U))),128))],4)])]),_:1},8,[`open`]))}}),G=e.u(W,[[`__scopeId`,`data-v-34f6875c`]]),K=[`disabled`,`title`],q={key:0,class:`print-btn__icon`},J=(0,r.defineComponent)({__name:`PrintButton`,props:{disabled:{type:Boolean,default:!1},label:{default:`Print`},compact:{type:Boolean,default:!1}},emits:[`print`],setup(e,{emit:t}){let n=e,i=t;function a(){n.disabled||(i(`print`),window.print())}return(t,n)=>((0,r.openBlock)(),(0,r.createElementBlock)(`button`,{class:`print-btn`,disabled:e.disabled,title:e.label,onMousedown:(0,r.withModifiers)(a,[`prevent`])},[(0,r.createTextVNode)((0,r.toDisplayString)(e.compact?``:e.label)+` `,1),e.compact?((0,r.openBlock)(),(0,r.createElementBlock)(`span`,q,`🖨`)):(0,r.createCommentVNode)(``,!0)],40,K))}}),Y=e.u(J,[[`__scopeId`,`data-v-3e413c06`]]),X={padding:`8px 10px`,borderRadius:8,backgroundColor:`var(--doc-card)`,cursor:`pointer`,boxShadow:`var(--doc-card-shadow)`},Z={padding:`10px 12px`,borderRadius:8,backgroundColor:`var(--doc-surface)`,cursor:`pointer`,boxShadow:`var(--doc-card-shadow-strong)`};exports.AddCommentCard=t.o,exports.AlignmentButtons=t.r,exports.Button=t.T,exports.CARD_STYLE_COLLAPSED=X,exports.CARD_STYLE_EXPANDED=Z,exports.ColorPicker=t.w,exports.CommentCard=t.l,exports.CommentMarginMarkers=t.F,exports.DocumentName=t.P,exports.EditingModeDropdown=t.E,exports.EditorToolbar=u,exports.FindReplaceDialog=e.a,exports.FontPicker=k,exports.FontSizePicker=F,exports.FootnotePropertiesDialog=n.i,exports.HorizontalRuler=t.y,exports.HyperlinkDialog=e.i,exports.IconGridDropdown=t.k,exports.ImagePositionDialog=n.r,exports.ImagePropertiesDialog=e.r,exports.ImageTransformDropdown=t.D,exports.ImageWrapDropdown=t.O,exports.InsertSymbolDialog=e.n,exports.InsertTableDialog=n.n,exports.LineSpacingPicker=z,exports.ListButtons=t.t,exports.MenuBar=t.A,exports.MenuDropdown=t.M,exports.PageSetupDialog=e.t,exports.Popover=t.N,exports.PrintButton=Y,exports.ReplyInput=t.u,exports.ReplyThread=t.d,exports.ResolvedCommentMarker=t.c,exports.StylePicker=t.i,exports.TableBorderColorPicker=t._,exports.TableBorderPicker=t.v,exports.TableBorderWidthPicker=t.g,exports.TableCellFillPicker=t.h,exports.TableGridInline=t.j,exports.TableGridPicker=G,exports.TableMoreDropdown=t.m,exports.TablePropertiesDialog=n.t,exports.TableStyleGallery=n.a,exports.TableToolbar=t.p,exports.TitleBar=_,exports.Toolbar=t.b,exports.TrackedChangeCard=t.s,exports.UnifiedSidebar=t.a,exports.VerticalRuler=t.f;

package/dist/ui.d.ts

@@ -0,0 +1,67 @@
+/**
+ * `@stll/folio-vue/ui`
+ *
+ * UI entry point — toolbar primitives, pickers, table/image controls, sidebar
+ * cards, and dialogs. Mirrors `packages/react/src/ui.ts` (and upstream's Vue
+ * `ui.ts`), limited to the components the fork has ported. Components without a
+ * Vue equivalent yet (ResponsiveToolbar, ZoomControl, Tooltip, LoadingIndicator,
+ * TableInsertButtons, TableMergeButton, UnsavedIndicator, PrintPreview, and the
+ * InsertImage / KeyboardShortcuts / PasteSpecial / SplitCell dialogs) are omitted.
+ *
+ * @example
+ * ```ts
+ * import { Toolbar, FontPicker, ColorPicker } from "@stll/folio-vue/ui";
+ * ```
+ *
+ * @packageDocumentation
+ * @public
+ */
+export { default as Toolbar } from './components/Toolbar.vue';
+export { default as EditorToolbar } from './components/EditorToolbar.vue';
+export { default as TitleBar } from './components/TitleBar.vue';
+export { default as MenuBar } from './components/MenuBar.vue';
+export { default as MenuDropdown } from './components/ui/MenuDropdown.vue';
+export { default as DocumentName } from './components/DocumentName.vue';
+export { default as EditingModeDropdown } from './components/EditingModeDropdown.vue';
+export { default as FontPicker } from './components/ui/FontPicker.vue';
+export { default as FontSizePicker } from './components/ui/FontSizePicker.vue';
+export { default as LineSpacingPicker } from './components/ui/LineSpacingPicker.vue';
+export { default as StylePicker } from './components/ui/StylePicker.vue';
+export { default as ColorPicker } from './components/ui/ColorPicker.vue';
+export { default as AlignmentButtons } from './components/ui/AlignmentButtons.vue';
+export { default as ListButtons } from './components/ui/ListButtons.vue';
+export { default as Button } from './components/ui/Button.vue';
+export { default as IconGridDropdown } from './components/ui/IconGridDropdown.vue';
+export { default as Popover } from './components/ui/Popover.vue';
+export { default as TableToolbar } from './components/ui/TableToolbar.vue';
+export { default as TableStyleGallery } from './components/ui/TableStyleGallery.vue';
+export { default as TableGridPicker } from './components/ui/TableGridPicker.vue';
+export { default as TableGridInline } from './components/ui/TableGridInline.vue';
+export { default as TableMoreDropdown } from './components/ui/TableMoreDropdown.vue';
+export { default as TableCellFillPicker } from './components/ui/TableCellFillPicker.vue';
+export { default as TableBorderPicker } from './components/ui/TableBorderPicker.vue';
+export { default as TableBorderColorPicker } from './components/ui/TableBorderColorPicker.vue';
+export { default as TableBorderWidthPicker } from './components/ui/TableBorderWidthPicker.vue';
+export { default as ImageWrapDropdown } from './components/ui/ImageWrapDropdown.vue';
+export { default as ImageTransformDropdown } from './components/ui/ImageTransformDropdown.vue';
+export { default as UnifiedSidebar } from './components/UnifiedSidebar.vue';
+export { default as CommentCard } from './components/sidebar/CommentCard.vue';
+export { default as TrackedChangeCard } from './components/sidebar/TrackedChangeCard.vue';
+export { default as AddCommentCard } from './components/sidebar/AddCommentCard.vue';
+export { default as ReplyInput } from './components/sidebar/ReplyInput.vue';
+export { default as ReplyThread } from './components/sidebar/ReplyThread.vue';
+export { default as ResolvedCommentMarker } from './components/sidebar/ResolvedCommentMarker.vue';
+export { default as CommentMarginMarkers } from './components/CommentMarginMarkers.vue';
+export { default as FindReplaceDialog } from './components/dialogs/FindReplaceDialog.vue';
+export { default as FootnotePropertiesDialog } from './components/dialogs/FootnotePropertiesDialog.vue';
+export { default as HyperlinkDialog } from './components/dialogs/HyperlinkDialog.vue';
+export { default as ImagePositionDialog } from './components/dialogs/ImagePositionDialog.vue';
+export { default as ImagePropertiesDialog } from './components/dialogs/ImagePropertiesDialog.vue';
+export { default as InsertSymbolDialog } from './components/dialogs/InsertSymbolDialog.vue';
+export { default as InsertTableDialog } from './components/dialogs/InsertTableDialog.vue';
+export { default as PageSetupDialog } from './components/dialogs/PageSetupDialog.vue';
+export { default as TablePropertiesDialog } from './components/dialogs/TablePropertiesDialog.vue';
+export { default as PrintButton } from './components/PrintButton.vue';
+export { default as HorizontalRuler } from './components/ui/HorizontalRuler.vue';
+export { default as VerticalRuler } from './components/ui/VerticalRuler.vue';
+export { CARD_STYLE_COLLAPSED, CARD_STYLE_EXPANDED } from './components/sidebar/cardStyles';