@nexdom/uimed-vue 2.0.0-beta.8 → 2.0.0

package/dist/components/data-sets/data-set/data-set.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,157 @@
+import skeleton_loader_default from "../../skeleton-loader/skeleton-loader.js";
+import row_default from "../../grid/row/row.js";
+import column_default from "../../grid/column/column.js";
+import { getDataSetTotalVisible, useDataSetBarCols, useDataSetColumnCols, useDataSetFilterKeys, useDataSetFittingColumns, useDataSetSearchPageReset, useDataSetWidth } from "../../../composables/data-set/data-set.js";
+import data_set_bar_default from "../data-set-bar.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createVNode, defineComponent, mergeModels, openBlock, renderList, renderSlot, unref, useModel, useSlots, useTemplateRef, withCtx } from "vue";
+import { VDataIterator, VEmptyState, VPagination } from "vuetify/components";
+var data_set_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set",
+	props: /*@__PURE__*/ mergeModels({
+		items: {
+			type: Array,
+			required: false
+		},
+		columns: {
+			type: Number,
+			required: false,
+			default: 3
+		},
+		itemsPerPage: {
+			type: Number,
+			required: false,
+			default: 10
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		searchable: {
+			type: Boolean,
+			required: false
+		},
+		searchKeys: {
+			type: Array,
+			required: false
+		},
+		noDataText: {
+			type: String,
+			required: false,
+			default: "Nenhum registro encontrado."
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	}, {
+		"page": {
+			type: Number,
+			default: 1
+		},
+		"pageModifiers": {},
+		"search": {
+			type: String,
+			default: ""
+		},
+		"searchModifiers": {}
+	}),
+	emits: ["update:page", "update:search"],
+	setup(__props) {
+		const props = __props;
+		useSlots();
+		const page = useModel(__props, "page");
+		const search = useModel(__props, "search");
+		const iterator = useTemplateRef("iterator");
+		const width = useDataSetWidth(() => iterator.value?.$el);
+		const fittingColumns = useDataSetFittingColumns(() => props.columns, width);
+		const columnCols = useDataSetColumnCols(fittingColumns);
+		const barColumnCols = useDataSetBarCols(width);
+		const filterKeys = useDataSetFilterKeys(() => props.searchKeys);
+		useDataSetSearchPageReset(search, page);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(skeleton_loader_default, {
+				loading: props.loading,
+				type: "card",
+				"full-width": ""
+			}, {
+				default: withCtx(() => [createCommentVNode(" The bar and the records take a line each of the same row, so the grid spaces them as it\n         spaces its lines. The bar stays out of the iterator's header, where nothing would space\n         it from the records "), createVNode(row_default, { "data-testid": props.dataTestid }, {
+					default: withCtx(() => [props.actions?.length || props.searchable ? (openBlock(), createBlock(column_default, { key: 0 }, {
+						default: withCtx(() => [createVNode(data_set_bar_default, {
+							modelValue: search.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+							actions: props.actions,
+							searchable: props.searchable,
+							cols: unref(barColumnCols)
+						}, null, 8, [
+							"modelValue",
+							"actions",
+							"searchable",
+							"cols"
+						])]),
+						_: 1
+					})) : createCommentVNode("v-if", true), createVNode(column_default, null, {
+						default: withCtx(() => [createVNode(unref(VDataIterator), {
+							ref_key: "iterator",
+							ref: iterator,
+							page: page.value,
+							"onUpdate:page": _cache[2] || (_cache[2] = ($event) => page.value = $event),
+							items: props.items,
+							"items-per-page": props.itemsPerPage,
+							search: search.value,
+							"filter-keys": unref(filterKeys)
+						}, {
+							default: withCtx(({ items: pageItems }) => [createCommentVNode(" Stretched, so the items of the same line (e.g. full-height cards) share its height "), createVNode(row_default, {
+								list: "",
+								"align-y": "stretch"
+							}, {
+								default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(pageItems, (pageItem, index) => {
+									return openBlock(), createBlock(column_default, {
+										key: index,
+										cols: unref(columnCols),
+										"list-item": ""
+									}, {
+										default: withCtx(() => [renderSlot(_ctx.$slots, "default", {
+											item: pageItem.raw,
+											index
+										})]),
+										_: 2
+									}, 1032, ["cols"]);
+								}), 128))]),
+								_: 2
+							}, 1024)]),
+							"no-data": withCtx(() => [createVNode(unref(VEmptyState), { text: props.noDataText }, null, 8, ["text"])]),
+							footer: withCtx(({ pageCount }) => [pageCount > 1 ? (openBlock(), createBlock(unref(VPagination), {
+								key: 0,
+								modelValue: page.value,
+								"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => page.value = $event),
+								length: pageCount,
+								"total-visible": unref(getDataSetTotalVisible)(pageCount)
+							}, null, 8, [
+								"modelValue",
+								"length",
+								"total-visible"
+							])) : createCommentVNode("v-if", true)]),
+							_: 3
+						}, 8, [
+							"page",
+							"items",
+							"items-per-page",
+							"search",
+							"filter-keys"
+						])]),
+						_: 3
+					})]),
+					_: 3
+				}, 8, ["data-testid"])]),
+				_: 3
+			}, 8, ["loading"]);
+		};
+	}
+});
+//#endregion
+export { data_set_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/data-sets/data-set/types.d.ts

@@ -0,0 +1,93 @@
+import { SectionAction } from "../../sections/section/types.js";
+//#region src/components/data-sets/data-set/types.d.ts
+/**
+ * Number of records shown side by side on each row of a {@link DataSet}.
+ */
+export type DataSetColumns = 1 | 2 | 3 | 4 | 6;
+/**
+ * Props exposed by the {@link DataSet} component.
+ */
+export type DataSetProps<T extends object> = {
+  /**
+   * Records to be listed. Each record of the current page is passed, as is,
+   * to the default slot.
+   * @default []
+   */
+  items?: T[];
+  /**
+   * Maximum number of records shown side by side on each row of the grid.
+   * One of `1`, `2`, `3`, `4` or `6`.
+   *
+   * It's reduced to the largest of these values that keeps each record's card
+   * at least 240px wide within the data set's own width, so narrow
+   * containers, like dialogs or side panels, show fewer records per row, down
+   * to a single one. On extra small screens, each record always takes the
+   * full width.
+   * @default 3
+   */
+  columns?: DataSetColumns;
+  /**
+   * Maximum number of records shown per page. Page controls are only shown
+   * when there's more than one page.
+   * @default 10
+   */
+  itemsPerPage?: number;
+  /**
+   * List of actions about the whole list, such as creating a record, displayed
+   * as buttons at the start of the bar above the records, before the search
+   * field. Same shape as `USection`'s actions, but an action without `variant`
+   * is `secondary`, not `primary`, so it doesn't compete with the actions of the
+   * records; an action that sets `variant` keeps it.
+   *
+   * With the search field, the actions take the first half of the bar,
+   * wrapping within it, or a line of their own when the data set isn't wide
+   * enough for two records side by side. On extra small screens, each action
+   * takes a line of its own and the full width. When undefined or empty, and
+   * `searchable` is false, no bar is rendered.
+   */
+  actions?: SectionAction[];
+  /**
+   * Shows a search field at the end of the bar above the records, bound to
+   * `v-model:search`. It's 240px wide, the same as a card's minimum width. On
+   * extra small screens, it takes a line of its own and the full width.
+   * @default false
+   */
+  searchable?: boolean;
+  /**
+   * Record properties considered by the search. When undefined or empty,
+   * every property of the record is considered.
+   */
+  searchKeys?: Array<Extract<keyof T, string>>;
+  /**
+   * Message shown when there are no records to list, either because `items`
+   * is empty or because no record matches the search.
+   * @default "Nenhum registro encontrado."
+   */
+  noDataText?: string;
+  /**
+   * Shows a skeleton loader in place of the records while data is being
+   * loaded.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * Slots exposed by the {@link DataSet} component.
+ */
+export type DataSetSlots<T extends object> = {
+  /**
+   * Renders each record of the current page in its own grid column, usually
+   * with `UDataSetItem`.
+   * @param props.item The original record, from `items`.
+   * @param props.index Position of the record inside the current page.
+   */
+  default?: (props: {
+    item: T;
+    index: number;
+  }) => unknown;
+};
+//#endregion

package/dist/components/data-sets/data-set-bar.js

@@ -0,0 +1,5 @@
+import data_set_bar_vue_vue_type_script_setup_true_lang_default from "./data-set-bar.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/data-sets/data-set-bar.vue
+var data_set_bar_default = data_set_bar_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { data_set_bar_default as default };

package/dist/components/data-sets/data-set-bar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,99 @@
+import text_field_default from "../inputs/text-field/text-field.js";
+import button_default from "../button/button.js";
+import row_default from "../grid/row/row.js";
+import column_default from "../grid/column/column.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createTextVNode, createVNode, defineComponent, mergeModels, mergeProps, openBlock, renderList, toDisplayString, unref, useModel, withCtx } from "vue";
+import { VDefaultsProvider } from "vuetify/components";
+var data_set_bar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set-bar",
+	props: /*@__PURE__*/ mergeModels({
+		actions: {
+			type: Array,
+			required: false
+		},
+		searchable: {
+			type: Boolean,
+			required: false
+		},
+		cols: {
+			type: String,
+			required: true
+		}
+	}, {
+		"modelValue": {
+			type: String,
+			default: ""
+		},
+		"modelModifiers": {}
+	}),
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const props = __props;
+		const search = useModel(__props, "modelValue");
+		const searchFieldDefaults = { VTextField: {
+			hideDetails: "auto",
+			minWidth: 240
+		} };
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(row_default, { "align-y": "end" }, {
+				default: withCtx(() => [
+					createCommentVNode(" The search field leaves room above its text for the floating label, so its text, icon and\n         underline sit below its middle. Centered on it, the actions would look higher than the\n         field, so they line up with its underline instead "),
+					createCommentVNode(" No column grows to push the search field to the end of the line, so the actions and the\n         search field share it in two columns, and the search field is aligned to the end of its\n         own "),
+					props.actions?.length ? (openBlock(), createBlock(column_default, {
+						key: 0,
+						cols: props.searchable ? props.cols : "12"
+					}, {
+						default: withCtx(() => [createVNode(row_default, null, {
+							default: withCtx(() => [
+								createCommentVNode(" Each action takes the full width of its column, which only stretches it below sm "),
+								createCommentVNode(" The list's actions are secondary unless they set a variant, so they don't compete with\n             the actions of the records and of the sections "),
+								(openBlock(true), createElementBlock(Fragment, null, renderList(props.actions, ({ label, onClick, variant = "secondary", ...action }, index) => {
+									return openBlock(), createBlock(column_default, {
+										key: index,
+										cols: "auto"
+									}, {
+										default: withCtx(() => [createVNode(button_default, mergeProps({
+											"full-width": "",
+											variant
+										}, { ref_for: true }, action, { onClick }), {
+											default: withCtx(() => [createTextVNode(toDisplayString(label), 1)]),
+											_: 2
+										}, 1040, ["variant", "onClick"])]),
+										_: 2
+									}, 1024);
+								}), 128))
+							]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["cols"])) : createCommentVNode("v-if", true),
+					props.searchable ? (openBlock(), createBlock(column_default, {
+						key: 1,
+						cols: props.actions?.length ? props.cols : "12"
+					}, {
+						default: withCtx(() => [createVNode(row_default, { "align-x": "end" }, {
+							default: withCtx(() => [createVNode(column_default, { cols: "auto" }, {
+								default: withCtx(() => [createCommentVNode(" Hides the empty messages area, which would misalign the field with the actions, and\n               keeps the field from shrinking to its label, which is all a column of its own width\n               would leave it "), createVNode(unref(VDefaultsProvider), { defaults: searchFieldDefaults }, {
+									default: withCtx(() => [createVNode(text_field_default, {
+										modelValue: search.value,
+										"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => search.value = $event),
+										type: "search",
+										label: "Pesquisar"
+									}, null, 8, ["modelValue"])]),
+									_: 1
+								})]),
+								_: 1
+							})]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["cols"])) : createCommentVNode("v-if", true)
+				]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { data_set_bar_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/data-sets/data-set-item/data-set-item.js

@@ -0,0 +1,5 @@
+import data_set_item_vue_vue_type_script_setup_true_lang_default from "./data-set-item.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/data-sets/data-set-item/data-set-item.vue
+var data_set_item_default = data_set_item_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { data_set_item_default as default };

package/dist/components/data-sets/data-set-item/data-set-item.vue.d.ts

@@ -0,0 +1,35 @@
+import { DataSetItemProps, DataSetItemSlots } from "./types.js";
+//#region src/components/data-sets/data-set-item/data-set-item.vue.d.ts
+/**
+ * Card of a single record listed by a {@link DataSet}, built on `USection`.
+ * It fills the height of its grid column, so the cards of a row line up. Its
+ * details, like a vertical `UTable`, go in the default slot.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-data-set :items="patients">
+ *     <template #default="{ item }">
+ *       <u-data-set-item
+ *         :title="item.name"
+ *         subtitle="Beneficiário"
+ *         :actions="[{ label: 'Editar', variant: 'secondary', onClick: () => edit(item) }]"
+ *       >
+ *         <u-table :headers="['Plano', 'Idade']" :items="[[item.plan, item.age]]" vertical />
+ *       </u-data-set-item>
+ *     </template>
+ *   </u-data-set>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/data-set | DataSet Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DataSetItemProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DataSetItemProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, DataSetItemSlots>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/data-sets/data-set-item/data-set-item.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import section_content_default from "../../sections/section-content/section-content.js";
+import section_default from "../../sections/section/section.js";
+import { createBlock, createCommentVNode, defineComponent, openBlock, renderSlot, useSlots, withCtx } from "vue";
+var data_set_item_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "data-set-item",
+	props: {
+		title: {
+			type: String,
+			required: false
+		},
+		subtitle: {
+			type: String,
+			required: false
+		},
+		variant: {
+			type: String,
+			required: false
+		},
+		actions: {
+			type: Array,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(section_default, {
+				title: props.title,
+				subtitle: props.subtitle,
+				variant: props.variant,
+				actions: props.actions,
+				"data-testid": props.dataTestid,
+				"full-height": ""
+			}, {
+				default: withCtx(() => [slots.default ? (openBlock(), createBlock(section_content_default, { key: 0 }, {
+					default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+					_: 3
+				})) : createCommentVNode("v-if", true)]),
+				_: 3
+			}, 8, [
+				"title",
+				"subtitle",
+				"variant",
+				"actions",
+				"data-testid"
+			]);
+		};
+	}
+});
+//#endregion
+export { data_set_item_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/data-sets/data-set-item/types.d.ts

@@ -0,0 +1,42 @@
+import { SectionAction, SectionVariant } from "../../sections/section/types.js";
+//#region src/components/data-sets/data-set-item/types.d.ts
+/**
+ * Props exposed by the {@link DataSetItem} component.
+ */
+export type DataSetItemProps = {
+  /**
+   * Title displayed at the top of the record's card.
+   */
+  title?: string;
+  /**
+   * Short description displayed below the title.
+   */
+  subtitle?: string;
+  /**
+   * Applies a distinct style variation to the record's card, just like on
+   * `USection`. One of `primary` or `secondary`.
+   * @default "primary"
+   */
+  variant?: SectionVariant;
+  /**
+   * Actions of the record, like "Editar" and "Excluir", displayed at the
+   * bottom of its card, just like on `USection`. When undefined or empty, no
+   * actions area is rendered.
+   */
+  actions?: SectionAction[];
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+/**
+ * Slots exposed by the {@link DataSetItem} component.
+ */
+export type DataSetItemSlots = {
+  /**
+   * Details of the record, displayed below the title and subtitle, like a
+   * vertical `UTable` with some of its fields.
+   */
+  default?: () => unknown;
+};
+//#endregion

package/dist/components/details/details.js

@@ -0,0 +1,5 @@
+import details_vue_vue_type_script_setup_true_lang_default from "./details.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/details/details.vue
+var details_default = details_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { details_default as default };

package/dist/components/details/details.vue.d.ts

@@ -0,0 +1,28 @@
+import { DetailsProps } from "./types.js";
+//#region src/components/details/details.vue.d.ts
+/**
+ * Details component to show content that can be expanded or collapsed by
+ * clicking on its title. Starts collapsed.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-details title="Title">
+ *     Content
+ *   </u-details>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/details | Details Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DetailsProps, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DetailsProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };

package/dist/components/details/details.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,56 @@
+import skeleton_loader_default from "../skeleton-loader/skeleton-loader.js";
+import { computed, createBlock, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { VExpansionPanel, VExpansionPanelText, VExpansionPanelTitle, VExpansionPanels } from "vuetify/components";
+var details_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "details",
+	props: {
+		variant: {
+			type: String,
+			required: false
+		},
+		title: {
+			type: String,
+			required: false
+		},
+		loading: {
+			type: Boolean,
+			required: false
+		},
+		dataTestid: {
+			type: String,
+			required: false
+		}
+	},
+	setup(__props) {
+		const props = __props;
+		const outlined = computed(() => props.variant === "secondary");
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(skeleton_loader_default, {
+				loading: props.loading,
+				type: "heading",
+				"full-width": ""
+			}, {
+				default: withCtx(() => [createVNode(unref(VExpansionPanels), {
+					flat: outlined.value,
+					"data-testid": props.dataTestid
+				}, {
+					default: withCtx(() => [createVNode(unref(VExpansionPanel), { class: normalizeClass({ border: outlined.value }) }, {
+						default: withCtx(() => [createVNode(unref(VExpansionPanelTitle), null, {
+							default: withCtx(() => [createTextVNode(toDisplayString(props.title), 1)]),
+							_: 1
+						}), createVNode(unref(VExpansionPanelText), null, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
+							_: 3
+						})]),
+						_: 3
+					}, 8, ["class"])]),
+					_: 3
+				}, 8, ["flat", "data-testid"])]),
+				_: 3
+			}, 8, ["loading"]);
+		};
+	}
+});
+//#endregion
+export { details_vue_vue_type_script_setup_true_lang_default as default };

package/dist/components/details/types.d.ts

@@ -0,0 +1,29 @@
+//#region src/components/details/types.d.ts
+export type DetailsVariant = "primary" | "secondary";
+/**
+ * Props exposed by the {@link Details} component.
+ */
+export type DetailsProps = {
+  /**
+   * Applies a distinct style variation to the details.
+   * One of `primary` or `secondary`.
+   * @default "primary"
+   */
+  variant?: DetailsVariant;
+  /**
+   * Title displayed on the header, which expands or collapses the content
+   * when clicked. The header stays clickable even without a title.
+   */
+  title?: string;
+  /**
+   * Shows a skeleton loader in place of the details while data is being
+   * loaded.
+   * @default false
+   */
+  loading?: boolean;
+  /**
+   * Component id to use on automated tests.
+   */
+  dataTestid?: string;
+};
+//#endregion

package/dist/components/dialogs/dialog/dialog-host-key.js

@@ -0,0 +1,10 @@
+//#region src/components/dialogs/dialog/dialog-host-key.ts
+/**
+* Injection key of {@link DialogHostContext}, provided by the internal `DialogHost`. Besides the
+* role, the blocking while an action runs and the end of the leave transitions, it makes the
+* dialog's content describe the dialog (`aria-describedby`), since `DialogHost` only displays text
+* messages. Not part of the public API.
+*/
+const dialogHostKey = Symbol("dialog-host");
+//#endregion
+export { dialogHostKey };

package/dist/components/dialogs/dialog/dialog.js

@@ -0,0 +1,5 @@
+import dialog_vue_vue_type_script_setup_true_lang_default from "./dialog.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/dialogs/dialog/dialog.vue
+var dialog_default = dialog_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { dialog_default as default };

package/dist/components/dialogs/dialog/dialog.vue.d.ts

@@ -0,0 +1,36 @@
+import { DialogProps } from "./types.js";
+//#region src/components/dialogs/dialog/dialog.vue.d.ts
+/**
+ * Dialog component to display content in a modal window, over the page, until it's closed.
+ * Its title and actions stay in place while the content scrolls.
+ *
+ * @example
+ * ```vue
+ * <template>
+ *   <u-dialog v-model="open" title="Title" :actions="[{ label: 'Close', onClick: () => (open = false) }]">
+ *     Content
+ *   </u-dialog>
+ * </template>
+ * ```
+ *
+ * @see {@link https://nexdom-healthtech.github.io/uimed-vue/guide/components/dialog | Dialog Guide}
+ */
+declare const _default: typeof __VLS_export;
+declare const __VLS_export: __VLS_WithSlots<import("vue", { with: { "resolution-mode": "import" } }).DefineComponent<DialogProps & {
+  modelValue?: boolean;
+}, {}, {}, {}, {}, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, import("vue", { with: { "resolution-mode": "import" } }).ComponentOptionsMixin, {
+  "update:modelValue": (value: boolean) => any;
+}, string, import("vue", { with: { "resolution-mode": "import" } }).PublicProps, Readonly<DialogProps & {
+  modelValue?: boolean;
+}> & Readonly<{
+  "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue", { with: { "resolution-mode": "import" } }).ComponentProvideOptions, false, {}, any>, {
+  default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+  new (): {
+    $slots: S;
+  };
+};
+//#endregion
+export { _default as default };