veleta-templates 0.0.21 → 0.0.22

package/dist/collection/components/default-template/default-template.js

@@ -1,183 +0,0 @@
-import { h } from "@stencil/core";
-import { parseMenu } from "../../utils/prop-parser";
-import { formatPrice } from "../../utils/data-helpers";
-export class DefaultTemplate {
-    constructor() {
-        this.expandedDishes = {};
-        this.activeSectionId = '';
-        this.sectionVisibility = new Map();
-        this.isScrollingByTab = false;
-        this.toggleDish = (id) => {
-            this.expandedDishes = Object.assign(Object.assign({}, this.expandedDishes), { [id]: !this.expandedDishes[id] });
-        };
-        this.handleTabClick = (sectionId) => {
-            const sectionEl = this.el.querySelector(`#section-${sectionId}`);
-            if (sectionEl) {
-                this.isScrollingByTab = true;
-                this.activeSectionId = sectionId; // Force active state on click
-                const headerOffset = 95; // Account for sticky tabs and observer threshold
-                const elementPosition = sectionEl.getBoundingClientRect().top;
-                const offsetPosition = elementPosition + window.pageYOffset - headerOffset;
-                window.scrollTo({
-                    top: offsetPosition,
-                    behavior: 'smooth',
-                });
-            }
-        };
-        this.handleScroll = () => {
-            if (this.isScrollingByTab) {
-                clearTimeout(this.scrollTimeout);
-                this.scrollTimeout = setTimeout(() => {
-                    this.isScrollingByTab = false;
-                    this.updateActiveSection();
-                }, 150);
-                return;
-            }
-            this.updateActiveSection();
-        };
-        this.updateActiveSection = () => {
-            if (this.isScrollingByTab)
-                return;
-            const sections = Array.from(this.el.querySelectorAll('.menu-section'));
-            if (sections.length === 0)
-                return;
-            const isBottom = window.innerHeight + window.pageYOffset >=
-                document.documentElement.scrollHeight - 10;
-            let newActiveId = this.activeSectionId;
-            if (isBottom) {
-                // Find the last visible section at the bottom of the page
-                for (let i = sections.length - 1; i >= 0; i--) {
-                    if (this.sectionVisibility.get(sections[i].id)) {
-                        newActiveId = sections[i].id.replace('section-', '');
-                        break;
-                    }
-                }
-            }
-            else {
-                // Find the first visible section
-                for (const section of sections) {
-                    if (this.sectionVisibility.get(section.id)) {
-                        newActiveId = section.id.replace('section-', '');
-                        break;
-                    }
-                }
-            }
-            if (newActiveId !== this.activeSectionId) {
-                this.activeSectionId = newActiveId;
-            }
-        };
-        /**
-         * Menu data as JSON string (for compatibility with HTML attributes)
-         */
-        this.dataJson = '{}';
-    }
-    componentDidLoad() {
-        this.initIntersectionObserver();
-        window.addEventListener('scroll', this.handleScroll);
-    }
-    disconnectedCallback() {
-        if (this.observer) {
-            this.observer.disconnect();
-        }
-        window.removeEventListener('scroll', this.handleScroll);
-        clearTimeout(this.scrollTimeout);
-    }
-    initIntersectionObserver() {
-        const options = {
-            root: null,
-            rootMargin: '-90px 0px -10% 0px', // Detect items just below header
-            threshold: 0,
-        };
-        this.observer = new IntersectionObserver((entries) => {
-            entries.forEach((entry) => {
-                this.sectionVisibility.set(entry.target.id, entry.isIntersecting);
-            });
-            if (!this.isScrollingByTab) {
-                this.updateActiveSection();
-            }
-        }, options);
-        const sections = this.el.querySelectorAll('.menu-section');
-        sections.forEach((section) => this.observer.observe(section));
-    }
-    render() {
-        var _a;
-        const menuData = parseMenu(this.data, this.dataJson);
-        if (!menuData) {
-            return h("div", { class: "menu-loading" }, "Loading...");
-        }
-        const { business, sections, templateData } = 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) => {
-            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)))))))));
-        }))));
-    }
-    static get is() { return "veleta-default-template"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["default-template.scss"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["default-template.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "data": {
-                "type": "unknown",
-                "mutable": false,
-                "complexType": {
-                    "original": "Menu",
-                    "resolved": "Menu",
-                    "references": {
-                        "Menu": {
-                            "location": "import",
-                            "path": "../../types/interfaces",
-                            "id": "src/types/interfaces.ts::Menu",
-                            "referenceLocation": "Menu"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": true,
-                "docs": {
-                    "tags": [],
-                    "text": "Menu data as object (recommended for frameworks like Angular, React, Vue)"
-                },
-                "getter": false,
-                "setter": false
-            },
-            "dataJson": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": "Menu data as JSON string (for compatibility with HTML attributes)"
-                },
-                "getter": false,
-                "setter": false,
-                "reflect": false,
-                "attribute": "data-json",
-                "defaultValue": "'{}'"
-            }
-        };
-    }
-    static get states() {
-        return {
-            "expandedDishes": {},
-            "activeSectionId": {}
-        };
-    }
-    static get elementRef() { return "el"; }
-}

package/dist/collection/components.js

@@ -1,2 +0,0 @@
-export * from './components/default-template/components/menu-tabs/menu-tabs';
-export * from './components/default-template/default-template';

package/dist/collection/index.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/types/index.js

@@ -1 +0,0 @@
-export * from './interfaces';

package/dist/collection/types/interfaces.js

@@ -1 +0,0 @@
-export {};

package/dist/collection/utils/data-helpers.js

@@ -1,7 +0,0 @@
-/**
- * Formatea un precio como string con símbolo de euro.
- * Si es un número entero, no muestra decimales.
- */
-export function formatPrice(price) {
-    return (price % 1 === 0 ? price.toString() : price.toFixed(2)) + '€';
-}

package/dist/collection/utils/prop-parser.js

@@ -1,81 +0,0 @@
-/**
- * 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).
- */
-export 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).
- */
-export 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).
- */
-export function parseMenu(data, dataJson) {
-    if (data && typeof data === 'object' && !Array.isArray(data)) {
-        return data;
-    }
-    if (dataJson && typeof dataJson === 'string' && dataJson !== '{}') {
-        try {
-            return JSON.parse(dataJson);
-        }
-        catch (e) {
-            console.warn('Error parsing menu dataJson:', e);
-        }
-    }
-    return null;
-}

package/dist/components/index.js

@@ -1 +0,0 @@
-function t(t,e,n){const l="undefined"!=typeof HTMLElement?HTMLElement.prototype:null;for(;t&&t!==l;){const l=Object.getOwnPropertyDescriptor(t,e);if(l&&(!n||l.get))return l;t=Object.getPrototypeOf(t)}}var e,n=(e,n)=>{var l;Object.entries(null!=(l=n.l.t)?l:{}).map((([l,[o]])=>{if(31&o||32&o){const o=e[l],s=t(Object.getPrototypeOf(e),l,!0)||Object.getOwnPropertyDescriptor(e,l);s&&Object.defineProperty(e,l,{get(){return s.get.call(this)},set(t){s.set.call(this,t)},configurable:!0,enumerable:!0}),n.o.has(l)?e[l]=n.o.get(l):void 0!==o&&(e[l]=o)}}))},l=t=>{if(t.__stencil__getHostRef)return t.__stencil__getHostRef()},o=(t,e)=>e in t,s=(t,e)=>(0,console.error)(t,e),i=new Map,c="undefined"!=typeof window?window:{},r=c.HTMLElement||class{},u={i:0,u:"",jmp:t=>t(),raf:t=>requestAnimationFrame(t),ael:(t,e,n,l)=>t.addEventListener(e,n,l),rel:(t,e,n,l)=>t.removeEventListener(e,n,l),ce:(t,e)=>new CustomEvent(t,e)},f=(()=>{try{return!!c.document.adoptedStyleSheets&&(new CSSStyleSheet,"function"==typeof(new CSSStyleSheet).replaceSync)}catch(t){}return!1})(),a=!!f&&(()=>!!c.document&&Object.getOwnPropertyDescriptor(c.document.adoptedStyleSheets,"length").writable)(),d=!1,p=[],h=[],m=(t,e)=>n=>{t.push(n),d||(d=!0,e&&4&u.i?v(y):u.raf(y))},b=t=>{for(let e=0;e<t.length;e++)try{t[e](performance.now())}catch(t){s(t)}t.length=0},y=()=>{b(p),b(h),(d=p.length>0)&&u.raf(y)},v=t=>Promise.resolve(void 0).then(t),$=m(h,!0),j=t=>{const e=new URL(t,u.u);return e.origin!==c.location.origin?e.href:e.pathname},w=t=>u.u=t,O=new WeakMap,g=t=>"sc-"+t.p,S=t=>"object"==(t=typeof t)||"function"===t,k=(t,e,...n)=>{let l=null,o=null,s=!1,i=!1;const c=[],r=e=>{for(let n=0;n<e.length;n++)l=e[n],Array.isArray(l)?r(l):null!=l&&"boolean"!=typeof l&&((s="function"!=typeof t&&!S(l))&&(l+=""),s&&i?c[c.length-1].h+=l:c.push(s?M(null,l):l),i=s)};if(r(n),e){e.key&&(o=e.key);{const t=e.className||e.class;t&&(e.class="object"!=typeof t?t:Object.keys(t).filter((e=>t[e])).join(" "))}}const u=M(t,null);return u.m=e,c.length>0&&(u.v=c),u.$=o,u},M=(t,e)=>({i:0,j:t,h:null!=e?e:null,O:null,v:null,m:null,$:null}),E={},C=(t,e)=>null==t||S(t)?t:1&e?t+"":t,A=(t,e)=>{const n=t;return{emit:t=>L(n,e,{bubbles:!0,composed:!0,cancelable:!0,detail:t})}},L=(t,e,n)=>{const l=u.ce(e,n);return t.dispatchEvent(l),l},_=(t,e,n,s,i,r)=>{if(n===s)return;let f=o(t,e),a=e.toLowerCase();if("class"===e){const e=t.classList,l=D(n);let o=D(s);e.remove(...l.filter((t=>t&&!o.includes(t)))),e.add(...o.filter((t=>t&&!l.includes(t))))}else if("style"===e){for(const e in n)s&&null!=s[e]||(e.includes("-")?t.style.removeProperty(e):t.style[e]="");for(const e in s)n&&s[e]===n[e]||(e.includes("-")?t.style.setProperty(e,s[e]):t.style[e]=s[e])}else if("key"===e);else if(t.__lookupSetter__(e)||"o"!==e[0]||"n"!==e[1]){if("a"===e[0]&&e.startsWith("attr:")){const n=e.slice(5);let o;{const e=l(t);if(e&&e.l&&e.l.t){const t=e.l.t[n];t&&t[1]&&(o=t[1])}}return o||(o=n.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase()),void(null==s||!1===s?!1===s&&""!==t.getAttribute(o)||t.removeAttribute(o):t.setAttribute(o,!0===s?"":s))}if("p"===e[0]&&e.startsWith("prop:")){const n=e.slice(5);try{t[n]=s}catch(t){}return}{const l=S(s);if((f||l&&null!==s)&&!i)try{if(t.tagName.includes("-"))t[e]!==s&&(t[e]=s);else{const l=null==s?"":s;"list"===e?f=!1:null!=n&&t[e]===l||("function"==typeof t.__lookupSetter__(e)?t[e]=l:t.setAttribute(e,l))}}catch(t){}null==s||!1===s?!1===s&&""!==t.getAttribute(e)||t.removeAttribute(e):(!f||4&r||i)&&!l&&1===t.nodeType&&t.setAttribute(e,s=!0===s?"":s)}}else if(e="-"===e[2]?e.slice(3):o(c,a)?a.slice(2):a[2]+e.slice(3),n||s){const l=e.endsWith(H);e=e.replace(P,""),n&&u.rel(t,e,n,l),s&&u.ael(t,e,s,l)}},x=/\s/,D=t=>("object"==typeof t&&t&&"baseVal"in t&&(t=t.baseVal),t&&"string"==typeof t?t.split(x):[]),H="Capture",P=RegExp(H+"$"),R=(t,e,n)=>{const l=11===e.O.nodeType&&e.O.host?e.O.host:e.O,o=t&&t.m||{},s=e.m||{};for(const t of U(Object.keys(o)))t in s||_(l,t,o[t],void 0,n,e.i);for(const t of U(Object.keys(s)))_(l,t,o[t],s[t],n,e.i)};function U(t){return t.includes("ref")?[...t.filter((t=>"ref"!==t)),"ref"]:t}var W=!1,N=(t,n,l)=>{const o=n.v[l];let s,i,r=0;if(null!=o.h)s=o.O=c.document.createTextNode(o.h);else{if(!c.document)throw Error("You are trying to render a Stencil component in an environment that doesn't support the DOM.");if(s=o.O=c.document.createElement(o.j),R(null,o,W),o.v){const e="template"===o.j?s.content:s;for(r=0;r<o.v.length;++r)i=N(t,o,r),i&&e.appendChild(i)}}return s["s-hn"]=e,s},V=(t,e,n,l,o,s)=>{let i,c=t;for("template"===n.j&&(c=c.content);o<=s;++o)l[o]&&(i=N(null,n,o),i&&(l[o].O=i,T(c,i,e)))},q=(t,e,n)=>{for(let l=e;l<=n;++l){const e=t[l];if(e){const t=e.O;t&&t.remove()}}},z=(t,e,n=!1)=>t.j===e.j&&(n?(n&&!t.$&&e.$&&(t.$=e.$),!0):t.$===e.$),F=(t,e,n=!1)=>{const l=e.O=t.O,o=t.v,s=e.v,i=e.h;null==i?(R(t,e,W),null!==o&&null!==s?((t,e,n,l,o=!1)=>{let s,i,c=0,r=0,u=0,f=0,a=e.length-1,d=e[0],p=e[a],h=l.length-1,m=l[0],b=l[h];const y="template"===n.j?t.content:t;for(;c<=a&&r<=h;)if(null==d)d=e[++c];else if(null==p)p=e[--a];else if(null==m)m=l[++r];else if(null==b)b=l[--h];else if(z(d,m,o))F(d,m,o),d=e[++c],m=l[++r];else if(z(p,b,o))F(p,b,o),p=e[--a],b=l[--h];else if(z(d,b,o))F(d,b,o),T(y,d.O,p.O.nextSibling),d=e[++c],b=l[--h];else if(z(p,m,o))F(p,m,o),T(y,p.O,d.O),p=e[--a],m=l[++r];else{for(u=-1,f=c;f<=a;++f)if(e[f]&&null!==e[f].$&&e[f].$===m.$){u=f;break}u>=0?(i=e[u],i.j!==m.j?s=N(e&&e[r],n,u):(F(i,m,o),e[u]=void 0,s=i.O),m=l[++r]):(s=N(e&&e[r],n,r),m=l[++r]),s&&T(d.O.parentNode,s,d.O)}c>a?V(t,null==l[h+1]?null:l[h+1].O,n,l,r,h):r>h&&q(e,c,a)})(l,o,e,s,n):null!==s?(null!==t.h&&(l.textContent=""),V(l,null,e,s,0,s.length-1)):!n&&null!==o&&q(o,0,o.length-1)):t.h!==i&&(l.data=i)},T=(t,e,n)=>t.__insertBefore?t.__insertBefore(e,n):null==t?void 0:t.insertBefore(e,n),Y=(t,n,l=!1)=>{const o=t.$hostElement$,s=t.S||M(null,null),i=(t=>t&&t.j===E)(n)?n:k(null,null,n);if(e=o.tagName,l&&i.m)for(const t of Object.keys(i.m))o.hasAttribute(t)&&!["key","ref","style","class"].includes(t)&&(i.m[t]=o[t]);i.j=null,i.i|=4,t.S=i,i.O=s.O=o,F(s,i,l)},Z=(t,e)=>{if(e&&!t.k&&e["s-p"]){const n=e["s-p"].push(new Promise((l=>t.k=()=>{e["s-p"].splice(n-1,1),l()})))}},B=(t,e)=>{if(t.i|=16,4&t.i)return void(t.i|=512);Z(t,t.M);const n=()=>G(t,e);if(!e)return $(n);queueMicrotask((()=>{n()}))},G=(t,e)=>{const n=t.$hostElement$,l=n;if(!l)throw Error(`Can't render component <${n.tagName.toLowerCase()} /> with invalid Stencil runtime! Make sure this imported component is compiled with a \`externalRuntime: true\` flag. For more information, please refer to https://stenciljs.com/docs/custom-elements#externalruntime`);let o;return o=et(l,e?"componentWillLoad":"componentWillUpdate",void 0,n),o=I(o,(()=>et(l,"componentWillRender",void 0,n))),I(o,(()=>K(t,l,e)))},I=(t,e)=>J(t)?t.then(e).catch((t=>{console.error(t),e()})):e(),J=t=>t instanceof Promise||t&&t.then&&"function"==typeof t.then,K=async(t,e,n)=>{var l;const o=t.$hostElement$,s=o["s-rc"];n&&(t=>{const e=t.l;((t,e)=>{var n,l,o;const s=g(e),r=i.get(s);if(!c.document)return s;if(t=11===t.nodeType?t:c.document,r)if("string"==typeof r){let o,i=O.get(t=t.head||t);if(i||O.set(t,i=new Set),!i.has(s)){o=c.document.createElement("style"),o.textContent=r;const d=null!=(n=u.C)?n:function(){var t,e,n;return null!=(n=null==(e=null==(t=c.document.head)?void 0:t.querySelector('meta[name="csp-nonce"]'))?void 0:e.getAttribute("content"))?n:void 0}();if(null!=d&&o.setAttribute("nonce",d),!(1&e.i))if("HEAD"===t.nodeName){const e=t.querySelectorAll("link[rel=preconnect]"),n=e.length>0?e[e.length-1].nextSibling:t.querySelector("style");t.insertBefore(o,(null==n?void 0:n.parentNode)===t?n:null)}else if("host"in t)if(f){const e=new(null!=(l=t.defaultView)?l:t.ownerDocument.defaultView).CSSStyleSheet;e.replaceSync(r),a?t.adoptedStyleSheets.unshift(e):t.adoptedStyleSheets=[e,...t.adoptedStyleSheets]}else{const e=t.querySelector("style");e?e.textContent=r+e.textContent:t.prepend(o)}else t.append(o);1&e.i&&t.insertBefore(o,null),4&e.i&&(o.textContent+="slot-fb{display:contents}slot-fb[hidden]{display:none}"),i&&i.add(s)}}else{let e=O.get(t);if(e||O.set(t,e=new Set),!e.has(s)){const n=null!=(o=t.defaultView)?o:t.ownerDocument.defaultView;let l;if(r.constructor===n.CSSStyleSheet)l=r;else{l=new n.CSSStyleSheet;for(let t=0;t<r.cssRules.length;t++)l.insertRule(r.cssRules[t].cssText,t)}a?t.adoptedStyleSheets.push(l):t.adoptedStyleSheets=[...t.adoptedStyleSheets,l],e.add(s)}}})(t.$hostElement$.getRootNode(),e)})(t);Q(t,e,o,n),s&&(s.map((t=>t())),o["s-rc"]=void 0);{const e=null!=(l=o["s-p"])?l:[],n=()=>X(t);0===e.length?n():(Promise.all(e).then(n).catch(n),t.i|=4,e.length=0)}},Q=(t,e,n,l)=>{try{e=e.render(),t.i&=-17,t.i|=2,Y(t,e,l)}catch(e){s(e,t.$hostElement$)}return null},X=t=>{const e=t.$hostElement$,n=e,l=t.M;et(n,"componentDidRender",void 0,e),64&t.i?et(n,"componentDidUpdate",void 0,e):(t.i|=64,nt(e),et(n,"componentDidLoad",void 0,e),t.A(e),l||tt()),t.k&&(t.k(),t.k=void 0),512&t.i&&v((()=>B(t,!1))),t.i&=-517},tt=()=>{v((()=>L(c,"appload",{detail:{namespace:"veleta-templates"}})))},et=(t,e,n,l)=>{if(t&&t[e])try{return t[e](n)}catch(t){s(t,l)}},nt=t=>t.classList.add("hydrated"),lt=(t,e,n,o)=>{const i=l(t);if(!i)return;const c=t,r=i.o.get(e),u=i.i,f=c;if(!((n=C(n,o.t[e][0]))===r||Number.isNaN(r)&&Number.isNaN(n))){if(i.o.set(e,n),o.L){const t=o.L[e];t&&t.map((t=>{try{const[[l,o]]=Object.entries(t);(128&u||1&o)&&(f?f[l](n,r,e):i._.push((()=>{i.D[l](n,r,e)})))}catch(t){s(t,c)}}))}if(2&u){if(f.componentShouldUpdate&&!1===f.componentShouldUpdate(n,r,e)&&!(16&u))return;16&u||B(i,!1)}}},ot=(e,n)=>{var o,s;const i=e.prototype;{e.watchers&&!n.L&&(n.L=e.watchers),e.deserializers&&!n.H&&(n.H=e.deserializers),e.serializers&&!n.P&&(n.P=e.serializers);const c=Object.entries(null!=(o=n.t)?o:{});c.map((([e,[o]])=>{if(31&o||32&o){const{get:s,set:c}=t(i,e)||{};s&&(n.t[e][0]|=2048),c&&(n.t[e][0]|=4096),Object.defineProperty(i,e,{get(){return s?s.apply(this):((t,e)=>l(this).o.get(e))(0,e)},configurable:!0,enumerable:!0}),Object.defineProperty(i,e,{set(t){const s=l(this);if(s){if(c)return void 0===(32&o?this[e]:s.$hostElement$[e])&&s.o.get(e)&&(t=s.o.get(e)),c.call(this,C(t,o)),void lt(this,e,t=32&o?this[e]:s.$hostElement$[e],n);lt(this,e,t,n)}}})}}));{const t=new Map;i.attributeChangedCallback=function(e,o,s){u.jmp((()=>{var r;const u=t.get(e),f=l(this);if(this.hasOwnProperty(u),i.hasOwnProperty(u)&&"number"==typeof this[u]&&this[u]==s)return;if(null==u){const t=null==f?void 0:f.i;if(f&&t&&!(8&t)&&s!==o){const l=this,i=null==(r=n.L)?void 0:r[e];null==i||i.forEach((n=>{const[[i,c]]=Object.entries(n);null!=l[i]&&(128&t||1&c)&&l[i].call(l,s,o,e)}))}return}const a=c.find((([t])=>t===u));a&&4&a[1][0]&&(s=null!==s&&"false"!==s);const d=Object.getOwnPropertyDescriptor(i,u);s==this[u]||d.get&&!d.set||(this[u]=s)}))},e.observedAttributes=Array.from(new Set([...Object.keys(null!=(s=n.L)?s:{}),...c.filter((([t,e])=>31&e[0])).map((([e,n])=>{const l=n[1]||e;return t.set(l,e),l}))]))}}return e},st=(t,e)=>{const o={i:e[0],p:e[1]};try{o.t=e[2],o.L=t.L,o.H=t.H,o.P=t.P;const c=t.prototype.connectedCallback,r=t.prototype.disconnectedCallback;return Object.assign(t.prototype,{__hasHostListenerAttached:!1,__registerHost(){((t,e)=>{const l={i:0,$hostElement$:t,l:e,o:new Map,R:new Map};l.U=new Promise((t=>l.A=t)),t["s-p"]=[],t["s-rc"]=[];const o=l;t.__stencil__getHostRef=()=>o,512&e.i&&n(t,l)})(this,o)},connectedCallback(){if(!this.__hasHostListenerAttached){if(!l(this))return;this.__hasHostListenerAttached=!0}(t=>{if(!(1&u.i)){const e=l(t);if(!e)return;const n=e.l,o=()=>{};if(1&e.i)(null==e?void 0:e.D)||(null==e?void 0:e.U)&&e.U.then((()=>{}));else{e.i|=1;{let n=t;for(;n=n.parentNode||n.host;)if(n["s-p"]){Z(e,e.M=n);break}}n.t&&Object.entries(n.t).map((([e,[n]])=>{if(31&n&&Object.prototype.hasOwnProperty.call(t,e)){const n=t[e];delete t[e],t[e]=n}})),(async(t,e,n)=>{let l;try{if(!(32&e.i)&&(e.i|=32,l=t.constructor,customElements.whenDefined(t.localName).then((()=>e.i|=128)),l&&l.style)){let t;"string"==typeof l.style&&(t=l.style);const e=g(n);if(!i.has(e)){const l=()=>{};((t,e,n)=>{let l=i.get(t);f&&n?(l=l||new CSSStyleSheet,"string"==typeof l?l=e:l.replaceSync(e)):l=e,i.set(t,l)})(e,t,!!(1&n.i)),l()}}const o=e.M,s=()=>B(e,!0);o&&o["s-rc"]?o["s-rc"].push(s):s()}catch(n){s(n,t),e.k&&(e.k(),e.k=void 0),e.A&&e.A(t)}})(t,e,n)}o()}})(this),c&&c.call(this)},disconnectedCallback(){(async t=>{O.has(t)&&O.delete(t),t.shadowRoot&&O.has(t.shadowRoot)&&O.delete(t.shadowRoot)})(this),r&&r.call(this)},__attachShadow(){this.shadowRoot=this}}),Object.defineProperty(t,"is",{value:o.p,configurable:!0}),ot(t,o)}catch(e){return s(e),t}},it=t=>u.C=t,ct=t=>Object.assign(u,t);function rt(t,e){Y({$hostElement$:e},t)}function ut(t){return t}export{r as H,A as c,j as getAssetPath,k as h,st as p,rt as render,w as setAssetPath,it as setNonce,ct as setPlatformOptions,ut as t}

package/dist/components/p-Bn5G3Oo7.js

@@ -1 +0,0 @@
-import{t,p as e,H as o,c as s,h as n}from"./index.js";const a=e(class extends o{constructor(t){super(),!1!==t&&this.__registerHost(),this.tabClick=s(this,"tabClick"),this.sections=[],this.activeSectionId=""}handleActiveSectionChange(){this.scrollToActiveTab()}componentDidLoad(){this.scrollToActiveTab()}scrollToActiveTab(){requestAnimationFrame((()=>{const t=this.el.querySelector(".menu-tab-item.active"),e=this.el.querySelector(".menu-tabs-scroll");t&&e&&e.scrollTo({left:t.offsetLeft-e.offsetWidth/2+t.offsetWidth/2,behavior:"smooth"})}))}render(){return n("div",{key:"5dd9fed4c2b1cb90ec4dfc059fd00ac094c1677c",class:"menu-tabs-container"},n("div",{key:"84ade7b110bd91d1b8fa6a40344191989074af19",class:"menu-tabs-scroll"},this.sections.map((t=>n("button",{key:t.id,class:"menu-tab-item "+(this.activeSectionId===t.id?"active":""),onClick:()=>this.tabClick.emit(t.id)},t.title)))))}get el(){return this}static get watchers(){return{activeSectionId:[{handleActiveSectionChange:0}]}}static get style(){return'.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;}'}},[0,"veleta-menu-tabs",{sections:[16],activeSectionId:[1,"active-section-id"]},void 0,{activeSectionId:[{handleActiveSectionChange:0}]}]);function i(){"undefined"!=typeof customElements&&["veleta-menu-tabs"].forEach((e=>{"veleta-menu-tabs"===e&&(customElements.get(t(e))||customElements.define(t(e),a))}))}i();export{a as M,i as d}

package/dist/components/veleta-default-template.js

@@ -1 +0,0 @@
-import{t as e,p as t,H as i,h as s}from"./index.js";import{d as o}from"./p-Bn5G3Oo7.js";const n=t(class extends i{constructor(e){super(),!1!==e&&this.__registerHost(),this.expandedDishes={},this.activeSectionId="",this.sectionVisibility=new Map,this.isScrollingByTab=!1,this.toggleDish=e=>{this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),{[e]:!this.expandedDishes[e]})},this.handleTabClick=e=>{const t=this.el.querySelector("#section-"+e);if(t){this.isScrollingByTab=!0,this.activeSectionId=e;const i=95,s=t.getBoundingClientRect().top+window.pageYOffset-i;window.scrollTo({top:s,behavior:"smooth"})}},this.handleScroll=()=>{if(this.isScrollingByTab)return clearTimeout(this.scrollTimeout),void(this.scrollTimeout=setTimeout((()=>{this.isScrollingByTab=!1,this.updateActiveSection()}),150));this.updateActiveSection()},this.updateActiveSection=()=>{if(this.isScrollingByTab)return;const e=Array.from(this.el.querySelectorAll(".menu-section"));if(0===e.length)return;const t=window.innerHeight+window.pageYOffset>=document.documentElement.scrollHeight-10;let i=this.activeSectionId;if(t){for(let t=e.length-1;t>=0;t--)if(this.sectionVisibility.get(e[t].id)){i=e[t].id.replace("section-","");break}}else for(const t of e)if(this.sectionVisibility.get(t.id)){i=t.id.replace("section-","");break}i!==this.activeSectionId&&(this.activeSectionId=i)},this.dataJson="{}"}componentDidLoad(){this.initIntersectionObserver(),window.addEventListener("scroll",this.handleScroll)}disconnectedCallback(){this.observer&&this.observer.disconnect(),window.removeEventListener("scroll",this.handleScroll),clearTimeout(this.scrollTimeout)}initIntersectionObserver(){this.observer=new IntersectionObserver((e=>{e.forEach((e=>{this.sectionVisibility.set(e.target.id,e.isIntersecting)})),this.isScrollingByTab||this.updateActiveSection()}),{root:null,rootMargin:"-90px 0px -10% 0px",threshold:0}),this.el.querySelectorAll(".menu-section").forEach((e=>this.observer.observe(e)))}render(){var e;const t=function(e,t){if(e&&"object"==typeof e&&!Array.isArray(e))return e;if(t&&"string"==typeof t&&"{}"!==t)try{return JSON.parse(t)}catch(e){console.warn("Error parsing menu dataJson:",e)}return null}(this.data,this.dataJson);if(!t)return s("div",{class:"menu-loading"},"Loading...");const{business:i,sections:o,templateData:n}=t,a=null==n?void 0:n.theme,r=(null==a?void 0:a.primaryColor)||"#18181b",l=[...o||[]].sort(((e,t)=>e.order-t.order));return s("div",{class:"menu-wrapper"},s("header",{class:"menu-header"},(null==i?void 0:i.name)&&s("h1",{class:"business-name"},i.name),(null==i?void 0:i.description)&&s("p",{class:"business-description"},i.description)),s("veleta-menu-tabs",{sections:l.map((e=>({id:e.id,title:e.title}))),activeSectionId:this.activeSectionId||(null===(e=l[0])||void 0===e?void 0:e.id),onTabClick:e=>this.handleTabClick(e.detail)}),s("main",{class:"menu-content"},l.map((e=>{var t;return s("section",{key:e.id,id:"section-"+e.id,class:"menu-section"},s("h2",{class:"section-title",style:{borderColor:r}},e.title),e.description&&s("p",{class:"section-description"},e.description),s("div",{class:"dishes-list"},null===(t=e.dishes)||void 0===t?void 0:t.sort(((e,t)=>e.order-t.order)).map((e=>s("div",{key:e.id,class:"dish-item "+(this.expandedDishes[e.id]?"expanded":""),onClick:()=>this.toggleDish(e.id)},s("div",{class:"dish-header"},s("span",{class:"dish-name"},e.name),s("span",{class:"dish-price"},function(e){return(e%1==0?""+e:e.toFixed(2))+"€"}(e.price))),e.description&&s("div",{class:"dish-details"},s("p",{class:"dish-description"},e.description)))))))}))))}get el(){return this}static get style(){return'@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}'}},[0,"veleta-default-template",{data:[16],dataJson:[1,"data-json"],expandedDishes:[32],activeSectionId:[32]}]);function a(){"undefined"!=typeof customElements&&["veleta-default-template","veleta-menu-tabs"].forEach((t=>{switch(t){case"veleta-default-template":customElements.get(e(t))||customElements.define(e(t),n);break;case"veleta-menu-tabs":customElements.get(e(t))||o()}}))}a();const r=n,l=a;export{r as VeletaDefaultTemplate,l as defineCustomElement}

package/dist/components/veleta-menu-tabs.js

@@ -1 +0,0 @@
-import{M as o,d as s}from"./p-Bn5G3Oo7.js";const p=o,r=s;export{p as VeletaMenuTabs,r as defineCustomElement}

package/dist/esm/app-globals-DQuL1Twl.js

@@ -1,3 +0,0 @@
-const globalScripts = () => {};
-
-export { globalScripts as g };