embeds-preview/index.stories-DsYMwiWR.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
import { b } from './lit-element-xPuJNNul.js';
import { g as getBaseUrl, a as FALLBACK_TALK_SLUGS } from './slugs-BWy3PvLo.js';
import './state-CRAeqyPl.js';

const meta = {
    title: 'Components/Talk',
    component: 'rubyevents-talk',
    argTypes: {
        slug: {
            control: 'select',
            options: FALLBACK_TALK_SLUGS,
            description: 'The slug of the talk 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: 'keynote-rubyllm',
        'base-url': getBaseUrl(),
        'show-footer': true,
    },
};
const Talk = {
    render: args => b `
    <rubyevents-talk
      slug=${args.slug}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-talk>
  `,
    parameters: {
        docs: {
            description: {
                story: 'Add the `show-footer` attribute to display the "Powered by RubyEvents" footer.',
            },
            source: {
                code: `<rubyevents-talk slug="keynote-rubyllm" show-footer></rubyevents-talk>`,
            },
        },
    },
};
const TalkWithoutFooter = {
    args: {
        'show-footer': false,
    },
    render: args => b `
    <rubyevents-talk
      slug=${args.slug}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-talk>
  `,
    parameters: {
        docs: {
            description: {
                story: 'The footer is hidden by default. This is the default appearance.',
            },
            source: {
                code: `<rubyevents-talk slug="keynote-rubyllm"></rubyevents-talk>`,
            },
        },
    },
};
const CustomBaseUrl = {
    args: {
        'base-url': 'https://rubyevents.org',
    },
    render: args => b `
    <rubyevents-talk
      slug=${args.slug}
      base-url=${args['base-url']}
      .showFooter=${args['show-footer']}
    ></rubyevents-talk>
  `,
    parameters: {
        docs: {
            source: {
                code: `<rubyevents-talk
  slug="keynote-rubyllm"
  base-url="https://rubyevents.org"
></rubyevents-talk>`,
            },
        },
    },
};

export { CustomBaseUrl, Talk, TalkWithoutFooter, meta as default };