@skdx/vue 0.29.0 → 0.31.0

package/dist/timeline/Timeline.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{appearanceAttrs as t}from"../utils/appearance.js";import e from"./TimelineAnatomy.vue.js";import{createBlock as a,createCommentVNode as o,createElementBlock as s,createSlots as n,defineComponent as i,guardReactiveProps as r,mergeProps as l,normalizeProps as m,openBlock as p,renderSlot as c,unref as d,withCtx as f}from"vue";var u=["data-orientation"],k=/* @__PURE__ */i({inheritAttrs:!1,__name:"Timeline",props:{orientation:{default:"vertical"},items:{default:void 0},align:{}},setup:i=>(k,v)=>(p(),s("ol",l({class:"skdx-timeline","data-part":"root","data-skdx-component":"timeline",role:"list","data-orientation":i.orientation},{...k.$attrs,...d(t)({align:i.align},k.$attrs)}),[c(k.$slots,"default",{},()=>[i.items?(p(),a(e,{key:0,items:i.items},n({_:2},[k.$slots.content?{name:"content",fn:f(t=>[c(k.$slots,"content",m(r(t)))]),key:"0"}:void 0]),1032,["items"])):o("",!0)])],16,u))});export{k as default};
+import{appearanceAttrs as t}from"../utils/appearance.js";import e from"./TimelineAnatomy.vue.js";import{createBlock as a,createCommentVNode as o,createElementBlock as s,createSlots as i,defineComponent as n,guardReactiveProps as r,mergeProps as l,normalizeProps as m,openBlock as p,renderSlot as d,unref as c,withCtx as f}from"vue";var u=["data-orientation"],k=/* @__PURE__ */n({inheritAttrs:!1,__name:"Timeline",props:{orientation:{default:"vertical"},items:{default:void 0},align:{}},setup:n=>(k,v)=>(p(),s("ol",l({class:"skdx-timeline","data-part":"root","data-skdx-component":"timeline",role:"list","data-orientation":n.orientation},{...k.$attrs,...c(t)({align:n.align},k.$attrs)}),[d(k.$slots,"default",{},()=>[n.items?(p(),a(e,{key:0,items:n.items},i({_:2},[k.$slots.opposite?{name:"opposite",fn:f(t=>[d(k.$slots,"opposite",m(r(t)))]),key:"0"}:void 0,k.$slots.content?{name:"content",fn:f(t=>[d(k.$slots,"content",m(r(t)))]),key:"1"}:void 0]),1032,["items"])):o("",!0)])],16,u))});export{k as default};

package/dist/timeline/TimelineAnatomy.vue.d.cts

@@ -7,6 +7,10 @@ type __VLS_Props = {
     items: readonly TimelineItem[];
 };
 type __VLS_Slots = {
+    opposite?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
     content?(props: {
         item: TimelineItem;
         index: number;

package/dist/timeline/TimelineAnatomy.vue.d.ts

@@ -7,6 +7,10 @@ type __VLS_Props = {
     items: readonly TimelineItem[];
 };
 type __VLS_Slots = {
+    opposite?(props: {
+        item: TimelineItem;
+        index: number;
+    }): unknown;
     content?(props: {
         item: TimelineItem;
         index: number;

package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.cjs

@@ -1 +1 @@
-const l=require("../utils/renderProp.cjs"),i=require("./TimelineContent.vue.cjs"),n=require("./TimelineIndicator.vue.cjs"),u=require("./TimelineItem.vue.cjs"),c=require("./TimelineOpposite.vue.cjs"),d=require("./TimelineSeparator.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TimelineAnatomy",props:{items:{}},setup(o){return(a,p)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.items,(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(u.default,{key:r,"data-state":t.state},{default:(0,e.withCtx)(()=>[t.opposite?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.opposite),1)]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.indicator?((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:1,"aria-label":t.indicatorLabel},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(l.RenderProp),{render:()=>t.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):((0,e.openBlock)(),(0,e.createBlock)(n.default,{key:2})),r<o.items.length-1?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:3})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(i.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(a.$slots,"content",{item:t,index:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))}});exports.default=s;
+const l=require("../utils/renderProp.cjs"),u=require("./TimelineContent.vue.cjs"),a=require("./TimelineIndicator.vue.cjs"),i=require("./TimelineItem.vue.cjs"),c=require("./TimelineOpposite.vue.cjs"),d=require("./TimelineSeparator.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({__name:"TimelineAnatomy",props:{items:{}},setup(o){return(n,p)=>((0,e.openBlock)(!0),(0,e.createElementBlock)(e.Fragment,null,(0,e.renderList)(o.items,(t,r)=>((0,e.openBlock)(),(0,e.createBlock)(i.default,{key:r,"data-state":t.state},{default:(0,e.withCtx)(()=>[t.opposite?((0,e.openBlock)(),(0,e.createBlock)(c.default,{key:0},{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"opposite",{item:t,index:r},()=>[(0,e.createVNode)((0,e.unref)(l.RenderProp),{render:()=>t.opposite},null,8,["render"])])]),_:2},1024)):(0,e.createCommentVNode)("",!0),t.indicator?((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:1,"aria-label":t.indicatorLabel},{default:(0,e.withCtx)(()=>[(0,e.createVNode)((0,e.unref)(l.RenderProp),{render:()=>t.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):((0,e.openBlock)(),(0,e.createBlock)(a.default,{key:2})),r<o.items.length-1?((0,e.openBlock)(),(0,e.createBlock)(d.default,{key:3})):(0,e.createCommentVNode)("",!0),(0,e.createVNode)(u.default,null,{default:(0,e.withCtx)(()=>[(0,e.renderSlot)(n.$slots,"content",{item:t,index:r},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(t.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))}});exports.default=s;

package/dist/timeline/TimelineAnatomy.vue_vue_type_script_setup_true_lang.js

@@ -1 +1 @@
-import{RenderProp as e}from"../utils/renderProp.js";import t from"./TimelineContent.vue.js";import a from"./TimelineIndicator.vue.js";import r from"./TimelineItem.vue.js";import o from"./TimelineOpposite.vue.js";import i from"./TimelineSeparator.vue.js";import{Fragment as n,createBlock as s,createCommentVNode as m,createElementBlock as l,createTextVNode as p,createVNode as d,defineComponent as u,openBlock as c,renderList as f,renderSlot as k,toDisplayString as v,unref as y,withCtx as T}from"vue";var j=/* @__PURE__ */u({__name:"TimelineAnatomy",props:{items:{}},setup:u=>(j,_)=>(c(!0),l(n,null,f(u.items,(n,l)=>(c(),s(r,{key:l,"data-state":n.state},{default:T(()=>[n.opposite?(c(),s(o,{key:0},{default:T(()=>[p(v(n.opposite),1)]),_:2},1024)):m("",!0),n.indicator?(c(),s(a,{key:1,"aria-label":n.indicatorLabel},{default:T(()=>[d(y(e),{render:()=>n.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):(c(),s(a,{key:2})),l<u.items.length-1?(c(),s(i,{key:3})):m("",!0),d(t,null,{default:T(()=>[k(j.$slots,"content",{item:n,index:l},()=>[p(v(n.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))});export{j as default};
+import{RenderProp as e}from"../utils/renderProp.js";import t from"./TimelineContent.vue.js";import a from"./TimelineIndicator.vue.js";import r from"./TimelineItem.vue.js";import o from"./TimelineOpposite.vue.js";import i from"./TimelineSeparator.vue.js";import{Fragment as n,createBlock as s,createCommentVNode as l,createElementBlock as m,createTextVNode as d,createVNode as p,defineComponent as u,openBlock as c,renderList as f,renderSlot as k,toDisplayString as v,unref as y,withCtx as T}from"vue";var j=/* @__PURE__ */u({__name:"TimelineAnatomy",props:{items:{}},setup:u=>(j,_)=>(c(!0),m(n,null,f(u.items,(n,m)=>(c(),s(r,{key:m,"data-state":n.state},{default:T(()=>[n.opposite?(c(),s(o,{key:0},{default:T(()=>[k(j.$slots,"opposite",{item:n,index:m},()=>[p(y(e),{render:()=>n.opposite},null,8,["render"])])]),_:2},1024)):l("",!0),n.indicator?(c(),s(a,{key:1,"aria-label":n.indicatorLabel},{default:T(()=>[p(y(e),{render:()=>n.indicator},null,8,["render"])]),_:2},1032,["aria-label"])):(c(),s(a,{key:2})),m<u.items.length-1?(c(),s(i,{key:3})):l("",!0),p(t,null,{default:T(()=>[k(j.$slots,"content",{item:n,index:m},()=>[d(v(n.content),1)])]),_:2},1024)]),_:2},1032,["data-state"]))),128))});export{j as default};

package/dist/timeline/types.d.cts

@@ -4,10 +4,10 @@ export interface TimelineItem {
     /** The event, rendered in TimelineContent; override with content slot. */
     content: string;
     /**
-     * Metadata on the far side of the marker (timestamp, actor, elapsed time).
+     * Metadata on the far side of the marker (timestamp, actor, elapsed time), a string or a VNode.
      * @default undefined — no opposite region.
      */
-    opposite?: string;
+    opposite?: string | VNode;
     /**
      * Indicator content (icon, number, check, or a VNode); filling it makes the marker visible and requires an accessible name.
      * @default undefined — decorative, `aria-hidden` marker.

package/dist/timeline/types.d.ts

@@ -4,10 +4,10 @@ export interface TimelineItem {
     /** The event, rendered in TimelineContent; override with content slot. */
     content: string;
     /**
-     * Metadata on the far side of the marker (timestamp, actor, elapsed time).
+     * Metadata on the far side of the marker (timestamp, actor, elapsed time), a string or a VNode.
      * @default undefined — no opposite region.
      */
-    opposite?: string;
+    opposite?: string | VNode;
     /**
      * Indicator content (icon, number, check, or a VNode); filling it makes the marker visible and requires an accessible name.
      * @default undefined — decorative, `aria-hidden` marker.

package/dist/tooltip/Tooltip.vue.cjs

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

package/dist/tooltip/Tooltip.vue.d.cts

@@ -0,0 +1,12 @@
+declare var __VLS_6: string | number, __VLS_7: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/tooltip/Tooltip.vue.d.ts

@@ -0,0 +1,12 @@
+declare var __VLS_6: string | number, __VLS_7: any;
+type __VLS_Slots = {} & {
+    [K in NonNullable<typeof __VLS_6>]?: (props: typeof __VLS_7) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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/tooltip/Tooltip.vue.js

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

package/dist/tooltip/Tooltip.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("../popover/Popover.vue.cjs");let e=require("vue");var s=(0,e.defineComponent)({inheritAttrs:!1,__name:"Tooltip",setup(n){return(r,p)=>((0,e.openBlock)(),(0,e.createBlock)(l.default,(0,e.mergeProps)({role:"tooltip","open-on":"hover"},r.$attrs),(0,e.createSlots)({_:2},[(0,e.renderList)(r.$slots,(u,t)=>({name:t,fn:(0,e.withCtx)(o=>[(0,e.renderSlot)(r.$slots,t,(0,e.normalizeProps)((0,e.guardReactiveProps)(o??{})))])}))]),1040))}});exports.default=s;

package/dist/tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import e from"../popover/Popover.vue.js";import{createBlock as o,createSlots as r,defineComponent as s,guardReactiveProps as t,mergeProps as a,normalizeProps as p,openBlock as n,renderList as i,renderSlot as l,withCtx as m}from"vue";var v=/* @__PURE__ */s({inheritAttrs:!1,__name:"Tooltip",setup:s=>(s,v)=>(n(),o(e,a({role:"tooltip","open-on":"hover"},s.$attrs),r({_:2},[i(s.$slots,(e,o)=>({name:o,fn:m(e=>[l(s.$slots,o,p(t(e??{})))])}))]),1040))});export{v as default};

package/dist/tooltip/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./Tooltip.vue.cjs");exports.SkdxTooltip=e.default;

package/dist/tooltip/index.d.cts

@@ -0,0 +1 @@
+export { default as SkdxTooltip } from './Tooltip.vue.cjs';

package/dist/tooltip/index.d.ts

@@ -0,0 +1 @@
+export { default as SkdxTooltip } from './Tooltip.vue.js';

package/dist/tooltip/index.js

@@ -0,0 +1 @@
+import o from"./Tooltip.vue.js";export{o as SkdxTooltip};

package/dist/tree-select/TreeSelect.vue.d.cts

@@ -132,11 +132,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     multiple: boolean;
     readOnly: boolean;
     value: string[] | undefined;
+    layout: "tree" | "columns";
+    expanded: string[] | undefined;
     inputValue: string | undefined;
     defaultInputValue: string;
     closeOnSelect: boolean | undefined;
-    layout: "tree" | "columns";
-    expanded: string[] | undefined;
     loadChildren: ((nodeValue: string) => void | Promise<void>) | undefined;
     expandOnClick: boolean;
     emptyMessage: string;

package/dist/tree-select/TreeSelect.vue.d.ts

@@ -132,11 +132,11 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     multiple: boolean;
     readOnly: boolean;
     value: string[] | undefined;
+    layout: "tree" | "columns";
+    expanded: string[] | undefined;
     inputValue: string | undefined;
     defaultInputValue: string;
     closeOnSelect: boolean | undefined;
-    layout: "tree" | "columns";
-    expanded: string[] | undefined;
     loadChildren: ((nodeValue: string) => void | Promise<void>) | undefined;
     expandOnClick: boolean;
     emptyMessage: string;

package/dist/utils/csv.cjs

@@ -0,0 +1,2 @@
+function y(t){return t==null?"":t instanceof Date?t.toISOString():typeof t=="string"?t:typeof t=="number"||typeof t=="boolean"||typeof t=="bigint"?String(t):JSON.stringify(t)??""}function s(t,r){const n=y(t);return/["\r\n]/.test(n)||n.includes(r)?`"${n.replace(/"/g,'""')}"`:n}function p(t,r={}){const n=r.delimiter??",",f=t[0],i=(r.columns??(f?Object.keys(f):[])).map(e=>typeof e=="string"?{key:e}:e),o=[];r.header!==!1&&i.length&&o.push(i.map(e=>s(e.label??e.key,n)).join(n));for(const e of t)o.push(i.map(c=>s(e[c.key],n)).join(n));return o.join(`\r
+`)}exports.toCsv=p;

package/dist/utils/csv.d.cts

@@ -0,0 +1,43 @@
+/** One output column: the row key to read and, optionally, the header text to print instead of the key. */
+export interface CsvColumn<Row> {
+    /** Property of each row whose value fills this column. */
+    key: keyof Row & string;
+    /**
+     * Header cell text.
+     *
+     * @default the key itself
+     */
+    label?: string | undefined;
+}
+/** Output options for {@link toCsv}; every field has a working default. */
+export interface CsvOptions<Row> {
+    /**
+     * Columns to emit, in order; omit to emit every key of the first row.
+     *
+     * @default Object.keys(rows[0])
+     */
+    columns?: readonly (CsvColumn<Row> | (keyof Row & string))[] | undefined;
+    /**
+     * Field separator.
+     *
+     * @default ','
+     */
+    delimiter?: string | undefined;
+    /**
+     * Whether the first line is the header row.
+     *
+     * @default true
+     */
+    header?: boolean | undefined;
+}
+/**
+ * Serialises rows to RFC 4180 CSV text — CRLF line ends, fields quoted only when
+ * they contain the delimiter, a quote or a line break — ready for a Blob or a
+ * data: URL. Dates print as ISO 8601; null and undefined print as empty fields.
+ *
+ * @example
+ * ```ts
+ * toCsv(rows, { columns: [{ key: 'name', label: 'Name' }, 'amount'] });
+ * ```
+ */
+export declare function toCsv<Row extends object>(rows: readonly Row[], options?: CsvOptions<Row>): string;

package/dist/utils/csv.d.ts

@@ -0,0 +1,43 @@
+/** One output column: the row key to read and, optionally, the header text to print instead of the key. */
+export interface CsvColumn<Row> {
+    /** Property of each row whose value fills this column. */
+    key: keyof Row & string;
+    /**
+     * Header cell text.
+     *
+     * @default the key itself
+     */
+    label?: string | undefined;
+}
+/** Output options for {@link toCsv}; every field has a working default. */
+export interface CsvOptions<Row> {
+    /**
+     * Columns to emit, in order; omit to emit every key of the first row.
+     *
+     * @default Object.keys(rows[0])
+     */
+    columns?: readonly (CsvColumn<Row> | (keyof Row & string))[] | undefined;
+    /**
+     * Field separator.
+     *
+     * @default ','
+     */
+    delimiter?: string | undefined;
+    /**
+     * Whether the first line is the header row.
+     *
+     * @default true
+     */
+    header?: boolean | undefined;
+}
+/**
+ * Serialises rows to RFC 4180 CSV text — CRLF line ends, fields quoted only when
+ * they contain the delimiter, a quote or a line break — ready for a Blob or a
+ * data: URL. Dates print as ISO 8601; null and undefined print as empty fields.
+ *
+ * @example
+ * ```ts
+ * toCsv(rows, { columns: [{ key: 'name', label: 'Name' }, 'amount'] });
+ * ```
+ */
+export declare function toCsv<Row extends object>(rows: readonly Row[], options?: CsvOptions<Row>): string;

package/dist/utils/csv.js

@@ -0,0 +1 @@
+function n(n,t){const e=function(n){return null==n?"":n instanceof Date?n.toISOString():"string"==typeof n?n:"number"==typeof n||"boolean"==typeof n||"bigint"==typeof n?String(n):JSON.stringify(n)??""}(n);return/["\r\n]/.test(e)||e.includes(t)?`"${e.replace(/"/g,'""')}"`:e}function t(t,e={}){const o=e.delimiter??",",r=t[0],i=(e.columns??(r?Object.keys(r):[])).map(n=>"string"==typeof n?{key:n}:n),s=[];!1!==e.header&&i.length&&s.push(i.map(t=>n(t.label??t.key,o)).join(o));for(const e of t)s.push(i.map(t=>n(e[t.key],o)).join(o));return s.join("\r\n")}export{t as toCsv};

package/dist/utils/dialogs.cjs

@@ -0,0 +1 @@
+var f={alert:"OK",confirm:"Confirm",prompt:"OK"};function a(){const n=[],r=new Set;let s=0;function o(){for(const e of r)e()}function l(e,t){const i=typeof t=="string"?{title:t}:t,c={...i,id:`skdx-dialogs-${++s}`,kind:e,confirmLabel:i.confirmLabel??f[e],cancelLabel:e==="alert"?void 0:i.cancelLabel??"Cancel"};return new Promise(u=>{n.push({entry:c,resolve:u}),n.length===1&&o()})}return{subscribe(e){return r.add(e),()=>{r.delete(e)}},getCurrent:()=>n[0]?.entry??null,alert:e=>l("alert",e).then(()=>{}),confirm:e=>l("confirm",e).then(t=>t===!0),prompt:e=>l("prompt",e).then(t=>typeof t=="string"?t:null),settle(e,t){if(n[0]?.entry.id!==e)return;const{resolve:i}=n.shift();i(t),o()}}}function d(n){if(n.kind==="confirm")return!1;if(n.kind==="prompt")return null}function m(n,r){if(n.kind==="confirm")return!0;if(n.kind==="prompt")return r}exports.createDialogs=a;exports.dialogsCancelResult=d;exports.dialogsConfirmResult=m;

package/dist/utils/dialogs.d.cts

@@ -0,0 +1,96 @@
+/** Which of the three canned dialogs an entry is. */
+export type DialogsKind = 'alert' | 'confirm' | 'prompt';
+/** Options common to alert, confirm and prompt; a bare string is the title. */
+export interface DialogsOptions {
+    /** Heading of the dialog, rendered as its title and accessible name. */
+    title: string;
+    /**
+     * Body text under the title, rendered as the dialog's description.
+     *
+     * @default undefined — no description.
+     */
+    description?: string | undefined;
+    /**
+     * Label of the confirming button.
+     *
+     * @default 'OK' for alert and prompt, 'Confirm' for confirm
+     */
+    confirmLabel?: string | undefined;
+    /**
+     * Label of the cancelling button; alerts have none.
+     *
+     * @default 'Cancel'
+     */
+    cancelLabel?: string | undefined;
+    /**
+     * Severity rung the skin colours the dialog by, mirrored to `data-status`.
+     *
+     * @default undefined — the skin's own default.
+     */
+    status?: string | undefined;
+}
+/** Options for a prompt, which adds a single text field to the confirm shape. */
+export interface DialogsPromptOptions extends DialogsOptions {
+    /**
+     * Text the field starts with.
+     *
+     * @default ''
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Visible label of the text field.
+     *
+     * @default 'Value'
+     */
+    label?: string | undefined;
+    /**
+     * Placeholder shown in the empty field.
+     *
+     * @default undefined — no placeholder.
+     */
+    placeholder?: string | undefined;
+}
+/** A queued dialog as the host renders it: resolved options plus the settle callback. */
+export interface DialogsEntry extends DialogsPromptOptions {
+    /** Stable identity, for keying the rendered dialog. */
+    id: string;
+    /** Which canned dialog this is. */
+    kind: DialogsKind;
+    /** Resolved confirming label, never undefined. */
+    confirmLabel: string;
+    /** Resolved cancelling label, `undefined` for alerts. */
+    cancelLabel: string | undefined;
+}
+/** What settling an entry hands back: nothing for alert, a boolean for confirm, text or null for prompt. */
+export type DialogsResult = void | boolean | string | null;
+/** The queue every host renders from and every caller awaits on. */
+export interface DialogsStore {
+    /** Subscribes to queue changes. Returns its own unsubscribe. */
+    subscribe: (listener: () => void) => () => void;
+    /** The entry currently shown, or `null` — a stable reference until the queue changes. */
+    getCurrent: () => DialogsEntry | null;
+    /** Shows a message with one button; resolves when it is dismissed. */
+    alert(options: DialogsOptions | string): Promise<void>;
+    /** Asks a yes/no question; resolves `true` on confirm, `false` on cancel or dismissal. */
+    confirm(options: DialogsOptions | string): Promise<boolean>;
+    /** Asks for one line of text; resolves the text on confirm, `null` on cancel or dismissal. */
+    prompt(options: DialogsPromptOptions | string): Promise<string | null>;
+    /** Resolves and removes the entry with `id`, then shows the next one. No-ops for an id that is not current. */
+    settle(id: string, result: DialogsResult): void;
+}
+/**
+ * Creates the dialog queue once per app. Hand it to the `Dialogs` host and call
+ * `alert`, `confirm` or `prompt` from anywhere; each returns a promise that
+ * settles with the user's answer.
+ *
+ * @example
+ * ```ts
+ * const dialogs = createDialogs();
+ * if (await dialogs.confirm({ title: 'Delete the project?', status: 'danger' })) remove();
+ * ```
+ */
+export declare function createDialogs(): DialogsStore;
+/** What cancelling or dismissing `entry` resolves with: `false` for confirm, `null` for prompt, nothing for alert. */
+export declare function dialogsCancelResult(entry: DialogsEntry): DialogsResult;
+/** What confirming `entry` resolves with: `true` for confirm, the typed `draft` for prompt, nothing for alert. */
+export declare function dialogsConfirmResult(entry: DialogsEntry, draft: string): DialogsResult;

package/dist/utils/dialogs.d.ts

@@ -0,0 +1,96 @@
+/** Which of the three canned dialogs an entry is. */
+export type DialogsKind = 'alert' | 'confirm' | 'prompt';
+/** Options common to alert, confirm and prompt; a bare string is the title. */
+export interface DialogsOptions {
+    /** Heading of the dialog, rendered as its title and accessible name. */
+    title: string;
+    /**
+     * Body text under the title, rendered as the dialog's description.
+     *
+     * @default undefined — no description.
+     */
+    description?: string | undefined;
+    /**
+     * Label of the confirming button.
+     *
+     * @default 'OK' for alert and prompt, 'Confirm' for confirm
+     */
+    confirmLabel?: string | undefined;
+    /**
+     * Label of the cancelling button; alerts have none.
+     *
+     * @default 'Cancel'
+     */
+    cancelLabel?: string | undefined;
+    /**
+     * Severity rung the skin colours the dialog by, mirrored to `data-status`.
+     *
+     * @default undefined — the skin's own default.
+     */
+    status?: string | undefined;
+}
+/** Options for a prompt, which adds a single text field to the confirm shape. */
+export interface DialogsPromptOptions extends DialogsOptions {
+    /**
+     * Text the field starts with.
+     *
+     * @default ''
+     */
+    defaultValue?: string | undefined;
+    /**
+     * Visible label of the text field.
+     *
+     * @default 'Value'
+     */
+    label?: string | undefined;
+    /**
+     * Placeholder shown in the empty field.
+     *
+     * @default undefined — no placeholder.
+     */
+    placeholder?: string | undefined;
+}
+/** A queued dialog as the host renders it: resolved options plus the settle callback. */
+export interface DialogsEntry extends DialogsPromptOptions {
+    /** Stable identity, for keying the rendered dialog. */
+    id: string;
+    /** Which canned dialog this is. */
+    kind: DialogsKind;
+    /** Resolved confirming label, never undefined. */
+    confirmLabel: string;
+    /** Resolved cancelling label, `undefined` for alerts. */
+    cancelLabel: string | undefined;
+}
+/** What settling an entry hands back: nothing for alert, a boolean for confirm, text or null for prompt. */
+export type DialogsResult = void | boolean | string | null;
+/** The queue every host renders from and every caller awaits on. */
+export interface DialogsStore {
+    /** Subscribes to queue changes. Returns its own unsubscribe. */
+    subscribe: (listener: () => void) => () => void;
+    /** The entry currently shown, or `null` — a stable reference until the queue changes. */
+    getCurrent: () => DialogsEntry | null;
+    /** Shows a message with one button; resolves when it is dismissed. */
+    alert(options: DialogsOptions | string): Promise<void>;
+    /** Asks a yes/no question; resolves `true` on confirm, `false` on cancel or dismissal. */
+    confirm(options: DialogsOptions | string): Promise<boolean>;
+    /** Asks for one line of text; resolves the text on confirm, `null` on cancel or dismissal. */
+    prompt(options: DialogsPromptOptions | string): Promise<string | null>;
+    /** Resolves and removes the entry with `id`, then shows the next one. No-ops for an id that is not current. */
+    settle(id: string, result: DialogsResult): void;
+}
+/**
+ * Creates the dialog queue once per app. Hand it to the `Dialogs` host and call
+ * `alert`, `confirm` or `prompt` from anywhere; each returns a promise that
+ * settles with the user's answer.
+ *
+ * @example
+ * ```ts
+ * const dialogs = createDialogs();
+ * if (await dialogs.confirm({ title: 'Delete the project?', status: 'danger' })) remove();
+ * ```
+ */
+export declare function createDialogs(): DialogsStore;
+/** What cancelling or dismissing `entry` resolves with: `false` for confirm, `null` for prompt, nothing for alert. */
+export declare function dialogsCancelResult(entry: DialogsEntry): DialogsResult;
+/** What confirming `entry` resolves with: `true` for confirm, the typed `draft` for prompt, nothing for alert. */
+export declare function dialogsConfirmResult(entry: DialogsEntry, draft: string): DialogsResult;

package/dist/utils/dialogs.js

@@ -0,0 +1 @@
+var n={alert:"OK",confirm:"Confirm",prompt:"OK"};function e(){const e=[],t=/* @__PURE__ */new Set;let r=0;function o(){for(const n of t)n()}function i(t,i){const l="string"==typeof i?{title:i}:i,c={...l,id:"skdx-dialogs-"+ ++r,kind:t,confirmLabel:l.confirmLabel??n[t],cancelLabel:"alert"===t?void 0:l.cancelLabel??"Cancel"};return new Promise(n=>{e.push({entry:c,resolve:n}),1===e.length&&o()})}return{subscribe:n=>(t.add(n),()=>{t.delete(n)}),getCurrent:()=>e[0]?.entry??null,alert:n=>i("alert",n).then(()=>{}),confirm:n=>i("confirm",n).then(n=>!0===n),prompt:n=>i("prompt",n).then(n=>"string"==typeof n?n:null),settle(n,t){if(e[0]?.entry.id!==n)return;const{resolve:r}=e.shift();r(t),o()}}}function t(n){return"confirm"!==n.kind&&("prompt"===n.kind?null:void 0)}function r(n,e){return"confirm"===n.kind||("prompt"===n.kind?e:void 0)}export{e as createDialogs,t as dialogsCancelResult,r as dialogsConfirmResult};

package/dist/utils/dismissal.cjs

@@ -1 +1 @@
-var s=[];function c(e,t){return e.insideElements().some(n=>t.insideElements().some(r=>r&&n?.contains(r)))}function a(e){return s.push(e),()=>{const t=s.indexOf(e);t!==-1&&s.splice(t,1)}}function u(e=s){for(let t=e.length-1;t>=0;t--){const n=e[t];if(!e.some(r=>r!==n&&c(n,r)))return n}}function i(e){return u(e?s.filter(t=>t.insideElements().some(n=>n?.contains(e))):[])??u()}function l(e,t,n){return e.key!=="Escape"||!n||i(e.target)!==t?!1:(n(e),e.preventDefault(),!0)}function f(e,t){if(!t)return!0;const n=new CustomEvent(e,{cancelable:!0,detail:null});return t(n),!n.defaultPrevented}function y(e){return new CustomEvent("focus-outside",{detail:e,cancelable:!0})}var o=0;function p(e){o+=1;try{e()}finally{queueMicrotask(()=>{o-=1})}}function m(e){if(o>0)return null;const t=e.target;return!t||t===document.body?null:t}function d(e,t){return!t||e.target!==t?null:e instanceof PointerEvent?e:new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,composed:!0,pointerType:"mouse",clientX:e.clientX,clientY:e.clientY,screenX:e.screenX,screenY:e.screenY,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey})}exports.autoFocusEvent=f;exports.backdropPointerDown=d;exports.escapeLayer=i;exports.focusOnOpen=p;exports.focusOutsideEvent=y;exports.focusOutsideTarget=m;exports.handleEscapeKeyDown=l;exports.pushDismissLayer=a;exports.topDismissLayer=u;
+var o=[];function a(e,t){let n=t;for(;n;){if(e.contains(n))return!0;const s=n.getRootNode();n=s instanceof ShadowRoot?s.host:null}return!1}function l(e,t){return e.insideElements().some(n=>t.insideElements().some(s=>s&&n&&a(n,s)))}function d(e){return o.push(e),()=>{const t=o.indexOf(e);t!==-1&&o.splice(t,1)}}function y(e,t){const n=new Set([e]);let s=!0;for(;s;){s=!1;for(const r of o)n.has(r)||[...n].some(u=>l(u,r))&&(n.add(r),s=!0)}return n.delete(e),[...n].some(r=>r.insideElements().some(u=>u&&a(u,t)))}function i(e=o){for(let t=e.length-1;t>=0;t--){const n=e[t];if(!e.some(s=>s!==n&&l(n,s)))return n}}function f(e){return i(e?o.filter(t=>t.insideElements().some(n=>n?.contains(e))):[])??i()}function m(e,t,n){return e.key!=="Escape"||!n||f(e.target)!==t?!1:(n(e),e.preventDefault(),!0)}function p(e,t){if(!t)return!0;const n=new CustomEvent(e,{cancelable:!0,detail:null});return t(n),!n.defaultPrevented}function E(e){return new CustomEvent("focus-outside",{detail:e,cancelable:!0})}var c=0;function b(e){c+=1;try{e()}finally{queueMicrotask(()=>{c-=1})}}function w(e){if(c>0)return null;const t=e.target;return!t||t===document.body?null:t}function h(e,t){return!t||e.target!==t?null:e instanceof PointerEvent?e:new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,composed:!0,pointerType:"mouse",clientX:e.clientX,clientY:e.clientY,screenX:e.screenX,screenY:e.screenY,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey})}exports.autoFocusEvent=p;exports.backdropPointerDown=h;exports.escapeLayer=f;exports.focusOnOpen=b;exports.focusOutsideEvent=E;exports.focusOutsideTarget=w;exports.handleEscapeKeyDown=m;exports.nestedLayerContains=y;exports.pushDismissLayer=d;exports.topDismissLayer=i;

package/dist/utils/dismissal.d.cts

@@ -9,6 +9,13 @@ export interface DismissLayer {
 }
 /** Registers an open layer and returns its teardown; layers close out of order (a parent unmount takes its children), so the teardown removes by identity, not by position. */
 export declare function pushDismissLayer(layer: DismissLayer): () => void;
+/**
+ * Whether `target` sits inside a layer that opened within `layer`: a portalled
+ * listbox or popover whose trigger lives in this panel. `contains()` cannot see
+ * it, so an outside-interaction check must ask the stack as well. Transitive,
+ * so a Select inside a Popover inside a Dialog still counts for the Dialog.
+ */
+export declare function nestedLayerContains(layer: DismissLayer, target: Node): boolean;
 /** The layer nothing else is open inside: push order cannot rank nested layers, because a framework's effects run child-first. */
 export declare function topDismissLayer(candidates?: readonly DismissLayer[]): DismissLayer | undefined;
 /** The one layer an Escape belongs to: sibling non-modal layers can be open at once, so the layer holding the key's target answers, and the top layer only when none does. */

package/dist/utils/dismissal.d.ts

@@ -9,6 +9,13 @@ export interface DismissLayer {
 }
 /** Registers an open layer and returns its teardown; layers close out of order (a parent unmount takes its children), so the teardown removes by identity, not by position. */
 export declare function pushDismissLayer(layer: DismissLayer): () => void;
+/**
+ * Whether `target` sits inside a layer that opened within `layer`: a portalled
+ * listbox or popover whose trigger lives in this panel. `contains()` cannot see
+ * it, so an outside-interaction check must ask the stack as well. Transitive,
+ * so a Select inside a Popover inside a Dialog still counts for the Dialog.
+ */
+export declare function nestedLayerContains(layer: DismissLayer, target: Node): boolean;
 /** The layer nothing else is open inside: push order cannot rank nested layers, because a framework's effects run child-first. */
 export declare function topDismissLayer(candidates?: readonly DismissLayer[]): DismissLayer | undefined;
 /** The one layer an Escape belongs to: sibling non-modal layers can be open at once, so the layer holding the key's target answers, and the top layer only when none does. */

package/dist/utils/dismissal.js

@@ -1 +1 @@
-var e=[];function n(e,n){return e.insideElements().some(e=>n.insideElements().some(n=>n&&e?.contains(n)))}function t(n){return e.push(n),()=>{const t=e.indexOf(n);-1!==t&&e.splice(t,1)}}function s(t=e){for(let e=t.length-1;e>=0;e--){const s=t[e];if(!t.some(e=>e!==s&&n(s,e)))return s}}function o(n){return s(n?e.filter(e=>e.insideElements().some(e=>e?.contains(n))):[])??s()}function r(e,n,t){return!("Escape"!==e.key||!t||o(e.target)!==n||(t(e),e.preventDefault(),0))}function u(e,n){if(!n)return!0;const t=new CustomEvent(e,{cancelable:!0,detail:null});return n(t),!t.defaultPrevented}function i(e){return new CustomEvent("focus-outside",{detail:e,cancelable:!0})}var c=0;function a(e){c+=1;try{e()}finally{queueMicrotask(()=>{c-=1})}}function l(e){if(c>0)return null;const n=e.target;return n&&n!==document.body?n:null}function f(e,n){return n&&e.target===n?e instanceof PointerEvent?e:new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,composed:!0,pointerType:"mouse",clientX:e.clientX,clientY:e.clientY,screenX:e.screenX,screenY:e.screenY,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey}):null}export{u as autoFocusEvent,f as backdropPointerDown,o as escapeLayer,a as focusOnOpen,i as focusOutsideEvent,l as focusOutsideTarget,r as handleEscapeKeyDown,t as pushDismissLayer,s as topDismissLayer};
+var e=[];function n(e,n){let t=n;for(;t;){if(e.contains(t))return!0;const n=t.getRootNode();t=n instanceof ShadowRoot?n.host:null}return!1}function t(e,t){return e.insideElements().some(e=>t.insideElements().some(t=>t&&e&&n(e,t)))}function s(n){return e.push(n),()=>{const t=e.indexOf(n);-1!==t&&e.splice(t,1)}}function o(s,o){const r=/* @__PURE__ */new Set([s]);let u=!0;for(;u;){u=!1;for(const n of e)r.has(n)||[...r].some(e=>t(e,n))&&(r.add(n),u=!0)}return r.delete(s),[...r].some(e=>e.insideElements().some(e=>e&&n(e,o)))}function r(n=e){for(let e=n.length-1;e>=0;e--){const s=n[e];if(!n.some(e=>e!==s&&t(s,e)))return s}}function u(n){return r(n?e.filter(e=>e.insideElements().some(e=>e?.contains(n))):[])??r()}function i(e,n,t){return!("Escape"!==e.key||!t||u(e.target)!==n||(t(e),e.preventDefault(),0))}function c(e,n){if(!n)return!0;const t=new CustomEvent(e,{cancelable:!0,detail:null});return n(t),!t.defaultPrevented}function a(e){return new CustomEvent("focus-outside",{detail:e,cancelable:!0})}var l=0;function f(e){l+=1;try{e()}finally{queueMicrotask(()=>{l-=1})}}function d(e){if(l>0)return null;const n=e.target;return n&&n!==document.body?n:null}function m(e,n){return n&&e.target===n?e instanceof PointerEvent?e:new PointerEvent("pointerdown",{bubbles:!0,cancelable:!0,composed:!0,pointerType:"mouse",clientX:e.clientX,clientY:e.clientY,screenX:e.screenX,screenY:e.screenY,button:e.button,buttons:e.buttons,ctrlKey:e.ctrlKey,shiftKey:e.shiftKey,altKey:e.altKey,metaKey:e.metaKey}):null}export{c as autoFocusEvent,m as backdropPointerDown,u as escapeLayer,f as focusOnOpen,a as focusOutsideEvent,d as focusOutsideTarget,i as handleEscapeKeyDown,o as nestedLayerContains,s as pushDismissLayer,r as topDismissLayer};

package/dist/utils/field-core.cjs

@@ -1 +1 @@
-var I="validity-change",l="data-skdx-field",d="data-skdx-field-name",h="data-skdx-field-message",R="data-skdx-field-description",_="data-skdx-field-error",k="data-skdx-field-character-count",L="data-skdx-field-pending",c="data-skdx-field-resubmit",b="data-skdx-form-field",N="data-skdx-form-message",U=["validity-change","invalid","change","blur"],C="data-skdx-error-summary",S=1e3;function D(t){const e=Math.abs(t),i=e===1?"character":"characters";return t<0?`You have ${e} ${i} too many`:`You have ${e} ${i} remaining`}function F(t,e,i=0){return i<=0?!0:t>=e*i/100}var M="This field is invalid.",B="data-skdx-field-control",v=[`[${B}]`,'input:not([type="hidden"])',"select","textarea",'[role="textbox"]','[role="searchbox"]','[role="combobox"]','[role="listbox"]','[role="radiogroup"]','[role="group"]','[role="slider"]','[role="spinbutton"]','[role="checkbox"]','[role="radio"]','[role="switch"]'].join(", "),V="data-skdx-field-required-indicator",w=new Set(["INPUT","SELECT","TEXTAREA"]),O=new Set(["radiogroup","group"]),q=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function f(t){return t==null?[]:(Array.isArray(t)?t:[t]).filter(e=>typeof e=="string"&&e.trim()!=="")}function A(t){for(const e of Array.from(t.querySelectorAll(v)))if(e.getAttribute("aria-hidden")!=="true"&&e.closest("[data-skdx-field]")===t)return e;return null}function m(t,e){return E(t,l,e)}function E(t,e,i){for(const r of Array.from(t.querySelectorAll(i)))if(r.closest(`[${e}]`)===t)return r;return null}function x(t){if(!t)return;const e=t;return e.type==="checkbox"||e.type==="radio"?e.checked:"value"in t?e.value:t.querySelector('input[aria-hidden="true"]')?.value}function o(t){return t==null||t===!1||t===""?!1:!(Array.isArray(t)&&t.length===0)}function a(t,e,i){i?t.setAttribute(e,""):t.removeAttribute(e)}function g(t,...e){const i=t.split(/\s+/).filter(Boolean);for(const r of e)r&&!i.includes(r)&&i.push(r);return i.join(" ")}function P(t){return t.closest("form, skdx-form")??t.parentElement??t}function G(t){const e=A(t),i=m(t,"[data-skdx-field-error]")?.textContent?.trim()||t.getAttribute("data-skdx-field-message")||t.getAttribute("data-skdx-field-name")||"";return!e?.id||!i?[]:[{id:e.id,message:i}]}function $(t){const e=E(t,b,v);if(!e?.id||e.getAttribute("aria-invalid")!=="true")return[];const i=E(t,"data-skdx-form-field","[data-skdx-form-message]:not([hidden])")?.textContent?.trim()||t.getAttribute("data-skdx-field-name")||"";return i?[{id:e.id,message:i}]:[]}function j(t){return Array.from(t.querySelectorAll(`[${l}][data-invalid], [${b}]`)).flatMap(e=>(e.hasAttribute("data-skdx-field")?G:$)(e))}var p="__skdxFieldCheckValidity",T="__skdxFieldReset";async function Y(t){const e=Array.from(t.querySelectorAll(`[${l}]`));return(await Promise.all(e.map(i=>i[p]?.()??Promise.resolve(!0)))).every(Boolean)}function H(t){for(const e of Array.from(t.querySelectorAll(`[${l}]`)))e[T]?.()}function z(t,e=document){const i=e.getElementById(t);if(!i)return;const r=i.getAttribute("role"),s=(i.tagName==="FIELDSET"||r!==null&&O.has(r)?i.querySelector(q):null)??i;s.focus(),s.scrollIntoView?.({block:"center"})}var K=class{constructor(t){this.options=t,this.props={},this.root=null,this.form=null,this.control=null,this.baseDescribedBy="",this.baseLabelledBy="",this.wroteLabelledBy=!1,this.wroteRequired=!1,this.wroteDisabled=!1,this.wroteGroupDisabled=!1,this.runToken=0,this.pending=!1,this.injected=[],this.custom=[],this.characterCount=null,this.awaitingSubmit=!1,this.handleInput=()=>{const e=this.isOverLimit(this.snapshot.count),i=this.readCount();this.update({dirty:!0,filled:o(this.resolveValue()),count:i,errors:this.composeErrors(i)}),this.scheduleCountAnnouncement(i,e),(this.props.mode==="change"||this.snapshot.errors.length>0)&&this.scheduleValidation()},this.handleFocusOut=()=>{const e=this.readCount();this.update({touched:!0,filled:o(this.resolveValue()),count:e,errors:this.composeErrors(e)});const i=this.validationTimer!==void 0;clearTimeout(this.validationTimer),this.validationTimer=void 0;const r=this.props.mode??"blur";(i||r==="blur"||this.snapshot.errors.length>0)&&this.runValidation()},this.handleSubmit=e=>{if(!this.form)return;const i=e.target;if(i!==this.form&&i?.closest?.("form")!==this.form||this.isEngineResubmit(e))return;this.markTouched();const r=this.runValidation({silent:this.hasErrorSummary()});if(y(r)){e.preventDefault(),this.awaitingSubmit=!0,Promise.resolve(r).then(()=>{this.awaitingSubmit&&(this.awaitingSubmit=!1,this.resubmitIfSettled())});return}(r.length>0||this.pending)&&e.preventDefault()},this.snapshot={controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null}}get state(){return this.snapshot}setProps(t){const e=this.props.value;this.props=t;const i=f(t.errors??null),r=!Q(this.injected,i);r&&(this.injected=i);const s=t.value!==e;if(!r&&!s)return;const n=this.readCount();this.update({count:n,filled:o(this.resolveValue()),errors:this.composeErrors(n)})}setCharacterCount(t){if((this.characterCount?.maxLength??null)===(t?.maxLength??null)&&(this.characterCount?.threshold??0)===(t?.threshold??0))return;this.characterCount=t;const e=this.readCount();this.update({count:e,errors:this.composeErrors(e)})}readCount(){const t=this.resolveValue();return typeof t=="string"?t.length:0}countMessage(t){return(this.props.getCharacterCountMessage??D)(t)}isOverLimit(t){return this.characterCount!==null&&t>this.characterCount.maxLength}composeErrors(t=this.snapshot.count){const e=[...this.injected,...this.custom];return this.characterCount&&this.isOverLimit(t)&&e.push(this.countMessage(this.characterCount.maxLength-t)),e}scheduleCountAnnouncement(t,e){const i=this.characterCount;if(!i)return;if(clearTimeout(this.announceTimer),this.isOverLimit(t)){e||this.options.announce(this.countMessage(i.maxLength-t),"assertive");return}if(!F(t,i.maxLength,i.threshold))return;const r=i.maxLength-t;this.announceTimer=setTimeout(()=>{this.options.announce(this.countMessage(r),"polite")},S)}connect(t){this.root=t,t.setAttribute(l,""),Object.defineProperty(t,p,{value:()=>this.validate(),configurable:!0,enumerable:!1,writable:!0}),Object.defineProperty(t,T,{value:()=>this.reset(),configurable:!0,enumerable:!1,writable:!0}),t.addEventListener("input",this.handleInput,!0),t.addEventListener("change",this.handleInput,!0),t.addEventListener("focusout",this.handleFocusOut,!0),this.form=t.closest("form"),this.form&&t.ownerDocument.addEventListener("submit",this.handleSubmit,!0),this.sync();const e=this.readCount();this.update({filled:o(this.resolveValue()),count:e,errors:this.composeErrors(e)})}disconnect(){clearTimeout(this.announceTimer),clearTimeout(this.validationTimer),this.validationTimer=void 0,this.awaitingSubmit=!1;const t=this.root;t&&(t.removeEventListener("input",this.handleInput,!0),t.removeEventListener("change",this.handleInput,!0),t.removeEventListener("focusout",this.handleFocusOut,!0),this.form&&t.ownerDocument.removeEventListener("submit",this.handleSubmit,!0),delete t[p],delete t[T],this.root=null,this.form=null,this.control=null)}sync(){const t=this.root;if(!t)return;const e=A(t);e!==this.control&&(this.control=e,this.baseDescribedBy=e?.getAttribute("aria-describedby")??"",this.baseLabelledBy=e?.getAttribute("aria-labelledby")??"",this.wroteLabelledBy=!1,this.wroteRequired=!1,this.wroteDisabled=!1,this.wroteGroupDisabled=!1);const{name:i}=this.props;i?t.setAttribute(d,i):t.removeAttribute(d);const r=this.snapshot.errors.join(" ");r?t.setAttribute(h,r):t.removeAttribute(h),this.applyStateAttributes(t),e&&(e.id||(e.id=this.options.controlId),e.id!==this.snapshot.controlId&&(this.snapshot={...this.snapshot,controlId:e.id,validity:this.readValidity()},this.options.onSnapshotChange(this.snapshot)),this.applyDescribedBy(t,e),this.snapshot.errors.length>0?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid"),this.applyLabelledBy(t,e),this.applyConstraintState(e),this.applyStateAttributes(e))}applyDescribedBy(t,e){const i=m(t,`[${R}]`)!==null,r=m(t,`[${_}]`)!==null,s=g(this.baseDescribedBy,i?this.options.descriptionId:void 0,r?this.options.errorId:void 0);s?e.setAttribute("aria-describedby",s):e.removeAttribute("aria-describedby")}applyLabelledBy(t,e){const i=t.ownerDocument.getElementById(this.options.labelId)!==null;this.options.grouped&&i?(e.setAttribute("aria-labelledby",g(this.baseLabelledBy,this.options.labelId)),this.wroteLabelledBy=!0):this.wroteLabelledBy&&(this.baseLabelledBy?e.setAttribute("aria-labelledby",this.baseLabelledBy):e.removeAttribute("aria-labelledby"),this.wroteLabelledBy=!1)}applyConstraintState(t){const e=w.has(t.tagName),i=this.props.required===!0,r=this.props.disabled===!0;i?(e?t.setAttribute("required",""):t.setAttribute("aria-required","true"),this.wroteRequired=!0):this.wroteRequired&&(t.removeAttribute(e?"required":"aria-required"),this.wroteRequired=!1),r?(e?t.setAttribute("disabled",""):t.setAttribute("aria-disabled","true"),this.wroteDisabled=!0):this.wroteDisabled&&(t.removeAttribute(e?"disabled":"aria-disabled"),this.wroteDisabled=!1),e||this.applyGroupDisabled(t,r)}applyGroupDisabled(t,e){const i=t.getAttribute("role");if(!(!(t.tagName==="FIELDSET"||i!==null&&O.has(i))||!e&&!this.wroteGroupDisabled)){for(const r of t.querySelectorAll("input, select, textarea, button"))e?r.setAttribute("disabled",""):r.removeAttribute("disabled");this.wroteGroupDisabled=e}}validate(){return Promise.resolve(this.runValidation()).then(t=>t.length===0)}reset(){this.injected=[],this.custom=[],this.pending=!1,this.awaitingSubmit=!1,this.runToken++,clearTimeout(this.announceTimer),clearTimeout(this.validationTimer),this.validationTimer=void 0,this.markPending(!1);const t=this.readCount();this.update({touched:!1,dirty:!1,count:t,filled:o(this.resolveValue()),errors:this.composeErrors(t)}),this.sync()}markTouched(){this.snapshot.touched||this.update({touched:!0})}applyStateAttributes(t){const{errors:e,touched:i,dirty:r,filled:s,count:n}=this.snapshot;a(t,"data-invalid",e.length>0),a(t,"data-valid",e.length===0),a(t,"data-touched",i),a(t,"data-dirty",r),a(t,"data-filled",s),a(t,"data-over-limit",this.isOverLimit(n)),a(t,"data-disabled",this.props.disabled===!0)}resolveValue(){return this.props.value!==void 0?this.props.value:x(this.control)}readValidity(){return this.control?.validity??null}markPending(t){this.root&&a(this.root,L,t)}nativeMessage(){const t=this.control;return!t?.validity||t.validity.valid?null:t.validationMessage||this.props.invalidMessage||"This field is invalid."}runValidation(t={}){const e=++this.runToken,i=this.props.validate?.(this.resolveValue());return y(i)?(this.pending=!0,this.markPending(!0),Promise.resolve(i).then(r=>e!==this.runToken?this.snapshot.errors:(this.pending=!1,this.markPending(!1),this.commit(r,t)))):this.commit(i,t)}commit(t,e){if(this.custom=f(t),this.custom.length===0){const u=this.nativeMessage();u&&!this.injected.includes(u)&&(this.custom=[u])}const i=this.readCount(),r=this.composeErrors(i),s=this.snapshot.errors.length===0;this.update({errors:r,count:i,filled:o(this.resolveValue())});const n=r[0];return n&&s&&!e.silent&&this.options.announce(n,"assertive"),r}update(t){const e={...this.snapshot,...t,valid:!0,validity:this.readValidity()};e.valid=e.errors.length===0,!X(this.snapshot,e)&&(this.snapshot=e,this.sync(),this.options.onSnapshotChange(e),this.root?.dispatchEvent(new CustomEvent(I,{bubbles:!0,composed:!0,detail:{valid:e.valid,errors:e.errors,touched:e.touched,dirty:e.dirty,filled:e.filled,count:e.count,validity:e.validity}})))}scheduleValidation(){clearTimeout(this.validationTimer),this.validationTimer=void 0;const t=this.props.mode==="change"?this.props.validationDebounceTime??0:0;if(t<=0){this.runValidation();return}this.validationTimer=setTimeout(()=>{this.validationTimer=void 0,this.runValidation()},t)}hasErrorSummary(){return this.form?.querySelector(`[${C}]`)!=null}isEngineResubmit(t){return this.form?.hasAttribute("data-skdx-field-resubmit")?(this.snapshot.errors.length>0&&t.preventDefault(),!0):!1}resubmitIfSettled(){const t=this.form;if(!(!t||typeof t.requestSubmit!="function")&&!t.querySelector("[data-skdx-field-pending]")&&!t.querySelector("[data-skdx-field][data-invalid]")){t.setAttribute(c,"");try{t.requestSubmit()}finally{t.removeAttribute(c)}}}};function y(t){return typeof t?.then=="function"}function Q(t,e){return t.length===e.length&&t.every((i,r)=>i===e[r])}function X(t,e){return t.controlId===e.controlId&&t.valid===e.valid&&t.touched===e.touched&&t.dirty===e.dirty&&t.filled===e.filled&&t.count===e.count&&t.validity===e.validity&&t.errors.length===e.errors.length&&t.errors.every((i,r)=>i===e.errors[r])}exports.CHARACTER_COUNT_ANNOUNCE_DELAY_MS=S;exports.ERROR_SUMMARY_RESCAN_EVENTS=U;exports.FIELD_CHARACTER_COUNT_ATTRIBUTE=k;exports.FIELD_CONTROL_ATTRIBUTE=B;exports.FIELD_CONTROL_SELECTOR=v;exports.FIELD_DESCRIPTION_ATTRIBUTE=R;exports.FIELD_ERROR_ATTRIBUTE=_;exports.FIELD_ERROR_SUMMARY_ATTRIBUTE=C;exports.FIELD_MESSAGE_ATTRIBUTE=h;exports.FIELD_NAME_ATTRIBUTE=d;exports.FIELD_PENDING_ATTRIBUTE=L;exports.FIELD_REQUIRED_INDICATOR_ATTRIBUTE=V;exports.FIELD_RESUBMIT_ATTRIBUTE=c;exports.FIELD_ROOT_ATTRIBUTE=l;exports.FIELD_VALIDITY_CHANGE_EVENT=I;exports.FORM_FIELD_ATTRIBUTE=b;exports.FORM_MESSAGE_ATTRIBUTE=N;exports.FieldController=K;exports.NATIVE_INVALID_FALLBACK_MESSAGE=M;exports.characterCountMessage=D;exports.characterCountVisible=F;exports.collectFieldErrors=j;exports.errorSummaryScope=P;exports.findFieldControl=A;exports.focusFieldTarget=z;exports.isFilled=o;exports.normalizeMessages=f;exports.readControlValue=x;exports.resetFields=H;exports.validateFields=Y;
+var I="validity-change",l="data-skdx-field",d="data-skdx-field-name",h="data-skdx-field-message",R="data-skdx-field-description",_="data-skdx-field-error",k="data-skdx-field-character-count",L="data-skdx-field-pending",c="data-skdx-field-resubmit",b="data-skdx-form-field",N="data-skdx-form-message",U=["validity-change","invalid","change","blur"],C="data-skdx-error-summary",S=1e3;function D(t){const e=Math.abs(t),i=e===1?"character":"characters";return t<0?`You have ${e} ${i} too many`:`You have ${e} ${i} remaining`}function F(t,e,i=0){return i<=0?!0:t>=e*i/100}function M(t){return t.map((e,i)=>i===t.length-1||/[.!?]$/.test(e)?e:`${e}.`).join(" ")}var V="This field is invalid.",B="data-skdx-field-control",v=[`[${B}]`,'input:not([type="hidden"])',"select","textarea",'[role="textbox"]','[role="searchbox"]','[role="combobox"]','[role="listbox"]','[role="radiogroup"]','[role="group"]','[role="slider"]','[role="spinbutton"]','[role="checkbox"]','[role="radio"]','[role="switch"]'].join(", "),w="data-skdx-field-required-indicator",q=new Set(["INPUT","SELECT","TEXTAREA"]),O=new Set(["radiogroup","group"]),P=['input:not([disabled]):not([type="hidden"])',"select:not([disabled])","textarea:not([disabled])","button:not([disabled])",'[tabindex]:not([tabindex="-1"])'].join(", ");function f(t){return t==null?[]:(Array.isArray(t)?t:[t]).filter(e=>typeof e=="string"&&e.trim()!=="")}function A(t){for(const e of Array.from(t.querySelectorAll(v)))if(e.getAttribute("aria-hidden")!=="true"&&e.closest("[data-skdx-field]")===t)return e;return null}function m(t,e){return p(t,l,e)}function p(t,e,i){for(const r of Array.from(t.querySelectorAll(i)))if(r.closest(`[${e}]`)===t)return r;return null}function x(t){if(!t)return;const e=t;return e.type==="checkbox"||e.type==="radio"?e.checked:"value"in t?e.value:t.querySelector('input[aria-hidden="true"]')?.value}function o(t){return t==null||t===!1||t===""?!1:!(Array.isArray(t)&&t.length===0)}function n(t,e,i){i?t.setAttribute(e,""):t.removeAttribute(e)}function y(t,...e){const i=t.split(/\s+/).filter(Boolean);for(const r of e)r&&!i.includes(r)&&i.push(r);return i.join(" ")}function $(t){return t.closest("form, skdx-form")??t.parentElement??t}function G(t){const e=A(t),i=m(t,"[data-skdx-field-error]")?.textContent?.trim()||t.getAttribute("data-skdx-field-message")||t.getAttribute("data-skdx-field-name")||"";return!e?.id||!i?[]:[{id:e.id,message:i}]}function j(t){const e=p(t,b,v);if(!e?.id||e.getAttribute("aria-invalid")!=="true")return[];const i=p(t,"data-skdx-form-field","[data-skdx-form-message]:not([hidden])")?.textContent?.trim()||t.getAttribute("data-skdx-field-name")||"";return i?[{id:e.id,message:i}]:[]}function Y(t){return Array.from(t.querySelectorAll(`[${l}][data-invalid], [${b}]`)).flatMap(e=>(e.hasAttribute("data-skdx-field")?G:j)(e))}var E="__skdxFieldCheckValidity",T="__skdxFieldReset";async function H(t){const e=Array.from(t.querySelectorAll(`[${l}]`));return(await Promise.all(e.map(i=>i[E]?.()??Promise.resolve(!0)))).every(Boolean)}function z(t){for(const e of Array.from(t.querySelectorAll(`[${l}]`)))e[T]?.()}function K(t,e=document){const i=e.getElementById(t);if(!i)return;const r=i.getAttribute("role"),s=(i.tagName==="FIELDSET"||r!==null&&O.has(r)?i.querySelector(P):null)??i;s.focus(),s.scrollIntoView?.({block:"center"})}var Q=class{constructor(t){this.options=t,this.props={},this.root=null,this.form=null,this.control=null,this.baseDescribedBy="",this.baseLabelledBy="",this.wroteLabelledBy=!1,this.wroteRequired=!1,this.wroteDisabled=!1,this.wroteGroupDisabled=!1,this.runToken=0,this.pending=!1,this.injected=[],this.custom=[],this.characterCount=null,this.awaitingSubmit=!1,this.handleInput=()=>{const e=this.isOverLimit(this.snapshot.count),i=this.readCount();this.update({dirty:!0,filled:o(this.resolveValue()),count:i,errors:this.composeErrors(i)}),this.scheduleCountAnnouncement(i,e),(this.props.mode==="change"||this.snapshot.errors.length>0)&&this.scheduleValidation()},this.handleFocusOut=()=>{const e=this.readCount();this.update({touched:!0,filled:o(this.resolveValue()),count:e,errors:this.composeErrors(e)});const i=this.validationTimer!==void 0;clearTimeout(this.validationTimer),this.validationTimer=void 0;const r=this.props.mode??"blur";(i||r==="blur"||this.snapshot.errors.length>0)&&this.runValidation()},this.handleSubmit=e=>{if(!this.form)return;const i=e.target;if(i!==this.form&&i?.closest?.("form")!==this.form||this.isEngineResubmit(e))return;this.markTouched();const r=this.runValidation({silent:this.hasErrorSummary()});if(g(r)){e.preventDefault(),this.awaitingSubmit=!0,Promise.resolve(r).then(()=>{this.awaitingSubmit&&(this.awaitingSubmit=!1,this.resubmitIfSettled())});return}(r.length>0||this.pending)&&e.preventDefault()},this.snapshot={controlId:"",errors:[],valid:!0,touched:!1,dirty:!1,filled:!1,count:0,validity:null}}get state(){return this.snapshot}setProps(t){const e=this.props.value;this.props=t;const i=f(t.errors??null),r=!X(this.injected,i);r&&(this.injected=i);const s=t.value!==e;if(!r&&!s)return;const a=this.readCount();this.update({count:a,filled:o(this.resolveValue()),errors:this.composeErrors(a)})}setCharacterCount(t){if((this.characterCount?.maxLength??null)===(t?.maxLength??null)&&(this.characterCount?.threshold??0)===(t?.threshold??0))return;this.characterCount=t;const e=this.readCount();this.update({count:e,errors:this.composeErrors(e)})}readCount(){const t=this.resolveValue();return typeof t=="string"?t.length:0}countMessage(t){return(this.props.getCharacterCountMessage??D)(t)}isOverLimit(t){return this.characterCount!==null&&t>this.characterCount.maxLength}composeErrors(t=this.snapshot.count){const e=[...this.injected,...this.custom];return this.characterCount&&this.isOverLimit(t)&&e.push(this.countMessage(this.characterCount.maxLength-t)),e}scheduleCountAnnouncement(t,e){const i=this.characterCount;if(!i)return;if(clearTimeout(this.announceTimer),this.isOverLimit(t)){e||this.options.announce(this.countMessage(i.maxLength-t),"assertive");return}if(!F(t,i.maxLength,i.threshold))return;const r=i.maxLength-t;this.announceTimer=setTimeout(()=>{this.options.announce(this.countMessage(r),"polite")},S)}connect(t){this.root=t,t.setAttribute(l,""),Object.defineProperty(t,E,{value:()=>this.validate(),configurable:!0,enumerable:!1,writable:!0}),Object.defineProperty(t,T,{value:()=>this.reset(),configurable:!0,enumerable:!1,writable:!0}),t.addEventListener("input",this.handleInput,!0),t.addEventListener("change",this.handleInput,!0),t.addEventListener("focusout",this.handleFocusOut,!0),this.form=t.closest("form"),this.form&&t.ownerDocument.addEventListener("submit",this.handleSubmit,!0),this.sync();const e=this.readCount();this.update({filled:o(this.resolveValue()),count:e,errors:this.composeErrors(e)})}disconnect(){clearTimeout(this.announceTimer),clearTimeout(this.validationTimer),this.validationTimer=void 0,this.awaitingSubmit=!1;const t=this.root;t&&(t.removeEventListener("input",this.handleInput,!0),t.removeEventListener("change",this.handleInput,!0),t.removeEventListener("focusout",this.handleFocusOut,!0),this.form&&t.ownerDocument.removeEventListener("submit",this.handleSubmit,!0),delete t[E],delete t[T],this.root=null,this.form=null,this.control=null)}sync(){const t=this.root;if(!t)return;const e=A(t);e!==this.control&&(this.control=e,this.baseDescribedBy=e?.getAttribute("aria-describedby")??"",this.baseLabelledBy=e?.getAttribute("aria-labelledby")??"",this.wroteLabelledBy=!1,this.wroteRequired=!1,this.wroteDisabled=!1,this.wroteGroupDisabled=!1);const{name:i}=this.props;i?t.setAttribute(d,i):t.removeAttribute(d);const r=this.snapshot.errors.join(" ");r?t.setAttribute(h,r):t.removeAttribute(h),this.applyStateAttributes(t),e&&(e.id||(e.id=this.options.controlId),e.id!==this.snapshot.controlId&&(this.snapshot={...this.snapshot,controlId:e.id,validity:this.readValidity()},this.options.onSnapshotChange(this.snapshot)),this.applyDescribedBy(t,e),this.snapshot.errors.length>0?e.setAttribute("aria-invalid","true"):e.removeAttribute("aria-invalid"),this.applyLabelledBy(t,e),this.applyConstraintState(e),this.applyStateAttributes(e))}applyDescribedBy(t,e){const i=m(t,`[${R}]`)!==null,r=m(t,`[${_}]`)!==null,s=y(this.baseDescribedBy,i?this.options.descriptionId:void 0,r?this.options.errorId:void 0);s?e.setAttribute("aria-describedby",s):e.removeAttribute("aria-describedby")}applyLabelledBy(t,e){const i=t.ownerDocument.getElementById(this.options.labelId)!==null;this.options.grouped&&i?(e.setAttribute("aria-labelledby",y(this.baseLabelledBy,this.options.labelId)),this.wroteLabelledBy=!0):this.wroteLabelledBy&&(this.baseLabelledBy?e.setAttribute("aria-labelledby",this.baseLabelledBy):e.removeAttribute("aria-labelledby"),this.wroteLabelledBy=!1)}applyConstraintState(t){const e=q.has(t.tagName),i=this.props.required===!0,r=this.props.disabled===!0;i?(e?t.setAttribute("required",""):t.setAttribute("aria-required","true"),this.wroteRequired=!0):this.wroteRequired&&(t.removeAttribute(e?"required":"aria-required"),this.wroteRequired=!1),r?(e?t.setAttribute("disabled",""):t.setAttribute("aria-disabled","true"),this.wroteDisabled=!0):this.wroteDisabled&&(t.removeAttribute(e?"disabled":"aria-disabled"),this.wroteDisabled=!1),e||this.applyGroupDisabled(t,r)}applyGroupDisabled(t,e){const i=t.getAttribute("role");if(!(!(t.tagName==="FIELDSET"||i!==null&&O.has(i))||!e&&!this.wroteGroupDisabled)){for(const r of t.querySelectorAll("input, select, textarea, button"))e?r.setAttribute("disabled",""):r.removeAttribute("disabled");this.wroteGroupDisabled=e}}validate(){return Promise.resolve(this.runValidation()).then(t=>t.length===0)}reset(){this.injected=[],this.custom=[],this.pending=!1,this.awaitingSubmit=!1,this.runToken++,clearTimeout(this.announceTimer),clearTimeout(this.validationTimer),this.validationTimer=void 0,this.markPending(!1);const t=this.readCount();this.update({touched:!1,dirty:!1,count:t,filled:o(this.resolveValue()),errors:this.composeErrors(t)}),this.sync()}markTouched(){this.snapshot.touched||this.update({touched:!0})}applyStateAttributes(t){const{errors:e,touched:i,dirty:r,filled:s,count:a}=this.snapshot;n(t,"data-invalid",e.length>0),n(t,"data-valid",e.length===0),n(t,"data-touched",i),n(t,"data-dirty",r),n(t,"data-filled",s),n(t,"data-over-limit",this.isOverLimit(a)),n(t,"data-disabled",this.props.disabled===!0)}resolveValue(){return this.props.value!==void 0?this.props.value:x(this.control)}readValidity(){return this.control?.validity??null}markPending(t){this.root&&n(this.root,L,t)}nativeMessage(){const t=this.control;return!t?.validity||t.validity.valid?null:t.validationMessage||this.props.invalidMessage||"This field is invalid."}runValidation(t={}){const e=++this.runToken,i=this.props.validate?.(this.resolveValue());return g(i)?(this.pending=!0,this.markPending(!0),Promise.resolve(i).then(r=>e!==this.runToken?this.snapshot.errors:(this.pending=!1,this.markPending(!1),this.commit(r,t)))):this.commit(i,t)}commit(t,e){if(this.custom=f(t),this.custom.length===0){const u=this.nativeMessage();u&&!this.injected.includes(u)&&(this.custom=[u])}const i=this.readCount(),r=this.composeErrors(i),s=this.snapshot.errors.length===0;this.update({errors:r,count:i,filled:o(this.resolveValue())});const a=r[0];return a&&s&&!e.silent&&this.options.announce(a,"assertive"),r}update(t){const e={...this.snapshot,...t,valid:!0,validity:this.readValidity()};e.valid=e.errors.length===0,!J(this.snapshot,e)&&(this.snapshot=e,this.sync(),this.options.onSnapshotChange(e),this.root?.dispatchEvent(new CustomEvent(I,{bubbles:!0,composed:!0,detail:{valid:e.valid,errors:e.errors,touched:e.touched,dirty:e.dirty,filled:e.filled,count:e.count,validity:e.validity}})))}scheduleValidation(){clearTimeout(this.validationTimer),this.validationTimer=void 0;const t=this.props.mode==="change"?this.props.validationDebounceTime??0:0;if(t<=0){this.runValidation();return}this.validationTimer=setTimeout(()=>{this.validationTimer=void 0,this.runValidation()},t)}hasErrorSummary(){return this.form?.querySelector(`[${C}]`)!=null}isEngineResubmit(t){return this.form?.hasAttribute("data-skdx-field-resubmit")?(this.snapshot.errors.length>0&&t.preventDefault(),!0):!1}resubmitIfSettled(){const t=this.form;if(!(!t||typeof t.requestSubmit!="function")&&!t.querySelector("[data-skdx-field-pending]")&&!t.querySelector("[data-skdx-field][data-invalid]")){t.setAttribute(c,"");try{t.requestSubmit()}finally{t.removeAttribute(c)}}}};function g(t){return typeof t?.then=="function"}function X(t,e){return t.length===e.length&&t.every((i,r)=>i===e[r])}function J(t,e){return t.controlId===e.controlId&&t.valid===e.valid&&t.touched===e.touched&&t.dirty===e.dirty&&t.filled===e.filled&&t.count===e.count&&t.validity===e.validity&&t.errors.length===e.errors.length&&t.errors.every((i,r)=>i===e.errors[r])}exports.CHARACTER_COUNT_ANNOUNCE_DELAY_MS=S;exports.ERROR_SUMMARY_RESCAN_EVENTS=U;exports.FIELD_CHARACTER_COUNT_ATTRIBUTE=k;exports.FIELD_CONTROL_ATTRIBUTE=B;exports.FIELD_CONTROL_SELECTOR=v;exports.FIELD_DESCRIPTION_ATTRIBUTE=R;exports.FIELD_ERROR_ATTRIBUTE=_;exports.FIELD_ERROR_SUMMARY_ATTRIBUTE=C;exports.FIELD_MESSAGE_ATTRIBUTE=h;exports.FIELD_NAME_ATTRIBUTE=d;exports.FIELD_PENDING_ATTRIBUTE=L;exports.FIELD_REQUIRED_INDICATOR_ATTRIBUTE=w;exports.FIELD_RESUBMIT_ATTRIBUTE=c;exports.FIELD_ROOT_ATTRIBUTE=l;exports.FIELD_VALIDITY_CHANGE_EVENT=I;exports.FORM_FIELD_ATTRIBUTE=b;exports.FORM_MESSAGE_ATTRIBUTE=N;exports.FieldController=Q;exports.NATIVE_INVALID_FALLBACK_MESSAGE=V;exports.characterCountMessage=D;exports.characterCountVisible=F;exports.collectFieldErrors=Y;exports.errorSummaryScope=$;exports.findFieldControl=A;exports.focusFieldTarget=K;exports.isFilled=o;exports.joinFieldMessages=M;exports.normalizeMessages=f;exports.readControlValue=x;exports.resetFields=z;exports.validateFields=H;

package/dist/utils/field-core.d.cts

@@ -46,6 +46,8 @@ export interface FieldCharacterCountOptions {
 export declare function characterCountMessage(remaining: number): string;
 /** Whether a count has passed its threshold and should be rendered/announced. */
 export declare function characterCountVisible(count: number, maxLength: number, threshold?: number): boolean;
+/** Joins a Field's messages into one string, separated by a period unless a message already ends in sentence punctuation. */
+export declare function joinFieldMessages(messages: string[]): string;
 /** Fallback message when native constraint validation has no `validationMessage`. */
 export declare const NATIVE_INVALID_FALLBACK_MESSAGE = "This field is invalid.";
 /** Marks an element as this Field's control, an escape hatch for composites in shadow DOM. */

package/dist/utils/field-core.d.ts

@@ -46,6 +46,8 @@ export interface FieldCharacterCountOptions {
 export declare function characterCountMessage(remaining: number): string;
 /** Whether a count has passed its threshold and should be rendered/announced. */
 export declare function characterCountVisible(count: number, maxLength: number, threshold?: number): boolean;
+/** Joins a Field's messages into one string, separated by a period unless a message already ends in sentence punctuation. */
+export declare function joinFieldMessages(messages: string[]): string;
 /** Fallback message when native constraint validation has no `validationMessage`. */
 export declare const NATIVE_INVALID_FALLBACK_MESSAGE = "This field is invalid.";
 /** Marks an element as this Field's control, an escape hatch for composites in shadow DOM. */