@pushengineering/umg-web-components 3.2.22 → 3.2.24
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/components/event-table/event.d.ts.map +1 -1
- package/dist/components/event-table/event.js +44 -11
- package/dist/components/event-table/event.js.map +1 -1
- package/dist/docs/event-table/event-table.stories.d.ts +2 -1
- package/dist/docs/event-table/event-table.stories.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../../src/components/event-table/event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAA;AAUpD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,OAAO,+BAA+B,CAAA;AACtC,OAAO,6BAA6B,CAAA;AACpC,OAAO,uBAAuB,CAAA;AAI9B,qBAEa,KAAM,SAAQ,UAAU;IAGjC,EAAE,EAAE,aAAa,CAAU;IAG3B,SAAS,EAAE,MAAM,GAAG,mBAAmB,GAAG,iBAAiB,CAAS;IAGpE,YAAY,SAAY;IAGxB,OAAO,UAAQ;IAGf,aAAa,CAAC,sBAAQ;IAGtB,mBAAmB,CAAC,sBAAQ;IAE5B,OAAO,CAAC,iBAAiB,
|
|
1
|
+
{"version":3,"file":"event.d.ts","sourceRoot":"","sources":["../../../src/components/event-table/event.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAA;AAUpD,OAAO,EAAE,aAAa,EAAE,MAAM,aAAa,CAAA;AAE3C,OAAO,+BAA+B,CAAA;AACtC,OAAO,6BAA6B,CAAA;AACpC,OAAO,uBAAuB,CAAA;AAI9B,qBAEa,KAAM,SAAQ,UAAU;IAGjC,EAAE,EAAE,aAAa,CAAU;IAG3B,SAAS,EAAE,MAAM,GAAG,mBAAmB,GAAG,iBAAiB,CAAS;IAGpE,YAAY,SAAY;IAGxB,OAAO,UAAQ;IAGf,aAAa,CAAC,sBAAQ;IAGtB,mBAAmB,CAAC,sBAAQ;IAE5B,OAAO,CAAC,iBAAiB,CAAmE;IAE5F,WAAW;IAWX,qBAAqB;IASrB,MAAM;IAiFN,MAAM,CAAC,MAAM,+BA2GX;CACL"}
|
|
@@ -21,7 +21,7 @@ let Event = class Event extends LitElement {
|
|
|
21
21
|
this.divider = false;
|
|
22
22
|
this.centerContent = false;
|
|
23
23
|
this.mobileCenterContent = false;
|
|
24
|
-
this.hasSlotController = new HasSlotController(this, 'ticket-links');
|
|
24
|
+
this.hasSlotController = new HasSlotController(this, 'ticket-links', 'link', 'rsvp-link');
|
|
25
25
|
}
|
|
26
26
|
itemClasses() {
|
|
27
27
|
const classes = {
|
|
@@ -41,7 +41,9 @@ let Event = class Event extends LitElement {
|
|
|
41
41
|
return classes;
|
|
42
42
|
}
|
|
43
43
|
render() {
|
|
44
|
-
const
|
|
44
|
+
const hasSingleTicketLink = this.hasSlotController.test('link');
|
|
45
|
+
const hasTicketButtonGroup = this.hasSlotController.test('ticket-links');
|
|
46
|
+
const hasSingleRsvpTicketLink = this.hasSlotController.test('rsvp-link');
|
|
45
47
|
return html `
|
|
46
48
|
<div
|
|
47
49
|
part="event-item"
|
|
@@ -60,11 +62,18 @@ let Event = class Event extends LitElement {
|
|
|
60
62
|
>
|
|
61
63
|
<slot name="content"></slot>
|
|
62
64
|
</div>
|
|
63
|
-
|
|
64
|
-
<
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
65
|
+
${hasSingleTicketLink ? html `
|
|
66
|
+
<div part="event-link" class="event-table__single-link">
|
|
67
|
+
<slot name="link"></slot>
|
|
68
|
+
</div>
|
|
69
|
+
` : nothing}
|
|
70
|
+
${hasSingleRsvpTicketLink ? html `
|
|
71
|
+
<div part="event-rsvp" class="event-table__rsvp-link">
|
|
72
|
+
<slot name="rsvp-link"></slot>
|
|
73
|
+
</div>
|
|
74
|
+
` : nothing}
|
|
75
|
+
${hasTicketButtonGroup ? html `
|
|
76
|
+
<div part="event-links" class="event-table__ticket-list">
|
|
68
77
|
${this.ticketsAs === 'list' ? html `
|
|
69
78
|
<umg-button-group
|
|
70
79
|
part="event-links"
|
|
@@ -144,12 +153,18 @@ Event.styles = mergeStyles([
|
|
|
144
153
|
flex: 1 0 auto;
|
|
145
154
|
}
|
|
146
155
|
|
|
147
|
-
.event-table__rsvp {
|
|
156
|
+
.event-table__rsvp-link {
|
|
148
157
|
flex: 0;
|
|
149
158
|
min-width: var(--umg-size-buttons-width, 12rem);
|
|
150
159
|
}
|
|
151
160
|
|
|
152
|
-
.event-
|
|
161
|
+
.event-table__single-link {
|
|
162
|
+
display: flex;
|
|
163
|
+
flex: 0;
|
|
164
|
+
gap: var(--umg-space-event-links-gap, 1rem);
|
|
165
|
+
}
|
|
166
|
+
|
|
167
|
+
.event-table__ticket-list {
|
|
153
168
|
flex: 0;
|
|
154
169
|
position: relative;
|
|
155
170
|
min-width: var(--umg-size-buttons-width, 12rem);
|
|
@@ -161,11 +176,29 @@ Event.styles = mergeStyles([
|
|
|
161
176
|
min-width: var(--umg-size-buttons-width, 12rem);
|
|
162
177
|
}
|
|
163
178
|
|
|
179
|
+
.event-table--grid .event-table__rsvp-link,
|
|
180
|
+
.event-table--grid .event-table__ticket-list,
|
|
181
|
+
.event-table__ticket-dropdown {
|
|
182
|
+
min-width: 100%;
|
|
183
|
+
}
|
|
184
|
+
|
|
185
|
+
.event-table__item.event-table--grid .event-table__ticket-dropdown--floating {
|
|
186
|
+
position: absolute;
|
|
187
|
+
top: 0;
|
|
188
|
+
right: 0;
|
|
189
|
+
left: 0;
|
|
190
|
+
z-index: 1;
|
|
191
|
+
}
|
|
192
|
+
.event-table__item.event-table--grid .event-table__ticket-dropdown--floating[open] {
|
|
193
|
+
z-index: 2;
|
|
194
|
+
}
|
|
195
|
+
|
|
164
196
|
@media (min-width: 48rem) {
|
|
165
|
-
|
|
197
|
+
.event-table__ticket-dropdown--floating {
|
|
166
198
|
position: absolute;
|
|
167
199
|
top: 0;
|
|
168
200
|
right: 0;
|
|
201
|
+
left: 0;
|
|
169
202
|
z-index: 1;
|
|
170
203
|
}
|
|
171
204
|
.event-table__ticket-dropdown--floating[open] {
|
|
@@ -174,7 +207,7 @@ Event.styles = mergeStyles([
|
|
|
174
207
|
}
|
|
175
208
|
|
|
176
209
|
@media (max-width: 47.99rem) {
|
|
177
|
-
.event-table__rsvp {
|
|
210
|
+
.event-table__rsvp-link {
|
|
178
211
|
margin-top: var(--umg-space-16, 1rem);
|
|
179
212
|
}
|
|
180
213
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"event.js","sources":["../../../src/components/event-table/event.ts"],"sourcesContent":[null],"names":[],"mappings":";;;;;;;;;;;;;AAgBA,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ;AAIpB,IAAM,KAAK,GAAX,MAAM,KAAM,SAAQ,UAAU,CAAA;AAA9B,IAAA,WAAA,GAAA;;QAGH,IAAA,CAAA,EAAE,GAAkB,OAAO;QAG3B,IAAA,CAAA,SAAS,GAAqD,MAAM;QAGpE,IAAA,CAAA,YAAY,GAAG,SAAS;QAGxB,IAAA,CAAA,OAAO,GAAG,KAAK;QAGf,IAAA,CAAA,aAAa,GAAI,KAAK;QAGtB,IAAA,CAAA,mBAAmB,GAAI,KAAK;
|
|
1
|
+
{"version":3,"file":"event.js","sources":["../../../src/components/event-table/event.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
|
@@ -8,5 +8,6 @@ import '../../components/button';
|
|
|
8
8
|
import '../../components/text';
|
|
9
9
|
declare const meta: Meta;
|
|
10
10
|
export default meta;
|
|
11
|
-
export declare const
|
|
11
|
+
export declare const Buttons: Story;
|
|
12
|
+
export declare const SingleLinks: Story;
|
|
12
13
|
//# sourceMappingURL=event-table.stories.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"event-table.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/event-table/event-table.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,8BAA8B,CAAA;AACrC,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,yBAAyB,CAAA;AAChC,OAAO,uBAAuB,CAAA;
|
|
1
|
+
{"version":3,"file":"event-table.stories.d.ts","sourceRoot":"","sources":["../../../src/docs/event-table/event-table.stories.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,IAAI,KAAK,EAAE,MAAM,2BAA2B,CAAA;AAKxE,OAAO,uBAAuB,CAAA;AAC9B,OAAO,0BAA0B,CAAA;AACjC,OAAO,8BAA8B,CAAA;AACrC,OAAO,iCAAiC,CAAA;AACxC,OAAO,uBAAuB,CAAA;AAC9B,OAAO,yBAAyB,CAAA;AAChC,OAAO,uBAAuB,CAAA;AAuR9B,QAAA,MAAM,IAAI,EAAE,IAmJX,CAAA;AACD,eAAe,IAAI,CAAA;AAEnB,eAAO,MAAM,OAAO,EAAE,KAoBrB,CAAA;AAGD,eAAO,MAAM,WAAW,EAAE,KA4BzB,CAAA"}
|