@aerogel/core 0.0.0-next.5436b378dff7e64898bb7046afa2d5d574255b54

package/.eslintrc.js

@@ -0,0 +1,3 @@
+module.exports = {
+    extends: ['@noeldemartin/eslint-config-vue'],
+};

package/dist/aerogel-core.cjs.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),require("core-js/modules/esnext.async-iterator.map.js"),require("core-js/modules/esnext.iterator.map.js");var e=require("vue");require("core-js/modules/esnext.async-iterator.for-each.js"),require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.for-each.js");var t=require("@noeldemartin/utils");require("core-js/modules/esnext.async-iterator.reduce.js"),require("core-js/modules/esnext.iterator.reduce.js");var r=require("vue-i18n"),o=require("@babel/runtime/helpers/defineProperty"),s=require("soukai"),n=require("vue-router");require("core-js/modules/esnext.string.at.js"),require("core-js/modules/esnext.async-iterator.filter.js"),require("core-js/modules/esnext.iterator.filter.js");var a=require("@headlessui/vue"),l=require("dompurify"),i=require("marked");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("core-js/modules/esnext.async-iterator.some.js"),require("core-js/modules/esnext.iterator.some.js");var d=u(o),c=u(l);const p=[];function m(){return{type:Boolean,default:arguments.length>0&&void 0!==arguments[0]&&arguments[0]}}function f(){return e.ref()}function v(e){return e}function h(t){const r=e.inject(t);return r?e.reactive(r):void 0}function _(e,r){return h(e)??t.fail(r??`Could not resolve '${e}' injection key`)}function x(){return{type:Object,default:arguments.length>0&&void 0!==arguments[0]?arguments[0]:null}}function g(){return{type:Number,required:!0}}function y(){return{type:Object,required:!0}}function b(){return{type:String,required:!0}}function k(){return{type:String,default:arguments.length>0&&void 0!==arguments[0]?arguments[0]:null}}const A={"initial-focus":{mounted(e,t){let{value:r}=t;!1!==r&&e.focus()}}};var w=async e=>{Object.entries(A).forEach((t=>{let[r,o]=t;return e.directive(r,o)}))};class ServiceBootError extends t.JSError{constructor(e,t){super(`Service '${e}' failed booting`,{cause:t})}}function j(e){return class extends C{getInitialState(){return e.initialState}}}class C extends t.MagicObject{constructor(){super(),d.default(this,"_namespace",void 0),d.default(this,"_booted",void 0),d.default(this,"_state",void 0),this._namespace=new.target.name,this._booted=new t.PromisedValue,this._state=e.reactive(this.getInitialState())}get booted(){return this._booted}launch(e){const handleError=e=>this._booted.reject(new ServiceBootError(this._namespace,e));this._namespace=e??this._namespace;try{this.boot().then((()=>this._booted.resolve())).catch(handleError)}catch(e){handleError(e)}return this._booted}__get(e){return this.hasState(e)?this.getState(e):super.__get(e)}__set(e,t){this.setState({[e]:t})}hasState(e){return e in this._state}getState(e){return e?this._state[e]:this._state}setState(e){Object.assign(this._state,e)}getInitialState(){return{}}async boot(){}}class B extends C{constructor(){super(...arguments),d.default(this,"listeners",{})}async emit(e,t){const r=[...this.listeners[e]??[]];await Promise.all(r.map((e=>e(t)))??[])}on(e,r){return(this.listeners[e]??=t.arr([])).push(r),()=>this.off(e,r)}once(e,r){let o=null;return t.tap((()=>o&&this.off(e,o)),(s=>{(this.listeners[e]??=t.arr([])).push(o=function(){return s(),r(...arguments)})}))}off(e,t){const r=this.listeners[e];r&&(r.remove(t),r.isEmpty()&&delete this.listeners[e])}}var G=t.facade(new B);const S={$events:G};async function q(e,t){await Promise.all(Object.entries(t).map((async e=>{let[t,r]=e;await r.launch(t.slice(1)).catch((e=>console.error(e)))}))),Object.assign(e.config.globalProperties,t)}var M=e=>q(e,S);var P=t.facade(new class extends C{constructor(){super(...arguments),d.default(this,"i18n",void 0)}setup(){this.i18n=r.useI18n()}translate(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.i18n?.t(e,t)??e}});function I(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return P.translate(e,t)}const E={$lang:P};async function $(e){const o=e.defaultLocale??"en",s=e.fallbackLocale??"en",n=function(e){return Object.entries(e).reduce(((e,r)=>{let[o,s]=r;const n=t.stringMatch(o,/.*\/lang\/(.+)\.yaml/)?.[1];return n&&(e[n]=()=>s().then((e=>{let{default:t}=e;return t}))),e}),{})}(e.messages),a=n[o]??t.fail(`Missing messages for '${o}' locale`),l={[o]:await a()};return r.createI18n({locale:o,fallbackLocale:s,messages:l})}var O=async(e,t)=>{const r=function(e){return e.lang?e.lang:e.langMessages?{messages:e.langMessages}:null}(t);if(!r)return;var o;o=()=>P.setup(),p.push(o);const s=await $(r);e.use(s),await q(e,E)},H=async(e,t)=>{t.models&&(s.setEngine(new s.IndexedDBEngine),s.bootModelsFromViteGlob(t.models))};var V=async(e,t)=>{if(!t.routes)return;const r=function(e){return n.createRouter({history:n.createWebHistory(e.basePath),routes:e.routes})}({routes:t.routes,basePath:t.basePath??__AG_BASE_PATH});e.use(r)},N=j({initialState:{modals:[]}});const F={AlertModal:"alert-modal"};var D=t.facade(new class extends N{constructor(){super(...arguments),d.default(this,"modalCallbacks",{}),d.default(this,"components",{})}alert(e){this.openModal(this.requireComponent(F.AlertModal),{message:e})}registerComponent(e,t){this.components[e]=t}async openModal(r,o){const s=t.uuid(),n={},a={id:s,properties:o??{},component:e.markRaw(r),beforeClose:new Promise((e=>n.willClose=e)),afterClose:new Promise((e=>n.closed=e))},l=this.modals.at(-1),i=this.modals.concat(a);return this.modalCallbacks[a.id]=n,this.setState({modals:i}),await e.nextTick(),await(l&&G.emit("hide-modal",{id:l.id})),await Promise.all([l||G.emit("show-overlays-backdrop"),G.emit("show-modal",{id:a.id})]),a}async closeModal(e,t){await G.emit("close-modal",{id:e,result:t})}async boot(){await super.boot(),this.watchModalEvents()}requireComponent(e){return this.components[e]??t.fail(`UI Component '${e}' is not defined!`)}watchModalEvents(){G.on("modal-will-close",(e=>{let{modal:t,result:r}=e;this.modalCallbacks[t.id]?.willClose?.(r),1===this.modals.length&&G.emit("hide-overlays-backdrop")})),G.on("modal-closed",(async e=>{let{modal:t,result:r}=e;this.setState({modals:this.modals.filter((e=>e.id!==t.id))}),this.modalCallbacks[t.id]?.closed?.(r),delete this.modalCallbacks[t.id];const o=this.modals.at(-1);await(o&&G.emit("show-modal",{id:o.id}))}))}});function R(t,r){const o=G.on(t,r);e.onUnmounted((()=>o()))}var L=e.defineComponent({__name:"AGHeadlessModal",props:{cancellable:m(!0)},setup(t,{expose:r}){const o=t,s=e.ref(null),n=e.ref(!0),l=e.ref(!1),{modal:i}=_("modal");async function u(){s.value?.$el&&(n.value=!0)}async function d(e){l.value||(G.emit("modal-will-close",{modal:i,result:e}),await u(),l.value=!0,G.emit("modal-closed",{modal:i,result:e}))}return R("close-modal",(async({id:e,result:t})=>{e===i.id&&await d(t)})),R("hide-modal",(async({id:e})=>{e===i.id&&await u()})),R("show-modal",(async({id:e})=>{e===i.id&&await async function(){s.value?.$el&&(n.value=!1)}()})),r({close:d,cancellable:e.toRef(o,"cancellable")}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(a.Dialog),{ref_key:"$root",ref:s,open:!0,onClose:o[0]||(o[0]=e=>t.cancellable&&d())},{default:e.withCtx((()=>[e.renderSlot(r.$slots,"default",{close:d})])),_:3},512))}});L.__file="src/components/headless/modals/AGHeadlessModal.vue";var T=e.defineComponent({__name:"AGModalContext",props:{modal:y(),childIndex:g()},setup(t){const r=t;return e.provide("modal",{modal:e.toRef(r,"modal"),childIndex:e.toRef(r,"childIndex")}),(r,o)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.modal.component),e.normalizeProps(e.guardReactiveProps(t.modal.properties)),null,16))}});T.__file="src/components/modals/AGModalContext.vue";var z=e.defineComponent({__name:"AGHeadlessModalPanel",setup(t){const r=_("modal"),o=e.computed((()=>D.modals[r.childIndex]??null));return(t,s)=>(e.openBlock(),e.createBlock(e.unref(a.DialogPanel),null,{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),o.value?(e.openBlock(),e.createBlock(T,{key:0,"child-index":e.unref(r).childIndex+1,modal:o.value},null,8,["child-index","modal"])):e.createCommentVNode("v-if",!0)])),_:3}))}});z.__file="src/components/headless/modals/AGHeadlessModalPanel.vue";const U={class:"fixed inset-0 flex items-center justify-center"},K={class:"flex max-h-full flex-col overflow-auto p-4"};var Q=e.defineComponent({__name:"AGModal",setup:t=>(t,r)=>(e.openBlock(),e.createBlock(L,{class:"relative z-50"},{default:e.withCtx((({close:r})=>[e.createElementVNode("div",U,[e.createVNode(z,{class:"flex max-h-full max-w-full flex-col overflow-hidden bg-white"},{default:e.withCtx((()=>[e.createElementVNode("div",K,[e.renderSlot(t.$slots,"default",{close:r})])])),_:2},1024)])])),_:3}))});function W(e){return t=i.marked(e,{mangle:!1,headerIds:!1}),c.default.sanitize(t,{ADD_ATTR:["target"]});var t}Q.__file="src/components/modals/AGModal.vue";var J=e.defineComponent({__name:"AGMarkdown",props:{langKey:k(),text:k()},setup(t){const r=t,o=e.computed((()=>r.text??(r.langKey&&I(r.langKey)))),s=e.computed((()=>o.value&&W(o.value))),n=()=>e.h("div",{class:"prose",innerHTML:s.value});return(t,r)=>(e.openBlock(),e.createBlock(n))}});J.__file="src/components/basic/AGMarkdown.vue";var X=e.defineComponent({__name:"AGAlertModal",props:{message:b()},setup:t=>(r,o)=>(e.openBlock(),e.createBlock(Q,null,{default:e.withCtx((()=>[e.createVNode(J,{text:t.message},null,8,["text"])])),_:1}))});X.__file="src/components/modals/AGAlertModal.vue";const Y={$ui:D};var Z=async(e,t)=>{const r={[F.AlertModal]:X};Object.entries({...r,...t.components}).forEach((e=>{let[t,r]=e;return D.registerComponent(t,r)})),await q(e,Y)};const ee={key:0};var te=e.defineComponent({__name:"AGAppOverlays",setup(t){const r=e.ref(null),o=e.ref(!0),s=e.computed((()=>D.modals[0]??null));return R("show-overlays-backdrop",(async()=>{r.value&&o.value&&(o.value=!1,r.value.classList.remove("opacity-0"))})),R("hide-overlays-backdrop",(async()=>{r.value&&!o.value&&(o.value=!0,r.value.classList.add("opacity-0"))})),(t,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{ref_key:"$backdrop",ref:r,class:"pointer-events-none fixed inset-0 z-50 bg-black/30 opacity-0"},null,512),s.value?(e.openBlock(),e.createElementBlock("aside",ee,[e.createVNode(T,{"child-index":1,modal:s.value},null,8,["modal"])])):e.createCommentVNode("v-if",!0)],64))}});te.__file="src/components/AGAppOverlays.vue";const re={class:"flex h-full flex-col text-base font-normal leading-tight text-gray-900 antialiased"};var oe=e.defineComponent({__name:"AGAppLayout",setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(t.$slots,"default"),e.createVNode(te)]))});oe.__file="src/components/AGAppLayout.vue";var se=e.defineComponent({__name:"AGHeadlessButton",props:{url:k(),route:k(),routeParams:x((()=>({}))),routeQuery:x((()=>({}))),submit:m()},setup(r){const{url:o,route:s,routeParams:n,routeQuery:a,submit:l}=r,i=e.computed((()=>s?{tag:"router-link",props:{to:t.objectWithoutEmpty({name:s,params:n,query:a})}}:o?{tag:"a",props:{target:"_blank",href:o}}:{tag:"button",props:{type:l?"submit":"button"}}));return(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(i.value.tag),e.normalizeProps(e.guardReactiveProps(i.value.props)),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},16))}});se.__file="src/components/headless/forms/AGHeadlessButton.vue";var ne=e.defineComponent({__name:"AGButton",setup:t=>(t,r)=>(e.openBlock(),e.createBlock(se,{class:"bg-indigo-600 px-2.5 py-1.5 text-white hover:bg-indigo-500 focus-visible:outline focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-indigo-600"},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3}))});ne.__file="src/components/forms/AGButton.vue";const ae=["onSubmit"];var le=e.defineComponent({__name:"AGForm",props:{form:x()},emits:["submit"],setup(t,{emit:r}){const o=t;function s(){o.form&&!o.form.submit()||r("submit")}return e.provide("form",o.form),(t,r)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(s,["prevent"])},[e.renderSlot(t.$slots,"default")],40,ae))}});le.__file="src/components/forms/AGForm.vue";var ie=e.defineComponent({__name:"AGHeadlessInput",props:{as:k(),name:k(),modelValue:k()},emits:["update:modelValue"],setup(r,{expose:o,emit:s}){const n=r,a=e.computed((()=>l&&n.name?l.errors[n.name]??null:null)),l=e.inject("form"),i={id:t.uuid(),value:e.computed((()=>l&&n.name?l.getFieldValue(n.name):n.modelValue)),errors:e.readonly(a),update(e){l&&n.name?l.setFieldValue(n.name,e):s("update:modelValue",e)}};return e.provide("input",i),o(i),(t,o)=>r.as?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.as),{key:0},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3})):e.renderSlot(t.$slots,"default",{key:1})}});ie.__file="src/components/headless/forms/AGHeadlessInput.vue";const ue=["value","aria-invalid","aria-describedby"];var de=e.defineComponent({__name:"AGHeadlessInputInput",setup(t){const r=e.ref(),o=_("input"),s=e.computed((()=>o.value));function n(){r.value&&o.update(r.value.value)}return(t,a)=>(e.openBlock(),e.createElementBlock("input",{ref_key:"$input",ref:r,type:"text",value:s.value,"aria-invalid":e.unref(o).errors?"true":"false","aria-describedby":e.unref(o).errors?`${e.unref(o).id}-error`:void 0,onInput:n},null,40,ue))}});de.__file="src/components/headless/forms/AGHeadlessInputInput.vue";const ce=["id"];var pe=e.defineComponent({__name:"AGHeadlessInputError",setup(t){const r=_("input"),o=e.computed((()=>r.errors?I(`errors.${r.errors[0]}`):null));return(t,s)=>o.value?(e.openBlock(),e.createElementBlock("p",{key:0,id:`${e.unref(r).id}-error`},e.toDisplayString(o.value),9,ce)):e.createCommentVNode("v-if",!0)}});pe.__file="src/components/headless/forms/AGHeadlessInputError.vue";var me=e.defineComponent({inheritAttrs:!1,__name:"AGInput",props:{name:k()},setup(t){const r=f();return(o,s)=>(e.openBlock(),e.createBlock(ie,{ref_key:"$input",ref:r,as:"div",class:"flex flex-col items-center",name:t.name},{default:e.withCtx((()=>[e.createVNode(de,e.mergeProps(o.$attrs,{class:["block w-full border-0 py-1.5 text-gray-900 ring-1 ring-inset ring-gray-300 placeholder:text-gray-400 focus:ring-2 focus:ring-inset focus:ring-indigo-600",{"ring-1 ring-red-500":e.unref(r)?.errors}]}),null,16,["class"]),e.createVNode(pe,{class:"mt-1 text-sm text-red-500"})])),_:1},8,["name"]))}});me.__file="src/components/forms/AGInput.vue";var fe=e.defineComponent({__name:"AGHeadlessModalTitle",props:{as:k("h2")},setup:t=>(r,o)=>(e.openBlock(),e.createBlock(e.unref(a.DialogTitle),{as:t.as},{default:e.withCtx((()=>[e.renderSlot(r.$slots,"default")])),_:3},8,["as"]))});fe.__file="src/components/headless/modals/AGHeadlessModalTitle.vue";const ve={String:"string",Number:"number"};class he extends t.MagicObject{constructor(t){super(),d.default(this,"errors",void 0),d.default(this,"_fields",void 0),d.default(this,"_data",void 0),d.default(this,"_valid",void 0),d.default(this,"_submitted",void 0),d.default(this,"_errors",void 0),this._fields=t,this._submitted=e.ref(!1),this._valid=e.ref(!0),this._data=this.getInitialData(t),this._errors=this.getInitialErrors(t),this.errors=e.readonly(this._errors)}get valid(){return this._valid.value}get submitted(){return this._submitted.value}setFieldValue(e,t){this._data[e]=t,this._submitted.value&&this.validate()}getFieldValue(e){return this._data[e]}validate(){const e=Object.entries(this._fields).reduce(((e,t)=>{let[r,o]=t;return e[r]=this.getFieldErrors(r,o),e}),{});return Object.assign(this._errors,e),this._valid.value=!Object.values(e).some((e=>null!==e))}submit(){return this._submitted.value=!0,this.validate()}__get(e){return e in this._fields?this._data[e]:super.__get(e)}__set(e,t){e in this._fields?Object.assign(this._data,{[e]:t}):super.__set(e,t)}getFieldErrors(e,t){const r=[];return t.rules?.includes("required")&&!this._data[e]&&r.push("required"),r.length>0?r:null}getInitialData(t){if(this.static().isConjuring())return{};const r=Object.entries(t).reduce(((e,t)=>{let[r,o]=t;return e[r]=o.default??null,e}),{});return e.reactive(r)}getInitialErrors(t){if(this.static().isConjuring())return{};const r=Object.keys(t).reduce(((e,t)=>(e[t]=null,e)),{});return e.reactive(r)}}exports.AGAppLayout=oe,exports.AGButton=ne,exports.AGForm=le,exports.AGHeadlessButton=se,exports.AGHeadlessInput=ie,exports.AGHeadlessModal=L,exports.AGHeadlessModalPanel=z,exports.AGHeadlessModalTitle=fe,exports.AGInput=me,exports.AGMarkdown=J,exports.AGModal=Q,exports.AGModalContext=T,exports.Events=G,exports.EventsService=B,exports.FormFieldTypes=ve,exports.Lang=P,exports.Service=C,exports.UI=D,exports.UIComponents=F,exports.arrayProp=function(e){return{type:Array,default:e??(()=>[])}},exports.booleanProp=m,exports.bootServices=q,exports.bootstrapApplication=async function(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const o=[w,O,H,V,M,Z],s=e.createApp({data:()=>({ready:!1}),mounted(){p.forEach((e=>e())),this.ready=!0},render(){return this.ready?e.h(t):null}});await Promise.all(o.map((e=>e(s,r)))),s.mount("#app")},exports.componentRef=f,exports.defineDirective=v,exports.defineServiceState=j,exports.enumProp=function(e,t){const r=Object.values(e);return{type:String,default:t??r[0]??null,validator:e=>r.includes(e)}},exports.injectOrFail=function(r,o){return e.inject(r)??t.fail(o??`Could not resolve '${r}' injection key`)},exports.injectReactive=h,exports.injectReactiveOrFail=_,exports.lang=I,exports.mixedProp=function(e){return{type:e,default:null}},exports.numberInput=function(e){return{default:e,type:ve.Number}},exports.numberProp=function(){return{type:Number,default:arguments.length>0&&void 0!==arguments[0]?arguments[0]:null}},exports.objectProp=x,exports.requiredArrayProp=function(){return{type:Array,required:!0}},exports.requiredEnumProp=function(e){const t=Object.values(e);return{type:String,required:!0,validator:e=>t.includes(e)}},exports.requiredMixedProp=function(e){return{type:e,required:!0}},exports.requiredNumberInput=function(e){return{default:e,type:ve.Number,rules:"required"}},exports.requiredNumberProp=g,exports.requiredObjectProp=y,exports.requiredStringInput=function(e){return{default:e,type:ve.String,rules:"required"}},exports.requiredStringProp=b,exports.stringInput=function(e){return{default:e,type:ve.String}},exports.stringProp=k,exports.useForm=function(e){return new he(e)};
+//# sourceMappingURL=aerogel-core.cjs.js.map

package/dist/aerogel-core.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"aerogel-core.cjs.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/aerogel-core.d.ts

@@ -0,0 +1,609 @@
+import { AllowedComponentProps } from 'vue';
+import type { App } from 'vue';
+import type { Component } from 'vue';
+import { ComponentCustomProps } from 'vue';
+import { ComponentOptionsMixin } from 'vue';
+import { Constructor } from '@noeldemartin/utils';
+import type { DeepReadonly } from 'vue';
+import { DefineComponent } from 'vue';
+import type { Directive } from 'vue';
+import { ExtractPropTypes } from 'vue';
+import { Facade } from '@noeldemartin/utils';
+import type { InjectionKey } from 'vue';
+import type { LocationQuery } from 'vue-router';
+import { MagicObject } from '@noeldemartin/utils';
+import type { ObjectValues } from '@noeldemartin/utils';
+import { PromisedValue } from '@noeldemartin/utils';
+import { PropType } from 'vue';
+import type { Ref } from 'vue';
+import { RendererElement } from 'vue';
+import { RendererNode } from 'vue';
+import type { RouteParams } from 'vue-router';
+import type { UnwrapNestedRefs } from 'vue';
+import { VNode } from 'vue';
+import { VNodeProps } from 'vue';
+
+export declare const AGAppLayout: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+
+export declare const AGButton: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+
+export declare const AGForm: DefineComponent<    {
+form: {
+type: PropType<Form<FormFieldDefinitions> | null>;
+validator?(value: unknown): boolean;
+} & {
+default: Form<FormFieldDefinitions> | (() => Form<FormFieldDefinitions> | null) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "submit"[], "submit", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+form: {
+type: PropType<Form<FormFieldDefinitions> | null>;
+validator?(value: unknown): boolean;
+} & {
+default: Form<FormFieldDefinitions> | (() => Form<FormFieldDefinitions> | null) | null;
+};
+}>> & {
+onSubmit?: ((...args: any[]) => any) | undefined;
+}, {
+form: Form<FormFieldDefinitions> | null;
+}, {}>;
+
+export declare const AGHeadlessButton: DefineComponent<    {
+url: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+route: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+routeParams: {
+type: PropType<RouteParams>;
+validator?(value: unknown): boolean;
+} & {
+default: RouteParams | (() => RouteParams) | null;
+};
+routeQuery: {
+type: PropType<LocationQuery>;
+validator?(value: unknown): boolean;
+} & {
+default: LocationQuery | (() => LocationQuery) | null;
+};
+submit: {
+type: PropType<boolean>;
+validator?(value: unknown): boolean;
+} & {
+default: boolean | (() => boolean) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+url: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+route: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+routeParams: {
+type: PropType<RouteParams>;
+validator?(value: unknown): boolean;
+} & {
+default: RouteParams | (() => RouteParams) | null;
+};
+routeQuery: {
+type: PropType<LocationQuery>;
+validator?(value: unknown): boolean;
+} & {
+default: LocationQuery | (() => LocationQuery) | null;
+};
+submit: {
+type: PropType<boolean>;
+validator?(value: unknown): boolean;
+} & {
+default: boolean | (() => boolean) | null;
+};
+}>>, {
+url: string | null;
+route: string | null;
+routeParams: RouteParams;
+routeQuery: LocationQuery;
+submit: boolean;
+}, {}>;
+
+export declare const AGHeadlessInput: DefineComponent<    {
+as: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+name: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+modelValue: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+as: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+name: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+modelValue: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+}>> & {
+"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+as: string | null;
+name: string | null;
+modelValue: string | null;
+}, {}>;
+
+export declare const AGHeadlessModal: DefineComponent<    {
+cancellable: {
+type: PropType<boolean>;
+validator?(value: unknown): boolean;
+} & {
+default: boolean | (() => boolean) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+cancellable: {
+type: PropType<boolean>;
+validator?(value: unknown): boolean;
+} & {
+default: boolean | (() => boolean) | null;
+};
+}>>, {
+cancellable: boolean;
+}, {}>;
+
+export declare const AGHeadlessModalPanel: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+
+export declare const AGHeadlessModalTitle: DefineComponent<    {
+as: {
+type: PropType<string>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+as: {
+type: PropType<string>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string) | null;
+};
+}>>, {
+as: string;
+}, {}>;
+
+export declare const AGInput: DefineComponent<    {
+name: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+name: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+}>>, {
+name: string | null;
+}, {}>;
+
+export declare const AGMarkdown: DefineComponent<    {
+langKey: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+text: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+langKey: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+text: {
+type: PropType<string | null>;
+validator?(value: unknown): boolean;
+} & {
+default: string | (() => string | null) | null;
+};
+}>>, {
+langKey: string | null;
+text: string | null;
+}, {}>;
+
+export declare const AGModal: DefineComponent<    {}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {}>>, {}, {}>;
+
+export declare const AGModalContext: DefineComponent<    {
+modal: {
+type: PropType<Modal<unknown>>;
+validator?(value: unknown): boolean;
+} & {
+required: true;
+};
+childIndex: {
+type: PropType<number>;
+validator?(value: unknown): boolean;
+} & {
+required: true;
+};
+}, (_ctx: any, _cache: any) => VNode<RendererNode, RendererElement, {
+[key: string]: any;
+}>, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<    {
+modal: {
+type: PropType<Modal<unknown>>;
+validator?(value: unknown): boolean;
+} & {
+required: true;
+};
+childIndex: {
+type: PropType<number>;
+validator?(value: unknown): boolean;
+} & {
+required: true;
+};
+}>>, {}, {}>;
+
+export declare function arrayProp<T>(defaultValue?: () => T[]): OptionalProp<T[]>;
+
+declare type BaseProp<T> = {
+    type: PropType<T>;
+    validator?(value: unknown): boolean;
+};
+
+export declare function booleanProp(defaultValue?: boolean): OptionalProp<boolean>;
+
+export declare function bootServices(app: App, services: Record<string, Service>): Promise<void>;
+
+export declare function bootstrapApplication(rootComponent: Component, options?: BootstrapOptions): Promise<void>;
+
+declare interface BootstrapOptions {
+}
+
+export declare function componentRef<T>(): Ref<UnwrapNestedRefs<T> | undefined>;
+
+declare const _default: Constructor<State> & Constructor<Service<DefaultServiceState>> & Service;
+
+export declare type DefaultServices = typeof defaultServices;
+
+declare const defaultServices: {
+    $events: Facade<EventsService>;
+};
+
+export declare type DefaultServiceState = {};
+
+export declare function defineDirective(directive: Directive): Directive;
+
+export declare function defineServiceState<State extends ServiceState>(options: {
+    initialState: State;
+}): Constructor<State> & ServiceConstructor;
+
+export declare function enumProp<Enum extends Record<string, unknown>>(enumeration: Enum, defaultValue?: Enum[keyof Enum]): OptionalProp<Enum[keyof Enum]>;
+
+declare type EventListener_2<T = unknown> = (payload: T) => unknown;
+export { EventListener_2 as EventListener }
+
+export declare const Events: Facade<EventsService>;
+
+export declare interface EventsPayload {
+}
+
+export declare class EventsService extends Service {
+    private listeners;
+    emit<Event extends EventWithoutPayload>(event: Event): Promise<void>;
+    emit<Event extends EventWithPayload>(event: Event, payload: EventsPayload[Event]): Promise<void>;
+    emit<Event extends string>(event: UnknownEvent<Event>, payload?: unknown): Promise<void>;
+    on<Event extends EventWithoutPayload>(event: Event, listener: () => unknown): () => void;
+    on<Event extends EventWithPayload>(event: Event, listener: EventListener_2<EventsPayload[Event]>): () => void | void;
+    on<Event extends string>(event: UnknownEvent<Event>, listener: EventListener_2): () => void;
+    once<Event extends EventWithoutPayload>(event: Event, listener: () => unknown): () => void;
+    once<Event extends EventWithPayload>(event: Event, listener: EventListener_2<EventsPayload[Event]>): () => void | void;
+    once<Event extends string>(event: UnknownEvent<Event>, listener: EventListener_2): () => void;
+    off(event: string, listener: EventListener_2): void;
+}
+
+export declare type EventWithoutPayload = {
+    [K in keyof EventsPayload]: EventsPayload[K] extends void ? K : never;
+}[keyof EventsPayload];
+
+export declare type EventWithPayload = {
+    [K in keyof EventsPayload]: EventsPayload[K] extends void ? never : K;
+}[keyof EventsPayload];
+
+declare class Form<Fields extends FormFieldDefinitions = FormFieldDefinitions> extends MagicObject {
+    errors: DeepReadonly<UnwrapNestedRefs<FormErrors<Fields>>>;
+    private _fields;
+    private _data;
+    private _valid;
+    private _submitted;
+    private _errors;
+    constructor(fields: Fields);
+    get valid(): boolean;
+    get submitted(): boolean;
+    setFieldValue<T extends keyof Fields>(field: T, value: FormData_2<Fields>[T]): void;
+    getFieldValue<T extends keyof Fields>(field: T): GetFormFieldValue<Fields[T]['type']>;
+    validate(): boolean;
+    submit(): boolean;
+    protected __get(property: string): unknown;
+    protected __set(property: string, value: unknown): void;
+    private getFieldErrors;
+    private getInitialData;
+    private getInitialErrors;
+}
+
+declare type FormData_2<T> = {
+    [k in keyof T]: T[k] extends FormFieldDefinition<infer TType, infer TRules> ? TRules extends 'required' ? GetFormFieldValue<TType> : GetFormFieldValue<TType> | null : never;
+};
+export { FormData_2 as FormData }
+
+export declare type FormErrors<T> = {
+    [k in keyof T]: string[] | null;
+};
+
+export declare interface FormFieldDefinition<TType extends FormFieldType = FormFieldType, TRules extends string = string> {
+    type: TType;
+    default?: GetFormFieldValue<TType>;
+    rules?: TRules;
+}
+
+export declare type FormFieldDefinitions = Record<string, FormFieldDefinition>;
+
+export declare type FormFieldType = ObjectValues<typeof FormFieldTypes>;
+
+export declare const FormFieldTypes: {
+    readonly String: "string";
+    readonly Number: "number";
+};
+
+export declare type GetFormFieldValue<TType> = TType extends typeof FormFieldTypes.String ? string : TType extends typeof FormFieldTypes.Number ? number : never;
+
+export declare interface IAGHeadlessModal extends IAGModal {
+}
+
+export declare interface IAGModal {
+    cancellable: Ref<boolean>;
+    close(): Promise<void>;
+}
+
+export declare function injectOrFail<T>(key: InjectionKey<T> | string, errorMessage?: string): T;
+
+export declare function injectReactive<T extends object>(key: InjectionKey<T> | string): UnwrapNestedRefs<T> | undefined;
+
+export declare function injectReactiveOrFail<T extends object>(key: InjectionKey<T> | string, errorMessage?: string): UnwrapNestedRefs<T>;
+
+export declare const Lang: Facade<LangService>;
+
+export declare function lang(key: string, parameters?: Record<string, unknown>): string;
+
+export declare interface LangOptions {
+    messages: Record<string, unknown>;
+    defaultLocale?: string;
+    fallbackLocale?: string;
+}
+
+declare class LangService extends Service {
+    private i18n?;
+    setup(): void;
+    translate(key: string, parameters?: Record<string, unknown>): string;
+}
+
+export declare type LangServices = typeof services;
+
+export declare type LazyMessages = () => Promise<Record<string, unknown>>;
+
+export declare function mixedProp<T>(type: PropType<T>): OptionalProp<T | null>;
+
+declare interface Modal<T = unknown> {
+    id: string;
+    properties: Record<string, unknown>;
+    component: Component;
+    beforeClose: Promise<T | undefined>;
+    afterClose: Promise<T | undefined>;
+}
+
+declare interface ModalComponent<Properties extends Record<string, unknown> = Record<string, unknown>, Result = unknown> {
+}
+
+declare type ModalProperties<TComponent> = TComponent extends ModalComponent<infer TProperties, unknown> ? TProperties : never;
+
+declare type ModalResult<TComponent> = TComponent extends ModalComponent<Record<string, unknown>, infer TResult> ? TResult : never;
+
+export declare function numberInput(defaultValue?: number): FormFieldDefinition<typeof FormFieldTypes.Number>;
+
+export declare function numberProp(): OptionalProp<number | null>;
+
+export declare function numberProp(defaultValue: number): OptionalProp<number>;
+
+export declare function objectProp<T = Object>(): OptionalProp<T | null>;
+
+export declare function objectProp<T>(defaultValue: () => T): OptionalProp<T>;
+
+declare type OptionalProp<T> = BaseProp<T> & {
+    default: T | (() => T) | null;
+};
+
+export declare function requiredArrayProp<T>(): RequiredProp<T[]>;
+
+export declare function requiredEnumProp<Enum extends Record<string, unknown>>(enumeration: Enum): RequiredProp<Enum[keyof Enum]>;
+
+export declare function requiredMixedProp<T>(type: PropType<T>): RequiredProp<T>;
+
+export declare function requiredNumberInput(defaultValue?: number): FormFieldDefinition<typeof FormFieldTypes.Number, 'required'>;
+
+export declare function requiredNumberProp(): RequiredProp<number>;
+
+export declare function requiredObjectProp<T = Object>(): RequiredProp<T>;
+
+declare type RequiredProp<T> = BaseProp<T> & {
+    required: true;
+};
+
+export declare function requiredStringInput(defaultValue?: string): FormFieldDefinition<typeof FormFieldTypes.String, 'required'>;
+
+export declare function requiredStringProp(): RequiredProp<string>;
+
+export declare class Service<State extends ServiceState = DefaultServiceState> extends MagicObject {
+    protected _namespace: string;
+    private _booted;
+    private _state;
+    constructor();
+    get booted(): PromisedValue<void>;
+    launch(namespace?: string): Promise<void>;
+    protected __get(property: string): unknown;
+    protected __set(property: string, value: unknown): void;
+    protected hasState<P extends keyof State>(property: P): boolean;
+    protected getState(): State;
+    protected getState<P extends keyof State>(property: P): State[P];
+    protected setState(state: Partial<State>): void;
+    protected getInitialState(): State;
+    protected boot(): Promise<void>;
+}
+
+export declare type ServiceConstructor<T extends Service = Service> = Constructor<T> & typeof Service;
+
+export declare interface Services extends DefaultServices {
+}
+
+declare const services: {
+    $lang: Facade<LangService>;
+};
+
+declare const services_2: {
+    $ui: Facade<UIService>;
+};
+
+export declare type ServiceState = Record<string, any>;
+
+declare interface State {
+    modals: Modal[];
+}
+
+export declare function stringInput(defaultValue?: string): FormFieldDefinition<typeof FormFieldTypes.String>;
+
+export declare function stringProp(): OptionalProp<string | null>;
+
+export declare function stringProp(defaultValue: string): OptionalProp<string>;
+
+export declare const UI: Facade<UIService>;
+
+export declare type UIComponent = ObjectValues<typeof UIComponents>;
+
+export declare const UIComponents: {
+    readonly AlertModal: "alert-modal";
+};
+
+declare class UIService extends _default {
+    private modalCallbacks;
+    private components;
+    alert(message: string): void;
+    registerComponent(name: UIComponent, component: Component): void;
+    openModal<TModalComponent extends ModalComponent>(component: TModalComponent, properties?: ModalProperties<TModalComponent>): Promise<Modal<ModalResult<TModalComponent>>>;
+    closeModal(id: string, result?: unknown): Promise<void>;
+    protected boot(): Promise<void>;
+    private requireComponent;
+    private watchModalEvents;
+}
+
+export declare type UIServices = typeof services_2;
+
+export declare type UnknownEvent<T> = T extends keyof EventsPayload ? never : T;
+
+export declare function useForm<const T extends FormFieldDefinitions>(fields: T): Form<T> & FormData_2<T>;
+
+export { }
+
+    interface BootstrapOptions {
+        lang?: LangOptions;
+        langMessages?: Record<string, unknown>;
+    }
+
+    interface Services extends LangServices {}
+
+    interface BootstrapOptions {
+        models?: Record<string, Record<string, unknown>>;
+    }
+
+    interface BootstrapOptions {
+        routes?: RouteRecordRaw[];
+        basePath?: string;
+    }
+
+import type { RouteRecordRaw } from 'vue-router';
+
+declare module '@vue/runtime-core' {
+    interface ComponentCustomProperties extends Services {}
+}
+
+    export interface EventsPayload {
+        'modal-will-close': { modal: Modal; result?: unknown };
+        'modal-closed': { modal: Modal; result?: unknown };
+        'close-modal': { id: string; result?: unknown };
+        'hide-modal': { id: string };
+        'show-modal': { id: string };
+    }
+
+    interface BootstrapOptions {
+        components?: Partial<Record<UIComponent, Component>>;
+    }
+
+    interface Services extends UIServices {}