energy-components 1.0.2

package/dist/types/src/components/input/text-area/text-area.vue.d.ts

@@ -0,0 +1,281 @@
+declare var __VLS_0: {};
+declare var __VLS_6: {};
+declare var __VLS_12: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {};
+declare const __VLS_templateResult: {
+    slots: {
+        "left-icon"?(_: typeof __VLS_0): any;
+        "right-icon"?(_: typeof __VLS_6): any;
+        "helper-text"?(_: typeof __VLS_12): any;
+    };
+    refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
+declare const __VLS_component: import("vue").DefineComponent<{
+    /**
+     * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+        validator(value: string): boolean;
+    };
+    /**
+     * Etiqueta que se muestra el nombre del control
+     */
+    name: {
+        type: StringConstructor;
+        required: false;
+        validator(value: string): boolean;
+    };
+    /**
+     * Identificador único del campo de entrada.
+     */
+    id: {
+        type: StringConstructor;
+        required: false;
+        validator(value: string): boolean;
+    };
+    /**
+     * v-model valor de entrada y salida
+     */
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Indica si el campo de entrada está deshabilitado o no.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Número máximo de caracteres permitidos en el campo de entrada.
+     */
+    maxlength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Número mínimo de caracteres permitidos en el campo de entrada.
+     */
+    minlength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Muestra estilos de error si el length del input no es correcto.
+     */
+    lengthError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Número de rows.
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Nombre del icono que se mostrará dentro del campo de entrada.
+     * por defecto se mosrtrara a al izquierda del campo
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Muestra un icono a la derecha
+     * Se desactiva si la opccion de `clearable` esta activa
+     */
+    rightIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si se debe mostrar un mensaje de ayuda debajo del campo de entrada o no.
+     */
+    helper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si se debe mostrar el counter.
+     */
+    counter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de entrada contiene un error o no.
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra un boton para limpiar el campo de texto
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Texto que se muestra como mensaje de ayuda debajo del campo de entrada.
+     */
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+        validator(value: string): boolean;
+    };
+    /**
+     * Etiqueta que se muestra el nombre del control
+     */
+    name: {
+        type: StringConstructor;
+        required: false;
+        validator(value: string): boolean;
+    };
+    /**
+     * Identificador único del campo de entrada.
+     */
+    id: {
+        type: StringConstructor;
+        required: false;
+        validator(value: string): boolean;
+    };
+    /**
+     * v-model valor de entrada y salida
+     */
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Indica si el campo de entrada está deshabilitado o no.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Número máximo de caracteres permitidos en el campo de entrada.
+     */
+    maxlength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Número mínimo de caracteres permitidos en el campo de entrada.
+     */
+    minlength: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Muestra estilos de error si el length del input no es correcto.
+     */
+    lengthError: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Número de rows.
+     */
+    rows: {
+        type: NumberConstructor;
+        default: number;
+    };
+    /**
+     * Nombre del icono que se mostrará dentro del campo de entrada.
+     * por defecto se mosrtrara a al izquierda del campo
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Muestra un icono a la derecha
+     * Se desactiva si la opccion de `clearable` esta activa
+     */
+    rightIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si se debe mostrar un mensaje de ayuda debajo del campo de entrada o no.
+     */
+    helper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si se debe mostrar el counter.
+     */
+    counter: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de entrada contiene un error o no.
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra un boton para limpiar el campo de texto
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Texto que se muestra como mensaje de ayuda debajo del campo de entrada.
+     */
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}, {
+    error: boolean;
+    icon: string;
+    disabled: boolean;
+    rightIcon: string;
+    helper: boolean;
+    helperText: string;
+    clearable: boolean;
+    maxlength: number;
+    minlength: number;
+    lengthError: boolean;
+    rows: number;
+    counter: boolean;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_PickRefsExpose<T> = T extends object ? {
+    [K in keyof T]: (T[K] extends any[] ? Parameters<T[K][0]['expose']>[0][] : T[K] extends {
+        expose?: (exposed: infer E) => void;
+    } ? E : T[K]) | null;
+} : never;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/input/text-field/text-field.vue.d.ts

@@ -0,0 +1,271 @@
+declare var __VLS_0: {};
+declare var __VLS_12: {};
+declare var __VLS_inheritedAttrs: {};
+declare const __VLS_refs: {};
+declare const __VLS_templateResult: {
+    slots: {
+        "left-icon"?(_: typeof __VLS_0): any;
+        "right-icon"?(_: {}): any;
+        "helper-text"?(_: typeof __VLS_12): any;
+    };
+    refs: __VLS_PickRefsExpose<typeof __VLS_refs>;
+    attrs: Partial<typeof __VLS_inheritedAttrs>;
+};
+type __VLS_Slots = typeof __VLS_templateResult['slots'];
+declare const __VLS_component: import("vue").DefineComponent<{
+    /**
+     * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Identificador único del campo de entrada.
+     */
+    id: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+        default: string;
+    };
+    /**
+     * v-model valor de entrada y salida
+     */
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Indica si el campo de entrada está deshabilitado o no.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de entrada es de solo lectura o no.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Número máximo de caracteres permitidos en el campo de entrada.
+     */
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Número mínimo de caracteres permitidos en el campo de entrada.
+     */
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Nombre del icono que se mostrará dentro del campo de entrada.
+     * por defecto se mosrtrara a al izquierda del campo
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Muestra un icono a la derecha
+     * Se desactiva si la opccion de `clearable` esta activa
+     */
+    rightIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si se debe mostrar un mensaje de ayuda debajo del campo de entrada o no.
+     */
+    helper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de entrada contiene un error o no.
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Texto que se muestra como mensaje de ayuda debajo del campo de entrada.
+     */
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Muestra un boton para limpiar el campo de texto
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra el campo de texto como password
+     */
+    password: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de texto es para una nueva contraseña (solo para campos de contraseña).
+     * Opciones permitidas: 'new-password', 'current-password', 'off'.
+     */
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string, props: any) => boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (modelValue: string) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * Etiqueta que se muestra sobre el campo de entrada. y Placeholder
+     */
+    label: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Identificador único del campo de entrada.
+     */
+    id: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: true;
+        default: string;
+    };
+    /**
+     * v-model valor de entrada y salida
+     */
+    modelValue: {
+        type: StringConstructor;
+        required: true;
+    };
+    /**
+     * Indica si el campo de entrada está deshabilitado o no.
+     */
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de entrada es de solo lectura o no.
+     */
+    readonly: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Número máximo de caracteres permitidos en el campo de entrada.
+     */
+    maxLength: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Número mínimo de caracteres permitidos en el campo de entrada.
+     */
+    minLength: {
+        type: NumberConstructor;
+        default: number;
+        validator: (value: number) => boolean;
+    };
+    /**
+     * Nombre del icono que se mostrará dentro del campo de entrada.
+     * por defecto se mosrtrara a al izquierda del campo
+     */
+    icon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Muestra un icono a la derecha
+     * Se desactiva si la opccion de `clearable` esta activa
+     */
+    rightIcon: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Indica si se debe mostrar un mensaje de ayuda debajo del campo de entrada o no.
+     */
+    helper: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de entrada contiene un error o no.
+     */
+    error: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Texto que se muestra como mensaje de ayuda debajo del campo de entrada.
+     */
+    helperText: {
+        type: StringConstructor;
+        default: string;
+    };
+    /**
+     * Muestra un boton para limpiar el campo de texto
+     */
+    clearable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Muestra el campo de texto como password
+     */
+    password: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * Indica si el campo de texto es para una nueva contraseña (solo para campos de contraseña).
+     * Opciones permitidas: 'new-password', 'current-password', 'off'.
+     */
+    autocomplete: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string, props: any) => boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((modelValue: string) => any) | undefined;
+}, {
+    error: boolean;
+    icon: string;
+    disabled: boolean;
+    id: string | number;
+    password: boolean;
+    readonly: boolean;
+    maxLength: number;
+    minLength: number;
+    rightIcon: string;
+    helper: boolean;
+    helperText: string;
+    clearable: boolean;
+    autocomplete: string;
+}, {}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_PickRefsExpose<T> = T extends object ? {
+    [K in keyof T]: (T[K] extends any[] ? Parameters<T[K][0]['expose']>[0][] : T[K] extends {
+        expose?: (exposed: infer E) => void;
+    } ? E : T[K]) | null;
+} : never;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/src/components/navigation/breadcrumbs/breadcrumbs.vue.d.ts

@@ -0,0 +1,63 @@
+import RDSLink from '../link/link.vue';
+type _RDSLinkProps = Omit<InstanceType<typeof RDSLink>, `$${string}`>;
+export type RDSLinkProps = _RDSLinkProps & {
+    clickable?: boolean;
+    active?: boolean;
+    right: never;
+    arrow: never;
+    kind: never;
+    icon: never;
+};
+declare const _default: import("vue").DefineComponent<{
+    /**
+     * <span>Lista de items a mostrar en el breadcrumb</span>
+     */
+    items: {
+        type: () => RDSLinkProps[];
+        required: true;
+    };
+    /**
+     * <span>Indica si el breadcrumb se mostrará en modo inverso. En modo inverso, el texto es claro sobre un fondo oscuro.</span>
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el breadcrumb debe ser recortado en el medio, y mostrar un botón en su lugar.</span>
+     */
+    trimItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    onClickTrimmedList: (value: RDSLinkProps[]) => void;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /**
+     * <span>Lista de items a mostrar en el breadcrumb</span>
+     */
+    items: {
+        type: () => RDSLinkProps[];
+        required: true;
+    };
+    /**
+     * <span>Indica si el breadcrumb se mostrará en modo inverso. En modo inverso, el texto es claro sobre un fondo oscuro.</span>
+     */
+    inverse: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    /**
+     * <span>Indica si el breadcrumb debe ser recortado en el medio, y mostrar un botón en su lugar.</span>
+     */
+    trimItems: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onOnClickTrimmedList?: ((value: RDSLinkProps[]) => any) | undefined;
+}, {
+    inverse: boolean;
+    trimItems: boolean;
+}, {}>;
+export default _default;

package/dist/types/src/components/navigation/link/link.types.d.ts

@@ -0,0 +1,15 @@
+export interface LinkProps {
+    text: string;
+    to?: string;
+    kind?: string;
+    icon?: {
+        name: string;
+        modifier?: string;
+    };
+    tag: string;
+    disabled?: boolean;
+    inverse?: boolean;
+    arrow?: boolean;
+    right?: boolean;
+    underline?: boolean;
+}