embeds-preview/event.stories-B10HWg9-.js at main · rubyevents/embeds-preview · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
import { b } from './lit-element-xPuJNNul.js';
import { g as getBaseUrl, F as FALLBACK_EVENT_SLUGS } from './slugs-BWy3PvLo.js';
import './state-CRAeqyPl.js';

const meta = {
    title: 'Components/Event',
    component: 'rubyevents-event',
    argTypes: {
        slug: {
            control: 'select',
            options: FALLBACK_EVENT_SLUGS,
            description: 'Event slug to display',
        },
        'show-participants': {
            control: 'boolean',
            description: 'Whether to show participant avatars',
        },
        'max-avatars': {
            control: 'number',
            description: 'Maximum number of avatars to show per participant category',
        },
        'base-url': {
            control: 'text',
            description: 'Base URL for the RubyEvents API',
        },
        'show-footer': {
            control: 'boolean',
            description: 'Whether to show the "Powered by" footer',
        },
    },
    args: {
        slug: 'sfruby-2025',
        'show-participants': true,
        'max-avatars': 8,
        'base-url': getBaseUrl(),
        'show-footer': true,
    },
};
const Default = {
    render: args => b `
    <rubyevents-event
      slug=${args.slug}
      ?show-participants=${args['show-participants']}
      max-avatars=${args['max-avatars']}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-event>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-event slug="sfruby-2025" show-footer></rubyevents-event>`,
            },
        },
    },
};
const WithoutParticipants = {
    args: {
        'show-participants': false,
    },
    render: args => b `
    <rubyevents-event
      slug=${args.slug}
      ?show-participants=${args['show-participants']}
      max-avatars=${args['max-avatars']}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-event>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-event slug="sfruby-2025"></rubyevents-event>`,
            },
        },
    },
};
const LimitedAvatars = {
    args: {
        'max-avatars': 4,
    },
    render: args => b `
    <rubyevents-event
      slug=${args.slug}
      ?show-participants=${args['show-participants']}
      max-avatars=${args['max-avatars']}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-event>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-event slug="sfruby-2025" max-avatars="4" show-footer></rubyevents-event>`,
            },
        },
    },
};

export { Default, LimitedAvatars, WithoutParticipants, meta as default };