veleta-templates 0.0.19 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/veleta-default-template.cjs.entry.js +4 -4
- package/dist/collection/components/default-template/default-template.css +297 -0
- package/dist/collection/components/default-template/default-template.js +3 -3
- package/dist/components/veleta-default-template.js +4 -4
- package/dist/esm/veleta-default-template.entry.js +4 -4
- package/dist/esm-es5/veleta-default-template.entry.js +1 -1
- package/dist/veleta-templates/p-04b3e514.entry.js +1 -0
- package/dist/veleta-templates/p-58a51a5c.system.entry.js +1 -0
- package/dist/veleta-templates/p-fzDonYKG.system.js +1 -1
- package/dist/veleta-templates/veleta-templates.css +1 -1
- package/dist/veleta-templates/veleta-templates.esm.js +1 -1
- package/package.json +1 -1
- package/dist/veleta-templates/p-87346103.system.entry.js +0 -1
- package/dist/veleta-templates/p-b7927a21.entry.js +0 -1
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
var index = require('./index-DgFTJj_U.js');
|
|
4
4
|
|
|
5
|
-
const defaultTemplateCss = () =>
|
|
5
|
+
const defaultTemplateCss = () => `veleta-default-template .dt-wrapper{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column;gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-family:inherit}veleta-default-template .dt-header{margin-top:1.5rem;margin-bottom:0.5rem;text-align:center}veleta-default-template .dt-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase}veleta-default-template .dt-section{margin-left:auto;margin-right:auto;margin-bottom:1rem;display:-ms-flexbox;display:flex;width:24rem;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}veleta-default-template .dt-divider{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after{height:0.125rem;width:100%;-ms-flex-positive:1;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}veleta-default-template .dt-divider:not(:empty){gap:1rem}veleta-default-template .dt-divider{font-size:1.125rem;line-height:1.75rem}veleta-default-template .dt-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--rounded-box, 1rem)}veleta-default-template .dt-card:focus{outline:2px solid transparent;outline-offset:2px}veleta-default-template .dt-card figure{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}veleta-default-template .dt-card.image-full{display:grid}veleta-default-template .dt-card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75}veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full>*{grid-column-start:1;grid-row-start:1}veleta-default-template .dt-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}veleta-default-template .dt-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}veleta-default-template .dt-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}veleta-default-template .dt-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}veleta-default-template .dt-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}veleta-default-template .dt-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}veleta-default-template .dt-card.compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}veleta-default-template .dt-card.image-full :where(figure){overflow:hidden;border-radius:inherit}veleta-default-template .dt-card{width:24rem;cursor:pointer;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}veleta-default-template .dt-card-body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem}veleta-default-template .dt-card-body :where(p){-ms-flex-positive:1;flex-grow:1}.card.image-full>veleta-default-template .dt-card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.card.compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-normal veleta-default-template .dt-card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}veleta-default-template .dt-card-body{padding:1rem}veleta-default-template .dt-dish-details{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}veleta-default-template .dt-dish-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card-compact veleta-default-template .dt-dish-name{margin-bottom:0.25rem}.card-normal veleta-default-template .dt-dish-name{margin-bottom:0.75rem}veleta-default-template .dt-dish-name{margin-right:0.5rem;min-width:0px;-ms-flex:1 1 0%;flex:1 1 0%}veleta-default-template .dt-truncate{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}veleta-default-template .dt-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-duration:200ms;transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) veleta-default-template .dt-badge{justify-self:end}veleta-default-template .dt-badge{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}veleta-default-template.badge-outline .dt-badge{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}veleta-default-template .dt-badge{-ms-flex-negative:0;flex-shrink:0;font-size:0.75rem;line-height:1rem}.dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{line-clamp:1;-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{line-clamp:15;-webkit-line-clamp:15;max-height:12rem}`;
|
|
6
6
|
|
|
7
7
|
const DefaultTemplate = class {
|
|
8
8
|
constructor(hostRef) {
|
|
@@ -35,7 +35,7 @@ const DefaultTemplate = class {
|
|
|
35
35
|
}
|
|
36
36
|
const { sections, business } = menuData;
|
|
37
37
|
const sortedSections = (sections || []).sort((a, b) => a.order - b.order);
|
|
38
|
-
return (index.h("div", { class: "
|
|
38
|
+
return (index.h("div", { class: "dt-wrapper", "data-theme": "light" }, business && (index.h("header", { class: "text-center mt-6 mb-2" }, index.h("h1", { class: "text-4xl font-bold uppercase" }, business.name))), sortedSections.map((section) => {
|
|
39
39
|
const sectionDishes = (section.dishes || [])
|
|
40
40
|
// .filter((dish) => {
|
|
41
41
|
// if (!this.searchQuery) return true;
|
|
@@ -49,9 +49,9 @@ const DefaultTemplate = class {
|
|
|
49
49
|
.sort((a, b) => a.order - b.order);
|
|
50
50
|
if (!sectionDishes.length)
|
|
51
51
|
return null;
|
|
52
|
-
return (index.h("div", { key: section.id, class: "
|
|
52
|
+
return (index.h("div", { key: section.id, class: "dt-section" }, index.h("div", { class: "dt-divider" }, section.title), sectionDishes.map((dish) => {
|
|
53
53
|
const isOpen = !!this.expandedDishes[dish.id];
|
|
54
|
-
return (index.h("div", { key: dish.id, class: "
|
|
54
|
+
return (index.h("div", { key: dish.id, class: "dt-card", onClick: () => this.toggleDish(dish.id) }, index.h("div", { class: "dt-card-body" }, index.h("div", { class: "dt-dish-details" }, index.h("h2", { class: "dt-dish-name" }, index.h("span", { class: "dt-truncate" }, dish.name)), index.h("div", { class: "dt-badge" }, dish.price, " \u20AC")), index.h("p", { class: `dish-desc-smooth ${isOpen ? 'expanded' : 'collapsed'}` }, dish.description))));
|
|
55
55
|
})));
|
|
56
56
|
})));
|
|
57
57
|
}
|
|
@@ -1,17 +1,314 @@
|
|
|
1
|
+
/* Scoped styles using @apply to bundle Tailwind/DaisyUI into the component */
|
|
2
|
+
|
|
3
|
+
veleta-default-template .dt-wrapper {
|
|
4
|
+
display: flex;
|
|
5
|
+
min-height: 100vh;
|
|
6
|
+
flex-direction: column;
|
|
7
|
+
gap: 1rem;
|
|
8
|
+
--tw-bg-opacity: 1;
|
|
9
|
+
background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1));
|
|
10
|
+
padding: 1rem;
|
|
11
|
+
--tw-text-opacity: 1;
|
|
12
|
+
color: rgb(17 24 39 / var(--tw-text-opacity, 1));
|
|
13
|
+
font-family: inherit;
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
veleta-default-template .dt-header {
|
|
17
|
+
margin-top: 1.5rem;
|
|
18
|
+
margin-bottom: 0.5rem;
|
|
19
|
+
text-align: center;
|
|
20
|
+
}
|
|
21
|
+
|
|
22
|
+
veleta-default-template .dt-title {
|
|
23
|
+
font-size: 2.25rem;
|
|
24
|
+
line-height: 2.5rem;
|
|
25
|
+
font-weight: 700;
|
|
26
|
+
text-transform: uppercase;
|
|
27
|
+
}
|
|
28
|
+
|
|
29
|
+
veleta-default-template .dt-section {
|
|
30
|
+
margin-left: auto;
|
|
31
|
+
margin-right: auto;
|
|
32
|
+
margin-bottom: 1rem;
|
|
33
|
+
display: flex;
|
|
34
|
+
width: 24rem;
|
|
35
|
+
flex-direction: column;
|
|
36
|
+
gap: 0.75rem;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
veleta-default-template .dt-divider {
|
|
40
|
+
display: flex;
|
|
41
|
+
flex-direction: row;
|
|
42
|
+
align-items: center;
|
|
43
|
+
align-self: stretch;
|
|
44
|
+
margin-top: 1rem;
|
|
45
|
+
margin-bottom: 1rem;
|
|
46
|
+
height: 1rem;
|
|
47
|
+
white-space: nowrap;
|
|
48
|
+
}
|
|
49
|
+
|
|
50
|
+
veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after {
|
|
51
|
+
height: 0.125rem;
|
|
52
|
+
width: 100%;
|
|
53
|
+
flex-grow: 1;
|
|
54
|
+
--tw-content: '';
|
|
55
|
+
content: var(--tw-content);
|
|
56
|
+
background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
|
|
57
|
+
}
|
|
58
|
+
|
|
59
|
+
veleta-default-template .dt-divider:not(:empty) {
|
|
60
|
+
gap: 1rem;
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
veleta-default-template .dt-divider {
|
|
64
|
+
font-size: 1.125rem;
|
|
65
|
+
line-height: 1.75rem;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
veleta-default-template .dt-card {
|
|
69
|
+
position: relative;
|
|
70
|
+
display: flex;
|
|
71
|
+
flex-direction: column;
|
|
72
|
+
border-radius: var(--rounded-box, 1rem);
|
|
73
|
+
}
|
|
74
|
+
|
|
75
|
+
veleta-default-template .dt-card:focus {
|
|
76
|
+
outline: 2px solid transparent;
|
|
77
|
+
outline-offset: 2px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
veleta-default-template .dt-card figure {
|
|
81
|
+
display: flex;
|
|
82
|
+
align-items: center;
|
|
83
|
+
justify-content: center;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
veleta-default-template .dt-card.image-full {
|
|
87
|
+
display: grid;
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
veleta-default-template .dt-card.image-full:before {
|
|
91
|
+
position: relative;
|
|
92
|
+
content: "";
|
|
93
|
+
z-index: 10;
|
|
94
|
+
border-radius: var(--rounded-box, 1rem);
|
|
95
|
+
--tw-bg-opacity: 1;
|
|
96
|
+
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|
|
97
|
+
opacity: 0.75;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full > * {
|
|
101
|
+
grid-column-start: 1;
|
|
102
|
+
grid-row-start: 1;
|
|
103
|
+
}
|
|
104
|
+
|
|
105
|
+
veleta-default-template .dt-card.image-full > figure img {
|
|
106
|
+
height: 100%;
|
|
107
|
+
-o-object-fit: cover;
|
|
108
|
+
object-fit: cover;
|
|
109
|
+
}
|
|
110
|
+
|
|
111
|
+
veleta-default-template .dt-card.image-full > .card-body {
|
|
112
|
+
position: relative;
|
|
113
|
+
z-index: 20;
|
|
114
|
+
--tw-text-opacity: 1;
|
|
115
|
+
color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
|
|
116
|
+
}
|
|
117
|
+
|
|
118
|
+
veleta-default-template .dt-card :where(figure:first-child) {
|
|
119
|
+
overflow: hidden;
|
|
120
|
+
border-start-start-radius: inherit;
|
|
121
|
+
border-start-end-radius: inherit;
|
|
122
|
+
border-end-start-radius: unset;
|
|
123
|
+
border-end-end-radius: unset;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
veleta-default-template .dt-card :where(figure:last-child) {
|
|
127
|
+
overflow: hidden;
|
|
128
|
+
border-start-start-radius: unset;
|
|
129
|
+
border-start-end-radius: unset;
|
|
130
|
+
border-end-start-radius: inherit;
|
|
131
|
+
border-end-end-radius: inherit;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
veleta-default-template .dt-card:focus-visible {
|
|
135
|
+
outline: 2px solid currentColor;
|
|
136
|
+
outline-offset: 2px;
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
veleta-default-template .dt-card.bordered {
|
|
140
|
+
border-width: 1px;
|
|
141
|
+
--tw-border-opacity: 1;
|
|
142
|
+
border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
veleta-default-template .dt-card.compact .card-body {
|
|
146
|
+
padding: 1rem;
|
|
147
|
+
font-size: 0.875rem;
|
|
148
|
+
line-height: 1.25rem;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
veleta-default-template .dt-card.image-full :where(figure) {
|
|
152
|
+
overflow: hidden;
|
|
153
|
+
border-radius: inherit;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
veleta-default-template .dt-card {
|
|
157
|
+
width: 24rem;
|
|
158
|
+
cursor: pointer;
|
|
159
|
+
--tw-bg-opacity: 1;
|
|
160
|
+
background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));
|
|
161
|
+
--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
|
|
162
|
+
--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);
|
|
163
|
+
box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
|
|
164
|
+
}
|
|
165
|
+
|
|
166
|
+
veleta-default-template .dt-card-body {
|
|
167
|
+
display: flex;
|
|
168
|
+
flex: 1 1 auto;
|
|
169
|
+
flex-direction: column;
|
|
170
|
+
padding: var(--padding-card, 2rem);
|
|
171
|
+
gap: 0.5rem;
|
|
172
|
+
}
|
|
173
|
+
|
|
174
|
+
veleta-default-template .dt-card-body :where(p) {
|
|
175
|
+
flex-grow: 1;
|
|
176
|
+
}
|
|
177
|
+
|
|
178
|
+
.card.image-full > veleta-default-template .dt-card-body {
|
|
179
|
+
position: relative;
|
|
180
|
+
z-index: 20;
|
|
181
|
+
--tw-text-opacity: 1;
|
|
182
|
+
color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.card.compact veleta-default-template .dt-card-body {
|
|
186
|
+
padding: 1rem;
|
|
187
|
+
font-size: 0.875rem;
|
|
188
|
+
line-height: 1.25rem;
|
|
189
|
+
}
|
|
190
|
+
|
|
191
|
+
.card-compact veleta-default-template .dt-card-body {
|
|
192
|
+
padding: 1rem;
|
|
193
|
+
font-size: 0.875rem;
|
|
194
|
+
line-height: 1.25rem;
|
|
195
|
+
}
|
|
196
|
+
|
|
197
|
+
.card-normal veleta-default-template .dt-card-body {
|
|
198
|
+
padding: var(--padding-card, 2rem);
|
|
199
|
+
font-size: 1rem;
|
|
200
|
+
line-height: 1.5rem;
|
|
201
|
+
}
|
|
202
|
+
|
|
203
|
+
veleta-default-template .dt-card-body {
|
|
204
|
+
padding: 1rem;
|
|
205
|
+
}
|
|
206
|
+
|
|
207
|
+
veleta-default-template .dt-dish-details {
|
|
208
|
+
display: flex;
|
|
209
|
+
width: 100%;
|
|
210
|
+
align-items: center;
|
|
211
|
+
justify-content: space-between;
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
veleta-default-template .dt-dish-name {
|
|
215
|
+
display: flex;
|
|
216
|
+
align-items: center;
|
|
217
|
+
gap: 0.5rem;
|
|
218
|
+
font-size: 1.25rem;
|
|
219
|
+
line-height: 1.75rem;
|
|
220
|
+
font-weight: 600;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.card-compact veleta-default-template .dt-dish-name {
|
|
224
|
+
margin-bottom: 0.25rem;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
.card-normal veleta-default-template .dt-dish-name {
|
|
228
|
+
margin-bottom: 0.75rem;
|
|
229
|
+
}
|
|
230
|
+
|
|
231
|
+
veleta-default-template .dt-dish-name {
|
|
232
|
+
margin-right: 0.5rem;
|
|
233
|
+
min-width: 0px;
|
|
234
|
+
flex: 1 1 0%;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
veleta-default-template .dt-truncate {
|
|
238
|
+
display: block;
|
|
239
|
+
width: 100%;
|
|
240
|
+
overflow: hidden;
|
|
241
|
+
text-overflow: ellipsis;
|
|
242
|
+
white-space: nowrap;
|
|
243
|
+
}
|
|
244
|
+
|
|
245
|
+
veleta-default-template .dt-badge {
|
|
246
|
+
display: inline-flex;
|
|
247
|
+
align-items: center;
|
|
248
|
+
justify-content: center;
|
|
249
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
250
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
251
|
+
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
252
|
+
transition-duration: 200ms;
|
|
253
|
+
height: 1.25rem;
|
|
254
|
+
font-size: 0.875rem;
|
|
255
|
+
line-height: 1.25rem;
|
|
256
|
+
width: -moz-fit-content;
|
|
257
|
+
width: fit-content;
|
|
258
|
+
padding-left: 0.563rem;
|
|
259
|
+
padding-right: 0.563rem;
|
|
260
|
+
border-radius: var(--rounded-badge, 1.9rem);
|
|
261
|
+
border-width: 1px;
|
|
262
|
+
--tw-border-opacity: 1;
|
|
263
|
+
border-color: var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));
|
|
264
|
+
--tw-bg-opacity: 1;
|
|
265
|
+
background-color: var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));
|
|
266
|
+
--tw-text-opacity: 1;
|
|
267
|
+
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
|
|
268
|
+
}
|
|
269
|
+
|
|
270
|
+
:where(.menu li) veleta-default-template .dt-badge {
|
|
271
|
+
justify-self: end;
|
|
272
|
+
}
|
|
273
|
+
|
|
274
|
+
veleta-default-template .dt-badge {
|
|
275
|
+
--tw-border-opacity: 1;
|
|
276
|
+
border-color: var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));
|
|
277
|
+
--tw-bg-opacity: 1;
|
|
278
|
+
background-color: var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));
|
|
279
|
+
--tw-text-opacity: 1;
|
|
280
|
+
color: var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)));
|
|
281
|
+
}
|
|
282
|
+
|
|
283
|
+
veleta-default-template.badge-outline .dt-badge {
|
|
284
|
+
--tw-text-opacity: 1;
|
|
285
|
+
color: var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)));
|
|
286
|
+
}
|
|
287
|
+
|
|
288
|
+
veleta-default-template .dt-badge {
|
|
289
|
+
flex-shrink: 0;
|
|
290
|
+
font-size: 0.75rem;
|
|
291
|
+
line-height: 1rem;
|
|
292
|
+
}
|
|
293
|
+
|
|
1
294
|
.dish-desc-smooth {
|
|
2
295
|
display: -webkit-box;
|
|
3
296
|
-webkit-box-orient: vertical;
|
|
4
297
|
overflow: hidden;
|
|
298
|
+
line-clamp: 1; /* Standard property */
|
|
299
|
+
-webkit-line-clamp: 1;
|
|
5
300
|
transition: max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);
|
|
6
301
|
will-change: max-height;
|
|
7
302
|
}
|
|
8
303
|
|
|
9
304
|
.dish-desc-smooth.collapsed {
|
|
305
|
+
line-clamp: 1;
|
|
10
306
|
-webkit-line-clamp: 1;
|
|
11
307
|
max-height: 1.5rem;
|
|
12
308
|
}
|
|
13
309
|
|
|
14
310
|
.dish-desc-smooth.expanded {
|
|
311
|
+
line-clamp: 15;
|
|
15
312
|
-webkit-line-clamp: 15;
|
|
16
313
|
max-height: 12rem;
|
|
17
314
|
}
|
|
@@ -29,7 +29,7 @@ export class DefaultTemplate {
|
|
|
29
29
|
}
|
|
30
30
|
const { sections, business } = menuData;
|
|
31
31
|
const sortedSections = (sections || []).sort((a, b) => a.order - b.order);
|
|
32
|
-
return (h("div", { class: "
|
|
32
|
+
return (h("div", { class: "dt-wrapper", "data-theme": "light" }, business && (h("header", { class: "text-center mt-6 mb-2" }, h("h1", { class: "text-4xl font-bold uppercase" }, business.name))), sortedSections.map((section) => {
|
|
33
33
|
const sectionDishes = (section.dishes || [])
|
|
34
34
|
// .filter((dish) => {
|
|
35
35
|
// if (!this.searchQuery) return true;
|
|
@@ -43,9 +43,9 @@ export class DefaultTemplate {
|
|
|
43
43
|
.sort((a, b) => a.order - b.order);
|
|
44
44
|
if (!sectionDishes.length)
|
|
45
45
|
return null;
|
|
46
|
-
return (h("div", { key: section.id, class: "
|
|
46
|
+
return (h("div", { key: section.id, class: "dt-section" }, h("div", { class: "dt-divider" }, section.title), sectionDishes.map((dish) => {
|
|
47
47
|
const isOpen = !!this.expandedDishes[dish.id];
|
|
48
|
-
return (h("div", { key: dish.id, class: "
|
|
48
|
+
return (h("div", { key: dish.id, class: "dt-card", onClick: () => this.toggleDish(dish.id) }, h("div", { class: "dt-card-body" }, h("div", { class: "dt-dish-details" }, h("h2", { class: "dt-dish-name" }, h("span", { class: "dt-truncate" }, dish.name)), h("div", { class: "dt-badge" }, dish.price, " \u20AC")), h("p", { class: `dish-desc-smooth ${isOpen ? 'expanded' : 'collapsed'}` }, dish.description))));
|
|
49
49
|
})));
|
|
50
50
|
})));
|
|
51
51
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { t as transformTag, p as proxyCustomElement, H, h } from './index.js';
|
|
2
2
|
|
|
3
|
-
const defaultTemplateCss = () =>
|
|
3
|
+
const defaultTemplateCss = () => `veleta-default-template .dt-wrapper{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column;gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-family:inherit}veleta-default-template .dt-header{margin-top:1.5rem;margin-bottom:0.5rem;text-align:center}veleta-default-template .dt-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase}veleta-default-template .dt-section{margin-left:auto;margin-right:auto;margin-bottom:1rem;display:-ms-flexbox;display:flex;width:24rem;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}veleta-default-template .dt-divider{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after{height:0.125rem;width:100%;-ms-flex-positive:1;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}veleta-default-template .dt-divider:not(:empty){gap:1rem}veleta-default-template .dt-divider{font-size:1.125rem;line-height:1.75rem}veleta-default-template .dt-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--rounded-box, 1rem)}veleta-default-template .dt-card:focus{outline:2px solid transparent;outline-offset:2px}veleta-default-template .dt-card figure{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}veleta-default-template .dt-card.image-full{display:grid}veleta-default-template .dt-card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75}veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full>*{grid-column-start:1;grid-row-start:1}veleta-default-template .dt-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}veleta-default-template .dt-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}veleta-default-template .dt-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}veleta-default-template .dt-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}veleta-default-template .dt-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}veleta-default-template .dt-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}veleta-default-template .dt-card.compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}veleta-default-template .dt-card.image-full :where(figure){overflow:hidden;border-radius:inherit}veleta-default-template .dt-card{width:24rem;cursor:pointer;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}veleta-default-template .dt-card-body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem}veleta-default-template .dt-card-body :where(p){-ms-flex-positive:1;flex-grow:1}.card.image-full>veleta-default-template .dt-card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.card.compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-normal veleta-default-template .dt-card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}veleta-default-template .dt-card-body{padding:1rem}veleta-default-template .dt-dish-details{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}veleta-default-template .dt-dish-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card-compact veleta-default-template .dt-dish-name{margin-bottom:0.25rem}.card-normal veleta-default-template .dt-dish-name{margin-bottom:0.75rem}veleta-default-template .dt-dish-name{margin-right:0.5rem;min-width:0px;-ms-flex:1 1 0%;flex:1 1 0%}veleta-default-template .dt-truncate{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}veleta-default-template .dt-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-duration:200ms;transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) veleta-default-template .dt-badge{justify-self:end}veleta-default-template .dt-badge{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}veleta-default-template.badge-outline .dt-badge{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}veleta-default-template .dt-badge{-ms-flex-negative:0;flex-shrink:0;font-size:0.75rem;line-height:1rem}.dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{line-clamp:1;-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{line-clamp:15;-webkit-line-clamp:15;max-height:12rem}`;
|
|
4
4
|
|
|
5
5
|
const DefaultTemplate = /*@__PURE__*/ proxyCustomElement(class DefaultTemplate extends H {
|
|
6
6
|
constructor(registerHost) {
|
|
@@ -36,7 +36,7 @@ const DefaultTemplate = /*@__PURE__*/ proxyCustomElement(class DefaultTemplate e
|
|
|
36
36
|
}
|
|
37
37
|
const { sections, business } = menuData;
|
|
38
38
|
const sortedSections = (sections || []).sort((a, b) => a.order - b.order);
|
|
39
|
-
return (h("div", { class: "
|
|
39
|
+
return (h("div", { class: "dt-wrapper", "data-theme": "light" }, business && (h("header", { class: "text-center mt-6 mb-2" }, h("h1", { class: "text-4xl font-bold uppercase" }, business.name))), sortedSections.map((section) => {
|
|
40
40
|
const sectionDishes = (section.dishes || [])
|
|
41
41
|
// .filter((dish) => {
|
|
42
42
|
// if (!this.searchQuery) return true;
|
|
@@ -50,9 +50,9 @@ const DefaultTemplate = /*@__PURE__*/ proxyCustomElement(class DefaultTemplate e
|
|
|
50
50
|
.sort((a, b) => a.order - b.order);
|
|
51
51
|
if (!sectionDishes.length)
|
|
52
52
|
return null;
|
|
53
|
-
return (h("div", { key: section.id, class: "
|
|
53
|
+
return (h("div", { key: section.id, class: "dt-section" }, h("div", { class: "dt-divider" }, section.title), sectionDishes.map((dish) => {
|
|
54
54
|
const isOpen = !!this.expandedDishes[dish.id];
|
|
55
|
-
return (h("div", { key: dish.id, class: "
|
|
55
|
+
return (h("div", { key: dish.id, class: "dt-card", onClick: () => this.toggleDish(dish.id) }, h("div", { class: "dt-card-body" }, h("div", { class: "dt-dish-details" }, h("h2", { class: "dt-dish-name" }, h("span", { class: "dt-truncate" }, dish.name)), h("div", { class: "dt-badge" }, dish.price, " \u20AC")), h("p", { class: `dish-desc-smooth ${isOpen ? 'expanded' : 'collapsed'}` }, dish.description))));
|
|
56
56
|
})));
|
|
57
57
|
})));
|
|
58
58
|
}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, g as getElement } from './index-RSrs046A.js';
|
|
2
2
|
|
|
3
|
-
const defaultTemplateCss = () =>
|
|
3
|
+
const defaultTemplateCss = () => `veleta-default-template .dt-wrapper{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column;gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-family:inherit}veleta-default-template .dt-header{margin-top:1.5rem;margin-bottom:0.5rem;text-align:center}veleta-default-template .dt-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase}veleta-default-template .dt-section{margin-left:auto;margin-right:auto;margin-bottom:1rem;display:-ms-flexbox;display:flex;width:24rem;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}veleta-default-template .dt-divider{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after{height:0.125rem;width:100%;-ms-flex-positive:1;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}veleta-default-template .dt-divider:not(:empty){gap:1rem}veleta-default-template .dt-divider{font-size:1.125rem;line-height:1.75rem}veleta-default-template .dt-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--rounded-box, 1rem)}veleta-default-template .dt-card:focus{outline:2px solid transparent;outline-offset:2px}veleta-default-template .dt-card figure{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}veleta-default-template .dt-card.image-full{display:grid}veleta-default-template .dt-card.image-full:before{position:relative;content:"";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75}veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full>*{grid-column-start:1;grid-row-start:1}veleta-default-template .dt-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}veleta-default-template .dt-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}veleta-default-template .dt-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}veleta-default-template .dt-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}veleta-default-template .dt-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}veleta-default-template .dt-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}veleta-default-template .dt-card.compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}veleta-default-template .dt-card.image-full :where(figure){overflow:hidden;border-radius:inherit}veleta-default-template .dt-card{width:24rem;cursor:pointer;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}veleta-default-template .dt-card-body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem}veleta-default-template .dt-card-body :where(p){-ms-flex-positive:1;flex-grow:1}.card.image-full>veleta-default-template .dt-card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.card.compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-normal veleta-default-template .dt-card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}veleta-default-template .dt-card-body{padding:1rem}veleta-default-template .dt-dish-details{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}veleta-default-template .dt-dish-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card-compact veleta-default-template .dt-dish-name{margin-bottom:0.25rem}.card-normal veleta-default-template .dt-dish-name{margin-bottom:0.75rem}veleta-default-template .dt-dish-name{margin-right:0.5rem;min-width:0px;-ms-flex:1 1 0%;flex:1 1 0%}veleta-default-template .dt-truncate{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}veleta-default-template .dt-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-duration:200ms;transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) veleta-default-template .dt-badge{justify-self:end}veleta-default-template .dt-badge{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}veleta-default-template.badge-outline .dt-badge{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}veleta-default-template .dt-badge{-ms-flex-negative:0;flex-shrink:0;font-size:0.75rem;line-height:1rem}.dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{line-clamp:1;-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{line-clamp:15;-webkit-line-clamp:15;max-height:12rem}`;
|
|
4
4
|
|
|
5
5
|
const DefaultTemplate = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -33,7 +33,7 @@ const DefaultTemplate = class {
|
|
|
33
33
|
}
|
|
34
34
|
const { sections, business } = menuData;
|
|
35
35
|
const sortedSections = (sections || []).sort((a, b) => a.order - b.order);
|
|
36
|
-
return (h("div", { class: "
|
|
36
|
+
return (h("div", { class: "dt-wrapper", "data-theme": "light" }, business && (h("header", { class: "text-center mt-6 mb-2" }, h("h1", { class: "text-4xl font-bold uppercase" }, business.name))), sortedSections.map((section) => {
|
|
37
37
|
const sectionDishes = (section.dishes || [])
|
|
38
38
|
// .filter((dish) => {
|
|
39
39
|
// if (!this.searchQuery) return true;
|
|
@@ -47,9 +47,9 @@ const DefaultTemplate = class {
|
|
|
47
47
|
.sort((a, b) => a.order - b.order);
|
|
48
48
|
if (!sectionDishes.length)
|
|
49
49
|
return null;
|
|
50
|
-
return (h("div", { key: section.id, class: "
|
|
50
|
+
return (h("div", { key: section.id, class: "dt-section" }, h("div", { class: "dt-divider" }, section.title), sectionDishes.map((dish) => {
|
|
51
51
|
const isOpen = !!this.expandedDishes[dish.id];
|
|
52
|
-
return (h("div", { key: dish.id, class: "
|
|
52
|
+
return (h("div", { key: dish.id, class: "dt-card", onClick: () => this.toggleDish(dish.id) }, h("div", { class: "dt-card-body" }, h("div", { class: "dt-dish-details" }, h("h2", { class: "dt-dish-name" }, h("span", { class: "dt-truncate" }, dish.name)), h("div", { class: "dt-badge" }, dish.price, " \u20AC")), h("p", { class: `dish-desc-smooth ${isOpen ? 'expanded' : 'collapsed'}` }, dish.description))));
|
|
53
53
|
})));
|
|
54
54
|
})));
|
|
55
55
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,g as getElement}from"./index-RSrs046A.js";var defaultTemplateCss=function(){return".dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{-webkit-line-clamp:15;max-height:12rem}"};var DefaultTemplate=function(){function e(e){registerInstance(this,e);this.expandedDishes={};this.searchQuery="";this.dataJson="{}"}e.prototype.toggleDish=function(e){var t;this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),(t={},t[e]=!this.expandedDishes[e],t))};e.prototype.render=function(){var e=this;var t=null;if(this.data){t=this.data}else if(this.dataJson&&this.dataJson!=="{}"){try{t=JSON.parse(this.dataJson)}catch(e){console.warn("Invalid dataJson provided to veleta-default-template:",e)}}if(!t){return h("div",{class:"default-template-empty"},"No data provided for Default Template")}var a=t.sections,
|
|
1
|
+
import{r as registerInstance,h,g as getElement}from"./index-RSrs046A.js";var defaultTemplateCss=function(){return"veleta-default-template .dt-wrapper{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column;gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-family:inherit}veleta-default-template .dt-header{margin-top:1.5rem;margin-bottom:0.5rem;text-align:center}veleta-default-template .dt-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase}veleta-default-template .dt-section{margin-left:auto;margin-right:auto;margin-bottom:1rem;display:-ms-flexbox;display:flex;width:24rem;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}veleta-default-template .dt-divider{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after{height:0.125rem;width:100%;-ms-flex-positive:1;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}veleta-default-template .dt-divider:not(:empty){gap:1rem}veleta-default-template .dt-divider{font-size:1.125rem;line-height:1.75rem}veleta-default-template .dt-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--rounded-box, 1rem)}veleta-default-template .dt-card:focus{outline:2px solid transparent;outline-offset:2px}veleta-default-template .dt-card figure{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}veleta-default-template .dt-card.image-full{display:grid}veleta-default-template .dt-card.image-full:before{position:relative;content:\"\";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75}veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full>*{grid-column-start:1;grid-row-start:1}veleta-default-template .dt-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}veleta-default-template .dt-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}veleta-default-template .dt-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}veleta-default-template .dt-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}veleta-default-template .dt-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}veleta-default-template .dt-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}veleta-default-template .dt-card.compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}veleta-default-template .dt-card.image-full :where(figure){overflow:hidden;border-radius:inherit}veleta-default-template .dt-card{width:24rem;cursor:pointer;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}veleta-default-template .dt-card-body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem}veleta-default-template .dt-card-body :where(p){-ms-flex-positive:1;flex-grow:1}.card.image-full>veleta-default-template .dt-card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.card.compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-normal veleta-default-template .dt-card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}veleta-default-template .dt-card-body{padding:1rem}veleta-default-template .dt-dish-details{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}veleta-default-template .dt-dish-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card-compact veleta-default-template .dt-dish-name{margin-bottom:0.25rem}.card-normal veleta-default-template .dt-dish-name{margin-bottom:0.75rem}veleta-default-template .dt-dish-name{margin-right:0.5rem;min-width:0px;-ms-flex:1 1 0%;flex:1 1 0%}veleta-default-template .dt-truncate{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}veleta-default-template .dt-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-duration:200ms;transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) veleta-default-template .dt-badge{justify-self:end}veleta-default-template .dt-badge{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}veleta-default-template.badge-outline .dt-badge{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}veleta-default-template .dt-badge{-ms-flex-negative:0;flex-shrink:0;font-size:0.75rem;line-height:1rem}.dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{line-clamp:1;-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{line-clamp:15;-webkit-line-clamp:15;max-height:12rem}"};var DefaultTemplate=function(){function e(e){registerInstance(this,e);this.expandedDishes={};this.searchQuery="";this.dataJson="{}"}e.prototype.toggleDish=function(e){var t;this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),(t={},t[e]=!this.expandedDishes[e],t))};e.prototype.render=function(){var e=this;var t=null;if(this.data){t=this.data}else if(this.dataJson&&this.dataJson!=="{}"){try{t=JSON.parse(this.dataJson)}catch(e){console.warn("Invalid dataJson provided to veleta-default-template:",e)}}if(!t){return h("div",{class:"default-template-empty"},"No data provided for Default Template")}var a=t.sections,r=t.business;var i=(a||[]).sort((function(e,t){return e.order-t.order}));return h("div",{class:"dt-wrapper","data-theme":"light"},r&&h("header",{class:"text-center mt-6 mb-2"},h("h1",{class:"text-4xl font-bold uppercase"},r.name)),i.map((function(t){var a=(t.dishes||[]).sort((function(e,t){return e.order-t.order}));if(!a.length)return null;return h("div",{key:t.id,class:"dt-section"},h("div",{class:"dt-divider"},t.title),a.map((function(t){var a=!!e.expandedDishes[t.id];return h("div",{key:t.id,class:"dt-card",onClick:function(){return e.toggleDish(t.id)}},h("div",{class:"dt-card-body"},h("div",{class:"dt-dish-details"},h("h2",{class:"dt-dish-name"},h("span",{class:"dt-truncate"},t.name)),h("div",{class:"dt-badge"},t.price," €")),h("p",{class:"dish-desc-smooth ".concat(a?"expanded":"collapsed")},t.description)))})))})))};Object.defineProperty(e.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return e}();DefaultTemplate.style=defaultTemplateCss();export{DefaultTemplate as veleta_default_template};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import{r as e,h as t,g as a}from"./p-RSrs046A.js";const r=class{constructor(t){e(this,t),this.expandedDishes={},this.searchQuery="",this.dataJson="{}"}toggleDish(e){this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),{[e]:!this.expandedDishes[e]})}render(){let e=null;if(this.data)e=this.data;else if(this.dataJson&&"{}"!==this.dataJson)try{e=JSON.parse(this.dataJson)}catch(e){console.warn("Invalid dataJson provided to veleta-default-template:",e)}if(!e)return t("div",{class:"default-template-empty"},"No data provided for Default Template");const{sections:a,business:r}=e,i=(a||[]).sort(((e,t)=>e.order-t.order));return t("div",{class:"dt-wrapper","data-theme":"light"},r&&t("header",{class:"text-center mt-6 mb-2"},t("h1",{class:"text-4xl font-bold uppercase"},r.name)),i.map((e=>{const a=(e.dishes||[]).sort(((e,t)=>e.order-t.order));return a.length?t("div",{key:e.id,class:"dt-section"},t("div",{class:"dt-divider"},e.title),a.map((e=>{const a=!!this.expandedDishes[e.id];return t("div",{key:e.id,class:"dt-card",onClick:()=>this.toggleDish(e.id)},t("div",{class:"dt-card-body"},t("div",{class:"dt-dish-details"},t("h2",{class:"dt-dish-name"},t("span",{class:"dt-truncate"},e.name)),t("div",{class:"dt-badge"},e.price," €")),t("p",{class:"dish-desc-smooth "+(a?"expanded":"collapsed")},e.description)))}))):null})))}get el(){return a(this)}};r.style="veleta-default-template .dt-wrapper{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column;gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-family:inherit}veleta-default-template .dt-header{margin-top:1.5rem;margin-bottom:0.5rem;text-align:center}veleta-default-template .dt-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase}veleta-default-template .dt-section{margin-left:auto;margin-right:auto;margin-bottom:1rem;display:-ms-flexbox;display:flex;width:24rem;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}veleta-default-template .dt-divider{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after{height:0.125rem;width:100%;-ms-flex-positive:1;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}veleta-default-template .dt-divider:not(:empty){gap:1rem}veleta-default-template .dt-divider{font-size:1.125rem;line-height:1.75rem}veleta-default-template .dt-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--rounded-box, 1rem)}veleta-default-template .dt-card:focus{outline:2px solid transparent;outline-offset:2px}veleta-default-template .dt-card figure{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}veleta-default-template .dt-card.image-full{display:grid}veleta-default-template .dt-card.image-full:before{position:relative;content:\"\";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75}veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full>*{grid-column-start:1;grid-row-start:1}veleta-default-template .dt-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}veleta-default-template .dt-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}veleta-default-template .dt-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}veleta-default-template .dt-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}veleta-default-template .dt-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}veleta-default-template .dt-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}veleta-default-template .dt-card.compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}veleta-default-template .dt-card.image-full :where(figure){overflow:hidden;border-radius:inherit}veleta-default-template .dt-card{width:24rem;cursor:pointer;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}veleta-default-template .dt-card-body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem}veleta-default-template .dt-card-body :where(p){-ms-flex-positive:1;flex-grow:1}.card.image-full>veleta-default-template .dt-card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.card.compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-normal veleta-default-template .dt-card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}veleta-default-template .dt-card-body{padding:1rem}veleta-default-template .dt-dish-details{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}veleta-default-template .dt-dish-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card-compact veleta-default-template .dt-dish-name{margin-bottom:0.25rem}.card-normal veleta-default-template .dt-dish-name{margin-bottom:0.75rem}veleta-default-template .dt-dish-name{margin-right:0.5rem;min-width:0px;-ms-flex:1 1 0%;flex:1 1 0%}veleta-default-template .dt-truncate{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}veleta-default-template .dt-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-duration:200ms;transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) veleta-default-template .dt-badge{justify-self:end}veleta-default-template .dt-badge{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}veleta-default-template.badge-outline .dt-badge{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}veleta-default-template .dt-badge{-ms-flex-negative:0;flex-shrink:0;font-size:0.75rem;line-height:1rem}.dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{line-clamp:1;-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{line-clamp:15;-webkit-line-clamp:15;max-height:12rem}";export{r as veleta_default_template}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
System.register(["./p-5kwxBi5X.system.js"],(function(e){"use strict";var t,a,r;return{setters:[function(e){t=e.r;a=e.h;r=e.g}],execute:function(){var i=function(){return"veleta-default-template .dt-wrapper{display:-ms-flexbox;display:flex;min-height:100vh;-ms-flex-direction:column;flex-direction:column;gap:1rem;--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1));padding:1rem;--tw-text-opacity:1;color:rgb(17 24 39 / var(--tw-text-opacity, 1));font-family:inherit}veleta-default-template .dt-header{margin-top:1.5rem;margin-bottom:0.5rem;text-align:center}veleta-default-template .dt-title{font-size:2.25rem;line-height:2.5rem;font-weight:700;text-transform:uppercase}veleta-default-template .dt-section{margin-left:auto;margin-right:auto;margin-bottom:1rem;display:-ms-flexbox;display:flex;width:24rem;-ms-flex-direction:column;flex-direction:column;gap:0.75rem}veleta-default-template .dt-divider{display:-ms-flexbox;display:flex;-ms-flex-direction:row;flex-direction:row;-ms-flex-align:center;align-items:center;-ms-flex-item-align:stretch;align-self:stretch;margin-top:1rem;margin-bottom:1rem;height:1rem;white-space:nowrap}veleta-default-template .dt-divider:before,veleta-default-template .dt-divider:after{height:0.125rem;width:100%;-ms-flex-positive:1;flex-grow:1;--tw-content:'';content:var(--tw-content);background-color:var(--fallback-bc,oklch(var(--bc)/0.1))}veleta-default-template .dt-divider:not(:empty){gap:1rem}veleta-default-template .dt-divider{font-size:1.125rem;line-height:1.75rem}veleta-default-template .dt-card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;border-radius:var(--rounded-box, 1rem)}veleta-default-template .dt-card:focus{outline:2px solid transparent;outline-offset:2px}veleta-default-template .dt-card figure{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}veleta-default-template .dt-card.image-full{display:grid}veleta-default-template .dt-card.image-full:before{position:relative;content:\"\";z-index:10;border-radius:var(--rounded-box, 1rem);--tw-bg-opacity:1;background-color:var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));opacity:0.75}veleta-default-template .dt-card.image-full:before,veleta-default-template .dt-card.image-full>*{grid-column-start:1;grid-row-start:1}veleta-default-template .dt-card.image-full>figure img{height:100%;-o-object-fit:cover;object-fit:cover}veleta-default-template .dt-card.image-full>.card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}veleta-default-template .dt-card :where(figure:first-child){overflow:hidden;border-start-start-radius:inherit;border-start-end-radius:inherit;border-end-start-radius:unset;border-end-end-radius:unset}veleta-default-template .dt-card :where(figure:last-child){overflow:hidden;border-start-start-radius:unset;border-start-end-radius:unset;border-end-start-radius:inherit;border-end-end-radius:inherit}veleta-default-template .dt-card:focus-visible{outline:2px solid currentColor;outline-offset:2px}veleta-default-template .dt-card.bordered{border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)))}veleta-default-template .dt-card.compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}veleta-default-template .dt-card.image-full :where(figure){overflow:hidden;border-radius:inherit}veleta-default-template .dt-card{width:24rem;cursor:pointer;--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)));--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}veleta-default-template .dt-card-body{display:-ms-flexbox;display:flex;-ms-flex:1 1 auto;flex:1 1 auto;-ms-flex-direction:column;flex-direction:column;padding:var(--padding-card, 2rem);gap:0.5rem}veleta-default-template .dt-card-body :where(p){-ms-flex-positive:1;flex-grow:1}.card.image-full>veleta-default-template .dt-card-body{position:relative;z-index:20;--tw-text-opacity:1;color:var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)))}.card.compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact veleta-default-template .dt-card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-normal veleta-default-template .dt-card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}veleta-default-template .dt-card-body{padding:1rem}veleta-default-template .dt-dish-details{display:-ms-flexbox;display:flex;width:100%;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}veleta-default-template .dt-dish-name{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;gap:0.5rem;font-size:1.25rem;line-height:1.75rem;font-weight:600}.card-compact veleta-default-template .dt-dish-name{margin-bottom:0.25rem}.card-normal veleta-default-template .dt-dish-name{margin-bottom:0.75rem}veleta-default-template .dt-dish-name{margin-right:0.5rem;min-width:0px;-ms-flex:1 1 0%;flex:1 1 0%}veleta-default-template .dt-truncate{display:block;width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}veleta-default-template .dt-badge{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-timing-function:cubic-bezier(0, 0, 0.2, 1);transition-timing-function:cubic-bezier(0, 0, 0.2, 1);-webkit-transition-duration:200ms;transition-duration:200ms;height:1.25rem;font-size:0.875rem;line-height:1.25rem;width:-moz-fit-content;width:-webkit-fit-content;width:fit-content;padding-left:0.563rem;padding-right:0.563rem;border-radius:var(--rounded-badge, 1.9rem);border-width:1px;--tw-border-opacity:1;border-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}:where(.menu li) veleta-default-template .dt-badge{justify-self:end}veleta-default-template .dt-badge{--tw-border-opacity:1;border-color:var(--fallback-p,oklch(var(--p)/var(--tw-border-opacity)));--tw-bg-opacity:1;background-color:var(--fallback-p,oklch(var(--p)/var(--tw-bg-opacity)));--tw-text-opacity:1;color:var(--fallback-pc,oklch(var(--pc)/var(--tw-text-opacity)))}veleta-default-template.badge-outline .dt-badge{--tw-text-opacity:1;color:var(--fallback-p,oklch(var(--p)/var(--tw-text-opacity)))}veleta-default-template .dt-badge{-ms-flex-negative:0;flex-shrink:0;font-size:0.75rem;line-height:1rem}.dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;line-clamp:1;-webkit-line-clamp:1;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{line-clamp:1;-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{line-clamp:15;-webkit-line-clamp:15;max-height:12rem}"};var l=e("veleta_default_template",function(){function e(e){t(this,e);this.expandedDishes={};this.searchQuery="";this.dataJson="{}"}e.prototype.toggleDish=function(e){var t;this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),(t={},t[e]=!this.expandedDishes[e],t))};e.prototype.render=function(){var e=this;var t=null;if(this.data){t=this.data}else if(this.dataJson&&this.dataJson!=="{}"){try{t=JSON.parse(this.dataJson)}catch(e){console.warn("Invalid dataJson provided to veleta-default-template:",e)}}if(!t){return a("div",{class:"default-template-empty"},"No data provided for Default Template")}var r=t.sections,i=t.business;var l=(r||[]).sort((function(e,t){return e.order-t.order}));return a("div",{class:"dt-wrapper","data-theme":"light"},i&&a("header",{class:"text-center mt-6 mb-2"},a("h1",{class:"text-4xl font-bold uppercase"},i.name)),l.map((function(t){var r=(t.dishes||[]).sort((function(e,t){return e.order-t.order}));if(!r.length)return null;return a("div",{key:t.id,class:"dt-section"},a("div",{class:"dt-divider"},t.title),r.map((function(t){var r=!!e.expandedDishes[t.id];return a("div",{key:t.id,class:"dt-card",onClick:function(){return e.toggleDish(t.id)}},a("div",{class:"dt-card-body"},a("div",{class:"dt-dish-details"},a("h2",{class:"dt-dish-name"},a("span",{class:"dt-truncate"},t.name)),a("div",{class:"dt-badge"},t.price," €")),a("p",{class:"dish-desc-smooth ".concat(r?"expanded":"collapsed")},t.description)))})))})))};Object.defineProperty(e.prototype,"el",{get:function(){return r(this)},enumerable:false,configurable:true});return e}());l.style=i()}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function o(t){try{c(r.next(t))}catch(t){i(t)}}function u(t){try{c(r["throw"](t))}catch(t){i(t)}}function c(t){t.done?n(t.value):a(t.value).then(o,u)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=u(0),o["throw"]=u(1),o["return"]=u(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return c([t,e])}}function c(u){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(r=1,a&&(i=u[0]&2?a["return"]:u[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,u[1])).done)return i;if(a=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;a=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){n.label=u[1];break}if(u[0]===6&&n.label<i[1]){n.label=i[1];i=u;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(u);break}if(i[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];a=0}finally{r=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-5kwxBi5X.system.js","./p-BbPAtVJG.system.js"],(function(t,e){"use strict";var n,r,a;return{setters:[function(e){n=e.p;r=e.b;t("setNonce",e.s)},function(t){a=t.g}],execute:function(){var t=this;var i=function(){var t=e.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return n(r)};i().then((function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,a()];case 1:t.sent();return[2,r([["p-
|
|
1
|
+
var __awaiter=this&&this.__awaiter||function(t,e,n,r){function a(t){return t instanceof n?t:new n((function(e){e(t)}))}return new(n||(n=Promise))((function(n,i){function o(t){try{c(r.next(t))}catch(t){i(t)}}function u(t){try{c(r["throw"](t))}catch(t){i(t)}}function c(t){t.done?n(t.value):a(t.value).then(o,u)}c((r=r.apply(t,e||[])).next())}))};var __generator=this&&this.__generator||function(t,e){var n={label:0,sent:function(){if(i[0]&1)throw i[1];return i[1]},trys:[],ops:[]},r,a,i,o=Object.create((typeof Iterator==="function"?Iterator:Object).prototype);return o.next=u(0),o["throw"]=u(1),o["return"]=u(2),typeof Symbol==="function"&&(o[Symbol.iterator]=function(){return this}),o;function u(t){return function(e){return c([t,e])}}function c(u){if(r)throw new TypeError("Generator is already executing.");while(o&&(o=0,u[0]&&(n=0)),n)try{if(r=1,a&&(i=u[0]&2?a["return"]:u[0]?a["throw"]||((i=a["return"])&&i.call(a),0):a.next)&&!(i=i.call(a,u[1])).done)return i;if(a=0,i)u=[u[0]&2,i.value];switch(u[0]){case 0:case 1:i=u;break;case 4:n.label++;return{value:u[1],done:false};case 5:n.label++;a=u[1];u=[0];continue;case 7:u=n.ops.pop();n.trys.pop();continue;default:if(!(i=n.trys,i=i.length>0&&i[i.length-1])&&(u[0]===6||u[0]===2)){n=0;continue}if(u[0]===3&&(!i||u[1]>i[0]&&u[1]<i[3])){n.label=u[1];break}if(u[0]===6&&n.label<i[1]){n.label=i[1];i=u;break}if(i&&n.label<i[2]){n.label=i[2];n.ops.push(u);break}if(i[2])n.ops.pop();n.trys.pop();continue}u=e.call(t,n)}catch(t){u=[6,t];a=0}finally{r=i=0}if(u[0]&5)throw u[1];return{value:u[0]?u[1]:void 0,done:true}}};System.register(["./p-5kwxBi5X.system.js","./p-BbPAtVJG.system.js"],(function(t,e){"use strict";var n,r,a;return{setters:[function(e){n=e.p;r=e.b;t("setNonce",e.s)},function(t){a=t.g}],execute:function(){var t=this;var i=function(){var t=e.meta.url;var r={};if(t!==""){r.resourcesUrl=new URL(".",t).href}return n(r)};i().then((function(e){return __awaiter(t,void 0,void 0,(function(){return __generator(this,(function(t){switch(t.label){case 0:return[4,a()];case 1:t.sent();return[2,r([["p-58a51a5c.system",[[256,"veleta-default-template",{data:[16],dataJson:[1,"data-json"],expandedDishes:[32],searchQuery:[32]}]]],["p-3aa8e836.system",[[256,"veleta-umami-template",{dataJson:[1,"data-json"],data:[16]}]]]],e)]}}))}))}))}}}));
|
|
@@ -10,4 +10,4 @@
|
|
|
10
10
|
0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset;box-shadow:0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset,
|
|
11
11
|
0 0 0 3px var(--fallback-b1,oklch(var(--b1)/1)) inset}100%{-webkit-box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
|
|
12
12
|
0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset;box-shadow:0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset,
|
|
13
|
-
0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@-webkit-keyframes rating-pop{0%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}40%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rating-pop{0%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}40%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes skeleton{from{background-position:150%}to{background-position:-50%}}@keyframes skeleton{from{background-position:150%}to{background-position:-50%}}.table tr.active,.table tr.active:nth-child(even),.table-zebra tbody tr:nth-child(even){--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table-zebra tr.active,.table-zebra tr.active:nth-child(even),.table-zebra-zebra tbody tr:nth-child(even){--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@-webkit-keyframes toast-pop{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes toast-pop{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.join.join-vertical{-ms-flex-direction:column;flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical *:first-child:not(:last-child) .join-item{border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:inherit;border-start-end-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical *:last-child:not(:first-child) .join-item{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.join.join-horizontal{-ms-flex-direction:row;flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal *:first-child:not(:last-child) .join-item{border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-start-start-radius:inherit}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal *:last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:inherit;border-start-end-radius:inherit}.card-compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact .card-title{margin-bottom:0.25rem}.card-normal .card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}.card-normal .card-title{margin-bottom:0.75rem}.join.join-vertical>:where(*:not(:first-child)){margin-left:0px;margin-right:0px;margin-top:-1px}.join.join-vertical>:where(*:not(:first-child)):is(.btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)){margin-top:0px;margin-bottom:0px;-webkit-margin-start:-1px;margin-inline-start:-1px}.join.join-horizontal>:where(*:not(:first-child)):is(.btn){-webkit-margin-start:calc(var(--border-btn) * -1);margin-inline-start:calc(var(--border-btn) * -1);margin-top:0px}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:0.5rem}.
|
|
13
|
+
0 0 0 4px var(--fallback-b1,oklch(var(--b1)/1)) inset}}@-webkit-keyframes rating-pop{0%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}40%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes rating-pop{0%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}40%{-webkit-transform:translateY(-0.125em);transform:translateY(-0.125em)}100%{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes skeleton{from{background-position:150%}to{background-position:-50%}}@keyframes skeleton{from{background-position:150%}to{background-position:-50%}}.table tr.active,.table tr.active:nth-child(even),.table-zebra tbody tr:nth-child(even){--tw-bg-opacity:1;background-color:var(--fallback-b2,oklch(var(--b2)/var(--tw-bg-opacity)))}.table-zebra tr.active,.table-zebra tr.active:nth-child(even),.table-zebra-zebra tbody tr:nth-child(even){--tw-bg-opacity:1;background-color:var(--fallback-b3,oklch(var(--b3)/var(--tw-bg-opacity)))}@-webkit-keyframes toast-pop{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}@keyframes toast-pop{0%{-webkit-transform:scale(0.9);transform:scale(0.9);opacity:0}100%{-webkit-transform:scale(1);transform:scale(1);opacity:1}}.btm-nav-xs>*:where(.active){border-top-width:1px}.btm-nav-sm>*:where(.active){border-top-width:2px}.btm-nav-md>*:where(.active){border-top-width:2px}.btm-nav-lg>*:where(.active){border-top-width:4px}.join.join-vertical{-ms-flex-direction:column;flex-direction:column}.join.join-vertical .join-item:first-child:not(:last-child),.join.join-vertical *:first-child:not(:last-child) .join-item{border-end-start-radius:0;border-end-end-radius:0;border-start-start-radius:inherit;border-start-end-radius:inherit}.join.join-vertical .join-item:last-child:not(:first-child),.join.join-vertical *:last-child:not(:first-child) .join-item{border-start-start-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-end-end-radius:inherit}.join.join-horizontal{-ms-flex-direction:row;flex-direction:row}.join.join-horizontal .join-item:first-child:not(:last-child),.join.join-horizontal *:first-child:not(:last-child) .join-item{border-end-end-radius:0;border-start-end-radius:0;border-end-start-radius:inherit;border-start-start-radius:inherit}.join.join-horizontal .join-item:last-child:not(:first-child),.join.join-horizontal *:last-child:not(:first-child) .join-item{border-end-start-radius:0;border-start-start-radius:0;border-end-end-radius:inherit;border-start-end-radius:inherit}.card-compact .card-body{padding:1rem;font-size:0.875rem;line-height:1.25rem}.card-compact .card-title{margin-bottom:0.25rem}.card-normal .card-body{padding:var(--padding-card, 2rem);font-size:1rem;line-height:1.5rem}.card-normal .card-title{margin-bottom:0.75rem}.join.join-vertical>:where(*:not(:first-child)){margin-left:0px;margin-right:0px;margin-top:-1px}.join.join-vertical>:where(*:not(:first-child)):is(.btn){margin-top:calc(var(--border-btn) * -1)}.join.join-horizontal>:where(*:not(:first-child)){margin-top:0px;margin-bottom:0px;-webkit-margin-start:-1px;margin-inline-start:-1px}.join.join-horizontal>:where(*:not(:first-child)):is(.btn){-webkit-margin-start:calc(var(--border-btn) * -1);margin-inline-start:calc(var(--border-btn) * -1);margin-top:0px}.visible{visibility:visible}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.mx-auto{margin-left:auto;margin-right:auto}.mb-2{margin-bottom:0.5rem}.mt-6{margin-top:1.5rem}.block{display:block}.flex{display:-ms-flexbox;display:flex}.grid{display:grid}.hidden{display:none}.min-h-screen{min-height:100vh}.w-96{width:24rem}.min-w-0{min-width:0px}.flex-1{-ms-flex:1 1 0%;flex:1 1 0%}.flex-shrink{-ms-flex-negative:1;flex-shrink:1}.transform{-webkit-transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{-ms-flex-direction:column;flex-direction:column}.items-center{-ms-flex-align:center;align-items:center}.justify-between{-ms-flex-pack:justify;justify-content:space-between}.gap-3{gap:0.75rem}.gap-4{gap:1rem}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.border{border-width:1px}.bg-base-100{--tw-bg-opacity:1;background-color:var(--fallback-b1,oklch(var(--b1)/var(--tw-bg-opacity, 1)))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.p-4{padding:1rem}.text-center{text-align:center}.text-4xl{font-size:2.25rem;line-height:2.5rem}.text-xs{font-size:0.75rem;line-height:1rem}.font-bold{font-weight:700}.uppercase{text-transform:uppercase}.italic{font-style:italic}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgb(0 0 0 / 0.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}.blur{--tw-blur:blur(8px);-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{-webkit-filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition{-webkit-transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, fill, stroke, opacity, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-box-shadow, -webkit-transform, -webkit-filter, -webkit-backdrop-filter;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as a,b as t}from"./p-RSrs046A.js";export{s as setNonce}from"./p-RSrs046A.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,e={};return""!==t&&(e.resourcesUrl=new URL(".",t).href),a(e)})().then((async a=>(await e(),t([["p-
|
|
1
|
+
import{p as a,b as t}from"./p-RSrs046A.js";export{s as setNonce}from"./p-RSrs046A.js";import{g as e}from"./p-DQuL1Twl.js";(()=>{const t=import.meta.url,e={};return""!==t&&(e.resourcesUrl=new URL(".",t).href),a(e)})().then((async a=>(await e(),t([["p-04b3e514",[[256,"veleta-default-template",{data:[16],dataJson:[1,"data-json"],expandedDishes:[32],searchQuery:[32]}]]],["p-c4921741",[[256,"veleta-umami-template",{dataJson:[1,"data-json"],data:[16]}]]]],a))));
|
package/package.json
CHANGED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
System.register(["./p-5kwxBi5X.system.js"],(function(e){"use strict";var t,i,s;return{setters:[function(e){t=e.r;i=e.h;s=e.g}],execute:function(){var a=function(){return".dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{-webkit-line-clamp:15;max-height:12rem}"};var r=e("veleta_default_template",function(){function e(e){t(this,e);this.expandedDishes={};this.searchQuery="";this.dataJson="{}"}e.prototype.toggleDish=function(e){var t;this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),(t={},t[e]=!this.expandedDishes[e],t))};e.prototype.render=function(){var e=this;var t=null;if(this.data){t=this.data}else if(this.dataJson&&this.dataJson!=="{}"){try{t=JSON.parse(this.dataJson)}catch(e){console.warn("Invalid dataJson provided to veleta-default-template:",e)}}if(!t){return i("div",{class:"default-template-empty"},"No data provided for Default Template")}var s=t.sections,a=t.business;var r=(s||[]).sort((function(e,t){return e.order-t.order}));return i("div",{class:"default-template-wrapper p-4 bg-gray-100 flex flex-col gap-4 min-h-screen","data-theme":"light"},a&&i("header",{class:"text-center mt-6 mb-2"},i("h1",{class:"text-4xl font-bold uppercase"},a.name)),r.map((function(t){var s=(t.dishes||[]).sort((function(e,t){return e.order-t.order}));if(!s.length)return null;return i("div",{key:t.id,class:"flex flex-col gap-3 w-96 mx-auto mb-4"},i("div",{class:"divider text-lg"},t.title),s.map((function(t){var s=!!e.expandedDishes[t.id];return i("div",{key:t.id,class:"card w-96 bg-base-100 card-xs shadow-sm cursor-pointer",onClick:function(){return e.toggleDish(t.id)}},i("div",{class:"card-body p-4"},i("div",{class:"flex justify-between items-center w-full"},i("h2",{class:"card-title min-w-0 flex-1 mr-2"},i("span",{class:"truncate block w-full"},t.name)),i("div",{class:"badge badge-primary text-xs shrink-0"},t.price," €")),i("p",{class:"dish-desc-smooth ".concat(s?"expanded":"collapsed")},t.description)))})))})))};Object.defineProperty(e.prototype,"el",{get:function(){return s(this)},enumerable:false,configurable:true});return e}());r.style=a()}}}));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import{r as e,h as t,g as s}from"./p-RSrs046A.js";const i=class{constructor(t){e(this,t),this.expandedDishes={},this.searchQuery="",this.dataJson="{}"}toggleDish(e){this.expandedDishes=Object.assign(Object.assign({},this.expandedDishes),{[e]:!this.expandedDishes[e]})}render(){let e=null;if(this.data)e=this.data;else if(this.dataJson&&"{}"!==this.dataJson)try{e=JSON.parse(this.dataJson)}catch(e){console.warn("Invalid dataJson provided to veleta-default-template:",e)}if(!e)return t("div",{class:"default-template-empty"},"No data provided for Default Template");const{sections:s,business:i}=e,a=(s||[]).sort(((e,t)=>e.order-t.order));return t("div",{class:"default-template-wrapper p-4 bg-gray-100 flex flex-col gap-4 min-h-screen","data-theme":"light"},i&&t("header",{class:"text-center mt-6 mb-2"},t("h1",{class:"text-4xl font-bold uppercase"},i.name)),a.map((e=>{const s=(e.dishes||[]).sort(((e,t)=>e.order-t.order));return s.length?t("div",{key:e.id,class:"flex flex-col gap-3 w-96 mx-auto mb-4"},t("div",{class:"divider text-lg"},e.title),s.map((e=>{const s=!!this.expandedDishes[e.id];return t("div",{key:e.id,class:"card w-96 bg-base-100 card-xs shadow-sm cursor-pointer",onClick:()=>this.toggleDish(e.id)},t("div",{class:"card-body p-4"},t("div",{class:"flex justify-between items-center w-full"},t("h2",{class:"card-title min-w-0 flex-1 mr-2"},t("span",{class:"truncate block w-full"},e.name)),t("div",{class:"badge badge-primary text-xs shrink-0"},e.price," €")),t("p",{class:"dish-desc-smooth "+(s?"expanded":"collapsed")},e.description)))}))):null})))}get el(){return s(this)}};i.style=".dish-desc-smooth{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;transition:max-height 0.8s cubic-bezier(0.25, 1, 0.5, 1), -webkit-line-clamp 0.8s cubic-bezier(0.25, 1, 0.5, 1);will-change:max-height}.dish-desc-smooth.collapsed{-webkit-line-clamp:1;max-height:1.5rem}.dish-desc-smooth.expanded{-webkit-line-clamp:15;max-height:12rem}";export{i as veleta_default_template}
|