igniteui-angular-samples/live-editing/configs/ButtonGroupConfigGenerator.ts at 95d8242aed109e22e999180be6da581d52abf7c6 · IgniteUI/igniteui-angular-samples · 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
import { IgxButtonGroupModule } from 'igniteui-angular/button-group';
import { IgxButtonModule, IgxRippleModule } from 'igniteui-angular/directives';
import { IgxIconModule } from 'igniteui-angular/icon';
import { IgxRadioModule } from 'igniteui-angular/radio';
import {AppModuleConfig, Config, IConfigGenerator} from 'igniteui-live-editing'
import { BaseAppConfig } from './BaseConfig';
export class ButtonGroupConfigGenerator implements IConfigGenerator {


    public generateConfigs(): Config[] {
        const configs = new Array<Config>();

        // button group overview
        configs.push(new Config({
            component: 'ButtonGroupOverviewComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group layout
        configs.push(new Config({
            component: 'ButtonGroupLayoutComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group alignment
        configs.push(new Config({
            component: 'ButtonGroupAlignmentComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group custom toggle
        configs.push(new Config({
            component: 'ButtonGroupCustomToggleComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group states
        configs.push(new Config({
            component: 'ButtonGroupStatesComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group interaction states
        configs.push(new Config({
            component: 'ButtonGroupInteractionStatesComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group selection
        configs.push(new Config({
            component: 'ButtonGroupSelectionComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group size
        configs.push(new Config({
            component: 'ButtonGroupSizeComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group styling
        configs.push(new Config({
            component: 'ButtonGroupStylingComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        // button group tailwind styling
        configs.push(new Config({
            component: 'ButtonGroupTailwindStylingComponent',
            appConfig: BaseAppConfig,
            shortenComponentPathBy: "/data-entries/buttonGroup/"
        }));

        return configs;
    }
}