veleta-templates 0.0.21 → 0.0.22

package/dist/veleta-templates/index.esm.js

@@ -0,0 +1 @@
+

package/dist/{esm → veleta-templates}/veleta-default-template.entry.js

@@ -1,9 +1,69 @@
-import { r as registerInstance, h, g as getElement } from './index-fw0ZKjNE.js';
+import { r as registerInstance, h, a as getElement } from './index-DwwvSqLV.js';
 
 /**
  * Parsea un prop que puede ser un string JSON o un array/objeto directo.
  * Compatible con Angular/Ionic (objetos directos) y Astro/vanilla JS (strings JSON).
  */
+function parseList(json) {
+    try {
+        // Si ya es un array (Angular/Ionic pasa objetos directamente), devolverlo directamente
+        if (Array.isArray(json)) {
+            return json;
+        }
+        // Si es string, parsearlo (Astro, vanilla JS, etc. pasan strings JSON)
+        if (typeof json === 'string') {
+            const cleaned = json.trim();
+            // Si está vacío o es el valor por defecto, retornar array vacío
+            if (!cleaned || cleaned === '[]' || cleaned === '{}') {
+                return [];
+            }
+            const res = JSON.parse(cleaned);
+            return Array.isArray(res) ? res : [];
+        }
+        return [];
+    }
+    catch (_a) {
+        // Intentar parsear sin las comillas externas si están escapadas
+        if (typeof json === 'string') {
+            try {
+                const unescaped = json.replace(/"/g, '"').replace(/'/g, "'");
+                const res = JSON.parse(unescaped);
+                return Array.isArray(res) ? res : [];
+            }
+            catch (_b) {
+                return [];
+            }
+        }
+        return [];
+    }
+}
+/**
+ * Parsea un prop de tema que puede ser un string JSON o un objeto directo.
+ * Compatible con Angular/Ionic (objetos directos) y Astro/vanilla JS (strings JSON).
+ */
+function parseTheme(themeJson) {
+    try {
+        // Si ya es un objeto (Angular/Ionic pasa objetos directamente), devolverlo
+        if (typeof themeJson === 'object' && themeJson !== null && !Array.isArray(themeJson)) {
+            return themeJson;
+        }
+        // Si es string, parsearlo (Astro, vanilla JS, etc. pasan strings JSON)
+        if (typeof themeJson === 'string') {
+            const cleaned = themeJson.trim();
+            if (!cleaned || cleaned === '{}') {
+                return null;
+            }
+            const res = JSON.parse(cleaned);
+            return res && typeof res === 'object' && !Array.isArray(res)
+                ? res
+                : null;
+        }
+        return null;
+    }
+    catch (_a) {
+        return null;
+    }
+}
 /**
  * Parsea los props de un menú (objeto directo o string JSON).
  */
@@ -30,7 +90,7 @@ function formatPrice(price) {
     return (price % 1 === 0 ? price.toString() : price.toFixed(2)) + '€';
 }
 
-const defaultTemplateCss = () => `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); .menu-tabs-container{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;margin-bottom:24px}.menu-tabs-scroll{display:-ms-flexbox;display:flex;gap:12px;overflow-x:auto;padding:0 20px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.menu-tabs-scroll::after{content:"";padding-right:20px}.menu-tabs-scroll::-webkit-scrollbar{display:none}.menu-tab-item{white-space:nowrap;padding:1rem;border:none;-webkit-box-shadow:inset 0 -2px 0 0 transparent;box-shadow:inset 0 -2px 0 0 transparent;background-color:transparent;color:#71717a;font-size:1rem;font-weight:500;cursor:pointer;-webkit-transition:color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:color 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;font-family:inherit;-ms-flex-negative:0;flex-shrink:0;outline:none}.menu-tab-item:hover{color:#18181b}.menu-tab-item.active{color:#18181b;-webkit-box-shadow:inset 0 -2px 0 0 #18181b;box-shadow:inset 0 -2px 0 0 #18181b}.menu-tabs-container::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:-webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.8)));background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8));pointer-events:none;opacity:0;}.menu-wrapper{font-family:"Poppins", sans-serif;max-width:800px;margin:0 auto;padding:20px 0;background-color:#ffffff;min-height:100vh}.menu-header{text-align:center;margin-bottom:24px;padding:0 20px;}.business-name{font-size:2.5rem;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em}.business-description{font-size:1.1rem;color:#71717a;margin:0 auto;padding-left:1px;padding-right:1px;line-height:1.5rem}.menu-section{margin-bottom:48px}.section-title{font-size:1.3rem;font-weight:600;padding-bottom:8px;margin-bottom:1rem}.section-description{font-size:1rem;color:#71717a;margin-bottom:20px;margin-top:-16px;line-height:1.25rem}.dishes-list{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;gap:16px}.dish-item{padding:1rem 0.2rem;border-bottom:1px solid #e4e4e7;-webkit-transition:all 0.2s ease;transition:all 0.2s ease}.dish-item:hover{border-color:#e4e4e7}.dish-header{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-align:baseline;align-items:baseline;gap:12px}.dish-name{font-weight:500;font-size:1rem;color:#18181b}.dish-price{font-weight:400;font-size:0.9rem;color:#18181b}.dish-details{max-height:1.35rem;overflow:hidden;margin-top:4px;opacity:1;-webkit-transition:max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1);transition:max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1)}.dish-item.expanded .dish-details{max-height:400px;margin-top:4px}.dish-description{font-size:0.9rem;color:#71717a;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.dish-item.expanded .dish-description{-webkit-line-clamp:10}.menu-content{padding:0.1rem 20px}.menu-footer{margin-top:80px;text-align:center;padding:0 20px}.social-link{display:inline-block;padding:12px 24px;border-radius:99px;color:white;text-decoration:none;font-weight:500;-webkit-transition:opacity 0.2s;transition:opacity 0.2s}.social-link:hover{opacity:0.9}.menu-loading{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:200px;color:#71717a}`;
+const defaultTemplateCss = () => `@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); .menu-tabs-container{position:sticky;top:0;z-index:100;background-color:white;backdrop-filter:blur(10px);padding:0;margin-bottom:24px}.menu-tabs-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 20px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.menu-tabs-scroll::after{content:"";padding-right:20px}.menu-tabs-scroll::-webkit-scrollbar{display:none}.menu-tab-item{white-space:nowrap;padding:1rem;border:none;box-shadow:inset 0 -2px 0 0 transparent;background-color:transparent;color:#71717a;font-size:1rem;font-weight:500;cursor:pointer;transition:color 0.3s ease, box-shadow 0.3s ease;font-family:inherit;flex-shrink:0;outline:none}.menu-tab-item:hover{color:#18181b}.menu-tab-item.active{color:#18181b;box-shadow:inset 0 -2px 0 0 #18181b}.menu-tabs-container::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8));pointer-events:none;opacity:0;}.menu-wrapper{font-family:"Poppins", sans-serif;max-width:800px;margin:0 auto;padding:20px 0;background-color:#ffffff;min-height:100vh}.menu-header{text-align:center;margin-bottom:24px;padding:0 20px;}.business-name{font-size:2.5rem;font-weight:700;margin-bottom:8px;letter-spacing:-0.02em}.business-description{font-size:1.1rem;color:#71717a;margin:0 auto;padding-left:1px;padding-right:1px;line-height:1.5rem}.menu-section{margin-bottom:48px}.section-title{font-size:1.3rem;font-weight:600;padding-bottom:8px;margin-bottom:1rem}.section-description{font-size:1rem;color:#71717a;margin-bottom:20px;margin-top:-16px;line-height:1.25rem}.dishes-list{display:flex;flex-direction:column;gap:16px}.dish-item{padding:1rem 0.2rem;border-bottom:1px solid #e4e4e7;transition:all 0.2s ease}.dish-item:hover{border-color:#e4e4e7}.dish-header{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.dish-name{font-weight:500;font-size:1rem;color:#18181b}.dish-price{font-weight:400;font-size:0.9rem;color:#18181b}.dish-details{max-height:1.35rem;overflow:hidden;margin-top:4px;opacity:1;transition:max-height 0.6s cubic-bezier(0.25, 1, 0.5, 1)}.dish-item.expanded .dish-details{max-height:400px;margin-top:4px}.dish-description{font-size:0.9rem;color:#71717a;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical}.dish-item.expanded .dish-description{-webkit-line-clamp:10}.menu-content{padding:0.1rem 20px}.menu-footer{margin-top:80px;text-align:center;padding:0 20px}.social-link{display:inline-block;padding:12px 24px;border-radius:99px;color:white;text-decoration:none;font-weight:500;transition:opacity 0.2s}.social-link:hover{opacity:0.9}.menu-loading{display:flex;justify-content:center;align-items:center;height:200px;color:#71717a}`;
 
 const DefaultTemplate = class {
     constructor(hostRef) {
@@ -137,11 +197,11 @@ const DefaultTemplate = class {
         if (!menuData) {
             return h("div", { class: "menu-loading" }, "Loading...");
         }
-        const { business, sections, templateData } = menuData;
+        const { sections, templateData, menu } = menuData;
         const theme = templateData === null || templateData === void 0 ? void 0 : templateData.theme;
         const primaryColor = (theme === null || theme === void 0 ? void 0 : theme.primaryColor) || '#18181b';
         const sortedSections = [...(sections || [])].sort((a, b) => a.order - b.order);
-        return (h("div", { class: "menu-wrapper" }, h("header", { class: "menu-header" }, (business === null || business === void 0 ? void 0 : business.name) && h("h1", { class: "business-name" }, business.name), (business === null || business === void 0 ? void 0 : business.description) && (h("p", { class: "business-description" }, business.description))), h("veleta-menu-tabs", { sections: sortedSections.map((s) => ({ id: s.id, title: s.title })), activeSectionId: this.activeSectionId || ((_a = sortedSections[0]) === null || _a === void 0 ? void 0 : _a.id), onTabClick: (ev) => this.handleTabClick(ev.detail) }), h("main", { class: "menu-content" }, sortedSections.map((section) => {
+        return (h("div", { class: "menu-wrapper" }, h("header", { class: "menu-header" }, (menu === null || menu === void 0 ? void 0 : menu.name) && h("h1", { class: "business-name" }, menu.name), (menu === null || menu === void 0 ? void 0 : menu.description) && (h("p", { class: "business-description" }, menu.description))), h("veleta-menu-tabs", { sections: sortedSections.map((s) => ({ id: s.id, title: s.title })), activeSectionId: this.activeSectionId || ((_a = sortedSections[0]) === null || _a === void 0 ? void 0 : _a.id), onTabClick: (ev) => this.handleTabClick(ev.detail) }), h("main", { class: "menu-content" }, sortedSections.map((section) => {
             var _a;
             return (h("section", { key: section.id, id: `section-${section.id}`, class: "menu-section" }, h("h2", { class: "section-title", style: { borderColor: primaryColor } }, section.title), section.description && (h("p", { class: "section-description" }, section.description)), h("div", { class: "dishes-list" }, (_a = section.dishes) === null || _a === void 0 ? void 0 : _a.sort((a, b) => a.order - b.order).map((dish) => (h("div", { key: dish.id, class: `dish-item ${this.expandedDishes[dish.id] ? 'expanded' : ''}`, onClick: () => this.toggleDish(dish.id) }, h("div", { class: "dish-header" }, h("span", { class: "dish-name" }, dish.name), h("span", { class: "dish-price" }, formatPrice(dish.price))), dish.description && (h("div", { class: "dish-details" }, h("p", { class: "dish-description" }, dish.description)))))))));
         }))));

package/dist/{esm → veleta-templates}/veleta-menu-tabs.entry.js

@@ -1,11 +1,11 @@
-import { r as registerInstance, c as createEvent, h, g as getElement } from './index-fw0ZKjNE.js';
+import { r as registerInstance, d as createEvent, h, a as getElement } from './index-DwwvSqLV.js';
 
-const menuTabsCss = () => `.menu-tabs-container{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:white;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0;margin-bottom:24px}.menu-tabs-scroll{display:-ms-flexbox;display:flex;gap:12px;overflow-x:auto;padding:0 20px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.menu-tabs-scroll::after{content:"";padding-right:20px}.menu-tabs-scroll::-webkit-scrollbar{display:none}.menu-tab-item{white-space:nowrap;padding:1rem;border:none;-webkit-box-shadow:inset 0 -2px 0 0 transparent;box-shadow:inset 0 -2px 0 0 transparent;background-color:transparent;color:#71717a;font-size:1rem;font-weight:500;cursor:pointer;-webkit-transition:color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:color 0.3s ease, -webkit-box-shadow 0.3s ease;transition:color 0.3s ease, box-shadow 0.3s ease;transition:color 0.3s ease, box-shadow 0.3s ease, -webkit-box-shadow 0.3s ease;font-family:inherit;-ms-flex-negative:0;flex-shrink:0;outline:none}.menu-tab-item:hover{color:#18181b}.menu-tab-item.active{color:#18181b;-webkit-box-shadow:inset 0 -2px 0 0 #18181b;box-shadow:inset 0 -2px 0 0 #18181b}.menu-tabs-container::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:-webkit-gradient(linear, left top, right top, from(transparent), to(rgba(255, 255, 255, 0.8)));background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8));pointer-events:none;opacity:0;}`;
+const menuTabsCss = () => `.menu-tabs-container{position:sticky;top:0;z-index:100;background-color:white;backdrop-filter:blur(10px);padding:0;margin-bottom:24px}.menu-tabs-scroll{display:flex;gap:12px;overflow-x:auto;padding:0 20px;scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}.menu-tabs-scroll::after{content:"";padding-right:20px}.menu-tabs-scroll::-webkit-scrollbar{display:none}.menu-tab-item{white-space:nowrap;padding:1rem;border:none;box-shadow:inset 0 -2px 0 0 transparent;background-color:transparent;color:#71717a;font-size:1rem;font-weight:500;cursor:pointer;transition:color 0.3s ease, box-shadow 0.3s ease;font-family:inherit;flex-shrink:0;outline:none}.menu-tab-item:hover{color:#18181b}.menu-tab-item.active{color:#18181b;box-shadow:inset 0 -2px 0 0 #18181b}.menu-tabs-container::after{content:"";position:absolute;right:0;top:0;bottom:0;width:40px;background:linear-gradient(to right, transparent, rgba(255, 255, 255, 0.8));pointer-events:none;opacity:0;}`;
 
 const MenuTabs = class {
     constructor(hostRef) {
         registerInstance(this, hostRef);
-        this.tabClick = createEvent(this, "tabClick");
+        this.tabClick = createEvent(this, "tabClick", 7);
         this.sections = [];
         this.activeSectionId = '';
     }

package/dist/veleta-templates/veleta-templates.css

@@ -1 +1,8 @@
-@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap"); :root{font-family:"Poppins", sans-serif}body{font-family:"Poppins", sans-serif}
+@import url("https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap");
+:root {
+  font-family: "Poppins", sans-serif;
+}
+
+body {
+  font-family: "Poppins", sans-serif;
+}

package/dist/veleta-templates/veleta-templates.esm.js

@@ -1 +1,47 @@
-import{p as e,b as a}from"./p-fw0ZKjNE.js";export{s as setNonce}from"./p-fw0ZKjNE.js";import{g as t}from"./p-DQuL1Twl.js";(()=>{const a=import.meta.url,t={};return""!==a&&(t.resourcesUrl=new URL(".",a).href),e(t)})().then((async e=>(await t(),a([["p-31ab2ac4",[[0,"veleta-menu-tabs",{sections:[16],activeSectionId:[1,"active-section-id"]},null,{activeSectionId:[{handleActiveSectionChange:0}]}]]],["p-24ad7b94",[[0,"veleta-default-template",{data:[16],dataJson:[1,"data-json"],expandedDishes:[32],activeSectionId:[32]}]]]],e))));
+import { B as BUILD, c as consoleDevInfo, H, w as win, N as NAMESPACE, p as promiseResolve, g as globalScripts, b as bootstrapLazy } from './index-DwwvSqLV.js';
+export { s as setNonce } from './index-DwwvSqLV.js';
+
+/*
+ Stencil Client Patch Browser v4.43.3 | MIT Licensed | https://stenciljs.com
+ */
+
+var patchBrowser = () => {
+  if (BUILD.isDev && !BUILD.isTesting) {
+    consoleDevInfo("Running in development mode.");
+  }
+  if (BUILD.cloneNodeFix) {
+    patchCloneNodeFix(H.prototype);
+  }
+  const scriptElm = BUILD.scriptDataOpts ? win.document && Array.from(win.document.querySelectorAll("script")).find(
+    (s) => new RegExp(`/${NAMESPACE}(\\.esm)?\\.js($|\\?|#)`).test(s.src) || s.getAttribute("data-stencil-namespace") === NAMESPACE
+  ) : null;
+  const importMeta = import.meta.url;
+  const opts = BUILD.scriptDataOpts ? (scriptElm || {})["data-opts"] || {} : {};
+  if (importMeta !== "") {
+    opts.resourcesUrl = new URL(".", importMeta).href;
+  }
+  return promiseResolve(opts);
+};
+var patchCloneNodeFix = (HTMLElementPrototype) => {
+  const nativeCloneNodeFn = HTMLElementPrototype.cloneNode;
+  HTMLElementPrototype.cloneNode = function(deep) {
+    if (this.nodeName === "TEMPLATE") {
+      return nativeCloneNodeFn.call(this, deep);
+    }
+    const clonedNode = nativeCloneNodeFn.call(this, false);
+    const srcChildNodes = this.childNodes;
+    if (deep) {
+      for (let i = 0; i < srcChildNodes.length; i++) {
+        if (srcChildNodes[i].nodeType !== 2) {
+          clonedNode.appendChild(srcChildNodes[i].cloneNode(true));
+        }
+      }
+    }
+    return clonedNode;
+  };
+};
+
+patchBrowser().then(async (options) => {
+  await globalScripts();
+  return bootstrapLazy([["veleta-menu-tabs",[[0,"veleta-menu-tabs",{"sections":[16],"activeSectionId":[1,"active-section-id"]},null,{"activeSectionId":[{"handleActiveSectionChange":0}]}]]],["veleta-default-template",[[0,"veleta-default-template",{"data":[16],"dataJson":[1,"data-json"],"expandedDishes":[32],"activeSectionId":[32]}]]]], options);
+});

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "veleta-templates",
-  "version": "0.0.21",
+  "version": "0.0.22",
   "description": "Stencil Component Starter with TypeScript and PostCSS",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/dist/cjs/app-globals-V2Kpy_OQ.js

@@ -1,5 +0,0 @@
-'use strict';
-
-const globalScripts = () => {};
-
-exports.globalScripts = globalScripts;