@vasakgroup/vue-libvasak 0.16.0 → 0.17.0

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

@@ -1,8 +1,27 @@
+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';
+};
 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/forms/TextInput.vue.d.ts

@@ -1,6 +1,14 @@
 type __VLS_Props = {
     modelValue: string;
-    type?: 'text' | 'password' | 'search' | 'url' | 'email' | 'number';
+    /**
+     * El tipo del campo.
+     *
+     * `date` y `time` están porque la configuración pone la fecha y la hora del
+     * sistema y programa la luz nocturna, y son cuatro campos de verdad. El
+     * navegador les dibuja su propio selector, que es justo lo que se quiere:
+     * uno escrito a mano no entiende de husos ni de formatos locales.
+     */
+    type?: 'text' | 'password' | 'search' | 'url' | 'email' | 'number' | 'date' | 'time';
     /** La otra mitad del `for` de `FormGroup`: sin esto la etiqueta no ata a nada. */
     id?: string;
     /** El nombre del campo cuando no hay etiqueta visible que se lo dé. */
@@ -42,7 +50,7 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {
     onKeyup?: ((evento: KeyboardEvent) => any) | undefined;
     "onUpdate:modelValue"?: ((valor: string) => any) | undefined;
 }>, {
-    type: "text" | "password" | "search" | "url" | "email" | "number";
+    type: "text" | "password" | "search" | "url" | "email" | "number" | "date" | "time";
     lazy: boolean;
     invalid: boolean;
     required: boolean;

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";