@skdx/vue 0.27.0 → 0.29.0

package/dist/editable/EditableAnatomy.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * The anatomy a `SkdxEditable` draws: Preview, Input or Textarea, and an optional Submit/Cancel pair.
+ * @internal
+ */
+type __VLS_Props = {
+    multiline?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+    showControls?: boolean | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    showControls: boolean | undefined;
+    multiline: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/editable/EditableAnatomy.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The anatomy a `SkdxEditable` draws: Preview, Input or Textarea, and an optional Submit/Cancel pair.
+ * @internal
+ */
+type __VLS_Props = {
+    multiline?: boolean | undefined;
+    ariaLabel?: string | undefined;
+    ariaLabelledby?: string | undefined;
+    showControls?: boolean | undefined;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    ariaLabel: string | undefined;
+    ariaLabelledby: string | undefined;
+    showControls: boolean | undefined;
+    multiline: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/editable/EditableAnatomy.vue.js

@@ -0,0 +1 @@
+import t from"./EditableAnatomy.vue_vue_type_script_setup_true_lang.js";var e=t;export{e as default};

package/dist/editable/EditableAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const t=require("./EditableCancelTrigger.vue.cjs"),r=require("./EditableInput.vue.cjs"),i=require("./EditablePreview.vue.cjs"),u=require("./EditableSubmitTrigger.vue.cjs"),n=require("./EditableTextarea.vue.cjs");let e=require("vue");var d=(0,e.defineComponent)({__name:"EditableAnatomy",props:{multiline:{type:Boolean,default:!1},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0},showControls:{type:Boolean,default:!1}},setup(a){return(o,l)=>((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,null,[(0,e.createVNode)(i.default),a.multiline?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:0,"aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledby},null,8,["aria-label","aria-labelledby"])):((0,e.openBlock)(),(0,e.createBlock)(r.default,{key:1,"aria-label":a.ariaLabel,"aria-labelledby":a.ariaLabelledby},null,8,["aria-label","aria-labelledby"])),a.showControls?((0,e.openBlock)(),(0,e.createElementBlock)(e.Fragment,{key:2},[(0,e.createVNode)(u.default,null,{default:(0,e.withCtx)(()=>[...l[0]||(l[0]=[(0,e.createTextVNode)("Save",-1)])]),_:1}),(0,e.createVNode)(t.default,null,{default:(0,e.withCtx)(()=>[...l[1]||(l[1]=[(0,e.createTextVNode)("Cancel",-1)])]),_:1})],64)):(0,e.createCommentVNode)("",!0)],64))}});exports.default=d;

package/dist/editable/EditableAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"./EditableCancelTrigger.vue.js";import a from"./EditableInput.vue.js";import l from"./EditablePreview.vue.js";import r from"./EditableSubmitTrigger.vue.js";import t from"./EditableTextarea.vue.js";import{Fragment as i,createBlock as o,createCommentVNode as b,createElementBlock as d,createTextVNode as n,createVNode as u,defineComponent as m,openBlock as s,withCtx as p}from"vue";var f=/* @__PURE__ */m({__name:"EditableAnatomy",props:{multiline:{type:Boolean,default:!1},ariaLabel:{default:void 0},ariaLabelledby:{default:void 0},showControls:{type:Boolean,default:!1}},setup:m=>(f,y)=>(s(),d(i,null,[u(l),m.multiline?(s(),o(t,{key:0,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledby},null,8,["aria-label","aria-labelledby"])):(s(),o(a,{key:1,"aria-label":m.ariaLabel,"aria-labelledby":m.ariaLabelledby},null,8,["aria-label","aria-labelledby"])),m.showControls?(s(),d(i,{key:2},[u(r,null,{default:p(()=>[...y[0]||(y[0]=[n("Save",-1)])]),_:1}),u(e,null,{default:p(()=>[...y[1]||(y[1]=[n("Cancel",-1)])]),_:1})],64)):b("",!0)],64))});export{f as default};

package/dist/editable/EditableCancelTrigger.vue.d.cts

@@ -1,12 +1,5 @@
 /**
- * A button that discards the current draft of a `SkdxEditable` and restores the
- * pre-edit text — the pointer equivalent of Escape. Renders nothing outside
- * edit mode.
- *
- * Like `SkdxEditableSubmitTrigger` it calls `preventDefault()` on mouse-down so
- * the input keeps focus, and here that is load-bearing rather than merely
- * tidy: without it, under the default `submitMode="both"`, the blur would
- * *submit* the very draft this button exists to throw away.
+ * Button that discards the current draft and restores the pre-edit text.
  *
  * @example
  * ```vue

package/dist/editable/EditableCancelTrigger.vue.d.ts

@@ -1,12 +1,5 @@
 /**
- * A button that discards the current draft of a `SkdxEditable` and restores the
- * pre-edit text — the pointer equivalent of Escape. Renders nothing outside
- * edit mode.
- *
- * Like `SkdxEditableSubmitTrigger` it calls `preventDefault()` on mouse-down so
- * the input keeps focus, and here that is load-bearing rather than merely
- * tidy: without it, under the default `submitMode="both"`, the blur would
- * *submit* the very draft this button exists to throw away.
+ * Button that discards the current draft and restores the pre-edit text.
  *
  * @example
  * ```vue

package/dist/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const d=require("./context.cjs");let e=require("vue");var a=["disabled"],l=(0,e.defineComponent)({__name:"EditableCancelTrigger",setup(o){const n=(0,e.inject)(d.EDITABLE_CONTEXT);if(!n)throw new Error("<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");const r=n;return(i,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=u=>(0,e.unref)(r).cancel())},[(0,e.renderSlot)(i.$slots,"default")],40,a)):(0,e.createCommentVNode)("",!0)}});exports.default=l;
+const i=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var a=["disabled"],u=(0,e.defineComponent)({__name:"EditableCancelTrigger",setup(l){const r=i.injectRequired(d.EDITABLE_CONTEXT,"<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");return(n,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=o=>(0,e.unref)(r).cancel())},[(0,e.renderSlot)(n.$slots,"default")],40,a)):(0,e.createCommentVNode)("",!0)}});exports.default=u;

package/dist/editable/EditableCancelTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as n,inject as r,openBlock as s,renderSlot as d,unref as i,withModifiers as o}from"vue";var l=["disabled"],c=/* @__PURE__ */n({__name:"EditableCancelTrigger",setup(n){const c=r(e);if(!c)throw new Error("<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");const u=c;return(e,n)=>i(u).editing.value?(s(),a("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:i(u).disabled.value,onMousedown:n[0]||(n[0]=o(()=>{},["prevent"])),onClick:n[1]||(n[1]=e=>i(u).cancel())},[d(e.$slots,"default")],40,l)):t("",!0)}});export{c as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as a,createElementBlock as i,defineComponent as s,openBlock as d,renderSlot as n,unref as r,withModifiers as o}from"vue";var l=["disabled"],c=/* @__PURE__ */s({__name:"EditableCancelTrigger",setup(s){const c=e(t,"<SkdxEditableCancelTrigger> must be used inside <SkdxEditable>.");return(e,t)=>r(c).editing.value?(d(),i("button",{key:0,class:"skdx-editable__cancel-trigger","data-part":"cancel-trigger",type:"button","data-state":"editing",disabled:r(c).disabled.value,onMousedown:t[0]||(t[0]=o(()=>{},["prevent"])),onClick:t[1]||(t[1]=e=>r(c).cancel())},[n(e.$slots,"default")],40,l)):a("",!0)}});export{c as default};

package/dist/editable/EditableEditTrigger.vue.d.cts

@@ -1,14 +1,5 @@
 /**
- * A button that opens an edit from *outside* the preview — a pencil icon in a
- * table row, an "Edit" item in a toolbar. Renders nothing while editing.
- * Disabled whenever the root is `disabled` or `readOnly`, since neither can be
- * edited.
- *
- * It is the discoverable counterpart to `activationMode`: `'dblclick'` avoids
- * accidental edits but is invisible, so pair the two when the surface is
- * read-mostly. Focus still lands on the input when the edit opens, and returns
- * to the *preview* — not to this trigger — when it closes, because the preview
- * is where the text the user was just working on now lives.
+ * Button that opens edit mode from outside the preview; renders nothing while editing.
  *
  * @example
  * ```vue

package/dist/editable/EditableEditTrigger.vue.d.ts

@@ -1,14 +1,5 @@
 /**
- * A button that opens an edit from *outside* the preview — a pencil icon in a
- * table row, an "Edit" item in a toolbar. Renders nothing while editing.
- * Disabled whenever the root is `disabled` or `readOnly`, since neither can be
- * edited.
- *
- * It is the discoverable counterpart to `activationMode`: `'dblclick'` avoids
- * accidental edits but is invisible, so pair the two when the surface is
- * read-mostly. Focus still lands on the input when the edit opens, and returns
- * to the *preview* — not to this trigger — when it closes, because the preview
- * is where the text the user was just working on now lives.
+ * Button that opens edit mode from outside the preview; renders nothing while editing.
  *
  * @example
  * ```vue

package/dist/editable/EditableEditTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const i=require("./context.cjs");let e=require("vue");var n=["disabled","data-disabled","data-readonly"],l=(0,e.defineComponent)({__name:"EditableEditTrigger",setup(u){const d=(0,e.inject)(i.EDITABLE_CONTEXT);if(!d)throw new Error("<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");const t=d;return(a,r)=>(0,e.unref)(t).editing.value?(0,e.createCommentVNode)("",!0):((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:(0,e.unref)(t).disabled.value||(0,e.unref)(t).readOnly.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-readonly":(0,e.unref)(t).readOnly.value?"":void 0,onClick:r[0]||(r[0]=o=>(0,e.unref)(t).activate())},[(0,e.renderSlot)(a.$slots,"default")],8,n))}});exports.default=l;
+const a=require("../utils/injectRequired.cjs"),i=require("./context.cjs");let e=require("vue");var n=["disabled","data-disabled","data-readonly"],u=(0,e.defineComponent)({__name:"EditableEditTrigger",setup(l){const t=a.injectRequired(i.EDITABLE_CONTEXT,"<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");return(r,d)=>(0,e.unref)(t).editing.value?(0,e.createCommentVNode)("",!0):((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:(0,e.unref)(t).disabled.value||(0,e.unref)(t).readOnly.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,"data-readonly":(0,e.unref)(t).readOnly.value?"":void 0,onClick:d[0]||(d[0]=o=>(0,e.unref)(t).activate())},[(0,e.renderSlot)(r.$slots,"default")],8,n))}});exports.default=u;

package/dist/editable/EditableEditTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as t,defineComponent as d,inject as i,openBlock as r,renderSlot as l,unref as s}from"vue";var o=["disabled","data-disabled","data-readonly"],n=/* @__PURE__ */d({__name:"EditableEditTrigger",setup(d){const n=i(e);if(!n)throw new Error("<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");const u=n;return(e,d)=>s(u).editing.value?a("",!0):(r(),t("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:s(u).disabled.value||s(u).readOnly.value,"data-disabled":s(u).disabled.value?"":void 0,"data-readonly":s(u).readOnly.value?"":void 0,onClick:d[0]||(d[0]=e=>s(u).activate())},[l(e.$slots,"default")],8,o))}});export{n as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createCommentVNode as t,createElementBlock as d,defineComponent as i,openBlock as r,renderSlot as l,unref as s}from"vue";var o=["disabled","data-disabled","data-readonly"],n=/* @__PURE__ */i({__name:"EditableEditTrigger",setup(i){const n=e(a,"<SkdxEditableEditTrigger> must be used inside <SkdxEditable>.");return(e,a)=>s(n).editing.value?t("",!0):(r(),d("button",{key:0,class:"skdx-editable__edit-trigger","data-part":"edit-trigger",type:"button","data-state":"preview",disabled:s(n).disabled.value||s(n).readOnly.value,"data-disabled":s(n).disabled.value?"":void 0,"data-readonly":s(n).readOnly.value?"":void 0,onClick:a[0]||(a[0]=e=>s(n).activate())},[l(e.$slots,"default")],8,o))}});export{n as default};

package/dist/editable/EditableInput.vue.d.cts

@@ -1,16 +1,5 @@
 /**
- * The single-line editor for a `SkdxEditable`. Renders nothing outside edit
- * mode, and a controlled `<input type="text">` inside it, taking its value,
- * `placeholder`, `disabled`, `readOnly`, `required` and `maxLength` from the
- * root — so the only attribute you normally pass is an accessible name.
- *
- * Key handling: Escape always cancels and restores the pre-edit text; Enter
- * submits when `submitMode` is `'enter'` or `'both'`; blur submits when it is
- * `'blur'` or `'both'`. For multi-line text where Enter has to mean *newline*,
- * use `SkdxEditableTextarea` instead.
- *
- * The root focuses this element and selects (or places the caret at the end
- * of) its content when edit mode opens; you do not have to focus it yourself.
+ * Single-line, auto-focused editor for `SkdxEditable`; renders only in edit mode.
  *
  * @example
  * ```vue
@@ -21,5 +10,14 @@
  * ```
  */
 type __VLS_Props = {};
-declare const _default: 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: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native editor input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor input, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableInput.vue.d.ts

@@ -1,16 +1,5 @@
 /**
- * The single-line editor for a `SkdxEditable`. Renders nothing outside edit
- * mode, and a controlled `<input type="text">` inside it, taking its value,
- * `placeholder`, `disabled`, `readOnly`, `required` and `maxLength` from the
- * root — so the only attribute you normally pass is an accessible name.
- *
- * Key handling: Escape always cancels and restores the pre-edit text; Enter
- * submits when `submitMode` is `'enter'` or `'both'`; blur submits when it is
- * `'blur'` or `'both'`. For multi-line text where Enter has to mean *newline*,
- * use `SkdxEditableTextarea` instead.
- *
- * The root focuses this element and selects (or places the caret at the end
- * of) its content when edit mode opens; you do not have to focus it yourself.
+ * Single-line, auto-focused editor for `SkdxEditable`; renders only in edit mode.
  *
  * @example
  * ```vue
@@ -21,5 +10,14 @@
  * ```
  */
 type __VLS_Props = {};
-declare const _default: 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: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native editor input. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor input, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** The underlying native `<input>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLInputElement | null, HTMLInputElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableInput.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("../utils/reassertValue.cjs"),s=require("./context.cjs");let t=require("vue");var c=["value","placeholder","disabled","readonly","required","maxlength","data-empty"],p=(0,t.defineComponent)({__name:"EditableInput",setup(v){const r=(0,t.inject)(s.EDITABLE_CONTEXT);if(!r)throw new Error("<SkdxEditableInput> must be used inside <SkdxEditable>.");const e=r;function n(u){const a=u.target;e.setValue(a.value),o.reassertValue(a,()=>e.value.value)}function l(u){if(u.key==="Escape"){u.preventDefault(),e.cancel();return}u.key==="Enter"&&(e.submitMode.value==="enter"||e.submitMode.value==="both")&&(u.preventDefault(),e.submit())}function i(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return(u,a)=>(0,t.unref)(e).editing.value?((0,t.openBlock)(),(0,t.createElementBlock)("input",{key:0,class:"skdx-editable__input","data-part":"input",ref:d=>(0,t.unref)(e).inputRef.value=d,type:"text",value:(0,t.unref)(e).value.value,placeholder:(0,t.unref)(e).placeholder.value,disabled:(0,t.unref)(e).disabled.value,readonly:(0,t.unref)(e).readOnly.value,required:(0,t.unref)(e).required.value,maxlength:(0,t.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,t.unref)(e).value.value===""?"":void 0,onInput:n,onKeydown:l,onBlur:i},null,40,c)):(0,t.createCommentVNode)("",!0)}});exports.default=p;
+const s=require("../utils/injectRequired.cjs"),v=require("../utils/composeRefs.cjs"),c=require("../utils/reassertValue.cjs"),f=require("./context.cjs");let u=require("vue");var p=["id","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],_=(0,u.defineComponent)({__name:"EditableInput",setup(m,{expose:i}){const e=s.injectRequired(f.EDITABLE_CONTEXT,"<SkdxEditableInput> must be used inside <SkdxEditable>."),a=(0,u.ref)(null),l=v.composeRefs(t=>{e.inputRef.value=t},a);function n(t){const r=t.target;e.setValue(r.value),c.reassertValue(r,()=>e.value.value)}function d(t){if(t.key==="Escape"){t.preventDefault(),e.cancel();return}t.key==="Enter"&&(e.submitMode.value==="enter"||e.submitMode.value==="both")&&(t.preventDefault(),e.submit())}function o(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return i({focus:t=>a.value?.focus(t),checkValidity:()=>a.value?.checkValidity()??!0,reportValidity:()=>a.value?.reportValidity()??!0,el:a}),(t,r)=>(0,u.unref)(e).editing.value?((0,u.openBlock)(),(0,u.createElementBlock)("input",{key:0,id:(0,u.unref)(e).editorId,ref:(0,u.unref)(l),class:"skdx-editable__input","data-part":"input",type:"text",value:(0,u.unref)(e).value.value,placeholder:(0,u.unref)(e).editPlaceholder.value,disabled:(0,u.unref)(e).disabled.value,readonly:(0,u.unref)(e).readOnly.value,required:(0,u.unref)(e).required.value,"aria-required":(0,u.unref)(e).required.value||void 0,"aria-invalid":(0,u.unref)(e).invalid.value||void 0,maxlength:(0,u.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,u.unref)(e).value.value===""?"":void 0,"data-invalid":(0,u.unref)(e).invalid.value?"":void 0,onInput:n,onKeydown:d,onBlur:o},null,40,p)):(0,u.createCommentVNode)("",!0)}});exports.default=_;

package/dist/editable/EditableInput.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as a,createElementBlock as u,defineComponent as l,inject as n,openBlock as r,unref as d}from"vue";var o=["value","placeholder","disabled","readonly","required","maxlength","data-empty"],i=/* @__PURE__ */l({__name:"EditableInput",setup(l){const i=n(t);if(!i)throw new Error("<SkdxEditableInput> must be used inside <SkdxEditable>.");const s=i;function v(t){const a=t.target;s.setValue(a.value),e(a,()=>s.value.value)}function p(e){if("Escape"===e.key)return e.preventDefault(),void s.cancel();"Enter"===e.key&&("enter"===s.submitMode.value||"both"===s.submitMode.value)&&(e.preventDefault(),s.submit())}function m(){("blur"===s.submitMode.value||"both"===s.submitMode.value)&&s.submit()}return(e,t)=>d(s).editing.value?(r(),u("input",{key:0,class:"skdx-editable__input","data-part":"input",ref:e=>d(s).inputRef.value=e,type:"text",value:d(s).value.value,placeholder:d(s).placeholder.value,disabled:d(s).disabled.value,readonly:d(s).readOnly.value,required:d(s).required.value,maxlength:d(s).maxLength.value,"data-state":"editing","data-empty":""===d(s).value.value?"":void 0,onInput:v,onKeydown:p,onBlur:m},null,40,o)):a("",!0)}});export{i as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as a}from"../utils/composeRefs.js";import{reassertValue as t}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as i}from"./context.js";import{createCommentVNode as l,createElementBlock as u,defineComponent as d,openBlock as r,ref as n,unref as o}from"vue";var s=["id","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],v=/* @__PURE__ */d({__name:"EditableInput",setup(d,{expose:v}){const p=e(i,"<SkdxEditableInput> must be used inside <SkdxEditable>."),m=n(null),c=a(e=>{p.inputRef.value=e},m);function f(e){const a=e.target;p.setValue(a.value),t(a,()=>p.value.value)}function b(e){if("Escape"===e.key)return e.preventDefault(),void p.cancel();"Enter"===e.key&&("enter"===p.submitMode.value||"both"===p.submitMode.value)&&(e.preventDefault(),p.submit())}function y(){("blur"===p.submitMode.value||"both"===p.submitMode.value)&&p.submit()}return v({focus:e=>m.value?.focus(e),checkValidity:()=>m.value?.checkValidity()??!0,reportValidity:()=>m.value?.reportValidity()??!0,el:m}),(e,a)=>o(p).editing.value?(r(),u("input",{key:0,id:o(p).editorId,ref:o(c),class:"skdx-editable__input","data-part":"input",type:"text",value:o(p).value.value,placeholder:o(p).editPlaceholder.value,disabled:o(p).disabled.value,readonly:o(p).readOnly.value,required:o(p).required.value,"aria-required":o(p).required.value||void 0,"aria-invalid":o(p).invalid.value||void 0,maxlength:o(p).maxLength.value,"data-state":"editing","data-empty":""===o(p).value.value?"":void 0,"data-invalid":o(p).invalid.value?"":void 0,onInput:f,onKeydown:b,onBlur:y},null,40,s)):l("",!0)}});export{v as default};

package/dist/editable/EditableLabel.vue.cjs

@@ -0,0 +1 @@
+const e=require("./EditableLabel.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/editable/EditableLabel.vue.d.cts

@@ -0,0 +1,14 @@
+/** A real `<label>` naming both halves of `SkdxEditable`, rendered in both preview and edit modes. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/editable/EditableLabel.vue.d.ts

@@ -0,0 +1,14 @@
+/** A real `<label>` naming both halves of `SkdxEditable`, rendered in both preview and edit modes. */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/editable/EditableLabel.vue.js

@@ -0,0 +1 @@
+import e from"./EditableLabel.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/editable/EditableLabel.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const r=require("../utils/injectRequired.cjs"),a=require("./context.cjs");let e=require("vue");var n=["id","for"],u=(0,e.defineComponent)({__name:"EditableLabel",setup(d){const t=r.injectRequired(a.EDITABLE_CONTEXT,"<SkdxEditableLabel> must be used inside <SkdxEditable>.");return(0,e.onMounted)(()=>{t.labelPresent.value=!0}),(0,e.onBeforeUnmount)(()=>{t.labelPresent.value=!1}),(l,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("label",{id:(0,e.unref)(t).labelId,class:"skdx-editable__label","data-part":"label",for:(0,e.unref)(t).editorId},[(0,e.renderSlot)(l.$slots,"default")],8,n))}});exports.default=u;

package/dist/editable/EditableLabel.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createElementBlock as t,defineComponent as l,onBeforeUnmount as s,onMounted as o,openBlock as r,renderSlot as d,unref as n}from"vue";var i=["id","for"],u=/* @__PURE__ */l({__name:"EditableLabel",setup(l){const u=e(a,"<SkdxEditableLabel> must be used inside <SkdxEditable>.");return o(()=>{u.labelPresent.value=!0}),s(()=>{u.labelPresent.value=!1}),(e,a)=>(r(),t("label",{id:n(u).labelId,class:"skdx-editable__label","data-part":"label",for:n(u).editorId},[d(e.$slots,"default")],8,i))}});export{u as default};

package/dist/editable/EditablePreview.vue.d.cts

@@ -1,19 +1,6 @@
 /**
- * The read-mode half of a `SkdxEditable`: the text as it currently stands, and
- * the thing you interact with to start editing it. Renders nothing while
- * editing — the input has taken its place — and a `role="button"` `<span>`
- * otherwise, with `data-state="preview"`, `data-empty`, `data-disabled` and
- * `data-readonly`.
- *
- * With an empty default slot it renders the value, falling back to the root's
- * `placeholder` when empty. Fill the slot to render the value yourself (a
- * heading, a truncated cell); it replaces the text entirely.
- *
- * It is a tab stop unless `disabled`, and Enter or Space opens the editor
- * whatever `activationMode` is set to — a click-to-edit affordance that only
- * responds to a mouse is not an affordance for half your users. This is also
- * the element focus comes back to when the edit ends.
- *
+ * Read-mode half of `SkdxEditable`: displays the current value and enters
+ * edit mode on activation.
  * @example
  * ```vue
  * <SkdxEditable default-value="Untitled" placeholder="Add a title">
@@ -27,7 +14,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the preview element, which is itself tabbable. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The rendered preview element, for focus and measurement. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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 & {

package/dist/editable/EditablePreview.vue.d.ts

@@ -1,19 +1,6 @@
 /**
- * The read-mode half of a `SkdxEditable`: the text as it currently stands, and
- * the thing you interact with to start editing it. Renders nothing while
- * editing — the input has taken its place — and a `role="button"` `<span>`
- * otherwise, with `data-state="preview"`, `data-empty`, `data-disabled` and
- * `data-readonly`.
- *
- * With an empty default slot it renders the value, falling back to the root's
- * `placeholder` when empty. Fill the slot to render the value yourself (a
- * heading, a truncated cell); it replaces the text entirely.
- *
- * It is a tab stop unless `disabled`, and Enter or Space opens the editor
- * whatever `activationMode` is set to — a click-to-edit affordance that only
- * responds to a mouse is not an affordance for half your users. This is also
- * the element focus comes back to when the edit ends.
- *
+ * Read-mode half of `SkdxEditable`: displays the current value and enters
+ * edit mode on activation.
  * @example
  * ```vue
  * <SkdxEditable default-value="Untitled" placeholder="Add a title">
@@ -27,7 +14,12 @@ declare var __VLS_1: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 };
-declare const __VLS_component: 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 __VLS_component: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the preview element, which is itself tabbable. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** The rendered preview element, for focus and measurement. */
+    el: import("vue").Ref<HTMLElement | null, HTMLElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, 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 & {

package/dist/editable/EditablePreview.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("./context.cjs");let a=require("vue");var c=["tabindex","aria-disabled","aria-readonly","data-empty","data-disabled","data-readonly"],v=(0,a.defineComponent)({__name:"EditablePreview",setup(s){const i=(0,a.inject)(o.EDITABLE_CONTEXT);if(!i)throw new Error("<SkdxEditablePreview> must be used inside <SkdxEditable>.");const e=i;function r(){e.activationMode.value==="click"&&e.activate()}function n(){e.activationMode.value==="dblclick"&&e.activate()}function d(){e.activationMode.value==="focus"&&!e.returningFocus.value&&e.activate()}function l(t){t.key!=="Enter"&&t.key!==" "||(t.preventDefault(),e.activate())}return(t,f)=>(0,a.unref)(e).editing.value?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("span",{key:0,class:"skdx-editable__preview","data-part":"preview",ref:u=>(0,a.unref)(e).previewRef.value=u,role:"button",tabindex:(0,a.unref)(e).disabled.value?-1:0,"aria-disabled":(0,a.unref)(e).disabled.value||void 0,"aria-readonly":(0,a.unref)(e).readOnly.value||void 0,"data-state":"preview","data-empty":(0,a.unref)(e).value.value===""?"":void 0,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,"data-readonly":(0,a.unref)(e).readOnly.value?"":void 0,onClick:r,onDblclick:n,onFocus:d,onKeydown:l},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(e).value.value||(0,a.unref)(e).placeholder.value),1)])],40,c))}});exports.default=v;
+const v=require("../utils/injectRequired.cjs"),c=require("../utils/composeRefs.cjs"),s=require("./context.cjs");let a=require("vue");var f=["tabindex","aria-labelledby","aria-disabled","data-empty","data-disabled","data-readonly","data-invalid"],b=(0,a.defineComponent)({__name:"EditablePreview",setup(p,{expose:l}){const e=v.injectRequired(s.EDITABLE_CONTEXT,"<SkdxEditablePreview> must be used inside <SkdxEditable>."),i=(0,a.ref)(null),r=c.composeRefs(e.previewRef,i);function n(){e.activationMode.value==="click"&&e.activate()}function d(){e.activationMode.value==="dblclick"&&e.activate()}function u(){e.activationMode.value==="focus"&&!e.returningFocus.value&&e.activate()}function o(t){t.key!=="Enter"&&t.key!==" "||(t.preventDefault(),e.activate())}return l({focus:t=>i.value?.focus(t),el:i}),(t,_)=>(0,a.unref)(e).editing.value?(0,a.createCommentVNode)("",!0):((0,a.openBlock)(),(0,a.createElementBlock)("span",{key:0,ref:(0,a.unref)(r),class:"skdx-editable__preview","data-part":"preview",role:"button",tabindex:(0,a.unref)(e).disabled.value?-1:0,"aria-labelledby":(0,a.unref)(e).labelPresent.value?(0,a.unref)(e).labelId:void 0,"aria-disabled":(0,a.unref)(e).disabled.value||(0,a.unref)(e).readOnly.value||void 0,"data-state":"preview","data-empty":(0,a.unref)(e).value.value===""?"":void 0,"data-disabled":(0,a.unref)(e).disabled.value?"":void 0,"data-readonly":(0,a.unref)(e).readOnly.value?"":void 0,"data-invalid":(0,a.unref)(e).invalid.value?"":void 0,onClick:n,onDblclick:d,onFocus:u,onKeydown:o},[(0,a.renderSlot)(t.$slots,"default",{},()=>[(0,a.createTextVNode)((0,a.toDisplayString)((0,a.unref)(e).value.value||(0,a.unref)(e).previewPlaceholder.value),1)])],40,f))}});exports.default=b;

package/dist/editable/EditablePreview.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as a,createElementBlock as t,createTextVNode as i,defineComponent as d,inject as l,openBlock as o,renderSlot as n,toDisplayString as r,unref as v}from"vue";var s=["tabindex","aria-disabled","aria-readonly","data-empty","data-disabled","data-readonly"],u=/* @__PURE__ */d({__name:"EditablePreview",setup(d){const u=l(e);if(!u)throw new Error("<SkdxEditablePreview> must be used inside <SkdxEditable>.");const c=u;function b(){"click"===c.activationMode.value&&c.activate()}function p(){"dblclick"===c.activationMode.value&&c.activate()}function f(){"focus"===c.activationMode.value&&!c.returningFocus.value&&c.activate()}function y(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),c.activate())}return(e,d)=>v(c).editing.value?a("",!0):(o(),t("span",{key:0,class:"skdx-editable__preview","data-part":"preview",ref:e=>v(c).previewRef.value=e,role:"button",tabindex:v(c).disabled.value?-1:0,"aria-disabled":v(c).disabled.value||void 0,"aria-readonly":v(c).readOnly.value||void 0,"data-state":"preview","data-empty":""===v(c).value.value?"":void 0,"data-disabled":v(c).disabled.value?"":void 0,"data-readonly":v(c).readOnly.value?"":void 0,onClick:b,onDblclick:p,onFocus:f,onKeydown:y},[n(e.$slots,"default",{},()=>[i(r(v(c).value.value||v(c).placeholder.value),1)])],40,s))}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{composeRefs as a}from"../utils/composeRefs.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as i,createElementBlock as l,createTextVNode as d,defineComponent as o,openBlock as n,ref as s,renderSlot as r,toDisplayString as v,unref as u}from"vue";var c=["tabindex","aria-labelledby","aria-disabled","data-empty","data-disabled","data-readonly","data-invalid"],b=/* @__PURE__ */o({__name:"EditablePreview",setup(o,{expose:b}){const p=e(t,"<SkdxEditablePreview> must be used inside <SkdxEditable>."),f=s(null),m=a(p.previewRef,f);function y(){"click"===p.activationMode.value&&p.activate()}function k(){"dblclick"===p.activationMode.value&&p.activate()}function x(){"focus"===p.activationMode.value&&!p.returningFocus.value&&p.activate()}function w(e){"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),p.activate())}return b({focus:e=>f.value?.focus(e),el:f}),(e,a)=>u(p).editing.value?i("",!0):(n(),l("span",{key:0,ref:u(m),class:"skdx-editable__preview","data-part":"preview",role:"button",tabindex:u(p).disabled.value?-1:0,"aria-labelledby":u(p).labelPresent.value?u(p).labelId:void 0,"aria-disabled":u(p).disabled.value||u(p).readOnly.value||void 0,"data-state":"preview","data-empty":""===u(p).value.value?"":void 0,"data-disabled":u(p).disabled.value?"":void 0,"data-readonly":u(p).readOnly.value?"":void 0,"data-invalid":u(p).invalid.value?"":void 0,onClick:y,onDblclick:k,onFocus:x,onKeydown:w},[r(e.$slots,"default",{},()=>[d(v(u(p).value.value||u(p).previewPlaceholder.value),1)])],40,c))}});export{b as default};

package/dist/editable/EditableSubmitTrigger.vue.d.cts

@@ -1,12 +1,5 @@
 /**
- * A button that commits the current draft of a `SkdxEditable`. Renders nothing
- * outside edit mode. Required when `submitMode="none"`, optional otherwise — a
- * visible "Save" next to Enter-to-submit is the discoverable version of the
- * same action.
- *
- * It calls `preventDefault()` on mouse-down so that pressing it does not blur
- * the input first: under `submitMode="both"` that blur would submit and unmount
- * this button, so the click would land on nothing.
+ * Button that commits the editable draft; renders only in edit mode.
  *
  * @example
  * ```vue

package/dist/editable/EditableSubmitTrigger.vue.d.ts

@@ -1,12 +1,5 @@
 /**
- * A button that commits the current draft of a `SkdxEditable`. Renders nothing
- * outside edit mode. Required when `submitMode="none"`, optional otherwise — a
- * visible "Save" next to Enter-to-submit is the discoverable version of the
- * same action.
- *
- * It calls `preventDefault()` on mouse-down so that pressing it does not blur
- * the input first: under `submitMode="both"` that blur would submit and unmount
- * this button, so the click would land on nothing.
+ * Button that commits the editable draft; renders only in edit mode.
  *
  * @example
  * ```vue

package/dist/editable/EditableSubmitTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const u=require("./context.cjs");let e=require("vue");var d=["disabled"],o=(0,e.defineComponent)({__name:"EditableSubmitTrigger",setup(s){const i=(0,e.inject)(u.EDITABLE_CONTEXT);if(!i)throw new Error("<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");const r=i;return(n,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=a=>(0,e.unref)(r).submit())},[(0,e.renderSlot)(n.$slots,"default")],40,d)):(0,e.createCommentVNode)("",!0)}});exports.default=o;
+const u=require("../utils/injectRequired.cjs"),d=require("./context.cjs");let e=require("vue");var n=["disabled"],s=(0,e.defineComponent)({__name:"EditableSubmitTrigger",setup(a){const r=u.injectRequired(d.EDITABLE_CONTEXT,"<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");return(i,t)=>(0,e.unref)(r).editing.value?((0,e.openBlock)(),(0,e.createElementBlock)("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:(0,e.unref)(r).disabled.value,onMousedown:t[0]||(t[0]=(0,e.withModifiers)(()=>{},["prevent"])),onClick:t[1]||(t[1]=o=>(0,e.unref)(r).submit())},[(0,e.renderSlot)(i.$slots,"default")],40,n)):(0,e.createCommentVNode)("",!0)}});exports.default=s;

package/dist/editable/EditableSubmitTrigger.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{EDITABLE_CONTEXT as e}from"./context.js";import{createCommentVNode as t,createElementBlock as a,defineComponent as i,inject as s,openBlock as r,renderSlot as d,unref as o,withModifiers as n}from"vue";var l=["disabled"],u=/* @__PURE__ */i({__name:"EditableSubmitTrigger",setup(i){const u=s(e);if(!u)throw new Error("<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");const b=u;return(e,i)=>o(b).editing.value?(r(),a("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:o(b).disabled.value,onMousedown:i[0]||(i[0]=n(()=>{},["prevent"])),onClick:i[1]||(i[1]=e=>o(b).submit())},[d(e.$slots,"default")],40,l)):t("",!0)}});export{u as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as i,createElementBlock as a,defineComponent as s,openBlock as d,renderSlot as r,unref as o,withModifiers as n}from"vue";var u=["disabled"],l=/* @__PURE__ */s({__name:"EditableSubmitTrigger",setup(s){const l=e(t,"<SkdxEditableSubmitTrigger> must be used inside <SkdxEditable>.");return(e,t)=>o(l).editing.value?(d(),a("button",{key:0,class:"skdx-editable__submit-trigger","data-part":"submit-trigger",type:"button","data-state":"editing",disabled:o(l).disabled.value,onMousedown:t[0]||(t[0]=n(()=>{},["prevent"])),onClick:t[1]||(t[1]=e=>o(l).submit())},[r(e.$slots,"default")],40,u)):i("",!0)}});export{l as default};

package/dist/editable/EditableTextarea.vue.d.cts

@@ -1,14 +1,5 @@
 /**
- * The multi-line editor for a `SkdxEditable` — a drop-in alternative to
- * `SkdxEditableInput`, never rendered alongside it. Renders nothing outside
- * edit mode, and a controlled `<textarea>` inside it, taking value,
- * `placeholder`, `disabled`, `readOnly`, `required` and `maxLength` from the root.
- *
- * The one behavioural difference is Enter, and it matters: in a multi-line
- * field Enter has to insert a newline, so **Cmd/Ctrl+Enter** submits instead
- * (still gated on `submitMode` including `'enter'`). A plain Enter is left
- * entirely alone. Escape still cancels, and blur still submits under
- * `submitMode` `'blur'`/`'both'`.
+ * Multi-line, auto-resizing editor for `SkdxEditable`; Cmd/Ctrl+Enter submits, plain Enter inserts a newline.
  *
  * @example
  * ```vue
@@ -18,6 +9,35 @@
  * </SkdxEditable>
  * ```
  */
-type __VLS_Props = {};
-declare const _default: 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>;
+type __VLS_Props = {
+    /**
+     * Grows to fit content instead of scrolling.
+     * @default false
+     */
+    autoResize?: boolean;
+    /**
+     * Caps auto-resize growth; past the cap, the field scrolls instead.
+     * @default undefined
+     */
+    maxRows?: number | undefined;
+    /**
+     * Opening size and minimum height for auto-resize growth.
+     * @default 2
+     */
+    minRows?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native editor textarea. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor textarea, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** The underlying native `<textarea>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    autoResize: boolean;
+    maxRows: number | undefined;
+    minRows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableTextarea.vue.d.ts

@@ -1,14 +1,5 @@
 /**
- * The multi-line editor for a `SkdxEditable` — a drop-in alternative to
- * `SkdxEditableInput`, never rendered alongside it. Renders nothing outside
- * edit mode, and a controlled `<textarea>` inside it, taking value,
- * `placeholder`, `disabled`, `readOnly`, `required` and `maxLength` from the root.
- *
- * The one behavioural difference is Enter, and it matters: in a multi-line
- * field Enter has to insert a newline, so **Cmd/Ctrl+Enter** submits instead
- * (still gated on `submitMode` including `'enter'`). A plain Enter is left
- * entirely alone. Escape still cancels, and blur still submits under
- * `submitMode` `'blur'`/`'both'`.
+ * Multi-line, auto-resizing editor for `SkdxEditable`; Cmd/Ctrl+Enter submits, plain Enter inserts a newline.
  *
  * @example
  * ```vue
@@ -18,6 +9,35 @@
  * </SkdxEditable>
  * ```
  */
-type __VLS_Props = {};
-declare const _default: 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>;
+type __VLS_Props = {
+    /**
+     * Grows to fit content instead of scrolling.
+     * @default false
+     */
+    autoResize?: boolean;
+    /**
+     * Caps auto-resize growth; past the cap, the field scrolls instead.
+     * @default undefined
+     */
+    maxRows?: number | undefined;
+    /**
+     * Opening size and minimum height for auto-resize growth.
+     * @default 2
+     */
+    minRows?: number;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {
+    /** Moves keyboard focus onto the underlying native editor textarea. */
+    focus: (options?: FocusOptions) => void | undefined;
+    /** Runs constraint validation on the editor textarea, returning true when it isn't rendered. */
+    checkValidity: () => boolean;
+    /** Like `checkValidity()`, but also shows the browser's validation message. */
+    reportValidity: () => boolean;
+    /** The underlying native `<textarea>` element, for focus and measurement. */
+    el: import("vue").Ref<HTMLTextAreaElement | null, HTMLTextAreaElement | null>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    autoResize: boolean;
+    maxRows: number | undefined;
+    minRows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/editable/EditableTextarea.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const o=require("../utils/reassertValue.cjs"),s=require("./context.cjs");let t=require("vue");var c=["value","placeholder","disabled","readonly","required","maxlength","data-empty"],f=(0,t.defineComponent)({__name:"EditableTextarea",setup(v){const u=(0,t.inject)(s.EDITABLE_CONTEXT);if(!u)throw new Error("<SkdxEditableTextarea> must be used inside <SkdxEditable>.");const e=u;function l(a){const r=a.target;e.setValue(r.value),o.reassertValue(r,()=>e.value.value)}function n(a){if(a.key==="Escape"){a.preventDefault(),e.cancel();return}a.key==="Enter"&&(!a.metaKey&&!a.ctrlKey||e.submitMode.value!=="enter"&&e.submitMode.value!=="both"||(a.preventDefault(),e.submit()))}function i(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return(a,r)=>(0,t.unref)(e).editing.value?((0,t.openBlock)(),(0,t.createElementBlock)("textarea",{key:0,class:"skdx-editable__textarea","data-part":"textarea",ref:d=>(0,t.unref)(e).inputRef.value=d,value:(0,t.unref)(e).value.value,placeholder:(0,t.unref)(e).placeholder.value,disabled:(0,t.unref)(e).disabled.value,readonly:(0,t.unref)(e).readOnly.value,required:(0,t.unref)(e).required.value,maxlength:(0,t.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,t.unref)(e).value.value===""?"":void 0,onInput:l,onKeydown:n,onBlur:i},null,40,c)):(0,t.createCommentVNode)("",!0)}});exports.default=f;
+const g=require("../utils/injectRequired.cjs"),q=require("../utils/reassertValue.cjs"),w=require("./context.cjs");let t=require("vue");var R=["id","rows","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],_=(0,t.defineComponent)({__name:"EditableTextarea",props:{autoResize:{type:Boolean,default:!1},maxRows:{default:void 0},minRows:{default:2}},setup(o,{expose:h}){const l=o,e=g.injectRequired(w.EDITABLE_CONTEXT,"<SkdxEditableTextarea> must be used inside <SkdxEditable>."),u=(0,t.ref)(null);function c(){const a=u.value;if(!a||!l.autoResize)return;const i=getComputedStyle(a),r=s=>parseFloat(s)||0,v=r(i.borderTopWidth)+r(i.borderBottomWidth),f=r(i.paddingTop)+r(i.paddingBottom),m=i.boxSizing==="border-box",d=r(i.lineHeight),p=s=>s*d+(m?f+v:0);a.style.height="auto";let n=a.scrollHeight+(m?v:-f);l.minRows!=null&&d>0&&(n=Math.max(n,p(l.minRows))),l.maxRows!=null&&d>0&&(n=Math.min(n,p(l.maxRows))),a.style.height=`${n}px`}(0,t.watch)([()=>e.editing.value,()=>e.value.value],async()=>{await(0,t.nextTick)(),c()},{immediate:!0});function x(a){const i=a.target;e.setValue(i.value),c(),q.reassertValue(i,()=>e.value.value)}function b(a){if(a.key==="Escape"){a.preventDefault(),e.cancel();return}a.key==="Enter"&&(!a.metaKey&&!a.ctrlKey||e.submitMode.value!=="enter"&&e.submitMode.value!=="both"||(a.preventDefault(),e.submit()))}function y(){(e.submitMode.value==="blur"||e.submitMode.value==="both")&&e.submit()}return h({focus:a=>u.value?.focus(a),checkValidity:()=>u.value?.checkValidity()??!0,reportValidity:()=>u.value?.reportValidity()??!0,el:u}),(a,i)=>(0,t.unref)(e).editing.value?((0,t.openBlock)(),(0,t.createElementBlock)("textarea",{key:0,id:(0,t.unref)(e).editorId,ref:r=>{(0,t.unref)(e).inputRef.value=r,u.value=r},class:"skdx-editable__textarea","data-part":"textarea",rows:o.autoResize?void 0:o.minRows,style:(0,t.normalizeStyle)(o.autoResize?{overflow:"hidden",resize:"none"}:void 0),value:(0,t.unref)(e).value.value,placeholder:(0,t.unref)(e).editPlaceholder.value,disabled:(0,t.unref)(e).disabled.value,readonly:(0,t.unref)(e).readOnly.value,required:(0,t.unref)(e).required.value,"aria-required":(0,t.unref)(e).required.value||void 0,"aria-invalid":(0,t.unref)(e).invalid.value||void 0,maxlength:(0,t.unref)(e).maxLength.value,"data-state":"editing","data-empty":(0,t.unref)(e).value.value===""?"":void 0,"data-invalid":(0,t.unref)(e).invalid.value?"":void 0,onInput:x,onKeydown:b,onBlur:y},null,44,R)):(0,t.createCommentVNode)("",!0)}});exports.default=_;

package/dist/editable/EditableTextarea.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{reassertValue as e}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as a}from"./context.js";import{createCommentVNode as t,createElementBlock as l,defineComponent as u,inject as r,openBlock as n,unref as d}from"vue";var o=["value","placeholder","disabled","readonly","required","maxlength","data-empty"],s=/* @__PURE__ */u({__name:"EditableTextarea",setup(u){const s=r(a);if(!s)throw new Error("<SkdxEditableTextarea> must be used inside <SkdxEditable>.");const i=s;function v(a){const t=a.target;i.setValue(t.value),e(t,()=>i.value.value)}function m(e){if("Escape"===e.key)return e.preventDefault(),void i.cancel();"Enter"===e.key&&(!e.metaKey&&!e.ctrlKey||"enter"!==i.submitMode.value&&"both"!==i.submitMode.value||(e.preventDefault(),i.submit()))}function c(){("blur"===i.submitMode.value||"both"===i.submitMode.value)&&i.submit()}return(e,a)=>d(i).editing.value?(n(),l("textarea",{key:0,class:"skdx-editable__textarea","data-part":"textarea",ref:e=>d(i).inputRef.value=e,value:d(i).value.value,placeholder:d(i).placeholder.value,disabled:d(i).disabled.value,readonly:d(i).readOnly.value,required:d(i).required.value,maxlength:d(i).maxLength.value,"data-state":"editing","data-empty":""===d(i).value.value?"":void 0,onInput:v,onKeydown:m,onBlur:c},null,40,o)):t("",!0)}});export{s as default};
+import{injectRequired as e}from"../utils/injectRequired.js";import{reassertValue as a}from"../utils/reassertValue.js";import{EDITABLE_CONTEXT as t}from"./context.js";import{createCommentVNode as i,createElementBlock as l,defineComponent as o,nextTick as d,normalizeStyle as u,openBlock as r,ref as n,unref as s,watch as v}from"vue";var m=["id","rows","value","placeholder","disabled","readonly","required","aria-required","aria-invalid","maxlength","data-empty","data-invalid"],c=/* @__PURE__ */o({__name:"EditableTextarea",props:{autoResize:{type:Boolean,default:!1},maxRows:{default:void 0},minRows:{default:2}},setup(o,{expose:c}){const p=o,f=e(t,"<SkdxEditableTextarea> must be used inside <SkdxEditable>."),b=n(null);function h(){const e=b.value;if(!e||!p.autoResize)return;const a=getComputedStyle(e),t=e=>parseFloat(e)||0,i=t(a.borderTopWidth)+t(a.borderBottomWidth),l=t(a.paddingTop)+t(a.paddingBottom),o="border-box"===a.boxSizing,d=t(a.lineHeight),u=e=>e*d+(o?l+i:0);e.style.height="auto";let r=e.scrollHeight+(o?i:-l);null!=p.minRows&&d>0&&(r=Math.max(r,u(p.minRows))),null!=p.maxRows&&d>0&&(r=Math.min(r,u(p.maxRows))),e.style.height=`${r}px`}function x(e){const t=e.target;f.setValue(t.value),h(),a(t,()=>f.value.value)}function y(e){if("Escape"===e.key)return e.preventDefault(),void f.cancel();"Enter"===e.key&&(!e.metaKey&&!e.ctrlKey||"enter"!==f.submitMode.value&&"both"!==f.submitMode.value||(e.preventDefault(),f.submit()))}function g(){("blur"===f.submitMode.value||"both"===f.submitMode.value)&&f.submit()}return v([()=>f.editing.value,()=>f.value.value],async()=>{await d(),h()},{immediate:!0}),c({focus:e=>b.value?.focus(e),checkValidity:()=>b.value?.checkValidity()??!0,reportValidity:()=>b.value?.reportValidity()??!0,el:b}),(e,a)=>s(f).editing.value?(r(),l("textarea",{key:0,id:s(f).editorId,ref:e=>{s(f).inputRef.value=e,b.value=e},class:"skdx-editable__textarea","data-part":"textarea",rows:o.autoResize?void 0:o.minRows,style:u(o.autoResize?{overflow:"hidden",resize:"none"}:void 0),value:s(f).value.value,placeholder:s(f).editPlaceholder.value,disabled:s(f).disabled.value,readonly:s(f).readOnly.value,required:s(f).required.value,"aria-required":s(f).required.value||void 0,"aria-invalid":s(f).invalid.value||void 0,maxlength:s(f).maxLength.value,"data-state":"editing","data-empty":""===s(f).value.value?"":void 0,"data-invalid":s(f).invalid.value?"":void 0,onInput:x,onKeydown:y,onBlur:g},null,44,m)):i("",!0)}});export{c as default};

package/dist/editable/context.cjs

@@ -1 +1 @@
-var E=Symbol("skdx-editable-context");exports.EDITABLE_CONTEXT=E;
+var t=Symbol("skdx-editable-context");function e(i){return i===void 0?{edit:void 0,preview:void 0}:typeof i=="string"?{edit:i,preview:i}:{edit:i.edit,preview:i.preview}}exports.EDITABLE_CONTEXT=t;exports.splitPlaceholder=e;