embeds-preview/speaker.stories-4EJWtHNM.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
import { b } from './lit-element-xPuJNNul.js';
import { g as getBaseUrl, c as FALLBACK_SPEAKER_SLUGS } from './slugs-W7dhRCvL.js';
import './state-CRAeqyPl.js';

const meta = {
    title: 'Components/Speaker',
    component: 'rubyevents-speaker',
    argTypes: {
        slug: {
            control: 'select',
            options: FALLBACK_SPEAKER_SLUGS,
            description: 'The slug of the speaker to display',
        },
        tab: {
            control: 'select',
            options: ['talks', 'events'],
            description: 'The active tab to display',
        },
        '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: 'tenderlove',
        tab: 'talks',
        'base-url': getBaseUrl(),
        'show-footer': true,
    },
};
const WithTalks = {
    render: args => b `
    <rubyevents-speaker
      slug=${args.slug}
      tab=${args.tab}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-speaker>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-speaker slug="tenderlove" show-footer></rubyevents-speaker>`,
            },
        },
    },
};
const WithEvents = {
    args: {
        tab: 'events',
    },
    render: args => b `
    <rubyevents-speaker
      slug=${args.slug}
      tab=${args.tab}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-speaker>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-speaker slug="tenderlove" tab="events" show-footer></rubyevents-speaker>`,
            },
        },
    },
};
const WithoutFooter = {
    args: {
        'show-footer': false,
    },
    render: args => b `
    <rubyevents-speaker
      slug=${args.slug}
      tab=${args.tab}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-speaker>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-speaker slug="tenderlove"></rubyevents-speaker>`,
            },
        },
    },
};

const __namedExportsOrder = ['WithTalks', 'WithEvents', 'WithoutFooter'];

export { WithEvents, WithTalks, WithoutFooter, __namedExportsOrder, meta as default };