@aerogel/core 0.0.0-next.f8cdd39997c56dcd46e07c26af8a84d04d610fce → 0.0.0-next.fb0f08b1df2e4aff5b34e23b9927b06b58484c98

package/src/utils/composition/forms.ts

@@ -1,11 +1,27 @@
 import { objectWithout } from '@noeldemartin/utils';
-import { computed, useAttrs } from 'vue';
+import { computed, inject, onUnmounted, useAttrs } from 'vue';
+import type { ClassValue } from 'clsx';
 import type { ComputedRef } from 'vue';
+import type { Nullable } from '@noeldemartin/utils';
 
-export function useInputAttrs(): [ComputedRef<{}>, ComputedRef<unknown>] {
+import FormController from '@aerogel/core/forms/FormController';
+import type { FormData, FormFieldDefinitions } from '@aerogel/core/forms/FormController';
+
+export function onFormFocus(input: { name: Nullable<string> }, listener: () => unknown): void {
+    const form = inject<FormController | null>('form', null);
+    const stop = form?.on('focus', (name) => input.name === name && listener());
+
+    onUnmounted(() => stop?.());
+}
+
+export function useForm<const T extends FormFieldDefinitions>(fields: T): FormController<T> & FormData<T> {
+    return new FormController(fields) as FormController<T> & FormData<T>;
+}
+
+export function useInputAttrs(): [ComputedRef<{}>, ComputedRef<ClassValue>] {
     const attrs = useAttrs();
-    const className = computed(() => attrs.class);
+    const classes = computed(() => attrs.class);
     const inputAttrs = computed(() => objectWithout(attrs, 'class'));
 
-    return [inputAttrs, className];
+    return [inputAttrs, classes as ComputedRef<ClassValue>];
 }

package/src/utils/composition/persistent.test.ts

@@ -0,0 +1,33 @@
+import { describe, expect, it } from 'vitest';
+import { nextTick } from 'vue';
+import { Storage } from '@noeldemartin/utils';
+
+import { persistent } from './persistent';
+
+describe('Vue persistent helper', () => {
+
+    it('serializes to localStorage', async () => {
+        // Arrange
+        const store = persistent<{ foo?: string }>('foobar', {});
+
+        // Act
+        store.foo = 'bar';
+
+        await nextTick();
+
+        // Assert
+        expect(Storage.get('foobar')).toEqual({ foo: 'bar' });
+    });
+
+    it('reads from localStorage', async () => {
+        // Arrange
+        Storage.set('foobar', { foo: 'bar' });
+
+        // Act
+        const store = persistent<{ foo?: string }>('foobar', {});
+
+        // Assert
+        expect(store.foo).toEqual('bar');
+    });
+
+});

package/src/utils/composition/persistent.ts

@@ -0,0 +1,11 @@
+import { reactive, toRaw, watch } from 'vue';
+import { Storage } from '@noeldemartin/utils';
+import type { UnwrapNestedRefs } from 'vue';
+
+export function persistent<T extends object>(name: string, defaults: T): UnwrapNestedRefs<T> {
+    const store = reactive<T>(Storage.get<T>(name) ?? defaults);
+
+    watch(store, () => Storage.set(name, toRaw(store)));
+
+    return store;
+}

package/src/utils/composition/state.test.ts

@@ -0,0 +1,47 @@
+import { after } from '@noeldemartin/utils';
+import { describe, expect, it } from 'vitest';
+import { ref } from 'vue';
+
+import { computedDebounce } from './state';
+
+describe('Vue state helpers', () => {
+
+    it('computes debounced state', async () => {
+        // Initial
+        const state = ref(0);
+        const value = computedDebounce({ delay: 90 }, () => state.value);
+
+        expect(value.value).toBe(null);
+
+        await after({ ms: 100 });
+
+        expect(value.value).toBe(0);
+
+        // Update
+        state.value = 42;
+
+        expect(value.value).toBe(0);
+
+        await after({ ms: 100 });
+
+        expect(value.value).toBe(42);
+
+        // Debounced Update
+        state.value = 23;
+
+        expect(value.value).toBe(42);
+
+        await after({ ms: 50 });
+
+        state.value = 32;
+
+        await after({ ms: 50 });
+
+        expect(value.value).toBe(42);
+
+        await after({ ms: 100 });
+
+        expect(value.value).toBe(32);
+    });
+
+});

package/src/utils/composition/state.ts

@@ -0,0 +1,33 @@
+import { debounce } from '@noeldemartin/utils';
+import { computed, ref, watch, watchEffect } from 'vue';
+import type { ComputedGetter, ComputedRef, Ref } from 'vue';
+
+export interface ComputedDebounceOptions<T> {
+    initial?: T;
+    delay?: number;
+}
+
+export function computedAsync<T>(getter: () => Promise<T>): Ref<T | undefined> {
+    const result = ref<T>();
+    const asyncValue = computed(getter);
+
+    watch(asyncValue, async () => (result.value = await asyncValue.value), { immediate: true });
+
+    return result;
+}
+
+export function computedDebounce<T>(options: ComputedDebounceOptions<T>, getter: ComputedGetter<T>): ComputedRef<T>;
+export function computedDebounce<T>(getter: ComputedGetter<T>): ComputedRef<T | null>;
+export function computedDebounce<T>(
+    optionsOrGetter: ComputedGetter<T> | ComputedDebounceOptions<T>,
+    inputGetter?: ComputedGetter<T>,
+): ComputedRef<T> {
+    const inputOptions = inputGetter ? (optionsOrGetter as ComputedDebounceOptions<T>) : {};
+    const getter = inputGetter ?? (optionsOrGetter as ComputedGetter<T>);
+    const state = ref(inputOptions.initial ?? null);
+    const update = debounce((value) => (state.value = value), inputOptions.delay ?? 300);
+
+    watchEffect(() => update(getter()));
+
+    return state as unknown as ComputedRef<T>;
+}

package/src/utils/index.ts

@@ -1,4 +1,9 @@
+export * from './classes';
 export * from './composition/events';
 export * from './composition/forms';
 export * from './composition/hooks';
+export * from './composition/persistent';
+export * from './composition/state';
+export * from './markdown';
+export * from './types';
 export * from './vue';

package/src/utils/markdown.test.ts

@@ -0,0 +1,50 @@
+/* eslint-disable max-len */
+import { describe, expect, it } from 'vitest';
+
+import { renderMarkdown } from './markdown';
+
+describe('Markdown utils', () => {
+
+    it('renders basic markdown', () => {
+        // Arrange
+        const expectedHTML = `
+            <h1>Title</h1>
+            <p>body with <a target="_blank" href="https://example.com">link</a></p>
+            <ul>
+                <li>One</li>
+                <li>Two</li>
+                <li>Three</li>
+            </ul>
+        `;
+
+        // Act
+        const html = renderMarkdown(
+            ['# Title', 'body with [link](https://example.com)', '- One', '- Two', '- Three'].join('\n'),
+        );
+
+        // Assert
+        expect(normalizeHTML(html)).toMatch(new RegExp(normalizeHTML(expectedHTML)));
+    });
+
+    it('renders button links', () => {
+        // Arrange
+        const expectedHTML = `
+            <p><button type="button" data-markdown-action="do-something">link</button></p>
+        `;
+
+        // Act
+        const html = renderMarkdown('[link](#action:do-something)');
+
+        // Assert
+        expect(normalizeHTML(html)).toMatch(new RegExp(normalizeHTML(expectedHTML)));
+    });
+
+});
+
+function normalizeHTML(html: string): string {
+    return html
+        .split('\n')
+        .map((line) => line.trim())
+        .join('\n')
+        .trim();
+}

package/src/utils/markdown.ts

@@ -1,21 +1,68 @@
-import { tap } from '@noeldemartin/utils';
 import DOMPurify from 'dompurify';
+import { stringMatchAll, tap } from '@noeldemartin/utils';
 import { Renderer, marked } from 'marked';
 
+let router: MarkdownRouter | null = null;
+
 function makeRenderer(): Renderer {
     return tap(new Renderer(), (renderer) => {
-        renderer.link = function(href, title, text) {
-            return Renderer.prototype.link.apply(this, [href, title, text]).replace('<a', '<a target="_blank"');
+        renderer.link = function(link) {
+            const defaultLink = Renderer.prototype.link.apply(this, [link]);
+
+            if (!link.href.startsWith('#')) {
+                return defaultLink.replace('<a', '<a target="_blank"');
+            }
+
+            return defaultLink;
         };
     });
 }
 
+function renderActionLinks(html: string): string {
+    const matches = stringMatchAll<3>(html, /<a[^>]*href="#action:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+
+    for (const [link, action, text] of matches) {
+        html = html.replace(link, `<button type="button" data-markdown-action="${action}">${text}</button>`);
+    }
+
+    return html;
+}
+
+function renderRouteLinks(html: string): string {
+    const matches = stringMatchAll<3>(html, /<a[^>]*href="#route:([^"]+)"[^>]*>([^<]+)<\/a>/g);
+
+    for (const [link, route, text] of matches) {
+        const url = router?.resolve(route) ?? route;
+
+        html = html.replace(link, `<a data-markdown-route="${route}" href="${url}">${text}</a>`);
+    }
+
+    return html;
+}
+
+export interface MarkdownRouter {
+    resolve(route: string): string;
+    visit(route: string): Promise<void>;
+}
+
+export function getMarkdownRouter(): MarkdownRouter | null {
+    return router;
+}
+
+export function setMarkdownRouter(markdownRouter: MarkdownRouter): void {
+    router = markdownRouter;
+}
+
 export function renderMarkdown(markdown: string): string {
-    return safeHtml(marked(markdown, { mangle: false, headerIds: false, renderer: makeRenderer() }));
+    let html = marked(markdown, { renderer: makeRenderer(), async: false });
+
+    html = safeHtml(html);
+    html = renderActionLinks(html);
+    html = renderRouteLinks(html);
+
+    return html;
 }
 
 export function safeHtml(html: string): string {
-    // TODO improve target="_blank" exception
-    // See https://github.com/cure53/DOMPurify/issues/317
     return DOMPurify.sanitize(html, { ADD_ATTR: ['target'] });
 }

package/src/utils/types.ts

@@ -0,0 +1,3 @@
+import type { Nullable } from '@noeldemartin/utils';
+
+export type Falsifiable<T> = Nullable<T> | false;

package/src/utils/vue.ts

@@ -1,52 +1,26 @@
-import { fail } from '@noeldemartin/utils';
-import { inject, reactive, ref } from 'vue';
-import type { Directive, InjectionKey, PropType, Ref, UnwrapNestedRefs } from 'vue';
-
-type BaseProp<T> = {
-    type: PropType<T>;
-    validator?(value: unknown): boolean;
-};
-
-type RequiredProp<T> = BaseProp<T> & { required: true };
-type OptionalProp<T> = BaseProp<T> & { default: T | (() => T) | null };
-
-export type ComponentProps = Record<string, unknown>;
-
-export function arrayProp<T>(defaultValue?: () => T[]): OptionalProp<T[]> {
-    return {
-        type: Array as PropType<T[]>,
-        default: defaultValue ?? (() => []),
-    };
-}
-
-export function booleanProp(defaultValue: boolean = false): OptionalProp<boolean> {
-    return {
-        type: Boolean,
-        default: defaultValue,
-    };
-}
-
-export function componentRef<T>(): Ref<UnwrapNestedRefs<T> | undefined> {
-    return ref<UnwrapNestedRefs<T>>();
-}
-
-export function defineDirective(directive: Directive): Directive {
+import { fail, toString } from '@noeldemartin/utils';
+import { Comment, Static, Text, inject, reactive } from 'vue';
+import type { Directive, InjectionKey, MaybeRef, Ref, UnwrapNestedRefs, VNode } from 'vue';
+
+export type AcceptRefs<T> = { [K in keyof T]: T[K] | RefUnion<T[K]> };
+export type RefUnion<T> = T extends infer R ? Ref<R> : never;
+export type Unref<T> = { [K in keyof T]: T[K] extends MaybeRef<infer Value> ? Value : T[K] };
+
+function renderVNodeAttrs(node: VNode): string {
+    return Object.entries(node.props ?? {}).reduce((attrs, [name, value]) => {
+        return attrs + `${name}="${toString(value)}"`;
+    }, '');
+}
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function defineDirective<TValue = any, TModifiers extends string = string>(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    directive: Directive<any, TValue, TModifiers>,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+): Directive<any, TValue, TModifiers> {
     return directive;
 }
 
-export function enumProp<Enum extends Record<string, unknown>>(
-    enumeration: Enum,
-    defaultValue?: Enum[keyof Enum],
-): OptionalProp<Enum[keyof Enum]> {
-    const values = Object.values(enumeration) as Enum[keyof Enum][];
-
-    return {
-        type: String as unknown as PropType<Enum[keyof Enum]>,
-        default: defaultValue ?? values[0] ?? null,
-        validator: (value) => values.includes(value as Enum[keyof Enum]),
-    };
-}
-
 export function injectReactive<T extends object>(key: InjectionKey<T> | string): UnwrapNestedRefs<T> | undefined {
     const value = inject(key);
 
@@ -57,90 +31,31 @@ export function injectReactiveOrFail<T extends object>(
     key: InjectionKey<T> | string,
     errorMessage?: string,
 ): UnwrapNestedRefs<T> {
-    return injectReactive(key) ?? fail(errorMessage ?? `Could not resolve '${key}' injection key`);
+    return injectReactive(key) ?? fail(errorMessage ?? `Could not resolve '${toString(key)}' injection key`);
 }
 
 export function injectOrFail<T>(key: InjectionKey<T> | string, errorMessage?: string): T {
-    return inject(key) ?? fail(errorMessage ?? `Could not resolve '${key}' injection key`);
-}
-
-export function mixedProp<T>(type: PropType<T>): OptionalProp<T | null> {
-    return {
-        type,
-        default: null,
-    };
-}
-
-export function numberProp(): OptionalProp<number | null>;
-export function numberProp(defaultValue: number): OptionalProp<number>;
-export function numberProp(defaultValue: number | null = null): OptionalProp<number | null> {
-    return {
-        type: Number,
-        default: defaultValue,
-    };
-}
-
-export function objectProp<T = Object>(): OptionalProp<T | null>;
-export function objectProp<T>(defaultValue: () => T): OptionalProp<T>;
-export function objectProp<T = Object>(defaultValue: (() => T) | null = null): OptionalProp<T | null> {
-    return {
-        type: Object,
-        default: defaultValue,
-    };
-}
-
-export function requiredArrayProp<T>(): RequiredProp<T[]> {
-    return {
-        type: Array as PropType<T[]>,
-        required: true,
-    };
+    return inject(key) ?? fail(errorMessage ?? `Could not resolve '${toString(key)}' injection key`);
 }
 
-export function requiredEnumProp<Enum extends Record<string, unknown>>(
-    enumeration: Enum,
-): RequiredProp<Enum[keyof Enum]> {
-    const values = Object.values(enumeration);
+export function renderVNode(node: VNode | string): string {
+    if (typeof node === 'string') {
+        return node;
+    }
 
-    return {
-        type: String as unknown as PropType<Enum[keyof Enum]>,
-        required: true,
-        validator: (value) => values.includes(value),
-    };
-}
-
-export function requiredMixedProp<T>(type: PropType<T>): RequiredProp<T> {
-    return {
-        type,
-        required: true,
-    };
-}
+    if (node.type === Comment) {
+        return '';
+    }
 
-export function requiredNumberProp(): RequiredProp<number> {
-    return {
-        type: Number,
-        required: true,
-    };
-}
+    if (node.type === Text || node.type === Static) {
+        return node.children as string;
+    }
 
-export function requiredObjectProp<T = Object>(): RequiredProp<T> {
-    return {
-        type: Object,
-        required: true,
-    };
-}
-
-export function requiredStringProp(): RequiredProp<string> {
-    return {
-        type: String,
-        required: true,
-    };
-}
+    if (node.type === 'br') {
+        return '\n\n';
+    }
 
-export function stringProp(): OptionalProp<string | null>;
-export function stringProp(defaultValue: string): OptionalProp<string>;
-export function stringProp(defaultValue: string | null = null): OptionalProp<string | null> {
-    return {
-        type: String,
-        default: defaultValue,
-    };
+    return `<${node.type} ${renderVNodeAttrs(node)}>${Array.from(node.children as Array<VNode | string>)
+        .map(renderVNode)
+        .join('')}</${node.type}>`;
 }

package/.eslintrc.js

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

package/dist/aerogel-core.cjs.js

@@ -1,2 +0,0 @@
-"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"),t=require("@noeldemartin/utils"),r=require("@babel/runtime/helpers/defineProperty");require("core-js/modules/esnext.set.add-all.js"),require("core-js/modules/esnext.set.delete-all.js"),require("core-js/modules/esnext.set.difference.js"),require("core-js/modules/esnext.set.every.js"),require("core-js/modules/esnext.set.filter.js"),require("core-js/modules/esnext.set.find.js"),require("core-js/modules/esnext.set.intersection.js"),require("core-js/modules/esnext.set.is-disjoint-from.js"),require("core-js/modules/esnext.set.is-subset-of.js"),require("core-js/modules/esnext.set.is-superset-of.js"),require("core-js/modules/esnext.set.join.js"),require("core-js/modules/esnext.set.map.js"),require("core-js/modules/esnext.set.reduce.js"),require("core-js/modules/esnext.set.some.js"),require("core-js/modules/esnext.set.symmetric-difference.js"),require("core-js/modules/esnext.set.union.js");var o=require("pinia"),n=require("virtual:aerogel");require("core-js/modules/esnext.async-iterator.filter.js"),require("core-js/modules/esnext.iterator.constructor.js"),require("core-js/modules/esnext.iterator.filter.js"),require("core-js/modules/esnext.string.at.js"),require("core-js/modules/esnext.async-iterator.reduce.js"),require("core-js/modules/esnext.iterator.reduce.js"),require("core-js/modules/esnext.async-iterator.some.js"),require("core-js/modules/esnext.iterator.some.js"),require("core-js/modules/esnext.async-iterator.for-each.js"),require("core-js/modules/esnext.iterator.for-each.js");var s=require("@headlessui/vue"),a=require("dompurify"),l=require("marked");function i(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var c=i(r),u=i(n),d=i(a);function p(e){return e}function m(e){return{type:Array,default:e??(()=>[])}}function f(){return{type:Boolean,default:arguments.length>0&&void 0!==arguments[0]&&arguments[0]}}function h(){return e.ref()}function v(e){return e}function g(e,t){const r=Object.values(e);return{type:String,default:t??r[0]??null,validator:e=>r.includes(e)}}function x(t){const r=e.inject(t);return r?e.reactive(r):void 0}function b(e,r){return x(e)??t.fail(r??`Could not resolve '${e}' injection key`)}function _(e){return{type:e,default:null}}function k(){return{type:Number,default:arguments.length>0&&void 0!==arguments[0]?arguments[0]:null}}function y(){return{type:Object,default:arguments.length>0&&void 0!==arguments[0]?arguments[0]:null}}function w(){return{type:Array,required:!0}}function C(){return{type:Number,required:!0}}function S(){return{type:Object,required:!0}}function A(){return{type:String,required:!0}}function E(){return{type:String,default:arguments.length>0&&void 0!==arguments[0]?arguments[0]:null}}const B={"initial-focus":{mounted(e,t){let{value:r}=t;!1!==r&&e.focus()}}};var j={install(e,t){const r={...B,...t.directives};for(const[t,o]of Object.entries(r))e.directive(t,o)}};class ServiceBootError extends t.JSError{constructor(e,t){super(`Service '${e}' failed booting`,{cause:t})}}let G=null;function M(){return G||(G=o.createPinia(),o.setActivePinia(G)),G}function $(e){var t;return t=class extends V{usesStore(){return!0}getName(){return e.name??null}getInitialState(){return e.initialState}getComputedStateDefinition(){return e.computed??{}}serializePersistedState(t){return e.serialize?.(t)??t}},c.default(t,"persist",e.persist??[]),t}class V extends t.MagicObject{constructor(){super(),c.default(this,"_name",void 0),c.default(this,"_booted",void 0),c.default(this,"_computedStateKeys",void 0),c.default(this,"_store",void 0);const e=this.getComputedStateDefinition();var r,n;this._name=this.getName()??new.target.name,this._booted=new t.PromisedValue,this._computedStateKeys=new Set(Object.keys(e)),this._store=this.usesStore()&&(r=this._name,n={state:()=>this.getInitialState(),getters:e},M(),o.defineStore(r,n)())}get booted(){return this._booted}launch(){const handleError=e=>this._booted.reject(new ServiceBootError(this._name,e));try{this.frameworkBoot().then((()=>this.boot())).then((()=>this._booted.resolve())).catch(handleError)}catch(e){handleError(e)}return this._booted}hasState(e){return!!this._store&&(e in this._store.$state||this._computedStateKeys.has(e))}getState(e){const t=this._store;return e?t?t[e]:void 0:t||{}}setState(e,t){if(!this._store)return;const r="string"==typeof e?{[e]:t}:e;Object.assign(this._store.$state,r),this.onStateUpdated(r)}__get(e){return this.hasState(e)?this.getState(e):super.__get(e)}__set(e,t){this.setState({[e]:t})}onStateUpdated(e){const r=this.constructor.persist,o=t.objectOnly(e,r);if(t.isEmpty(o))return;const n=t.Storage.require(this._name);t.Storage.set(this._name,{...n,...this.serializePersistedState(t.objectDeepClone(o))})}usesStore(){return!1}getName(){return null}getInitialState(){return{}}getComputedStateDefinition(){return{}}serializePersistedState(e){return e}async frameworkBoot(){this.restorePersistedState()}async boot(){}restorePersistedState(){const e=this.constructor.persist;if(this.usesStore()&&!t.isEmpty(e))if(t.Storage.has(this._name)){const e=t.Storage.require(this._name);this.setState(e)}else t.Storage.set(this._name,t.objectOnly(this.getState(),e))}}c.default(V,"persist",[]);class q extends V{constructor(){super(...arguments),c.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)),(n=>{(this.listeners[e]??=t.arr([])).push(o=function(){return n(),r(...arguments)})}))}off(e,t){const r=this.listeners[e];r&&(r.remove(t),r.isEmpty()&&delete this.listeners[e])}}var N=t.facade(new q),P=$({name:"app",initialState:{environment:u.default.environment,sourceUrl:u.default.sourceUrl,isMounted:!1},computed:{development:e=>"development"===e.environment,testing:e=>"testing"===e.environment}});class I extends P{async boot(){N.once("application-mounted",(()=>this.setState({isMounted:!0})))}}var R=t.facade(new I);const H={$app:R,$events:N};async function D(e,t){await Promise.all(Object.entries(t).map((async t=>{let[r,o]=t;await o.launch().catch((t=>e.config.errorHandler?.(t,null,`Failed launching ${r}.`)))}))),Object.assign(e.config.globalProperties,t),R.development&&Object.assign(window,t)}var L={async install(e,t){const r={...H,...t.services};e.use(G??M()),await D(e,r)}},O=$({name:"ui",initialState:{modals:[],snackbars:[]}});const z={AlertModal:"alert-modal",ConfirmModal:"confirm-modal",ErrorReportModal:"error-report-modal",LoadingModal:"loading-modal",Snackbar:"snackbar"};var F=t.facade(new class extends O{constructor(){super(...arguments),c.default(this,"modalCallbacks",{}),c.default(this,"components",{})}requireComponent(e){return this.components[e]??t.fail(`UI Component '${e}' is not defined!`)}alert(e,t){const r="string"==typeof t?{title:e,message:t}:{message:e};this.openModal(this.requireComponent(z.AlertModal),r)}async confirm(e,t){const r="string"==typeof t?{title:e,message:t}:{message:e},o=await this.openModal(this.requireComponent(z.ConfirmModal),r);return await o.beforeClose??!1}async loading(e,t){t="string"==typeof e?t:e;const r="string"==typeof e?e:void 0,o=await this.openModal(this.requireComponent(z.LoadingModal),{message:r}),n=await t;return await this.closeModal(o.id),n}showSnackbar(r){let o=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const n={id:t.uuid(),properties:{message:r,...o},component:o.component??e.markRaw(this.requireComponent(z.Snackbar))};this.setState("snackbars",this.snackbars.concat(n)),setTimeout((()=>this.hideSnackbar(n.id)),5e3)}hideSnackbar(e){this.setState("snackbars",this.snackbars.filter((t=>t.id!==e)))}registerComponent(e,t){this.components[e]=t}async openModal(r,o){const n=t.uuid(),s={},a={id:n,properties:o??{},component:e.markRaw(r),beforeClose:new Promise((e=>s.willClose=e)),afterClose:new Promise((e=>s.closed=e))},l=this.modals.at(-1),i=this.modals.concat(a);return this.modalCallbacks[a.id]=s,this.setState({modals:i}),await e.nextTick(),await(l&&N.emit("hide-modal",{id:l.id})),await Promise.all([l||N.emit("show-overlays-backdrop"),N.emit("show-modal",{id:a.id})]),a}async closeModal(e,t){await N.emit("close-modal",{id:e,result:t})}async boot(){this.watchModalEvents()}watchModalEvents(){N.on("modal-will-close",(e=>{let{modal:t,result:r}=e;this.modalCallbacks[t.id]?.willClose?.(r),1===this.modals.length&&N.emit("hide-overlays-backdrop")})),N.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&&N.emit("show-modal",{id:o.id}))}))}});var T=t.facade(new class extends V{constructor(){super(),c.default(this,"provider",void 0),this.provider={translate:e=>(R.development&&console.warn("Lang provider is missing"),e)}}setProvider(e){this.provider=e}translate(e,t){return this.provider.translate(e,t)??e}translateWithDefault(e,r,o){o??=r;const n="string"==typeof r?{}:r??{},s=this.provider.translate(e,n)??e;return s===e?Object.entries(n).reduce(((e,r)=>{let[o,n]=r;return e.replace(new RegExp(`\\{\\s*${o}\\s*\\}`,"g"),t.toString(n))}),o):s}});const U=T.translate.bind(T),K=T.translateWithDefault.bind(T);var W=$({name:"errors",initialState:{logs:[],startupErrors:[]},computed:{hasErrors:e=>{let{logs:t}=e;return t.length>0},hasNewErrors:e=>{let{logs:t}=e;return t.some((e=>!e.seen))},hasStartupErrors:e=>{let{startupErrors:t}=e;return t.length>0}}});const J={Primary:"primary",Secondary:"secondary",Danger:"danger",Clear:"clear"};var Q=t.facade(new class extends W{constructor(){super(...arguments),c.default(this,"forceReporting",!1),c.default(this,"enabled",!0)}enable(){this.enabled=!0}disable(){this.enabled=!1}async inspect(e){const t=Array.isArray(e)?e:[await this.createErrorReport(e)];0!==t.length?F.openModal(F.requireComponent(z.ErrorReportModal),{reports:t}):F.alert(K("errors.inspectEmpty","Nothing to inspect!"))}async report(e,t){if((R.development||R.testing)&&this.logError(e),!this.enabled)throw e;if(!R.isMounted){const t=await this.createStartupErrorReport(e);return void(t&&this.setState({startupErrors:this.startupErrors.concat(t)}))}const r=await this.createErrorReport(e),o={report:r,seen:!1,date:new Date};F.showSnackbar(t??K("errors.notice","Something went wrong, but it's not your fault. Try again!"),{color:J.Danger,actions:[{text:K("errors.viewDetails","View details"),dismiss:!0,handler:()=>F.openModal(F.requireComponent(z.ErrorReportModal),{reports:[r]})}]}),this.setState({logs:[o].concat(this.logs)})}see(e){this.setState({logs:this.logs.map((t=>t.report!==e?t:{...t,seen:!0}))})}seeAll(){this.setState({logs:this.logs.map((e=>({...e,seen:!0})))})}getErrorMessage(e){return"string"==typeof e?e:e instanceof Error||e instanceof t.JSError?e.message:t.isObject(e)?t.toString(e.message??e.description??"Unknown error object"):K("errors.unknown","Unknown Error")}logError(e){console.error(e),t.isObject(e)&&e.cause&&this.logError(e.cause)}async createErrorReport(e){return"string"==typeof e?{title:e}:e instanceof Error||e instanceof t.JSError?this.createErrorReportFromError(e):t.isObject(e)?t.objectWithoutEmpty({title:t.toString(e.name??e.title??K("errors.unknown","Unknown Error")),description:t.toString(e.message??e.description??K("errors.unknownDescription","Unknown error object")),error:e}):{title:K("errors.unknown","Unknown Error"),error:e}}async createStartupErrorReport(e){return e instanceof ServiceBootError?e.cause instanceof ServiceBootError?null:this.createErrorReport(e.cause):this.createErrorReport(e)}createErrorReportFromError(e){let t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return{title:e.name,description:e.message,details:e.stack,error:e,...t}}});const Z={$errors:Q};function Y(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:()=>!1;return t.tap((t=>e(t)||(e=>Q.instance?(Q.report(e),!0):(console.warn("Errors service hasn't been initialized properly!"),console.error(e),!0))(t)),(e=>{globalThis.onerror=(t,r,o,n,s)=>e(s??t),globalThis.onunhandledrejection=t=>e(t.reason)}))}var X={async install(e,t){const r=Y(t.handleError);e.config.errorHandler=r,await D(e,Z)}};const ee={$lang:T};var te={async install(e){e.config.globalProperties.$t??=U,e.config.globalProperties.$td=K,await D(e,ee)}};function re(t,r){const o=N.on(t,r);e.onUnmounted((()=>o()))}function oe(){const r=e.useAttrs(),o=e.computed((()=>r.class));return[e.computed((()=>t.objectWithout(r,"class"))),o]}var ne=e.defineComponent({__name:"AGHeadlessModal",props:{cancellable:f(!0)},setup(t,{expose:r}){const o=t,n=e.ref(null),a=e.ref(!0),l=e.ref(!1),{modal:i}=b("modal","could not obtain modal reference from <AGHeadlessModal>, did you render this component manually? Show it using $ui.openModal() instead");async function c(){n.value?.$el&&(a.value=!0)}async function u(e){l.value||(N.emit("modal-will-close",{modal:i,result:e}),await c(),l.value=!0,N.emit("modal-closed",{modal:i,result:e}))}return re("close-modal",(async({id:e,result:t})=>{e===i.id&&await u(t)})),re("hide-modal",(async({id:e})=>{e===i.id&&await c()})),re("show-modal",(async({id:e})=>{e===i.id&&await async function(){n.value?.$el&&(a.value=!1)}()})),r({close:u,cancellable:e.toRef(o,"cancellable")}),(r,o)=>(e.openBlock(),e.createBlock(e.unref(s.Dialog),{ref_key:"$root",ref:n,open:!0,onClose:o[0]||(o[0]=e=>t.cancellable&&u())},{default:e.withCtx((()=>[e.renderSlot(r.$slots,"default",{close:u})])),_:3},512))}});ne.__file="src/components/headless/modals/AGHeadlessModal.vue";var se=e.defineComponent({__name:"AGModalContext",props:{modal:S(),childIndex:C()},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))}});se.__file="src/components/modals/AGModalContext.vue";const ae=e.createElementVNode("div",{class:"pointer-events-none fixed inset-0 z-50 bg-black/30"},null,-1);var le=e.defineComponent({__name:"AGHeadlessModalPanel",setup(t){const r=b("modal","could not obtain modal reference from <AGHeadlessModalPanel>, did you render this component manually? Show it using $ui.openModal() instead"),o=e.computed((()=>F.modals[r.childIndex]??null));return(t,n)=>(e.openBlock(),e.createBlock(e.unref(s.DialogPanel),null,{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default"),o.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[ae,e.createVNode(se,{"child-index":e.unref(r).childIndex+1,modal:o.value},null,8,["child-index","modal"])],64)):e.createCommentVNode("v-if",!0)])),_:3}))}});le.__file="src/components/headless/modals/AGHeadlessModalPanel.vue";const ie={class:"fixed inset-0 flex items-center justify-center p-8"},ce={class:"flex max-h-full flex-col overflow-auto p-4"};var ue=e.defineComponent({__name:"AGModal",props:{cancellable:f(!0)},setup(t,{expose:r}){const o=e.ref();return r({close:async()=>o.value?.close(),cancellable:e.computed((()=>!!o.value?.cancellable))}),(r,n)=>(e.openBlock(),e.createBlock(ne,{ref_key:"$headlessModal",ref:o,cancellable:t.cancellable,class:"relative z-50"},{default:e.withCtx((({close:t})=>[e.createElementVNode("div",ie,[e.createVNode(le,{class:"flex max-h-full max-w-full flex-col overflow-hidden bg-white"},{default:e.withCtx((()=>[e.createElementVNode("div",ce,[e.renderSlot(r.$slots,"default",{close:t})])])),_:2},1024)])])),_:3},8,["cancellable"]))}});function de(e){return r=l.marked(e,{mangle:!1,headerIds:!1,renderer:t.tap(new l.Renderer,(e=>{e.link=function(e,t,r){return l.Renderer.prototype.link.apply(this,[e,t,r]).replace("<a",'<a target="_blank"')}}))}),d.default.sanitize(r,{ADD_ATTR:["target"]});var r}ue.__file="src/components/modals/AGModal.vue";var pe=e.defineComponent({__name:"AGMarkdown",props:{as:E(),inline:f(),langKey:E(),langParams:y(),text:E()},setup(t){const r=t,o=e.computed((()=>r.text??(r.langKey&&U(r.langKey,r.langParams??{})))),n=e.computed((()=>{if(!o.value)return null;let e=de(o.value);return r.inline&&(e=e.replace("<p>","<span>").replace("</p>","</span>")),e})),s=()=>e.h(r.as??(r.inline?"span":"div"),{class:r.inline?"":"prose",innerHTML:n.value});return(t,r)=>(e.openBlock(),e.createBlock(s))}});pe.__file="src/components/basic/AGMarkdown.vue";var me=e.defineComponent({__name:"AGAlertModal",props:{title:E(),message:A()},setup:t=>(r,o)=>(e.openBlock(),e.createBlock(ue,null,{default:e.withCtx((()=>[t.title?(e.openBlock(),e.createBlock(pe,{key:0,text:t.title,as:"h2",class:"font-semibold",inline:""},null,8,["text"])):e.createCommentVNode("v-if",!0),e.createVNode(pe,{text:t.message},null,8,["text"])])),_:1}))});me.__file="src/components/modals/AGAlertModal.vue";var fe=e.defineComponent({__name:"AGHeadlessButton",props:{href:E(),url:E(),route:E(),routeParams:y((()=>({}))),routeQuery:y((()=>({}))),submit:f()},setup(r){const{href:o,url:n,route:s,routeParams:a,routeQuery:l,submit:i}=r,c=e.computed((()=>s?{tag:"router-link",props:{to:t.objectWithoutEmpty({name:s,params:a,query:l})}}:o||n?{tag:"a",props:{target:"_blank",href:o||n}}:{tag:"button",props:{type:i?"submit":"button"}}));return(t,r)=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(c.value.tag),e.normalizeProps(e.guardReactiveProps(c.value.props)),{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},16))}});fe.__file="src/components/headless/forms/AGHeadlessButton.vue";var he=e.defineComponent({__name:"AGButton",props:{color:g(J,J.Primary)},setup(t){const r=t,o=e.computed((()=>{switch(r.color){case J.Secondary:return["text-white bg-gray-600","hover:bg-gray-500","focus-visible:outline-offset-2 focus-visible:outline-gray-600"].join(" ");case J.Clear:return"hover:bg-gray-500/20 focus-visible:outline-gray-500/60";case J.Danger:return["text-white bg-red-600","hover:bg-red-500","focus-visible:outline-offset-2 focus-visible:outline-red-600"].join(" ");default:return["text-white bg-indigo-600","hover:bg-indigo-500","focus-visible:outline-offset-2 focus-visible:outline-indigo-600"].join(" ")}}));return(t,r)=>(e.openBlock(),e.createBlock(fe,{class:e.normalizeClass(["px-2.5 py-1.5 focus-visible:outline focus-visible:outline-2",o.value])},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3},8,["class"]))}});he.__file="src/components/forms/AGButton.vue";const ve={class:"mt-2 flex flex-row-reverse gap-2"};var ge=e.defineComponent({__name:"AGConfirmModal",props:{title:E(),message:A()},setup:t=>(r,o)=>(e.openBlock(),e.createBlock(ue,{cancellable:!1},{default:e.withCtx((({close:o})=>[t.title?(e.openBlock(),e.createBlock(pe,{key:0,text:t.title,as:"h1"},null,8,["text"])):e.createCommentVNode("v-if",!0),e.createVNode(pe,{text:t.message},null,8,["text"]),e.createElementVNode("div",ve,[e.createVNode(he,{onClick:e=>o(!0)},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(r.$td("ui.ok","OK")),1)])),_:2},1032,["onClick"]),e.createVNode(he,{color:"secondary",onClick:e=>o()},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(r.$td("ui.cancel","Cancel")),1)])),_:2},1032,["onClick"])])])),_:1}))});ge.__file="src/components/modals/AGConfirmModal.vue";const xe={viewBox:"0 0 20 20",width:"1.2em",height:"1.2em"},be=[e.createElementVNode("path",{fill:"currentColor",d:"m12.95 10.707l.707-.707L8 4.343L6.586 5.757L10.828 10l-4.242 4.243L8 15.657l4.95-4.95z"},null,-1)];var _e={name:"zondicons-cheveron-right",render:function(t,r){return e.openBlock(),e.createElementBlock("svg",xe,be)}};const ke={viewBox:"0 0 20 20",width:"1.2em",height:"1.2em"},ye=[e.createElementVNode("path",{fill:"currentColor",d:"M7.05 9.293L6.343 10L12 15.657l1.414-1.414L9.172 10l4.242-4.243L12 4.343z"},null,-1)];var we={name:"zondicons-cheveron-left",render:function(t,r){return e.openBlock(),e.createElementBlock("svg",ke,ye)}};const Ce={reports:w()};function Se(){return Ce}const Ae={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Ee=[e.createElementVNode("path",{fill:"currentColor",d:"M20 19V7H4v12h16m0-16a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16m-7 14v-2h5v2h-5m-3.42-4L5.57 9H8.4l3.3 3.3c.39.39.39 1.03 0 1.42L8.42 17H5.59l3.99-4Z"},null,-1)];var Be={name:"mdi-console",render:function(t,r){return e.openBlock(),e.createElementBlock("svg",Ae,Ee)}};const je={viewBox:"0 0 20 20",width:"1.2em",height:"1.2em"},Ge=[e.createElementVNode("path",{fill:"currentColor",d:"M6 6V2c0-1.1.9-2 2-2h10a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-4v4a2 2 0 0 1-2 2H2a2 2 0 0 1-2-2V8c0-1.1.9-2 2-2h4zm2 0h4a2 2 0 0 1 2 2v4h4V2H8v4zM2 8v10h10V8H2z"},null,-1)];var Me={name:"zondicons-copy",render:function(t,r){return e.openBlock(),e.createElementBlock("svg",je,Ge)}};const $e={viewBox:"0 0 24 24",width:"1.2em",height:"1.2em"},Ve=[e.createElementVNode("path",{fill:"currentColor",d:"M12 2A10 10 0 0 0 2 12c0 4.42 2.87 8.17 6.84 9.5c.5.08.66-.23.66-.5v-1.69c-2.77.6-3.36-1.34-3.36-1.34c-.46-1.16-1.11-1.47-1.11-1.47c-.91-.62.07-.6.07-.6c1 .07 1.53 1.03 1.53 1.03c.87 1.52 2.34 1.07 2.91.83c.09-.65.35-1.09.63-1.34c-2.22-.25-4.55-1.11-4.55-4.92c0-1.11.38-2 1.03-2.71c-.1-.25-.45-1.29.1-2.64c0 0 .84-.27 2.75 1.02c.79-.22 1.65-.33 2.5-.33c.85 0 1.71.11 2.5.33c1.91-1.29 2.75-1.02 2.75-1.02c.55 1.35.2 2.39.1 2.64c.65.71 1.03 1.6 1.03 2.71c0 3.82-2.34 4.66-4.57 4.91c.36.31.69.92.69 1.85V21c0 .27.16.59.67.5C19.14 20.16 22 16.42 22 12A10 10 0 0 0 12 2Z"},null,-1)];var qe={name:"mdi-github",render:function(t,r){return e.openBlock(),e.createElementBlock("svg",$e,Ve)}};const Ne={class:"flex"};var Pe=e.defineComponent({__name:"AGErrorReportModalButtons",props:{report:S()},setup(r){const o=r,n=e.computed((()=>o.report.description?`${o.report.title}: ${o.report.description}`:o.report.title)),s=e.computed((()=>{if(!R.sourceUrl)return!1;const e=encodeURIComponent(n.value),r=encodeURIComponent(["[Please, explain here what you were trying to do when this error appeared]","","Error details:","```",t.stringExcerpt(o.report.details??"Details missing from report",1800-e.length-R.sourceUrl.length).trim(),"```"].join("\n"));return`${R.sourceUrl}/issues/new?title=${e}&body=${r}`})),a=e.computed((()=>t.tap([{id:"clipboard",description:"Copy to clipboard",iconComponent:Me,async handler(){await navigator.clipboard.writeText(`${n.value}\n\n${o.report.details}`),F.showSnackbar(K("errors.copiedToClipboard","Debug information copied to clipboard"))}},{id:"console",description:"Log to console",iconComponent:Be,handler(){window.error=o.report.error,console.error(o.report.error),F.showSnackbar(K("errors.addedToConsole","You can now use the **error** variable in the console"))}}],(e=>{s.value&&e.push({id:"github",description:"Report in GitHub",iconComponent:qe,url:s.value})}))));return(t,r)=>(e.openBlock(),e.createElementBlock("div",Ne,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(a.value,((r,o)=>e.renderSlot(t.$slots,"default",e.mergeProps(r,{key:o}),(()=>[e.createVNode(he,{color:"clear",url:r.url,title:t.$td(`errors.report_${r.id}`,r.description),"aria-label":t.$td(`errors.report_${r.id}`,r.description),onClick:r.handler},{default:e.withCtx((()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.iconComponent),{class:"h-4 w-4","aria-hidden":"true"}))])),_:2},1032,["url","title","aria-label","onClick"])])))),128))]))}});Pe.__file="src/components/modals/AGErrorReportModalButtons.vue";var Ie=e.defineComponent({__name:"AGErrorReportModalTitle",props:{report:S(),currentReport:k(),totalReports:k()},setup(t){const r=t,o=e.computed((()=>!r.totalReports||r.totalReports<=1?r.report.title:`${r.report.title} (${r.currentReport}/${r.totalReports})`));return(t,r)=>(e.openBlock(),e.createBlock(pe,{text:o.value,inline:""},null,8,["text"]))}});Ie.__file="src/components/modals/AGErrorReportModalTitle.vue";const Re={class:"flex items-center justify-between text-lg font-medium"},He={class:"flex items-center"},De=["textContent"];var Le=e.defineComponent({__name:"AGErrorReportModal",props:Se(),setup(t){const r=t,o=e.ref(0),n=e.computed((()=>r.reports[o.value]));return(t,r)=>(e.openBlock(),e.createBlock(ue,null,{default:e.withCtx((()=>[e.createElementVNode("div",null,[e.createElementVNode("h2",Re,[e.createElementVNode("div",He,[e.createVNode(Ie,{report:n.value,"current-report":o.value+1,"total-reports":t.reports.length},null,8,["report","current-report","total-reports"]),t.reports.length>1?(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createVNode(he,{color:"clear",disabled:0===o.value,title:t.$td("errors.previousReport","Show previous report"),"aria-label":t.$td("errors.previousReport","Show previous report"),onClick:r[0]||(r[0]=e=>o.value--)},{default:e.withCtx((()=>[e.createVNode(e.unref(we),{"aria-hidden":"true",class:"h-4 w-4"})])),_:1},8,["disabled","title","aria-label"]),e.createVNode(he,{color:"clear",disabled:o.value===t.reports.length-1,title:t.$td("errors.nextReport","Show next report"),"aria-label":t.$td("errors.nextReport","Show next report"),onClick:r[1]||(r[1]=e=>o.value++)},{default:e.withCtx((()=>[e.createVNode(e.unref(_e),{"aria-hidden":"true",class:"h-4 w-4"})])),_:1},8,["disabled","title","aria-label"])],64)):e.createCommentVNode("v-if",!0)]),e.createVNode(Pe,{report:n.value},null,8,["report"])]),n.value.description?(e.openBlock(),e.createBlock(pe,{key:0,text:n.value.description,class:"mt-2"},null,8,["text"])):e.createCommentVNode("v-if",!0)]),e.createElementVNode("pre",{class:"h-full overflow-auto bg-gray-200 p-4 text-xs text-red-900",textContent:e.toDisplayString(n.value.details??t.$td("errors.detailsEmpty","This error is missing a stacktrace."))},null,8,De)])),_:1}))}});Le.__file="src/components/modals/AGErrorReportModal.vue";var Oe=e.defineComponent({__name:"AGLoadingModal",props:{message:E()},setup(t){const r=t,o=e.computed((()=>r.message??K("ui.loading","Loading...")));return(t,r)=>(e.openBlock(),e.createBlock(ue,{cancellable:!1},{default:e.withCtx((()=>[e.createVNode(pe,{text:o.value},null,8,["text"])])),_:1}))}});Oe.__file="src/components/modals/AGLoadingModal.vue";var ze=e.defineComponent({__name:"AGHeadlessInput",props:{as:E("div"),name:E(),modelValue:_([String,Number,Boolean])},emits:["update:modelValue"],setup(r,{expose:o,emit:n}){const s=r,a=e.computed((()=>l&&s.name?l.errors[s.name]??null:null)),l=e.inject("form",null),i={id:`input-${t.uuid()}`,value:e.computed((()=>l&&s.name?l.getFieldValue(s.name):s.modelValue)),errors:e.readonly(a),update(e){l&&s.name?l.setFieldValue(s.name,e):n("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})}});ze.__file="src/components/headless/forms/AGHeadlessInput.vue";const Fe=["id"];var Te=e.defineComponent({__name:"AGHeadlessInputError",setup(t){const r=b("input","<AGHeadlessInputError> must be a child of a <AGHeadlessInput>"),o=e.computed((()=>r.errors?K(`errors.${r.errors[0]}`,`Error: ${r.errors[0]}`):null));return(t,n)=>o.value?(e.openBlock(),e.createElementBlock("p",{key:0,id:`${e.unref(r).id}-error`},e.toDisplayString(o.value),9,Fe)):e.createCommentVNode("v-if",!0)}});Te.__file="src/components/headless/forms/AGHeadlessInputError.vue";const Ue=["id","type","value","aria-invalid","aria-describedby","checked"];var Ke=e.defineComponent({__name:"AGHeadlessInputInput",props:{type:E("text")},setup(t){const r=t,o=e.ref(),n=b("input","<AGHeadlessInputInput> must be a child of a <AGHeadlessInput>"),s=e.computed((()=>n.value)),a=e.computed((()=>{if("checkbox"===r.type)return!!s.value}));function l(){o.value&&n.update("checkbox"===r.type?o.value.checked:o.value.value)}return(r,i)=>(e.openBlock(),e.createElementBlock("input",{id:e.unref(n).id,ref_key:"$input",ref:o,type:t.type,value:s.value,"aria-invalid":e.unref(n).errors?"true":"false","aria-describedby":e.unref(n).errors?`${e.unref(n).id}-error`:void 0,checked:a.value,onInput:l},null,40,Ue))}});Ke.__file="src/components/headless/forms/AGHeadlessInputInput.vue";const We=["for"];var Je=e.defineComponent({__name:"AGHeadlessInputLabel",setup(t){const r=b("input","<AGHeadlessInputLabel> must be a child of a <AGHeadlessInput>");return(t,o)=>(e.openBlock(),e.createElementBlock("label",{for:e.unref(r).id},[e.renderSlot(t.$slots,"default")],8,We))}});Je.__file="src/components/headless/forms/AGHeadlessInputLabel.vue";var Qe=e.defineComponent({__name:"AGHeadlessModalTitle",props:{as:E("h2")},setup:t=>(r,o)=>(e.openBlock(),e.createBlock(e.unref(s.DialogTitle),{as:t.as},{default:e.withCtx((()=>[e.renderSlot(r.$slots,"default")])),_:3},8,["as"]))});Qe.__file="src/components/headless/modals/AGHeadlessModalTitle.vue";const Ze={class:"pointer-events-auto"};var Ye=e.defineComponent({__name:"AGHeadlessSnackbar",setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock("div",Ze,[e.renderSlot(t.$slots,"default")]))});Ye.__file="src/components/headless/snackbars/AGHeadlessSnackbar.vue";const Xe=t.objectWithout(J,["Primary","Clear"]),et={id:A(),message:A(),actions:m((()=>[])),color:g(Xe,J.Secondary)};function tt(){return et}var rt=e.defineComponent({__name:"AGSnackbar",props:tt(),setup(t){const r=t,o=e.computed((()=>r.color===J.Danger?"bg-red-200 text-red-900":"bg-gray-900 text-white"));return(t,n)=>(e.openBlock(),e.createBlock(Ye,{class:e.normalizeClass(["flex flex-row items-center justify-center gap-3 p-4",o.value])},{default:e.withCtx((()=>[e.createVNode(pe,{text:t.message,inline:""},null,8,["text"]),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.actions,((o,n)=>(e.openBlock(),e.createBlock(he,{key:n,color:t.color,onClick:e=>function(e){e.handler?.(),e.dismiss&&F.hideSnackbar(r.id)}(o)},{default:e.withCtx((()=>[e.createTextVNode(e.toDisplayString(o.text),1)])),_:2},1032,["color","onClick"])))),128))])),_:1},8,["class"]))}});rt.__file="src/components/snackbars/AGSnackbar.vue";const ot={$ui:F};var nt={async install(e,t){const r={[z.AlertModal]:me,[z.ConfirmModal]:ge,[z.ErrorReportModal]:Le,[z.LoadingModal]:Oe,[z.Snackbar]:rt};Object.entries({...r,...t.components}).forEach((e=>{let[t,r]=e;return F.registerComponent(t,r)})),await D(e,ot)}};const st={key:0};var at=e.defineComponent({__name:"AGAppModals",setup(t){const r=e.computed((()=>F.modals[0]??null));return(t,o)=>r.value?(e.openBlock(),e.createElementBlock("aside",st,[e.createVNode(se,{"child-index":1,modal:r.value},null,8,["modal"])])):e.createCommentVNode("v-if",!0)}});at.__file="src/components/AGAppModals.vue";const lt={"aria-live":"assertive",class:"z-60 pointer-events-none fixed inset-0 flex items-end px-4 py-6 sm:p-6"},it={class:"flex w-full flex-col items-center space-y-4 sm:items-end"};const ct={render:function(t,r){return e.openBlock(),e.createElementBlock("div",lt,[e.createElementVNode("div",it,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.$ui.snackbars,(t=>(e.openBlock(),e.createBlock(e.resolveDynamicComponent(t.component),e.mergeProps({id:t.id,key:t.id},t.properties),null,16,["id"])))),128))])])},__file:"src/components/AGAppSnackbars.vue"};var ut=ct,dt=e.defineComponent({__name:"AGAppOverlays",setup(t){const r=e.ref(null),o=e.ref(!0);return re("show-overlays-backdrop",(async()=>{r.value&&o.value&&(o.value=!1,r.value.classList.remove("opacity-0"))})),re("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),e.createVNode(at),e.createVNode(ut)],64))}});dt.__file="src/components/AGAppOverlays.vue";const pt={class:"flex h-full flex-col text-base font-normal leading-tight text-gray-900 antialiased"};var mt=e.defineComponent({__name:"AGAppLayout",setup:t=>(t,r)=>(e.openBlock(),e.createElementBlock("div",pt,[e.renderSlot(t.$slots,"default"),e.createVNode(dt)]))});mt.__file="src/components/AGAppLayout.vue";var ft=e.defineComponent({__name:"AGErrorMessage",props:{error:S()},setup(t){const r=t,o=e.computed((()=>Q.getErrorMessage(r.error)));return(t,r)=>(e.openBlock(),e.createBlock(pe,{text:o.value,inline:""},null,8,["text"]))}});ft.__file="src/components/basic/AGErrorMessage.vue";var ht=e.defineComponent({__name:"AGLink",setup:t=>(t,r)=>(e.openBlock(),e.createBlock(fe,{class:"font-medium hover:underline"},{default:e.withCtx((()=>[e.renderSlot(t.$slots,"default")])),_:3}))});ht.__file="src/components/basic/AGLink.vue";const vt={class:"ml-2"};var gt=e.defineComponent({inheritAttrs:!1,__name:"AGCheckbox",props:{name:E()},setup(t){const r=h();return(o,n)=>(e.openBlock(),e.createBlock(ze,{ref_key:"$input",ref:r,name:t.name,class:"flex"},{default:e.withCtx((()=>[e.createVNode(Ke,e.mergeProps(o.$attrs,{type:"checkbox",class:{"text-indigo-600 focus:ring-indigo-600":!e.unref(r)?.errors,"border-red-200 text-red-600 focus:ring-red-600":e.unref(r)?.errors}}),null,16,["class"]),e.createElementVNode("div",vt,[o.$slots.default?(e.openBlock(),e.createBlock(Je,{key:0},{default:e.withCtx((()=>[e.renderSlot(o.$slots,"default")])),_:3})):e.createCommentVNode("v-if",!0),e.createVNode(Te,{class:"text-sm text-red-600"})])])),_:3},8,["name"]))}});gt.__file="src/components/forms/AGCheckbox.vue";const xt=["onSubmit"];var bt=e.defineComponent({__name:"AGForm",props:{form:y()},emits:["submit"],setup(t,{emit:r}){const o=t;function n(){o.form&&!o.form.submit()||r("submit")}return e.provide("form",o.form),(t,r)=>(e.openBlock(),e.createElementBlock("form",{onSubmit:e.withModifiers(n,["prevent"])},[e.renderSlot(t.$slots,"default")],40,xt))}});bt.__file="src/components/forms/AGForm.vue";const _t={class:"absolute bottom-0 left-0 translate-y-full"};var kt=e.defineComponent({inheritAttrs:!1,__name:"AGInput",props:{name:E()},setup(t){const r=h(),[o,n]=oe();return(s,a)=>(e.openBlock(),e.createBlock(ze,{ref_key:"$input",ref:r,class:e.normalizeClass(["relative flex flex-col items-center",e.unref(n)]),name:t.name},{default:e.withCtx((()=>[e.createVNode(Ke,e.mergeProps(e.unref(o),{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.createElementVNode("div",_t,[e.createVNode(Te,{class:"mt-1 text-sm text-red-500"})])])),_:1},8,["class","name"]))}});kt.__file="src/components/forms/AGInput.vue";const yt={String:"string",Number:"number",Boolean:"boolean"};class wt extends t.MagicObject{constructor(t){super(),c.default(this,"errors",void 0),c.default(this,"_fields",void 0),c.default(this,"_data",void 0),c.default(this,"_valid",void 0),c.default(this,"_submitted",void 0),c.default(this,"_errors",void 0),this._fields=t,this._submitted=e.ref(!1),this._data=this.getInitialData(t),this._errors=this.getInitialErrors(t),this._valid=e.computed((()=>!Object.values(this._errors).some((e=>null!==e)))),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 this.resetErrors(e),this.valid}reset(){this._submitted.value=!1,this.resetData(),this.resetErrors()}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)}resetData(){for(const[e,t]of Object.entries(this._fields))this._data[e]=t.default??null}resetErrors(e){Object.keys(this._errors).forEach((e=>delete this._errors[e])),e&&Object.assign(this._errors,e)}}exports.AGAlertModal=me,exports.AGAppLayout=mt,exports.AGAppOverlays=dt,exports.AGButton=he,exports.AGCheckbox=gt,exports.AGConfirmModal=ge,exports.AGErrorMessage=ft,exports.AGErrorReportModalButtons=Pe,exports.AGErrorReportModalTitle=Ie,exports.AGForm=bt,exports.AGHeadlessButton=fe,exports.AGHeadlessInput=ze,exports.AGHeadlessInputError=Te,exports.AGHeadlessInputInput=Ke,exports.AGHeadlessInputLabel=Je,exports.AGHeadlessModal=ne,exports.AGHeadlessModalPanel=le,exports.AGHeadlessModalTitle=Qe,exports.AGHeadlessSnackbar=Ye,exports.AGInput=kt,exports.AGLink=ht,exports.AGLoadingModal=Oe,exports.AGMarkdown=pe,exports.AGModal=ue,exports.AGModalContext=se,exports.AGSnackbar=rt,exports.App=R,exports.AppService=I,exports.Colors=J,exports.Errors=Q,exports.Events=N,exports.EventsService=q,exports.FormFieldTypes=yt,exports.Lang=T,exports.Service=V,exports.SnackbarColors=Xe,exports.UI=F,exports.UIComponents=z,exports.arrayProp=m,exports.booleanInput=function(e){return{default:e,type:yt.Boolean}},exports.booleanProp=f,exports.bootServices=D,exports.bootstrapApplication=async function(t){let r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};const o=[j,X,te,L,nt,...r.plugins??[]],n=e.createApp(t);await Promise.all(o.map((e=>e.install(n,r)))??[]),n.mount("#app"),N.emit("application-mounted")},exports.componentRef=h,exports.defineDirective=v,exports.definePlugin=p,exports.defineServiceState=$,exports.enumProp=g,exports.errorReportModalProps=Ce,exports.injectOrFail=function(r,o){return e.inject(r)??t.fail(o??`Could not resolve '${r}' injection key`)},exports.injectReactive=x,exports.injectReactiveOrFail=b,exports.mixedProp=_,exports.numberInput=function(e){return{default:e,type:yt.Number}},exports.numberProp=k,exports.objectProp=y,exports.onCleanMounted=function(r){let o=t.noop;e.onMounted((()=>o=r())),e.onUnmounted((()=>o()))},exports.requiredArrayProp=w,exports.requiredBooleanInput=function(e){return{default:e,type:yt.Boolean,rules:"required"}},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:yt.Number,rules:"required"}},exports.requiredNumberProp=C,exports.requiredObjectProp=S,exports.requiredStringInput=function(e){return{default:e,type:yt.String,rules:"required"}},exports.requiredStringProp=A,exports.snackbarProps=et,exports.stringInput=function(e){return{default:e,type:yt.String}},exports.stringProp=E,exports.translate=U,exports.translateWithDefault=K,exports.useErrorReportModalProps=Se,exports.useEvent=re,exports.useForm=function(e){return new wt(e)},exports.useInputAttrs=oe,exports.useSnackbarProps=tt;
-//# sourceMappingURL=aerogel-core.cjs.js.map