veleta-templates 0.0.7 → 0.0.9

package/dist/components/veleta-brooklyn-template.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VeletaBrooklynTemplate extends Components.VeletaBrooklynTemplate, HTMLElement {}
+export const VeletaBrooklynTemplate: {
+    prototype: VeletaBrooklynTemplate;
+    new (): VeletaBrooklynTemplate;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/components/veleta-umami-template.d.ts

@@ -0,0 +1,11 @@
+import type { Components, JSX } from "../types/components";
+
+interface VeletaUmamiTemplate extends Components.VeletaUmamiTemplate, HTMLElement {}
+export const VeletaUmamiTemplate: {
+    prototype: VeletaUmamiTemplate;
+    new (): VeletaUmamiTemplate;
+};
+/**
+ * Used to define this component and all nested components recursively.
+ */
+export const defineCustomElement: () => void;

package/dist/types/components/{boston-template/boston-template.d.ts → brooklyn-template/brooklyn-template.d.ts}

@@ -1,11 +1,18 @@
-export declare class BostonTemplate {
+import { Menu } from '../../types/interfaces';
+export declare class BrooklynTemplate {
     el: HTMLElement;
+    /**
+     * Menu data as JSON string
+     */
     dataJson: string;
+    /**
+     * Menu data as object
+     */
+    data?: Menu;
     private readonly fontConfig;
     private observer;
     componentWillLoad(): Promise<void>;
     componentDidLoad(): void;
-    componentDidUpdate(): void;
     disconnectedCallback(): void;
     private initObserver;
     render(): any;

package/dist/types/components/umami-template/umami-template.d.ts

@@ -0,0 +1,22 @@
+import { Menu } from '../../types/interfaces';
+export declare class UmamiTemplate {
+    el: HTMLElement;
+    /**
+     * Menu data as JSON string (for compatibility with HTML attributes)
+     * @deprecated Use `data` prop instead for better type safety
+     */
+    dataJson: string;
+    /**
+     * Menu data as object (recommended for frameworks like Angular, React, Vue)
+     * This takes precedence over dataJson if both are provided
+     */
+    data?: Menu;
+    private readonly fontConfig;
+    private observer;
+    componentWillLoad(): Promise<void>;
+    componentDidLoad(): void;
+    componentDidUpdate(): void;
+    disconnectedCallback(): void;
+    private initObserver;
+    render(): any;
+}

package/dist/types/components.d.ts

@@ -5,41 +5,86 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
+import { Menu } from "./types/interfaces";
+export { Menu } from "./types/interfaces";
 export namespace Components {
-    interface VeletaBostonTemplate {
+    interface VeletaBrooklynTemplate {
         /**
+          * Menu data as object
+         */
+        "data"?: Menu;
+        /**
+          * Menu data as JSON string
+          * @default '{}'
+         */
+        "dataJson": string;
+    }
+    interface VeletaUmamiTemplate {
+        /**
+          * Menu data as object (recommended for frameworks like Angular, React, Vue) This takes precedence over dataJson if both are provided
+         */
+        "data"?: Menu;
+        /**
+          * Menu data as JSON string (for compatibility with HTML attributes)
+          * @deprecated Use `data` prop instead for better type safety
           * @default '{}'
          */
         "dataJson": string;
     }
 }
 declare global {
-    interface HTMLVeletaBostonTemplateElement extends Components.VeletaBostonTemplate, HTMLStencilElement {
+    interface HTMLVeletaBrooklynTemplateElement extends Components.VeletaBrooklynTemplate, HTMLStencilElement {
+    }
+    var HTMLVeletaBrooklynTemplateElement: {
+        prototype: HTMLVeletaBrooklynTemplateElement;
+        new (): HTMLVeletaBrooklynTemplateElement;
+    };
+    interface HTMLVeletaUmamiTemplateElement extends Components.VeletaUmamiTemplate, HTMLStencilElement {
     }
-    var HTMLVeletaBostonTemplateElement: {
-        prototype: HTMLVeletaBostonTemplateElement;
-        new (): HTMLVeletaBostonTemplateElement;
+    var HTMLVeletaUmamiTemplateElement: {
+        prototype: HTMLVeletaUmamiTemplateElement;
+        new (): HTMLVeletaUmamiTemplateElement;
     };
     interface HTMLElementTagNameMap {
-        "veleta-boston-template": HTMLVeletaBostonTemplateElement;
+        "veleta-brooklyn-template": HTMLVeletaBrooklynTemplateElement;
+        "veleta-umami-template": HTMLVeletaUmamiTemplateElement;
     }
 }
 declare namespace LocalJSX {
-    interface VeletaBostonTemplate {
+    interface VeletaBrooklynTemplate {
+        /**
+          * Menu data as object
+         */
+        "data"?: Menu;
+        /**
+          * Menu data as JSON string
+          * @default '{}'
+         */
+        "dataJson"?: string;
+    }
+    interface VeletaUmamiTemplate {
+        /**
+          * Menu data as object (recommended for frameworks like Angular, React, Vue) This takes precedence over dataJson if both are provided
+         */
+        "data"?: Menu;
         /**
+          * Menu data as JSON string (for compatibility with HTML attributes)
+          * @deprecated Use `data` prop instead for better type safety
           * @default '{}'
          */
         "dataJson"?: string;
     }
     interface IntrinsicElements {
-        "veleta-boston-template": VeletaBostonTemplate;
+        "veleta-brooklyn-template": VeletaBrooklynTemplate;
+        "veleta-umami-template": VeletaUmamiTemplate;
     }
 }
 export { LocalJSX as JSX };
 declare module "@stencil/core" {
     export namespace JSX {
         interface IntrinsicElements {
-            "veleta-boston-template": LocalJSX.VeletaBostonTemplate & JSXBase.HTMLAttributes<HTMLVeletaBostonTemplateElement>;
+            "veleta-brooklyn-template": LocalJSX.VeletaBrooklynTemplate & JSXBase.HTMLAttributes<HTMLVeletaBrooklynTemplateElement>;
+            "veleta-umami-template": LocalJSX.VeletaUmamiTemplate & JSXBase.HTMLAttributes<HTMLVeletaUmamiTemplateElement>;
         }
     }
 }

package/dist/{collection/utils/font-loader.js → veleta-templates/data-helpers-D4I_FcWC.js}

@@ -5,14 +5,14 @@
  * @param fontConfig Configuración de fuentes para webfontloader
  * @returns Promise que se resuelve cuando las fuentes se cargan
  */
-export async function loadFonts(fontConfig) {
+async function loadFonts(fontConfig) {
     if (!fontConfig || (!fontConfig.google && !fontConfig.custom)) {
         return Promise.resolve();
     }
     try {
         // Importación dinámica de webfontloader
         // webfontloader puede exportar de diferentes formas según el entorno
-        const webfontloaderModule = await import('webfontloader');
+        const webfontloaderModule = await import('./webfontloader-DOPt-hQf.js').then(function (n) { return n.w; });
         const WebFont = webfontloaderModule.default || webfontloaderModule;
         if (!WebFont || typeof WebFont.load !== 'function') {
             console.warn('webfontloader no está disponible o no tiene el método load');
@@ -47,8 +47,18 @@ export async function loadFonts(fontConfig) {
  * @param element Elemento HTML al que aplicar la fuente
  * @param fontFamily Familia de fuente CSS (ej: "Roboto, sans-serif")
  */
-export function applyFontFamily(element, fontFamily) {
+function applyFontFamily(element, fontFamily) {
     if (fontFamily && element) {
         element.style.fontFamily = fontFamily;
     }
 }
+
+/**
+ * Formatea un precio como string con símbolo de euro.
+ * Si es un número entero, no muestra decimales.
+ */
+function formatPrice(price) {
+    return (price % 1 === 0 ? price.toString() : price.toFixed(2)) + '€';
+}
+
+export { applyFontFamily as a, formatPrice as f, loadFonts as l };