@vasakgroup/vue-libvasak 0.3.0 → 0.3.2

package/dist/types/cards/DeviceCard.vue.d.ts

@@ -0,0 +1,32 @@
+interface Props {
+    icon: string;
+    title: string;
+    subtitle?: string;
+    metadata?: string;
+    extraInfo?: string[];
+    isConnected?: boolean;
+    showActionButton?: boolean;
+    actionLabel?: string;
+    showStatusIndicator?: boolean;
+    customClass?: string;
+    clickable?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+    action: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+    onAction?: (() => any) | undefined;
+}>, {
+    metadata: string;
+    subtitle: string;
+    customClass: string;
+    extraInfo: string[];
+    isConnected: boolean;
+    showActionButton: boolean;
+    actionLabel: string;
+    showStatusIndicator: boolean;
+    clickable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/cards/ListCard.vue.d.ts

@@ -0,0 +1,24 @@
+interface Props {
+    clickable?: boolean;
+    customClass?: string | Record<string, boolean>;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    customClass: string | Record<string, boolean>;
+    clickable: 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/types/controls/ActionButton.vue.d.ts

@@ -0,0 +1,35 @@
+interface Props {
+    label: string;
+    disabled?: boolean;
+    variant?: 'primary' | 'secondary' | 'danger';
+    loading?: boolean;
+    customClass?: string | Record<string, boolean>;
+    size?: 'sm' | 'md' | 'lg';
+    fullWidth?: boolean;
+    iconSrc?: string;
+    iconAlt?: string;
+    iconRight?: boolean;
+    type?: 'button' | 'submit' | 'reset';
+    stopPropagation?: boolean;
+    preventDefault?: boolean;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    type: "button" | "submit" | "reset";
+    size: "sm" | "md" | "lg";
+    disabled: boolean;
+    variant: "primary" | "secondary" | "danger";
+    loading: boolean;
+    customClass: string | Record<string, boolean>;
+    fullWidth: boolean;
+    iconSrc: string;
+    iconAlt: string;
+    iconRight: boolean;
+    stopPropagation: boolean;
+    preventDefault: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/controls/ToggleControl.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    icon: string;
+    alt?: string;
+    tooltip?: string;
+    isActive?: boolean;
+    isLoading?: boolean;
+    iconClass?: Record<string, boolean>;
+    customClass?: Record<string, boolean>;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    alt: string;
+    customClass: Record<string, boolean>;
+    tooltip: string;
+    iconClass: Record<string, boolean>;
+    isActive: boolean;
+    isLoading: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/forms/FormGroup.vue.d.ts

@@ -0,0 +1,23 @@
+interface Props {
+    label: string;
+    htmlFor?: string;
+    customClass?: string | Record<string, boolean>;
+    labelClass?: string | Record<string, boolean>;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    customClass: string | Record<string, boolean>;
+    htmlFor: string;
+    labelClass: string | Record<string, 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/types/forms/SelectField.vue.d.ts

@@ -0,0 +1,24 @@
+type __VLS_Props = {
+    label?: string;
+};
+type __VLS_ModelProps = {
+    modelValue: string | number;
+};
+type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: string | number) => any) | undefined;
+}>, {}, {}, {}, {}, 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/types/forms/SliderControl.vue.d.ts

@@ -0,0 +1,28 @@
+interface Props {
+    icon: string;
+    alt?: string;
+    tooltip?: string;
+    modelValue: number;
+    min?: number;
+    max?: number;
+    showButton?: boolean;
+    iconClass?: string | Record<string, boolean>;
+    getPercentageClass?: (percentage: number) => string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: number) => any;
+    buttonClick: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+    onButtonClick?: (() => any) | undefined;
+}>, {
+    alt: string;
+    tooltip: string;
+    min: number;
+    max: number;
+    showButton: boolean;
+    iconClass: string | Record<string, boolean>;
+    getPercentageClass: (percentage: number) => string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/forms/SwitchToggle.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    isOn: boolean;
+    disabled?: boolean;
+    size?: 'small' | 'medium';
+    activeClass?: string;
+    inactiveClass?: string;
+    customClass?: string;
+}
+declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    toggle: (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onToggle?: ((value: boolean) => any) | undefined;
+}>, {
+    size: "small" | "medium";
+    disabled: boolean;
+    customClass: string;
+    activeClass: string;
+    inactiveClass: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/icons/ThemeIcon.vue.d.ts

@@ -0,0 +1,13 @@
+type __VLS_Props = {
+    name: string;
+    type?: 'icon' | 'symbol';
+    size?: number;
+    alt?: string;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    type: "icon" | "symbol";
+    size: number;
+    alt: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/{src/index.ts → dist/types/index.d.ts}

@@ -1,6 +1,8 @@
 import SideBar from "./sidebar/SideBar.vue";
 import SideButton from "./sidebar/SideButton.vue";
 import SideGroup from "./sidebar/SideGroup.vue";
+import SelectField from "./forms/SelectField.vue";
+import ThemeIcon from "./icons/ThemeIcon.vue";
 import WindowFrame from "./window/WindowFrame.vue";
 import ActionButton from "./controls/ActionButton.vue";
 import ConfigSection from "./layout/ConfigSection.vue";
@@ -12,45 +14,9 @@ import SwitchToggle from "./forms/SwitchToggle.vue";
 import ToggleControl from "./controls/ToggleControl.vue";
 import TrayIconButton from "./tray/TrayIconButton.vue";
 import type { App } from "vue";
-
-const components = [
-  SideBar,
-  SideButton,
-  SideGroup,
-  WindowFrame,
-  ActionButton,
-  ConfigSection,
-  DeviceCard,
-  FormGroup,
-  ListCard,
-  SliderControl,
-  SwitchToggle,
-  ToggleControl,
-  TrayIconButton,
-];
-
-export default {
-  install(app: App) {
-    components.forEach((component) => {
-      app.component(component.name as string, component);
-    });
-  },
+declare const _default: {
+    install(app: App): void;
 };
-
-export {
-  SideBar,
-  SideButton,
-  SideGroup,
-  WindowFrame,
-  ActionButton,
-  ConfigSection,
-  DeviceCard,
-  FormGroup,
-  ListCard,
-  SliderControl,
-  SwitchToggle,
-  ToggleControl,
-  TrayIconButton,
-};
-
+export default _default;
+export { SideBar, SideButton, SideGroup, SelectField, ThemeIcon, WindowFrame, ActionButton, ConfigSection, DeviceCard, FormGroup, ListCard, SliderControl, SwitchToggle, ToggleControl, TrayIconButton, };
 export type { SidebarCategory, SidebarItem } from "./sidebar/tipos";

package/dist/types/internos/iconoDelTema.d.ts

@@ -0,0 +1,14 @@
+import { type Ref } from 'vue';
+/**
+ * Resolver un icono del tema del escritorio, y seguirlo cuando cambia.
+ *
+ * El pack de iconos cambia en caliente: sin escuchar el aviso, la ventana se
+ * queda con los del tema anterior hasta reabrirla. Y las resoluciones se
+ * cruzan —cambiar de icono y cambiar de tema resuelven en paralelo—, así que
+ * cada pedido lleva un testigo y sólo se aplica el último: sin él, la respuesta
+ * vieja llega última y deja puesto el icono de antes.
+ *
+ * Interno a propósito: lo comparten `ThemeIcon` y `SideButton`, y lo que las
+ * aplicaciones usan es el componente, no esto.
+ */
+export declare function useIconoDelTema(nombre: Ref<string>, tipo: Ref<'icon' | 'symbol'>): Ref<string, string>;

package/dist/types/layout/ConfigSection.vue.d.ts

@@ -0,0 +1,21 @@
+interface Props {
+    title: string;
+    icon?: string;
+    customClass?: string | Record<string, boolean>;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{}>, {
+    icon: string;
+    customClass: string | Record<string, 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/types/sidebar/SideBar.vue.d.ts

@@ -0,0 +1,51 @@
+import type { SidebarCategory } from './tipos';
+type __VLS_Props = {
+    /** El nombre de la ventana. Sin él y sin `subtitle` no hay área de título. */
+    title?: string;
+    subtitle?: string;
+    categories?: SidebarCategory[];
+    /** El identificador del elemento activo. */
+    modelValue?: string;
+    /** Plegada desde afuera. Sin esto, la barra se maneja sola. */
+    collapsed?: boolean;
+    /** Lo que oye un lector de pantalla en el botón de plegar. */
+    collapseLabel?: string;
+    expandLabel?: string;
+};
+declare var __VLS_6: {
+    collapsed: false;
+}, __VLS_26: {
+    collapsed: boolean;
+};
+type __VLS_Slots = {} & {
+    header?: (props: typeof __VLS_6) => any;
+} & {
+    default?: (props: typeof __VLS_26) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {
+    collapsed: import("vue").ComputedRef<boolean>;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    change: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    "update:collapsed": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onChange?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    title: string;
+    collapsed: boolean;
+    subtitle: string;
+    categories: SidebarCategory[];
+    modelValue: string;
+    collapseLabel: string;
+    expandLabel: string;
+}, {}, {}, {}, 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/types/sidebar/SideButton.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    label: string;
+    icon?: string;
+    active?: boolean;
+    collapsed?: boolean;
+    disabled?: boolean;
+    badge?: string | number;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    icon: string;
+    collapsed: boolean;
+    active: boolean;
+    disabled: boolean;
+    badge: string | number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/sidebar/SideGroup.vue.d.ts

@@ -0,0 +1,21 @@
+type __VLS_Props = {
+    title: string;
+    collapsed?: boolean;
+    defaultOpen?: boolean;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    collapsed: boolean;
+    defaultOpen: 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/types/sidebar/tipos.d.ts

@@ -0,0 +1,15 @@
+/** Un elemento de la barra lateral: un lugar al que se va. */
+export interface SidebarItem {
+    id: string;
+    label: string;
+    /** Un nombre del tema de iconos del escritorio, no una ruta. */
+    icon?: string;
+    badge?: string | number;
+    disabled?: boolean;
+}
+/** Un grupo de elementos, con su título plegable. */
+export interface SidebarCategory {
+    id: string;
+    title: string;
+    items: SidebarItem[];
+}

package/dist/types/tray/TrayIconButton.vue.d.ts

@@ -0,0 +1,37 @@
+interface Props {
+    icon: string;
+    alt?: string;
+    tooltip?: string;
+    badge?: number | null;
+    iconClass?: string | Record<string, boolean>;
+    customClass?: string | Record<string, boolean>;
+    tooltipClass?: string | Record<string, boolean>;
+    showCustomTooltip?: boolean;
+    customTooltipText?: string;
+}
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: () => any;
+}, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    alt: string;
+    badge: number | null;
+    customClass: string | Record<string, boolean>;
+    tooltip: string;
+    iconClass: string | Record<string, boolean>;
+    tooltipClass: string | Record<string, boolean>;
+    showCustomTooltip: boolean;
+    customTooltipText: string;
+}, {}, {}, {}, 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/types/window/TopBar.vue.d.ts

@@ -0,0 +1,9 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    image: StringConstructor;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    title: StringConstructor;
+    image: StringConstructor;
+}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/window/WindowFrame.vue.d.ts

@@ -0,0 +1,20 @@
+type __VLS_Props = {
+    title?: string;
+    image?: string;
+};
+declare var __VLS_6: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_6) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    title: string;
+    image: string;
+}, {}, {}, {}, 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;
+    };
+};