@vasakgroup/vue-libvasak 0.16.1 → 0.17.1

package/dist/types/dialog/DialogContent.vue.d.ts

@@ -1,8 +1,49 @@
+type __VLS_Props = {
+    /**
+     * La forma del panel.
+     *
+     * `md` es el diálogo de siempre: una caja centrada, con borde, fondo y
+     * un ancho máximo, que es lo que quiere una pregunta o un formulario.
+     *
+     * `full` ocupa la ventana entera y no dibuja nada —ni borde, ni fondo,
+     * ni relleno—: lo pone quien lo usa. Es para lo que **es** la pantalla
+     * mientras está abierto, como el visor de fotos de la galería, donde la
+     * caja centrada no tiene sentido pero el foco encerrado y el Escape sí.
+     *
+     * El velo tampoco se tiñe en `full`: el panel lo tapa entero, y las dos
+     * capas de color se sumaban a un gris que nadie pidió.
+     */
+    size?: 'md' | 'full';
+    /**
+     * Cómo se llama el diálogo cuando no hay un `DialogTitle` visible.
+     *
+     * Lo normal es el título: se registra solo y el `aria-labelledby` lo
+     * apunta. Esto es para cuando el nombre existe pero no como título —el
+     * visor de fotos de la galería lo dibuja en una píldora con su propia
+     * forma— y para cuando no hay ninguno.
+     *
+     * Es una **propiedad declarada** y no un atributo que cae: con
+     * `strictTemplates`, `aria-label` escrito a mano sobre el componente es
+     * un error de tipos, porque la raíz es un `Teleport` y de ahí no se
+     * deduce ningún elemento al que pudiera pertenecer. Lo que quedaba era
+     * `v-bind` de un objeto, que no se comprueba.
+     *
+     * Un `DialogTitle` montado gana: si los dos están, nombra el título.
+     *
+     * `aria-describedby` tiene el mismo problema y **no** se resuelve con
+     * otra propiedad: lo que corresponde es que `DialogDescription` se
+     * registre solo, como ya hace el título. Hoy no lo hace, y nadie lo
+     * pide todavía.
+     */
+    ariaLabel?: string;
+};
 declare var __VLS_13: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_13) => any;
 };
-declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    size: "md" | "full";
+}, {}, {}, {}, 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;

package/dist/types/feedback/LoadingState.vue.d.ts

@@ -0,0 +1,35 @@
+/**
+ * Lo que se ve mientras se espera algo que llena la pantalla.
+ *
+ * Es el hermano de `EmptyState`: el mismo hueco, pero todavía no se sabe si va
+ * a quedar vacío. No es el girito de un botón —eso lo tiene `ActionButton` con
+ * `loading`— ni una barra con porcentaje —para eso está `ProgressBar`—: es la
+ * espera sin medida, la que sólo puede decir que sigue.
+ *
+ * Venía de cuatro formas, y sólo una —la de la tienda— se anunciaba. Las otras
+ * tres eran un `div` que gira: para quien no ve la pantalla, la vista quedaba
+ * en blanco y sin explicación hasta que terminara.
+ *
+ * `label` no es opcional por eso mismo. Un girito sin texto no dice qué se está
+ * esperando ni deja saber que se está esperando algo.
+ *
+ * `role="status"` y no `alert`: que algo esté cargando no interrumpe lo que se
+ * esté leyendo, espera su turno. `aria-live` va implícito en el rol, y
+ * `aria-atomic` hace que se lea entero cuando el texto cambia —de «Cargando
+ * fotos…» a «Explorando 300 de 1200»— y no sólo el pedazo que cambió.
+ *
+ * El comentario va acá y no arriba de la raíz de la plantilla: un comentario
+ * antes del elemento raíz convierte la plantilla en un fragmento, y ahí se
+ * pierde la raíz —los atributos dejan de caer y las pruebas ven otra cosa—.
+ */
+type __VLS_Props = {
+    /** Qué se está esperando, ya traducido: «Cargando fotos…». */
+    label: string;
+    /** Con borde punteado, para una caja dentro de una sección. */
+    bordered?: boolean;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    bordered: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/index.d.ts

@@ -12,6 +12,7 @@ import BarSearch from "./bar/BarSearch.vue";
 import ActionButton from "./controls/ActionButton.vue";
 import AlertMessage from "./feedback/AlertMessage.vue";
 import EmptyState from "./feedback/EmptyState.vue";
+import LoadingState from "./feedback/LoadingState.vue";
 import ToastArea from "./feedback/ToastArea.vue";
 import ProgressBar from "./forms/ProgressBar.vue";
 import SearchField from "./search/SearchField.vue";
@@ -47,7 +48,7 @@ declare const _default: {
     install(app: App): void;
 };
 export default _default;
-export { SideBar, SideButton, SideGroup, SelectField, ThemeIcon, WindowFrame, AppBar, WindowControls, TabBar, TabItem, BarSearch, ActionButton, AlertMessage, EmptyState, ProgressBar, SearchField, SearchSelect, TextInput, ToastArea, ConfigSection, DeviceCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, ListCard, SliderControl, SwitchRow, SwitchToggle, SwitchTrack, ToggleControl, Tooltip, TooltipContent, TooltipTrigger, TrayIconButton, };
+export { SideBar, SideButton, SideGroup, SelectField, ThemeIcon, WindowFrame, AppBar, WindowControls, TabBar, TabItem, BarSearch, ActionButton, AlertMessage, EmptyState, LoadingState, ProgressBar, SearchField, SearchSelect, TextInput, ToastArea, ConfigSection, DeviceCard, Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, FormGroup, ListCard, SliderControl, SwitchRow, SwitchToggle, SwitchTrack, ToggleControl, Tooltip, TooltipContent, TooltipTrigger, TrayIconButton, };
 export type { AvisoTransitorio } from "./feedback/ToastArea.vue";
 export type { TonoDelAviso } from "./feedback/tonos";
 export { CLASES_POR_TONO, rolDelTono } from "./feedback/tonos";