@eos-ui/vue 0.0.0-stage → 0.1.1

package/dist/components/DatePicker/EDatePicker.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,197 @@
+/* empty css                */
+import { useConfig as e, useMessages as t, usePortalTarget as n } from "../../config.js";
+import { useFieldAttrs as r } from "../../composables/useFieldAttrs.js";
+import { useLocale as i } from "../../composables/useLocale.js";
+import a from "../Icon/EIcon.js";
+import o from "../Field/EField.js";
+/* empty css                 */
+import { useQuietFocus as s } from "../Select/quietFocus.js";
+/* empty css                */
+import { compareDays as c, isoDate as ee, sameDay as l } from "../Calendar/dates.js";
+import u from "../Calendar/ECalendar.js";
+/* empty css       */
+import { computed as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createVNode as g, defineComponent as _, isRef as v, mergeModels as y, mergeProps as b, nextTick as x, openBlock as S, ref as C, unref as w, useModel as T, watch as E, withCtx as D } from "vue";
+import { PopoverAnchor as O, PopoverContent as k, PopoverPortal as A, PopoverRoot as te, PopoverTrigger as j } from "reka-ui";
+//#region src/components/DatePicker/EDatePicker.vue?vue&type=script&setup=true&lang.ts
+var M = ["data-invalid", "data-disabled"], N = ["name", "value"], P = ["aria-label", "disabled"], F = /*@__PURE__*/ _({
+	inheritAttrs: !1,
+	__name: "EDatePicker",
+	props: /*@__PURE__*/ y({
+		label: {},
+		hideLabel: { type: Boolean },
+		hint: {},
+		error: {},
+		required: { type: Boolean },
+		optional: { type: Boolean },
+		disabled: { type: Boolean },
+		min: {},
+		max: {},
+		name: {},
+		id: {}
+	}, {
+		modelValue: { default: null },
+		modelModifiers: {},
+		open: {
+			type: Boolean,
+			default: !1
+		},
+		openModifiers: {}
+	}),
+	emits: ["update:modelValue", "update:open"],
+	setup(_, { expose: y }) {
+		let F = _, I = T(_, "modelValue"), L = t(), R = e(), z = i(), B = n(), V = r(), H = C(null), U = C(null), W = T(_, "open"), G = d(() => W.value && !F.disabled), K = s(G, (e) => !!e.closest(".e-calpanel, .e-combo")), q = {
+			onClick: K.intent,
+			onKeydown: K.intent
+		}, J = C(z.formatDate(I.value)), Y = C(""), X = !1;
+		E([() => I.value?.getTime(), () => R.locale], () => {
+			J.value = z.formatDate(I.value);
+		}), E(W, (e) => {
+			e && (X = !1);
+		});
+		let Z = d(() => F.error || Y.value);
+		function Q(e) {
+			I.value = e, J.value = z.formatDate(e), Y.value = "";
+		}
+		function $() {
+			let e = J.value.trim();
+			if (!e) {
+				Y.value = "", I.value &&= null;
+				return;
+			}
+			let t = z.parseDate(e);
+			!t || F.min && c(t, F.min) < 0 || F.max && c(t, F.max) > 0 ? Y.value = t ? L("dateBetween", {
+				min: z.formatDate(F.min || t),
+				max: z.formatDate(F.max || t)
+			}) : L("dateError", { format: z.dateFormatLabel() }) : (Y.value = "", J.value = z.formatDate(t), l(t, I.value) || (I.value = t));
+		}
+		function ne(e) {
+			e.key === "Enter" ? $() : e.key === "ArrowDown" && e.altKey && !F.disabled && (e.preventDefault(), K.intent(), W.value = !0);
+		}
+		function re(e) {
+			e && (Q(e), W.value = !1);
+		}
+		function ie() {
+			Q(null), W.value = !1;
+		}
+		function ae(e) {
+			e.preventDefault(), K.personOpened() && x(() => U.value?.focusDay());
+		}
+		function oe(e) {
+			e.preventDefault(), K.returnsFocus() && (X || H.value?.focus());
+		}
+		function se(e) {
+			U.value && U.value.view !== "days" && e.preventDefault();
+		}
+		function ce(e) {
+			return {
+				id: e.id,
+				class: "e-input e-combo-input",
+				type: "text",
+				inputmode: "numeric",
+				autocomplete: "off",
+				placeholder: z.dateFormatLabel(),
+				value: J.value,
+				disabled: F.disabled,
+				required: F.required,
+				"aria-invalid": e.ariaInvalid,
+				...V.input(e.ariaDescribedby)
+			};
+		}
+		return y({
+			input: H,
+			focus: () => H.value?.focus()
+		}), (e, t) => (S(), f(o, b(w(V).wrapper(), {
+			id: _.id,
+			label: _.label,
+			"hide-label": _.hideLabel,
+			hint: _.hint,
+			error: Z.value,
+			required: _.required,
+			optional: _.optional
+		}), {
+			default: D((e) => [g(w(te), {
+				open: G.value,
+				"onUpdate:open": t[2] ||= (e) => W.value = e
+			}, {
+				default: D(() => [g(w(O), { "as-child": "" }, {
+					default: D(() => [h("div", {
+						class: "e-input-wrap e-combo",
+						"data-invalid": Z.value ? "" : void 0,
+						"data-disabled": _.disabled ? "" : void 0
+					}, [
+						h("input", b({
+							ref_key: "input",
+							ref: H
+						}, ce(e), {
+							onInput: t[0] ||= (e) => {
+								J.value = e.target.value, Y.value = "";
+							},
+							onBlur: $,
+							onKeydown: ne
+						}), null, 16),
+						_.name ? (S(), m("input", {
+							key: 0,
+							type: "hidden",
+							name: _.name,
+							value: w(ee)(I.value)
+						}, null, 8, N)) : p("", !0),
+						g(w(j), b({ "as-child": "" }, q), {
+							default: D(() => [h("button", {
+								type: "button",
+								class: "e-combo-btn",
+								"aria-label": w(L)("chooseDate"),
+								disabled: _.disabled
+							}, [g(a, { name: "calendar" })], 8, P)]),
+							_: 1
+						}, 16)
+					], 8, M)]),
+					_: 2
+				}, 1024), g(w(A), { to: w(B) }, {
+					default: D(() => [g(w(k), {
+						class: "e-calpanel e-root",
+						"aria-label": w(L)("chooseDate"),
+						dir: w(R).dir ?? void 0,
+						side: "bottom",
+						align: "start",
+						"side-offset": 6,
+						"collision-padding": 8,
+						onOpenAutoFocus: ae,
+						onCloseAutoFocus: oe,
+						onInteractOutside: t[1] ||= (e) => v(X) ? X.value = !0 : X = !0,
+						onEscapeKeyDown: se
+					}, {
+						default: D(() => [g(u, {
+							ref_key: "calendar",
+							ref: U,
+							"model-value": I.value,
+							min: _.min,
+							max: _.max,
+							"onUpdate:modelValue": re,
+							onClear: ie
+						}, null, 8, [
+							"model-value",
+							"min",
+							"max"
+						])]),
+						_: 1
+					}, 8, ["aria-label", "dir"])]),
+					_: 1
+				}, 8, ["to"])]),
+				_: 2
+			}, 1032, ["open"])]),
+			_: 1
+		}, 16, [
+			"id",
+			"label",
+			"hide-label",
+			"hint",
+			"error",
+			"required",
+			"optional"
+		]));
+	}
+});
+//#endregion
+export { F as default };
+
+//# sourceMappingURL=EDatePicker.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/DatePicker/EDatePicker.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDatePicker.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","EField","_mergeProps","_unref","_withCtx","_createVNode","_createElementVNode","_createElementBlock","_createCommentVNode","EIcon","_isRef","ECalendar","EIcon_default","EField_default","ECalendar_default","_hoisted_1","_hoisted_2","_hoisted_3","EDatePicker_vue_vue_type_script_setup_true_lang_default","\"modelValue\"","\"modelModifiers\"","\"open\"","\"openModifiers\"","__expose","props","__props","model","useModel","t","useMessages","config","useConfig","loc","useLocale","portal","usePortalTarget","attrs","useFieldAttrs","input","ref","calendar","open","shown","computed","quiet","useQuietFocus","el","trigger","text","typedError","outside","watch","isOpen","shownError","set","d","commit","raw","compareDays","sameDay","onKey","choose","clear","onOpenFocus","nextTick","onCloseFocus","onEscape","inputBind","field","openBlock","createBlock","mergeProps","unref","withCtx","createVNode","PopoverRoot","_cache","$event","PopoverAnchor","createElementVNode","createElementBlock","isoDate","createCommentVNode","PopoverTrigger","PopoverPortal","PopoverContent","isRef"],"sources":["../../../src/components/DatePicker/EDatePicker.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from \"vue\";\nimport { PopoverAnchor, PopoverContent, PopoverPortal, PopoverRoot, PopoverTrigger } from \"reka-ui\";\nimport ECalendar from \"../Calendar/ECalendar.vue\";\nimport EField from \"../Field/EField.vue\";\nimport EIcon from \"../Icon/EIcon.vue\";\nimport { compareDays, isoDate, sameDay } from \"../Calendar/dates.js\";\nimport { useConfig, useMessages, usePortalTarget } from \"../../config.js\";\nimport { useFieldAttrs } from \"../../composables/useFieldAttrs.js\";\nimport { useQuietFocus } from \"../Select/quietFocus.js\";\nimport { useLocale } from \"../../composables/useLocale.js\";\nimport \"../../styles/base.css\";\nimport \"../TextField/input.css\";\nimport \"../Combobox/combo.css\";\nimport \"./picker.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nconst props = defineProps<{\n  /** The visible label, a mono kicker above the field. */\n  label: string;\n  /** Keep the label for screen readers and remove it from the page. */\n  hideLabel?: boolean;\n  /** Help that stays under the field. */\n  hint?: string;\n  /** What to fix. Replaces the hint and marks the field invalid. A typed date that cannot be used shows its own error. */\n  error?: string;\n  /** A word beside the label. */\n  required?: boolean;\n  /** A word beside the label. Flag whichever is rarer. */\n  optional?: boolean;\n  disabled?: boolean;\n  /** The earliest date that can be chosen or typed. */\n  min?: Date;\n  /** The latest date that can be chosen or typed. */\n  max?: Date;\n  /** Submits the date as `YYYY-MM-DD` with a form. */\n  name?: string;\n  /** The id of the text box; the label points at it. Generated when left out. */\n  id?: string;\n}>();\n\nconst model = defineModel<Date | null>({ default: null });\n\nconst t = useMessages();\nconst config = useConfig();\nconst loc = useLocale();\nconst portal = usePortalTarget();\nconst attrs = useFieldAttrs();\n\nconst input = ref<HTMLInputElement | null>(null);\nconst calendar = ref<InstanceType<typeof ECalendar> | null>(null);\nconst open = defineModel<boolean>(\"open\", { default: false });\nconst shown = computed(() => open.value && !props.disabled);\nconst quiet = useQuietFocus(shown, (el) => !!el.closest(\".e-calpanel, .e-combo\"));\nconst trigger = { onClick: quiet.intent, onKeydown: quiet.intent };\n\nconst text = ref(loc.formatDate(model.value));\nconst typedError = ref(\"\");\nlet outside = false;\n\nwatch([() => model.value?.getTime(), () => config.locale], () => {\n  text.value = loc.formatDate(model.value);\n});\nwatch(open, (isOpen) => {\n  if (isOpen) outside = false;\n});\n\nconst shownError = computed(() => props.error || typedError.value);\n\nfunction set(d: Date | null) {\n  model.value = d;\n  text.value = loc.formatDate(d);\n  typedError.value = \"\";\n}\n\nfunction commit() {\n  const raw = text.value.trim();\n  if (!raw) {\n    typedError.value = \"\";\n    if (model.value) model.value = null;\n    return;\n  }\n  const d = loc.parseDate(raw);\n  if (!d || (props.min && compareDays(d, props.min) < 0) || (props.max && compareDays(d, props.max) > 0)) {\n    typedError.value = d\n      ? t(\"dateBetween\", { min: loc.formatDate(props.min || d), max: loc.formatDate(props.max || d) })\n      : t(\"dateError\", { format: loc.dateFormatLabel() });\n    return;\n  }\n  typedError.value = \"\";\n  text.value = loc.formatDate(d);\n  if (!sameDay(d, model.value)) model.value = d;\n}\n\nfunction onKey(e: KeyboardEvent) {\n  if (e.key === \"Enter\") commit();\n  else if (e.key === \"ArrowDown\" && e.altKey && !props.disabled) {\n    e.preventDefault();\n    quiet.intent();\n    open.value = true;\n  }\n}\n\nfunction choose(d: Date | null) {\n  if (!d) return;\n  set(d);\n  open.value = false;\n}\nfunction clear() {\n  set(null);\n  open.value = false;\n}\n\nfunction onOpenFocus(e: Event) {\n  e.preventDefault();\n  if (!quiet.personOpened()) return;\n  void nextTick(() => calendar.value?.focusDay());\n}\nfunction onCloseFocus(e: Event) {\n  e.preventDefault();\n  if (!quiet.returnsFocus()) return;\n  if (!outside) input.value?.focus();\n}\nfunction onEscape(e: KeyboardEvent) {\n  if (calendar.value && calendar.value.view !== \"days\") e.preventDefault();\n}\n\nfunction inputBind(field: { id: string; ariaInvalid: \"true\" | undefined; ariaDescribedby: string | undefined }) {\n  return {\n    id: field.id,\n    class: \"e-input e-combo-input\",\n    type: \"text\",\n    inputmode: \"numeric\" as const,\n    autocomplete: \"off\",\n    placeholder: loc.dateFormatLabel(),\n    value: text.value,\n    disabled: props.disabled,\n    required: props.required,\n    \"aria-invalid\": field.ariaInvalid,\n    ...attrs.input(field.ariaDescribedby),\n  };\n}\n\ndefineExpose({\n  input,\n  focus: () => input.value?.focus(),\n});\n</script>\n\n<template>\n  <EField\n    v-bind=\"attrs.wrapper()\"\n    :id=\"id\"\n    :label=\"label\"\n    :hide-label=\"hideLabel\"\n    :hint=\"hint\"\n    :error=\"shownError\"\n    :required=\"required\"\n    :optional=\"optional\"\n  >\n    <template #default=\"field\">\n      <PopoverRoot :open=\"shown\" @update:open=\"open = $event\">\n        <PopoverAnchor as-child>\n          <div\n            class=\"e-input-wrap e-combo\"\n            :data-invalid=\"shownError ? '' : undefined\"\n            :data-disabled=\"disabled ? '' : undefined\"\n          >\n            <input\n              ref=\"input\"\n              v-bind=\"inputBind(field)\"\n              @input=\"\n                text = ($event.target as HTMLInputElement).value;\n                typedError = '';\n              \"\n              @blur=\"commit\"\n              @keydown=\"onKey\"\n            />\n            <input v-if=\"name\" type=\"hidden\" :name=\"name\" :value=\"isoDate(model)\" />\n            <PopoverTrigger as-child v-bind=\"trigger\">\n              <button type=\"button\" class=\"e-combo-btn\" :aria-label=\"t('chooseDate')\" :disabled=\"disabled\">\n                <EIcon name=\"calendar\" />\n              </button>\n            </PopoverTrigger>\n          </div>\n        </PopoverAnchor>\n        <PopoverPortal :to=\"portal\">\n          <PopoverContent\n            class=\"e-calpanel e-root\"\n            :aria-label=\"t('chooseDate')\"\n            :dir=\"config.dir ?? undefined\"\n            side=\"bottom\"\n            align=\"start\"\n            :side-offset=\"6\"\n            :collision-padding=\"8\"\n            @open-auto-focus=\"onOpenFocus\"\n            @close-auto-focus=\"onCloseFocus\"\n            @interact-outside=\"outside = true\"\n            @escape-key-down=\"onEscape\"\n          >\n            <ECalendar\n              ref=\"calendar\"\n              :model-value=\"model\"\n              :min=\"min\"\n              :max=\"max\"\n              @update:model-value=\"choose\"\n              @clear=\"clear\"\n            />\n          </PopoverContent>\n        </PopoverPortal>\n      </PopoverRoot>\n    </template>\n  </EField>\n</template>\n"],"mappings":"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"}

package/dist/components/DatePicker/index.d.ts

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

package/dist/components/DescriptionList/EDescriptionList.js

@@ -0,0 +1,8 @@
+import e from "./EDescriptionList.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                                 */
+//#region src/components/DescriptionList/EDescriptionList.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EDescriptionList.js.map

package/dist/components/DescriptionList/EDescriptionList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDescriptionList.js","names":["_sfc_main","EDescriptionList_vue_vue_type_script_setup_true_lang_default","EDescriptionList_default"],"sources":["../../../src/components/DescriptionList/EDescriptionList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { VNodeChild } from \"vue\";\nimport \"../../styles/base.css\";\n\nexport interface DescriptionItem {\n  /** The label, shown as a small uppercase kicker. */\n  label: string;\n  /** The text beside it. A string, or a rendered VNode for rich text. */\n  text: string | VNodeChild;\n}\n\ndefineProps<{\n  /** Label and text rows, ruled apart. */\n  items: DescriptionItem[];\n}>();\n\nconst Render = Object.assign((p: { value: VNodeChild }) => p.value, { props: [\"value\"] });\n</script>\n\n<template>\n  <dl class=\"e-facts\">\n    <div v-for=\"item in items\" :key=\"item.label\" class=\"e-fact\">\n      <dt class=\"e-kicker\">{{ item.label }}</dt>\n      <dd class=\"e-fact-text\"><Render :value=\"item.text\" /></dd>\n    </div>\n  </dl>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-facts {\n    display: grid;\n    margin: 0;\n  }\n\n  .e-fact {\n    display: grid;\n    grid-template-columns: 8rem minmax(0, 1fr);\n    gap: var(--e-space-1) var(--e-space-4);\n    align-items: baseline;\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n    min-width: 0;\n  }\n\n  .e-fact-text {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.45 var(--e-font-sans);\n  }\n\n  @media (max-width: 26rem) {\n    .e-fact {\n      grid-template-columns: minmax(0, 1fr);\n    }\n  }\n\n  @media print {\n    .e-fact {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n      border-width: 0 0 1px;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/DescriptionList/EDescriptionList.vue.d.ts

@@ -0,0 +1,14 @@
+import { VNodeChild } from 'vue';
+export interface DescriptionItem {
+    /** The label, shown as a small uppercase kicker. */
+    label: string;
+    /** The text beside it. A string, or a rendered VNode for rich text. */
+    text: string | VNodeChild;
+}
+type __VLS_Props = {
+    /** Label and text rows, ruled apart. */
+    items: DescriptionItem[];
+};
+declare const __VLS_export: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/components/DescriptionList/EDescriptionList.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,18 @@
+/* empty css                */
+import { Fragment as e, createElementBlock as t, createElementVNode as n, createVNode as r, defineComponent as i, openBlock as a, renderList as o, toDisplayString as s, unref as c } from "vue";
+//#region src/components/DescriptionList/EDescriptionList.vue?vue&type=script&setup=true&lang.ts
+var l = { class: "e-facts" }, u = { class: "e-kicker" }, d = { class: "e-fact-text" }, f = /*@__PURE__*/ i({
+	__name: "EDescriptionList",
+	props: { items: {} },
+	setup(i) {
+		let f = Object.assign((e) => e.value, { props: ["value"] });
+		return (p, m) => (a(), t("dl", l, [(a(!0), t(e, null, o(i.items, (e) => (a(), t("div", {
+			key: e.label,
+			class: "e-fact"
+		}, [n("dt", u, s(e.label), 1), n("dd", d, [r(c(f), { value: e.text }, null, 8, ["value"])])]))), 128))]));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=EDescriptionList.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/DescriptionList/EDescriptionList.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDescriptionList.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_renderList","_createElementVNode","_toDisplayString","_createVNode","_unref","_hoisted_1","_hoisted_2","_hoisted_3","EDescriptionList_vue_vue_type_script_setup_true_lang_default","Render","p","openBlock","createElementBlock","Fragment","renderList","__props","item","createElementVNode","toDisplayString","createVNode","unref"],"sources":["../../../src/components/DescriptionList/EDescriptionList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { VNodeChild } from \"vue\";\nimport \"../../styles/base.css\";\n\nexport interface DescriptionItem {\n  /** The label, shown as a small uppercase kicker. */\n  label: string;\n  /** The text beside it. A string, or a rendered VNode for rich text. */\n  text: string | VNodeChild;\n}\n\ndefineProps<{\n  /** Label and text rows, ruled apart. */\n  items: DescriptionItem[];\n}>();\n\nconst Render = Object.assign((p: { value: VNodeChild }) => p.value, { props: [\"value\"] });\n</script>\n\n<template>\n  <dl class=\"e-facts\">\n    <div v-for=\"item in items\" :key=\"item.label\" class=\"e-fact\">\n      <dt class=\"e-kicker\">{{ item.label }}</dt>\n      <dd class=\"e-fact-text\"><Render :value=\"item.text\" /></dd>\n    </div>\n  </dl>\n</template>\n\n<style>\n@layer e.blocks {\n  .e-facts {\n    display: grid;\n    margin: 0;\n  }\n\n  .e-fact {\n    display: grid;\n    grid-template-columns: 8rem minmax(0, 1fr);\n    gap: var(--e-space-1) var(--e-space-4);\n    align-items: baseline;\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n    min-width: 0;\n  }\n\n  .e-fact-text {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.45 var(--e-font-sans);\n  }\n\n  @media (max-width: 26rem) {\n    .e-fact {\n      grid-template-columns: minmax(0, 1fr);\n    }\n  }\n\n  @media print {\n    .e-fact {\n      box-shadow: none;\n      border: 1px solid #000;\n      break-inside: avoid;\n      border-width: 0 0 1px;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;EAgBA,IAAMY,IAAS,OAAO,QAAQ,MAA6BC,EAAE,OAAO,EAAE,OAAO,CAAC,OAAO,EAAE,CAAC;E,kBAItFb,EAAA,GAAAC,EAKK,MALLO,GAKK,EAJHR,EAAA,EAAA,GAAAC,EAGMC,GAAA,MAAAC,EAHce,EAAA,QAAR,OAAZlB,EAAA,GAAAC,EAGM,OAAA;GAHsB,KAAKkB,EAAK;GAAO,OAAM;E,IACjDf,EAA0C,MAA1CK,GAA0CJ,EAAlBc,EAAK,KAAK,GAAA,CAAA,GAClCf,EAA0D,MAA1DM,GAA0D,CAAlCJ,EAA6BC,EAAAK,CAAA,GAAA,EAApB,OAAOO,EAAK,K"}

package/dist/components/DescriptionList/index.d.ts

@@ -0,0 +1,2 @@
+export { default as EDescriptionList } from './EDescriptionList.vue.js';
+export type { DescriptionItem } from './EDescriptionList.vue.js';

package/dist/components/DetailRow/EDetailRow.js

@@ -0,0 +1,8 @@
+import e from "./EDetailRow.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                           */
+//#region src/components/DetailRow/EDetailRow.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EDetailRow.js.map

package/dist/components/DetailRow/EDetailRow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDetailRow.js","names":["_sfc_main","EDetailRow_vue_vue_type_script_setup_true_lang_default","EDetailRow_default"],"sources":["../../../src/components/DetailRow/EDetailRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport EButton from \"../Button/EButton.vue\";\nimport EChip from \"../Chip/EChip.vue\";\nimport type { ChipTone } from \"../Chip/EChip.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** What the detail is, such as \"Email\". Names the Edit button for screen readers. */\n    label: string;\n    /** A word in a chip after the value, such as \"Verified\" or \"Needs update\". */\n    status?: string;\n    /** The chip's tone. */\n    tone?: ChipTone;\n    /** Forces the Edit button on or off. Left out, it shows when an `@edit` listener is attached. */\n    editable?: boolean;\n  }>(),\n  { editable: undefined },\n);\n\nconst emit = defineEmits<{\n  /** The Edit button was pressed. The button appears only when something listens. */\n  edit: [];\n}>();\n\ndefineSlots<{\n  /** The value. */\n  default(): unknown;\n}>();\n\nconst t = useMessages();\nconst instance = getCurrentInstance();\nconst showEdit = () => props.editable ?? Boolean(instance?.vnode.props?.onEdit);\n\nfunction say(key: string, fallback: string, vars?: Record<string, string>) {\n  const text = t(key, vars);\n  return text === key ? fallback.replace(/\\{(\\w+)\\}/g, (m, k: string) => vars?.[k] ?? m) : text;\n}\n</script>\n\n<template>\n  <div class=\"e-detail\">\n    <div class=\"e-detail-main\">\n      <p class=\"e-kicker e-detail-label\">{{ label }}</p>\n      <p class=\"e-detail-value\"><slot /></p>\n    </div>\n    <EChip v-if=\"status\" :tone=\"tone\">{{ status }}</EChip>\n    <span v-else class=\"e-detail-gap\" aria-hidden=\"true\" />\n    <EButton\n      v-if=\"showEdit()\"\n      variant=\"quiet\"\n      :aria-label=\"say('editItem', 'Edit {label}', { label })\"\n      @click=\"emit('edit')\"\n    >\n      {{ say(\"edit\", \"Edit\") }}\n    </EButton>\n  </div>\n</template>\n\n<style>\n@layer e.account {\n  .e-detail {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 8.75rem auto;\n    align-items: center;\n    gap: var(--e-space-1) var(--e-space-3);\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-detail-main {\n    display: grid;\n    gap: var(--e-space-1);\n    min-width: 0;\n  }\n\n  .e-detail-label {\n    margin: 0;\n  }\n\n  .e-detail-value {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.4 var(--e-font-sans);\n    overflow-wrap: anywhere;\n  }\n\n  .e-detail .e-chip {\n    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n    align-self: center;\n    justify-self: end;\n  }\n\n  .e-detail-gap {\n    display: block;\n  }\n\n  .e-detail:first-child {\n    border-top: 0;\n  }\n\n  @media (max-width: 32rem) {\n    .e-detail {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .e-detail-main {\n      grid-column: 1 / -1;\n    }\n\n    .e-detail .e-chip {\n      justify-self: start;\n    }\n\n    .e-detail-gap {\n      display: none;\n    }\n\n    .e-detail .e-btn {\n      grid-column: 2;\n      justify-self: end;\n    }\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/DetailRow/EDetailRow.vue.d.ts

@@ -0,0 +1,30 @@
+import { ChipTone } from '../Chip/EChip.vue.js';
+type __VLS_Props = {
+    /** What the detail is, such as "Email". Names the Edit button for screen readers. */
+    label: string;
+    /** A word in a chip after the value, such as "Verified" or "Needs update". */
+    status?: string;
+    /** The chip's tone. */
+    tone?: ChipTone;
+    /** Forces the Edit button on or off. Left out, it shows when an `@edit` listener is attached. */
+    editable?: boolean;
+};
+type __VLS_Slots = {
+    /** The value. */
+    default(): unknown;
+};
+declare const __VLS_base: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    edit: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onEdit?: (() => any) | undefined;
+}>, {
+    editable: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/DetailRow/EDetailRow.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,53 @@
+/* empty css                */
+import { useMessages as e } from "../../config.js";
+import t from "../Button/EButton.js";
+import n from "../Chip/EChip.js";
+import { createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, getCurrentInstance as l, openBlock as u, renderSlot as d, toDisplayString as f, withCtx as p } from "vue";
+//#region src/components/DetailRow/EDetailRow.vue?vue&type=script&setup=true&lang.ts
+var m = { class: "e-detail" }, h = { class: "e-detail-main" }, g = { class: "e-kicker e-detail-label" }, _ = { class: "e-detail-value" }, v = {
+	key: 1,
+	class: "e-detail-gap",
+	"aria-hidden": "true"
+}, y = /*@__PURE__*/ c({
+	__name: "EDetailRow",
+	props: {
+		label: {},
+		status: {},
+		tone: {},
+		editable: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["edit"],
+	setup(c, { emit: y }) {
+		let b = c, x = y, S = e(), C = l(), w = () => b.editable ?? !!C?.vnode.props?.onEdit;
+		function T(e, t, n) {
+			let r = S(e, n);
+			return r === e ? t.replace(/\{(\w+)\}/g, (e, t) => n?.[t] ?? e) : r;
+		}
+		return (e, l) => (u(), a("div", m, [
+			o("div", h, [o("p", g, f(c.label), 1), o("p", _, [d(e.$slots, "default")])]),
+			c.status ? (u(), r(n, {
+				key: 0,
+				tone: c.tone
+			}, {
+				default: p(() => [s(f(c.status), 1)]),
+				_: 1
+			}, 8, ["tone"])) : (u(), a("span", v)),
+			w() ? (u(), r(t, {
+				key: 2,
+				variant: "quiet",
+				"aria-label": T("editItem", "Edit {label}", { label: c.label }),
+				onClick: l[0] ||= (e) => x("edit")
+			}, {
+				default: p(() => [s(f(T("edit", "Edit")), 1)]),
+				_: 1
+			}, 8, ["aria-label"])) : i("", !0)
+		]));
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=EDetailRow.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/DetailRow/EDetailRow.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDetailRow.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createElementVNode","_toDisplayString","_renderSlot","_createBlock","EChip","_withCtx","_createTextVNode","EButton","_createCommentVNode","EButton_default","EChip_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","EDetailRow_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useMessages","instance","getCurrentInstance","showEdit","say","text","key","vars","fallback","k","m","openBlock","createElementBlock","createElementVNode","toDisplayString","renderSlot","_ctx","createBlock","withCtx","createTextVNode","_cache","createCommentVNode"],"sources":["../../../src/components/DetailRow/EDetailRow.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { getCurrentInstance } from \"vue\";\nimport EButton from \"../Button/EButton.vue\";\nimport EChip from \"../Chip/EChip.vue\";\nimport type { ChipTone } from \"../Chip/EChip.vue\";\nimport { useMessages } from \"../../config.js\";\nimport \"../../styles/base.css\";\n\nconst props = withDefaults(\n  defineProps<{\n    /** What the detail is, such as \"Email\". Names the Edit button for screen readers. */\n    label: string;\n    /** A word in a chip after the value, such as \"Verified\" or \"Needs update\". */\n    status?: string;\n    /** The chip's tone. */\n    tone?: ChipTone;\n    /** Forces the Edit button on or off. Left out, it shows when an `@edit` listener is attached. */\n    editable?: boolean;\n  }>(),\n  { editable: undefined },\n);\n\nconst emit = defineEmits<{\n  /** The Edit button was pressed. The button appears only when something listens. */\n  edit: [];\n}>();\n\ndefineSlots<{\n  /** The value. */\n  default(): unknown;\n}>();\n\nconst t = useMessages();\nconst instance = getCurrentInstance();\nconst showEdit = () => props.editable ?? Boolean(instance?.vnode.props?.onEdit);\n\nfunction say(key: string, fallback: string, vars?: Record<string, string>) {\n  const text = t(key, vars);\n  return text === key ? fallback.replace(/\\{(\\w+)\\}/g, (m, k: string) => vars?.[k] ?? m) : text;\n}\n</script>\n\n<template>\n  <div class=\"e-detail\">\n    <div class=\"e-detail-main\">\n      <p class=\"e-kicker e-detail-label\">{{ label }}</p>\n      <p class=\"e-detail-value\"><slot /></p>\n    </div>\n    <EChip v-if=\"status\" :tone=\"tone\">{{ status }}</EChip>\n    <span v-else class=\"e-detail-gap\" aria-hidden=\"true\" />\n    <EButton\n      v-if=\"showEdit()\"\n      variant=\"quiet\"\n      :aria-label=\"say('editItem', 'Edit {label}', { label })\"\n      @click=\"emit('edit')\"\n    >\n      {{ say(\"edit\", \"Edit\") }}\n    </EButton>\n  </div>\n</template>\n\n<style>\n@layer e.account {\n  .e-detail {\n    display: grid;\n    grid-template-columns: minmax(0, 1fr) 8.75rem auto;\n    align-items: center;\n    gap: var(--e-space-1) var(--e-space-3);\n    padding: var(--e-space-3) 0;\n    border-top: var(--e-stroke-hair) solid var(--e-border);\n  }\n\n  .e-detail-main {\n    display: grid;\n    gap: var(--e-space-1);\n    min-width: 0;\n  }\n\n  .e-detail-label {\n    margin: 0;\n  }\n\n  .e-detail-value {\n    margin: 0;\n    font: 400 var(--e-text-md) / 1.4 var(--e-font-sans);\n    overflow-wrap: anywhere;\n  }\n\n  .e-detail .e-chip {\n    /* stylelint-disable-next-line declaration-block-no-redundant-longhand-properties -- two longhands */\n    align-self: center;\n    justify-self: end;\n  }\n\n  .e-detail-gap {\n    display: block;\n  }\n\n  .e-detail:first-child {\n    border-top: 0;\n  }\n\n  @media (max-width: 32rem) {\n    .e-detail {\n      grid-template-columns: auto minmax(0, 1fr);\n    }\n\n    .e-detail-main {\n      grid-column: 1 / -1;\n    }\n\n    .e-detail .e-chip {\n      justify-self: start;\n    }\n\n    .e-detail-gap {\n      display: none;\n    }\n\n    .e-detail .e-btn {\n      grid-column: 2;\n      justify-self: end;\n    }\n  }\n}\n</style>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAQA,IAAMoB,IAAQC,GAcRC,IAAOH,GAUPI,IAAIC,EAAY,GAChBC,IAAWC,EAAmB,GAC9BC,UAAiBP,EAAM,YAAY,EAAQK,GAAU,MAAM,OAAO;EAExE,SAASG,EAAI,GAAa,GAAkB,GAA+B;GACzE,IAAMC,IAAON,EAAEO,GAAKC,CAAI;GACxB,OAAOF,MAASC,IAAME,EAAS,QAAQ,eAAe,GAAG,MAAcD,IAAOE,MAAMC,CAAC,IAAIL;EAC3F;E,kBAIE7B,EAAA,GAAAC,EAeM,OAfNY,GAeM;GAdJX,EAGM,OAHNY,GAGM,CAFJZ,EAAkD,KAAlDa,GAAkDZ,EAAZkB,EAAA,KAAK,GAAA,CAAA,GAC3CnB,EAAsC,KAAtCc,GAAsC,CAAZZ,EAAQoC,EAAA,QAAA,SAAA,C;GAEvBnB,EAAA,UAAbrB,EAAA,GAAAK,EAAsDC,GAAA;;IAAhC,MAAMe,EAAA;;IAAM,SAAAd,QAAY,CAATC,EAAAL,EAAAkB,EAAA,MAAM,GAAA,CAAA,C;;G,oBAC3CrB,EAAA,GAAAC,EAAuD,QAAvDgB,CAAuD;GAE/CU,EAAQ,KADhB3B,EAAA,GAAAK,EAOUI,GAAA;;IALR,SAAQ;IACP,cAAYmB,EAAG,YAAA,gBAAA,EAAA,OAA+BP,EAAA,MAAK,CAAA;IACnD,SAAK,AAAAuB,EAAA,QAAA,MAAEtB,EAAI,MAAA;;IAEZ,SAAAf,QAAyB,CAAtBC,EAAAL,EAAAyB,EAAG,QAAA,MAAA,CAAA,GAAA,CAAA,C"}

package/dist/components/DetailRow/index.d.ts

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

package/dist/components/Dialog/DialogFrame.js

@@ -0,0 +1,7 @@
+import e from "./DialogFrame.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/Dialog/DialogFrame.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=DialogFrame.js.map

package/dist/components/Dialog/DialogFrame.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFrame.js","names":["_sfc_main","DialogFrame_vue_vue_type_script_setup_true_lang_default","DialogFrame_default"],"sources":["../../../src/components/Dialog/DialogFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from \"reka-ui\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport { useMessages, usePortalTarget } from \"../../config.js\";\nimport \"../../styles/base.css\";\nimport \"./dialog.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    title: string;\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    inline?: boolean;\n    contentClass?: unknown;\n  }>(),\n  { headingLevel: 2 },\n);\n\nconst emit = defineEmits<{\n  close: [];\n}>();\n\ndefineSlots<{\n  default?(): unknown;\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n\nconst t = useMessages();\nconst target = usePortalTarget();\n\nfunction setOpen(value: boolean) {\n  open.value = value;\n  if (!value) emit(\"close\");\n}\n</script>\n\n<template>\n  <DialogRoot :open=\"!!open\" :modal=\"!inline\" @update:open=\"setOpen\">\n    <DialogPortal :to=\"target\" :disabled=\"inline\">\n      <div class=\"e-root\">\n        <DialogOverlay v-if=\"!inline\" class=\"e-dialog-overlay\" />\n        <DialogContent\n          v-bind=\"$attrs\"\n          :class=\"contentClass\"\n          :aria-describedby=\"undefined\"\n          @interact-outside.prevent\n        >\n          <header class=\"e-dialog-head\">\n            <DialogTitle :as=\"`h${headingLevel}`\" class=\"e-dialog-title\">{{ title }}</DialogTitle>\n            <DialogClose as-child>\n              <EIconButton icon=\"x\" :label=\"t('close')\" />\n            </DialogClose>\n          </header>\n          <slot />\n          <EActions v-if=\"$slots.actions\" as=\"footer\" bar class=\"e-dialog-foot\"><slot name=\"actions\" /></EActions>\n        </DialogContent>\n      </div>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n"],"mappings":""}

package/dist/components/Dialog/DialogFrame.vue.d.ts

@@ -0,0 +1,31 @@
+type __VLS_Props = {
+    title: string;
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    inline?: boolean;
+    contentClass?: unknown;
+};
+type __VLS_Slots = {
+    default?(): unknown;
+    actions?(): unknown;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/Dialog/DialogFrame.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,80 @@
+/* empty css                */
+import { useMessages as e, usePortalTarget as t } from "../../config.js";
+import n from "../Actions/EActions.js";
+import r from "../IconButton/EIconButton.js";
+/* empty css       */
+import { createBlock as i, createCommentVNode as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, mergeModels as u, mergeProps as d, openBlock as f, renderSlot as p, toDisplayString as m, unref as h, useModel as g, withCtx as _, withModifiers as v } from "vue";
+import { DialogClose as y, DialogContent as b, DialogOverlay as x, DialogPortal as S, DialogRoot as C, DialogTitle as w } from "reka-ui";
+//#region src/components/Dialog/DialogFrame.vue?vue&type=script&setup=true&lang.ts
+var T = { class: "e-root" }, E = { class: "e-dialog-head" }, D = /*@__PURE__*/ l({
+	inheritAttrs: !1,
+	__name: "DialogFrame",
+	props: /*@__PURE__*/ u({
+		title: {},
+		headingLevel: { default: 2 },
+		inline: { type: Boolean },
+		contentClass: {}
+	}, {
+		open: { type: Boolean },
+		openModifiers: {}
+	}),
+	emits: /*@__PURE__*/ u(["close"], ["update:open"]),
+	setup(l, { emit: u }) {
+		let D = u, O = g(l, "open"), k = e(), A = t();
+		function j(e) {
+			O.value = e, e || D("close");
+		}
+		return (e, t) => (f(), i(h(C), {
+			open: !!O.value,
+			modal: !l.inline,
+			"onUpdate:open": j
+		}, {
+			default: _(() => [c(h(S), {
+				to: h(A),
+				disabled: l.inline
+			}, {
+				default: _(() => [o("div", T, [l.inline ? a("", !0) : (f(), i(h(x), {
+					key: 0,
+					class: "e-dialog-overlay"
+				})), c(h(b), d(e.$attrs, {
+					class: l.contentClass,
+					"aria-describedby": void 0,
+					onInteractOutside: t[0] ||= v(() => {}, ["prevent"])
+				}), {
+					default: _(() => [
+						o("header", E, [c(h(w), {
+							as: `h${l.headingLevel}`,
+							class: "e-dialog-title"
+						}, {
+							default: _(() => [s(m(l.title), 1)]),
+							_: 1
+						}, 8, ["as"]), c(h(y), { "as-child": "" }, {
+							default: _(() => [c(r, {
+								icon: "x",
+								label: h(k)("close")
+							}, null, 8, ["label"])]),
+							_: 1
+						})]),
+						p(e.$slots, "default"),
+						e.$slots.actions ? (f(), i(n, {
+							key: 0,
+							as: "footer",
+							bar: "",
+							class: "e-dialog-foot"
+						}, {
+							default: _(() => [p(e.$slots, "actions")]),
+							_: 3
+						})) : a("", !0)
+					]),
+					_: 3
+				}, 16, ["class"])])]),
+				_: 3
+			}, 8, ["to", "disabled"])]),
+			_: 3
+		}, 8, ["open", "modal"]));
+	}
+});
+//#endregion
+export { D as default };
+
+//# sourceMappingURL=DialogFrame.vue_vue_type_script_setup_true_lang.js.map

package/dist/components/Dialog/DialogFrame.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DialogFrame.vue_vue_type_script_setup_true_lang.js","names":["$attrs","$slots","_useModel","_openBlock","_createBlock","_unref","_withCtx","_createVNode","_createElementVNode","_createCommentVNode","_mergeProps","_withModifiers","_createTextVNode","_toDisplayString","EIconButton","_renderSlot","EActions","EActions_default","EIconButton_default","_hoisted_1","_hoisted_2","DialogFrame_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","__emit","emit","open","useModel","__props","t","useMessages","target","usePortalTarget","setOpen","value","openBlock","createBlock","unref","DialogRoot","withCtx","createVNode","DialogPortal","createElementVNode","createCommentVNode","DialogOverlay","DialogContent","mergeProps","_ctx","_cache","withModifiers","DialogTitle","createTextVNode","toDisplayString","DialogClose","renderSlot"],"sources":["../../../src/components/Dialog/DialogFrame.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { DialogClose, DialogContent, DialogOverlay, DialogPortal, DialogRoot, DialogTitle } from \"reka-ui\";\nimport EActions from \"../Actions/EActions.vue\";\nimport EIconButton from \"../IconButton/EIconButton.vue\";\nimport { useMessages, usePortalTarget } from \"../../config.js\";\nimport \"../../styles/base.css\";\nimport \"./dialog.css\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    title: string;\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    inline?: boolean;\n    contentClass?: unknown;\n  }>(),\n  { headingLevel: 2 },\n);\n\nconst emit = defineEmits<{\n  close: [];\n}>();\n\ndefineSlots<{\n  default?(): unknown;\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n\nconst t = useMessages();\nconst target = usePortalTarget();\n\nfunction setOpen(value: boolean) {\n  open.value = value;\n  if (!value) emit(\"close\");\n}\n</script>\n\n<template>\n  <DialogRoot :open=\"!!open\" :modal=\"!inline\" @update:open=\"setOpen\">\n    <DialogPortal :to=\"target\" :disabled=\"inline\">\n      <div class=\"e-root\">\n        <DialogOverlay v-if=\"!inline\" class=\"e-dialog-overlay\" />\n        <DialogContent\n          v-bind=\"$attrs\"\n          :class=\"contentClass\"\n          :aria-describedby=\"undefined\"\n          @interact-outside.prevent\n        >\n          <header class=\"e-dialog-head\">\n            <DialogTitle :as=\"`h${headingLevel}`\" class=\"e-dialog-title\">{{ title }}</DialogTitle>\n            <DialogClose as-child>\n              <EIconButton icon=\"x\" :label=\"t('close')\" />\n            </DialogClose>\n          </header>\n          <slot />\n          <EActions v-if=\"$slots.actions\" as=\"footer\" bar class=\"e-dialog-foot\"><slot name=\"actions\" /></EActions>\n        </DialogContent>\n      </div>\n    </DialogPortal>\n  </DialogRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAoBA,IAAMyB,IAAOD,GASPE,IAAOxB,EAAoB0B,GAAC,MAAM,GAElCC,IAAIC,EAAY,GAChBC,IAASC,EAAgB;EAE/B,SAASC,EAAQ,GAAgB;GAE/B,AADA,EAAK,QAAQC,GACRA,KAAOT,EAAK,OAAO;EAC1B;E,kBAIEtB,EAAA,GAAAC,EAqBaC,EAAAiC,CAAA,GAAA;GArBA,MAAI,CAAA,CAAIZ,EAAA;GAAO,OAAK,CAAGE,EAAA;GAAS,iBAAaK;;GACxD,SAAA3B,QAmBe,CAnBfC,EAmBeF,EAAAoC,CAAA,GAAA;IAnBA,IAAIpC,EAAA0B,CAAA;IAAS,UAAUH,EAAA;;IACpC,SAAAtB,QAiBM,CAjBNE,EAiBM,OAjBNW,GAiBM,CAhBkBS,EAAA,S,aAAtBzB,EAAA,GAAAC,EAAyDC,EAAAuC,CAAA,GAAA;;KAA3B,OAAM;I,KACpCrC,EAcgBF,EAAAwC,CAAA,GAdhBnC,EACUV,EAaM,QAbA;KACb,OAAO4B,EAAA;KACP,oBAAkB,KAAA;KAClB,mBAAgB,AAAAoB,EAAA,OAAArC,QAAjB,CAAA,GAAyB,CAAA,SAAA,CAAA;;KAEzB,SAAAL,QAKS;MALTE,EAKS,UALTY,GAKS,CAJPb,EAAsFF,EAAA6C,CAAA,GAAA;OAAxE,IAAE,IAAMtB,EAAA;OAAgB,OAAM;;OAAiB,SAAAtB,QAAW,CAARM,EAAAC,EAAAe,EAAA,KAAK,GAAA,CAAA,C;;M,eACrErB,EAEcF,EAAAgD,CAAA,GAAA,EAFD,YAAA,GAAQ,GAAA;OACnB,SAAA/C,QAA4C,CAA5CC,EAA4CO,GAAA;QAA/B,MAAK;QAAK,OAAOT,EAAAwB,CAAA,CAAC,CAAA,OAAA;;;;MAGnCd,EAAQgC,EAAA,QAAA,SAAA;MACQ9C,EAAAA,OAAO,WAAvBE,EAAA,GAAAC,EAAwGY,GAAA;;OAAxE,IAAG;OAAS,KAAA;OAAI,OAAM;;OAAgB,SAAAV,QAAuB,CAAvBS,EAAuBgC,EAAA,QAAA,SAAA,C"}

package/dist/components/Dialog/EDialog.js

@@ -0,0 +1,8 @@
+import e from "./EDialog.vue_vue_type_script_setup_true_lang.js";
+/* empty css                                        */
+//#region src/components/Dialog/EDialog.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=EDialog.js.map

package/dist/components/Dialog/EDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EDialog.js","names":["_sfc_main","EDialog_vue_vue_type_script_setup_true_lang_default","EDialog_default"],"sources":["../../../src/components/Dialog/EDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport DialogFrame from \"./DialogFrame.vue\";\n\ndefineOptions({ inheritAttrs: false });\n\nwithDefaults(\n  defineProps<{\n    /** The question or task, as the dialog's heading and accessible name. */\n    title: string;\n    /** The level of the title's heading element, 1 to 6. */\n    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;\n    /** Shows the dialog in the page, without the backdrop or the focus trap. Only for a preview. */\n    inline?: boolean;\n  }>(),\n  { headingLevel: 2 },\n);\n\nconst emit = defineEmits<{\n  /** The person closed it: the Close button, or Escape. `open` is already false. */\n  close: [];\n}>();\n\ndefineSlots<{\n  /** The content: a sentence or two, or a short form. */\n  default?(): unknown;\n  /** Buttons for the foot bar, the main action first. Name the danger button for what it does. */\n  actions?(): unknown;\n}>();\n\nconst open = defineModel<boolean>(\"open\");\n</script>\n\n<template>\n  <DialogFrame\n    v-bind=\"$attrs\"\n    v-model:open=\"open\"\n    :title=\"title\"\n    :heading-level=\"headingLevel\"\n    :inline=\"inline\"\n    :content-class=\"['e-dialog', inline && 'e-dialog--inline']\"\n    @close=\"emit('close')\"\n  >\n    <div class=\"e-dialog-body\"><slot /></div>\n    <template v-if=\"$slots.actions\" #actions><slot name=\"actions\" /></template>\n  </DialogFrame>\n</template>\n\n<style>\n@layer e.containers {\n  .e-dialog {\n    position: fixed;\n    inset: 0;\n    width: min(32rem, calc(100vw - 32px));\n    height: fit-content;\n    max-height: calc(100dvh - 32px);\n    margin: auto;\n    border-radius: var(--e-radius-lg);\n    overflow: auto;\n  }\n\n  .e-dialog--inline {\n    position: static;\n    margin: 0;\n    width: 100%;\n    max-width: 32rem;\n  }\n}\n</style>\n"],"mappings":""}

package/dist/components/Dialog/EDialog.vue.d.ts

@@ -0,0 +1,35 @@
+type __VLS_Props = {
+    /** The question or task, as the dialog's heading and accessible name. */
+    title: string;
+    /** The level of the title's heading element, 1 to 6. */
+    headingLevel?: 1 | 2 | 3 | 4 | 5 | 6;
+    /** Shows the dialog in the page, without the backdrop or the focus trap. Only for a preview. */
+    inline?: boolean;
+};
+type __VLS_Slots = {
+    /** The content: a sentence or two, or a short form. */
+    default?(): unknown;
+    /** Buttons for the foot bar, the main action first. Name the danger button for what it does. */
+    actions?(): unknown;
+};
+type __VLS_ModelProps = {
+    "open"?: boolean;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: () => any;
+    "update:open": (value: boolean | undefined) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClose?: (() => any) | undefined;
+    "onUpdate:open"?: ((value: boolean | undefined) => any) | undefined;
+}>, {
+    headingLevel: 1 | 2 | 3 | 4 | 5 | 6;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};