@krumio/trailhand-ui 1.5.0 → 1.7.0
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/README.md +102 -11
- package/dist/components/button/button.d.ts +20 -0
- package/dist/components/button/button.d.ts.map +1 -0
- package/dist/components/button/button.js +189 -0
- package/dist/components/button/button.js.map +1 -0
- package/dist/components/button/index.d.ts +2 -0
- package/dist/components/button/index.d.ts.map +1 -0
- package/dist/components/button/index.js +2 -0
- package/dist/components/button/index.js.map +1 -0
- package/dist/components/icon/icon.d.ts +18 -0
- package/dist/components/icon/icon.d.ts.map +1 -0
- package/dist/components/icon/icon.js +44 -0
- package/dist/components/icon/icon.js.map +1 -0
- package/dist/components/icon/index.d.ts +2 -0
- package/dist/components/icon/index.d.ts.map +1 -0
- package/dist/components/icon/index.js +2 -0
- package/dist/components/icon/index.js.map +1 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -0
- package/dist/index.js.map +1 -1
- package/dist/styles/colors.css +132 -0
- package/package.json +25 -28
- package/dist/Button.d.ts +0 -15
- package/dist/Button.d.ts.map +0 -1
- package/dist/Button.js +0 -18
- package/dist/Button.js.map +0 -1
- package/dist/Header.d.ts +0 -15
- package/dist/Header.d.ts.map +0 -1
- package/dist/Header.js +0 -44
- package/dist/Header.js.map +0 -1
- package/dist/Page.d.ts +0 -9
- package/dist/Page.d.ts.map +0 -1
- package/dist/Page.js +0 -61
- package/dist/Page.js.map +0 -1
- package/dist/action-menu.d.ts +0 -79
- package/dist/action-menu.d.ts.map +0 -1
- package/dist/action-menu.js +0 -321
- package/dist/action-menu.js.map +0 -1
- package/dist/assets/index-B7q5L5KS.js +0 -91
- package/dist/components/action-menu/action-menu.stories.d.ts +0 -261
- package/dist/components/action-menu/action-menu.stories.d.ts.map +0 -1
- package/dist/components/action-menu/action-menu.stories.js +0 -363
- package/dist/components/action-menu/action-menu.stories.js.map +0 -1
- package/dist/components/data-table/data-table.stories.d.ts +0 -507
- package/dist/components/data-table/data-table.stories.d.ts.map +0 -1
- package/dist/components/data-table/data-table.stories.js +0 -601
- package/dist/components/data-table/data-table.stories.js.map +0 -1
- package/dist/components/th-card/index.d.ts +0 -3
- package/dist/components/th-card/index.d.ts.map +0 -1
- package/dist/components/th-card/index.js +0 -2
- package/dist/components/th-card/index.js.map +0 -1
- package/dist/components/th-card/th-card.d.ts +0 -78
- package/dist/components/th-card/th-card.d.ts.map +0 -1
- package/dist/components/th-card/th-card.js +0 -449
- package/dist/components/th-card/th-card.js.map +0 -1
- package/dist/components/th-card/th-card.stories.d.ts +0 -232
- package/dist/components/th-card/th-card.stories.d.ts.map +0 -1
- package/dist/components/th-card/th-card.stories.js +0 -385
- package/dist/components/th-card/th-card.stories.js.map +0 -1
- package/dist/components/th-tag/index.d.ts +0 -3
- package/dist/components/th-tag/index.d.ts.map +0 -1
- package/dist/components/th-tag/index.js +0 -2
- package/dist/components/th-tag/index.js.map +0 -1
- package/dist/components/th-tag/th-tag.d.ts +0 -65
- package/dist/components/th-tag/th-tag.d.ts.map +0 -1
- package/dist/components/th-tag/th-tag.js +0 -307
- package/dist/components/th-tag/th-tag.js.map +0 -1
- package/dist/components/th-tag/th-tag.stories.d.ts +0 -277
- package/dist/components/th-tag/th-tag.stories.d.ts.map +0 -1
- package/dist/components/th-tag/th-tag.stories.js +0 -415
- package/dist/components/th-tag/th-tag.stories.js.map +0 -1
- package/dist/components/toggle-switch/toggle-switch.stories.d.ts +0 -239
- package/dist/components/toggle-switch/toggle-switch.stories.d.ts.map +0 -1
- package/dist/components/toggle-switch/toggle-switch.stories.js +0 -408
- package/dist/components/toggle-switch/toggle-switch.stories.js.map +0 -1
- package/dist/data-table.d.ts +0 -191
- package/dist/data-table.d.ts.map +0 -1
- package/dist/data-table.js +0 -796
- package/dist/data-table.js.map +0 -1
- package/dist/design-system/color-palette.stories.d.ts +0 -24
- package/dist/design-system/color-palette.stories.d.ts.map +0 -1
- package/dist/design-system/color-palette.stories.js +0 -361
- package/dist/design-system/color-palette.stories.js.map +0 -1
- package/dist/index.html +0 -102
- package/dist/toggle-switch.d.ts +0 -38
- package/dist/toggle-switch.d.ts.map +0 -1
- package/dist/toggle-switch.js +0 -175
- package/dist/toggle-switch.js.map +0 -1
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
declare namespace _default {
|
|
2
|
-
let title: string;
|
|
3
|
-
let tags: string[];
|
|
4
|
-
function render(args: any): HTMLElement;
|
|
5
|
-
namespace argTypes {
|
|
6
|
-
export namespace variant {
|
|
7
|
-
let control: string;
|
|
8
|
-
let options: string[];
|
|
9
|
-
let description: string;
|
|
10
|
-
let defaultValue: string;
|
|
11
|
-
}
|
|
12
|
-
export namespace dismissible {
|
|
13
|
-
let control_1: string;
|
|
14
|
-
export { control_1 as control };
|
|
15
|
-
let description_1: string;
|
|
16
|
-
export { description_1 as description };
|
|
17
|
-
let defaultValue_1: boolean;
|
|
18
|
-
export { defaultValue_1 as defaultValue };
|
|
19
|
-
}
|
|
20
|
-
export namespace cardId {
|
|
21
|
-
let control_2: string;
|
|
22
|
-
export { control_2 as control };
|
|
23
|
-
let description_2: string;
|
|
24
|
-
export { description_2 as description };
|
|
25
|
-
}
|
|
26
|
-
export namespace cardTitle {
|
|
27
|
-
let control_3: string;
|
|
28
|
-
export { control_3 as control };
|
|
29
|
-
let description_3: string;
|
|
30
|
-
export { description_3 as description };
|
|
31
|
-
}
|
|
32
|
-
export namespace subtitle {
|
|
33
|
-
let control_4: string;
|
|
34
|
-
export { control_4 as control };
|
|
35
|
-
let description_4: string;
|
|
36
|
-
export { description_4 as description };
|
|
37
|
-
}
|
|
38
|
-
export namespace description_5 {
|
|
39
|
-
let control_5: string;
|
|
40
|
-
export { control_5 as control };
|
|
41
|
-
let description_6: string;
|
|
42
|
-
export { description_6 as description };
|
|
43
|
-
}
|
|
44
|
-
export { description_5 as description };
|
|
45
|
-
export namespace iconClass {
|
|
46
|
-
let control_6: string;
|
|
47
|
-
export { control_6 as control };
|
|
48
|
-
let description_7: string;
|
|
49
|
-
export { description_7 as description };
|
|
50
|
-
}
|
|
51
|
-
export namespace iconSrc {
|
|
52
|
-
let control_7: string;
|
|
53
|
-
export { control_7 as control };
|
|
54
|
-
let description_8: string;
|
|
55
|
-
export { description_8 as description };
|
|
56
|
-
}
|
|
57
|
-
export namespace loading {
|
|
58
|
-
let control_8: string;
|
|
59
|
-
export { control_8 as control };
|
|
60
|
-
let description_9: string;
|
|
61
|
-
export { description_9 as description };
|
|
62
|
-
let defaultValue_2: boolean;
|
|
63
|
-
export { defaultValue_2 as defaultValue };
|
|
64
|
-
}
|
|
65
|
-
}
|
|
66
|
-
namespace parameters {
|
|
67
|
-
namespace docs {
|
|
68
|
-
export namespace description_10 {
|
|
69
|
-
let component: string;
|
|
70
|
-
}
|
|
71
|
-
export { description_10 as description };
|
|
72
|
-
}
|
|
73
|
-
}
|
|
74
|
-
}
|
|
75
|
-
export default _default;
|
|
76
|
-
export namespace Default {
|
|
77
|
-
export namespace args {
|
|
78
|
-
let cardTitle_1: string;
|
|
79
|
-
export { cardTitle_1 as cardTitle };
|
|
80
|
-
let description_11: string;
|
|
81
|
-
export { description_11 as description };
|
|
82
|
-
}
|
|
83
|
-
export namespace parameters_1 {
|
|
84
|
-
export namespace docs_1 {
|
|
85
|
-
namespace source {
|
|
86
|
-
let code: string;
|
|
87
|
-
}
|
|
88
|
-
}
|
|
89
|
-
export { docs_1 as docs };
|
|
90
|
-
}
|
|
91
|
-
export { parameters_1 as parameters };
|
|
92
|
-
}
|
|
93
|
-
export namespace ResourceCard {
|
|
94
|
-
export function render_1(): HTMLElement;
|
|
95
|
-
export { render_1 as render };
|
|
96
|
-
export namespace parameters_2 {
|
|
97
|
-
export namespace docs_2 {
|
|
98
|
-
export namespace description_12 {
|
|
99
|
-
let story: string;
|
|
100
|
-
}
|
|
101
|
-
export { description_12 as description };
|
|
102
|
-
}
|
|
103
|
-
export { docs_2 as docs };
|
|
104
|
-
}
|
|
105
|
-
export { parameters_2 as parameters };
|
|
106
|
-
}
|
|
107
|
-
export namespace InfoCard {
|
|
108
|
-
export function render_2(): HTMLElement;
|
|
109
|
-
export { render_2 as render };
|
|
110
|
-
export namespace parameters_3 {
|
|
111
|
-
export namespace docs_3 {
|
|
112
|
-
export namespace description_13 {
|
|
113
|
-
let story_1: string;
|
|
114
|
-
export { story_1 as story };
|
|
115
|
-
}
|
|
116
|
-
export { description_13 as description };
|
|
117
|
-
export namespace source_1 {
|
|
118
|
-
let code_1: string;
|
|
119
|
-
export { code_1 as code };
|
|
120
|
-
}
|
|
121
|
-
export { source_1 as source };
|
|
122
|
-
}
|
|
123
|
-
export { docs_3 as docs };
|
|
124
|
-
}
|
|
125
|
-
export { parameters_3 as parameters };
|
|
126
|
-
}
|
|
127
|
-
export namespace ApplicationsCard {
|
|
128
|
-
export function render_3(): HTMLElement;
|
|
129
|
-
export { render_3 as render };
|
|
130
|
-
export namespace parameters_4 {
|
|
131
|
-
export namespace docs_4 {
|
|
132
|
-
export namespace description_14 {
|
|
133
|
-
let story_2: string;
|
|
134
|
-
export { story_2 as story };
|
|
135
|
-
}
|
|
136
|
-
export { description_14 as description };
|
|
137
|
-
}
|
|
138
|
-
export { docs_4 as docs };
|
|
139
|
-
}
|
|
140
|
-
export { parameters_4 as parameters };
|
|
141
|
-
}
|
|
142
|
-
export namespace ServicesCard {
|
|
143
|
-
export function render_4(): HTMLElement;
|
|
144
|
-
export { render_4 as render };
|
|
145
|
-
export namespace parameters_5 {
|
|
146
|
-
export namespace docs_5 {
|
|
147
|
-
export namespace description_15 {
|
|
148
|
-
let story_3: string;
|
|
149
|
-
export { story_3 as story };
|
|
150
|
-
}
|
|
151
|
-
export { description_15 as description };
|
|
152
|
-
}
|
|
153
|
-
export { docs_5 as docs };
|
|
154
|
-
}
|
|
155
|
-
export { parameters_5 as parameters };
|
|
156
|
-
}
|
|
157
|
-
export namespace Loading {
|
|
158
|
-
export namespace args_1 {
|
|
159
|
-
let loading_1: boolean;
|
|
160
|
-
export { loading_1 as loading };
|
|
161
|
-
}
|
|
162
|
-
export { args_1 as args };
|
|
163
|
-
export namespace parameters_6 {
|
|
164
|
-
export namespace docs_6 {
|
|
165
|
-
export namespace description_16 {
|
|
166
|
-
let story_4: string;
|
|
167
|
-
export { story_4 as story };
|
|
168
|
-
}
|
|
169
|
-
export { description_16 as description };
|
|
170
|
-
export namespace source_2 {
|
|
171
|
-
let code_2: string;
|
|
172
|
-
export { code_2 as code };
|
|
173
|
-
}
|
|
174
|
-
export { source_2 as source };
|
|
175
|
-
}
|
|
176
|
-
export { docs_6 as docs };
|
|
177
|
-
}
|
|
178
|
-
export { parameters_6 as parameters };
|
|
179
|
-
}
|
|
180
|
-
export namespace Outlined {
|
|
181
|
-
export namespace args_2 {
|
|
182
|
-
let variant_1: string;
|
|
183
|
-
export { variant_1 as variant };
|
|
184
|
-
let cardTitle_2: string;
|
|
185
|
-
export { cardTitle_2 as cardTitle };
|
|
186
|
-
let description_17: string;
|
|
187
|
-
export { description_17 as description };
|
|
188
|
-
}
|
|
189
|
-
export { args_2 as args };
|
|
190
|
-
export namespace parameters_7 {
|
|
191
|
-
export namespace docs_7 {
|
|
192
|
-
export namespace source_3 {
|
|
193
|
-
let code_3: string;
|
|
194
|
-
export { code_3 as code };
|
|
195
|
-
}
|
|
196
|
-
export { source_3 as source };
|
|
197
|
-
}
|
|
198
|
-
export { docs_7 as docs };
|
|
199
|
-
}
|
|
200
|
-
export { parameters_7 as parameters };
|
|
201
|
-
}
|
|
202
|
-
export namespace Dismissible {
|
|
203
|
-
export function render_5(): HTMLDivElement;
|
|
204
|
-
export { render_5 as render };
|
|
205
|
-
export namespace parameters_8 {
|
|
206
|
-
export namespace docs_8 {
|
|
207
|
-
export namespace description_18 {
|
|
208
|
-
let story_5: string;
|
|
209
|
-
export { story_5 as story };
|
|
210
|
-
}
|
|
211
|
-
export { description_18 as description };
|
|
212
|
-
}
|
|
213
|
-
export { docs_8 as docs };
|
|
214
|
-
}
|
|
215
|
-
export { parameters_8 as parameters };
|
|
216
|
-
}
|
|
217
|
-
export namespace WithIconSlot {
|
|
218
|
-
export function render_6(): HTMLElement;
|
|
219
|
-
export { render_6 as render };
|
|
220
|
-
export namespace parameters_9 {
|
|
221
|
-
export namespace docs_9 {
|
|
222
|
-
export namespace description_19 {
|
|
223
|
-
let story_6: string;
|
|
224
|
-
export { story_6 as story };
|
|
225
|
-
}
|
|
226
|
-
export { description_19 as description };
|
|
227
|
-
}
|
|
228
|
-
export { docs_9 as docs };
|
|
229
|
-
}
|
|
230
|
-
export { parameters_9 as parameters };
|
|
231
|
-
}
|
|
232
|
-
//# sourceMappingURL=th-card.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"th-card.stories.d.ts","sourceRoot":"","sources":["../../../src/components/th-card/th-card.stories.js"],"names":[],"mappings":";;;IASU,wCAkBP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAsFO,wCAsCP;;;;;;;;;;;;;;IAcO,wCAcP;;;;;;;;;;;;;;;;;;;;IAwBO,wCAsCP;;;;;;;;;;;;;;;IAcO,wCA0CP;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqDO,2CAgBP;;;;;;;;;;;;;;;IAcO,wCAeP"}
|
|
@@ -1,385 +0,0 @@
|
|
|
1
|
-
import './th-card.ts';
|
|
2
|
-
/**
|
|
3
|
-
* The ThCard component is a flexible container for displaying content
|
|
4
|
-
* in a visually distinct box.
|
|
5
|
-
*/
|
|
6
|
-
export default {
|
|
7
|
-
title: 'Components/ThCard',
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
render: (args) => {
|
|
10
|
-
const card = document.createElement('th-card');
|
|
11
|
-
if (args.variant)
|
|
12
|
-
card.variant = args.variant;
|
|
13
|
-
if (args.dismissible !== undefined)
|
|
14
|
-
card.dismissible = args.dismissible;
|
|
15
|
-
if (args.cardId)
|
|
16
|
-
card.cardId = args.cardId;
|
|
17
|
-
if (args.cardTitle)
|
|
18
|
-
card.cardTitle = args.cardTitle;
|
|
19
|
-
if (args.subtitle)
|
|
20
|
-
card.subtitle = args.subtitle;
|
|
21
|
-
if (args.description)
|
|
22
|
-
card.description = args.description;
|
|
23
|
-
if (args.iconClass)
|
|
24
|
-
card.iconClass = args.iconClass;
|
|
25
|
-
if (args.iconSrc)
|
|
26
|
-
card.iconSrc = args.iconSrc;
|
|
27
|
-
if (args.loading !== undefined)
|
|
28
|
-
card.loading = args.loading;
|
|
29
|
-
card.addEventListener('card-dismiss', (e) => {
|
|
30
|
-
console.log('Card dismissed:', e.detail);
|
|
31
|
-
});
|
|
32
|
-
return card;
|
|
33
|
-
},
|
|
34
|
-
argTypes: {
|
|
35
|
-
variant: {
|
|
36
|
-
control: 'select',
|
|
37
|
-
options: ['default', 'info', 'outlined'],
|
|
38
|
-
description: 'Visual style variant',
|
|
39
|
-
defaultValue: 'default',
|
|
40
|
-
},
|
|
41
|
-
dismissible: {
|
|
42
|
-
control: 'boolean',
|
|
43
|
-
description: 'Whether the card can be dismissed',
|
|
44
|
-
defaultValue: false,
|
|
45
|
-
},
|
|
46
|
-
cardId: {
|
|
47
|
-
control: 'text',
|
|
48
|
-
description: 'Unique identifier for the card',
|
|
49
|
-
},
|
|
50
|
-
cardTitle: {
|
|
51
|
-
control: 'text',
|
|
52
|
-
description: 'Card title text',
|
|
53
|
-
},
|
|
54
|
-
subtitle: {
|
|
55
|
-
control: 'text',
|
|
56
|
-
description: 'Card subtitle text (info variant)',
|
|
57
|
-
},
|
|
58
|
-
description: {
|
|
59
|
-
control: 'text',
|
|
60
|
-
description: 'Card body/description text',
|
|
61
|
-
},
|
|
62
|
-
iconClass: {
|
|
63
|
-
control: 'text',
|
|
64
|
-
description: 'Icon class name (e.g., "icon-namespace")',
|
|
65
|
-
},
|
|
66
|
-
iconSrc: {
|
|
67
|
-
control: 'text',
|
|
68
|
-
description: 'Icon image URL',
|
|
69
|
-
},
|
|
70
|
-
loading: {
|
|
71
|
-
control: 'boolean',
|
|
72
|
-
description: 'Show loading spinner',
|
|
73
|
-
defaultValue: false,
|
|
74
|
-
},
|
|
75
|
-
},
|
|
76
|
-
parameters: {
|
|
77
|
-
docs: {
|
|
78
|
-
description: {
|
|
79
|
-
component: `
|
|
80
|
-
A flexible card component for displaying content in a contained box.
|
|
81
|
-
|
|
82
|
-
**Features:**
|
|
83
|
-
- Multiple variants (default, info, outlined)
|
|
84
|
-
- Dismissible with \`card-dismiss\` event
|
|
85
|
-
- Multiple icon options (class, URL, or slot)
|
|
86
|
-
- Loading state with spinner
|
|
87
|
-
- Slots for title, subtitle, body, action, and footer
|
|
88
|
-
- CSS custom properties for theming
|
|
89
|
-
`.trim(),
|
|
90
|
-
},
|
|
91
|
-
},
|
|
92
|
-
},
|
|
93
|
-
};
|
|
94
|
-
/**
|
|
95
|
-
* Default card with basic content
|
|
96
|
-
*/
|
|
97
|
-
export const Default = {
|
|
98
|
-
args: {
|
|
99
|
-
cardTitle: 'Card Title',
|
|
100
|
-
description: 'This is a card description. Cards can contain various types of content.',
|
|
101
|
-
},
|
|
102
|
-
parameters: {
|
|
103
|
-
docs: {
|
|
104
|
-
source: {
|
|
105
|
-
code: `<th-card
|
|
106
|
-
card-title="Card Title"
|
|
107
|
-
description="This is a card description.">
|
|
108
|
-
</th-card>`,
|
|
109
|
-
},
|
|
110
|
-
},
|
|
111
|
-
},
|
|
112
|
-
};
|
|
113
|
-
/**
|
|
114
|
-
* Resource card (like in the dashboard mockup)
|
|
115
|
-
*/
|
|
116
|
-
export const ResourceCard = {
|
|
117
|
-
render: () => {
|
|
118
|
-
const card = document.createElement('th-card');
|
|
119
|
-
card.cardTitle = 'Namespaces';
|
|
120
|
-
card.description = 'Namespaces group your applications, services and other resources.';
|
|
121
|
-
card.iconClass = 'icon-namespace';
|
|
122
|
-
// Add action button
|
|
123
|
-
const actionSlot = document.createElement('a');
|
|
124
|
-
actionSlot.slot = 'action';
|
|
125
|
-
actionSlot.href = '#';
|
|
126
|
-
actionSlot.className = 'btn-primary';
|
|
127
|
-
actionSlot.textContent = 'Create Namespace';
|
|
128
|
-
actionSlot.style.cssText = `
|
|
129
|
-
display: inline-flex;
|
|
130
|
-
align-items: center;
|
|
131
|
-
padding: 10px 20px;
|
|
132
|
-
background: #3b82f6;
|
|
133
|
-
color: white;
|
|
134
|
-
border-radius: 6px;
|
|
135
|
-
text-decoration: none;
|
|
136
|
-
font-weight: 500;
|
|
137
|
-
`;
|
|
138
|
-
card.appendChild(actionSlot);
|
|
139
|
-
// Add footer content
|
|
140
|
-
const footer = document.createElement('div');
|
|
141
|
-
footer.slot = 'footer';
|
|
142
|
-
footer.innerHTML = `
|
|
143
|
-
<h4 style="margin: 0 0 12px 0; font-size: 14px; font-weight: 600;">New Namespaces</h4>
|
|
144
|
-
<ul style="list-style: none; padding: 0; margin: 0;">
|
|
145
|
-
<li style="padding: 8px 0; border-bottom: 1px solid #e5e7eb;">test-workspace</li>
|
|
146
|
-
<li style="padding: 8px 0; border-bottom: 1px solid #e5e7eb;">test-workspace-2</li>
|
|
147
|
-
<li style="padding: 8px 0;">test-workspace-3</li>
|
|
148
|
-
</ul>
|
|
149
|
-
`;
|
|
150
|
-
card.appendChild(footer);
|
|
151
|
-
return card;
|
|
152
|
-
},
|
|
153
|
-
parameters: {
|
|
154
|
-
docs: {
|
|
155
|
-
description: {
|
|
156
|
-
story: 'A resource card like those shown on the Epinio dashboard.',
|
|
157
|
-
},
|
|
158
|
-
},
|
|
159
|
-
},
|
|
160
|
-
};
|
|
161
|
-
/**
|
|
162
|
-
* Info card variant (dismissible notification style)
|
|
163
|
-
*/
|
|
164
|
-
export const InfoCard = {
|
|
165
|
-
render: () => {
|
|
166
|
-
const card = document.createElement('th-card');
|
|
167
|
-
card.variant = 'info';
|
|
168
|
-
card.cardTitle = 'Get Started';
|
|
169
|
-
card.subtitle = 'New to Epinio? Get started now!';
|
|
170
|
-
card.iconSrc = './stories/assets/accessibility.svg';
|
|
171
|
-
card.dismissible = true;
|
|
172
|
-
card.cardId = 'get-started';
|
|
173
|
-
card.addEventListener('card-dismiss', () => {
|
|
174
|
-
card.remove();
|
|
175
|
-
});
|
|
176
|
-
return card;
|
|
177
|
-
},
|
|
178
|
-
parameters: {
|
|
179
|
-
docs: {
|
|
180
|
-
description: {
|
|
181
|
-
story: 'Info cards are compact, horizontal cards perfect for announcements or quick actions.',
|
|
182
|
-
},
|
|
183
|
-
source: {
|
|
184
|
-
code: `<th-card
|
|
185
|
-
variant="info"
|
|
186
|
-
card-title="Get Started"
|
|
187
|
-
subtitle="New to Epinio? Get started now!"
|
|
188
|
-
icon-src="icon.png"
|
|
189
|
-
dismissible
|
|
190
|
-
card-id="get-started">
|
|
191
|
-
</th-card>`,
|
|
192
|
-
},
|
|
193
|
-
},
|
|
194
|
-
},
|
|
195
|
-
};
|
|
196
|
-
/**
|
|
197
|
-
* Applications card with progress indicator
|
|
198
|
-
*/
|
|
199
|
-
export const ApplicationsCard = {
|
|
200
|
-
render: () => {
|
|
201
|
-
const card = document.createElement('th-card');
|
|
202
|
-
card.cardTitle = 'Applications';
|
|
203
|
-
card.description = 'Epinio uses Applications to transition your code, through build, to being deployed.';
|
|
204
|
-
card.iconClass = 'icon-application';
|
|
205
|
-
// Add action button
|
|
206
|
-
const actionSlot = document.createElement('a');
|
|
207
|
-
actionSlot.slot = 'action';
|
|
208
|
-
actionSlot.href = '#';
|
|
209
|
-
actionSlot.style.cssText = `
|
|
210
|
-
display: inline-flex;
|
|
211
|
-
align-items: center;
|
|
212
|
-
padding: 10px 20px;
|
|
213
|
-
background: #3b82f6;
|
|
214
|
-
color: white;
|
|
215
|
-
border-radius: 6px;
|
|
216
|
-
text-decoration: none;
|
|
217
|
-
font-weight: 500;
|
|
218
|
-
`;
|
|
219
|
-
actionSlot.textContent = 'Deploy Application';
|
|
220
|
-
card.appendChild(actionSlot);
|
|
221
|
-
// Add footer with progress bar
|
|
222
|
-
const footer = document.createElement('div');
|
|
223
|
-
footer.slot = 'footer';
|
|
224
|
-
footer.innerHTML = `
|
|
225
|
-
<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 8px;">
|
|
226
|
-
<span style="font-weight: 500;">Running</span>
|
|
227
|
-
<span style="color: #6b7280;">1 of 2 / 50%</span>
|
|
228
|
-
</div>
|
|
229
|
-
<div style="height: 8px; background: #e5e7eb; border-radius: 4px; overflow: hidden;">
|
|
230
|
-
<div style="width: 50%; height: 100%; background: #3b82f6;"></div>
|
|
231
|
-
</div>
|
|
232
|
-
`;
|
|
233
|
-
card.appendChild(footer);
|
|
234
|
-
return card;
|
|
235
|
-
},
|
|
236
|
-
parameters: {
|
|
237
|
-
docs: {
|
|
238
|
-
description: {
|
|
239
|
-
story: 'Applications card showing deployment progress.',
|
|
240
|
-
},
|
|
241
|
-
},
|
|
242
|
-
},
|
|
243
|
-
};
|
|
244
|
-
/**
|
|
245
|
-
* Services card with quick start links
|
|
246
|
-
*/
|
|
247
|
-
export const ServicesCard = {
|
|
248
|
-
render: () => {
|
|
249
|
-
const card = document.createElement('th-card');
|
|
250
|
-
card.cardTitle = 'Services';
|
|
251
|
-
card.description = 'Create instances of your services. Instances can be bound to your Applications to provide data.';
|
|
252
|
-
card.iconClass = 'icon-service';
|
|
253
|
-
// Add action button
|
|
254
|
-
const actionSlot = document.createElement('a');
|
|
255
|
-
actionSlot.slot = 'action';
|
|
256
|
-
actionSlot.href = '#';
|
|
257
|
-
actionSlot.style.cssText = `
|
|
258
|
-
display: inline-flex;
|
|
259
|
-
align-items: center;
|
|
260
|
-
padding: 10px 20px;
|
|
261
|
-
background: #3b82f6;
|
|
262
|
-
color: white;
|
|
263
|
-
border-radius: 6px;
|
|
264
|
-
text-decoration: none;
|
|
265
|
-
font-weight: 500;
|
|
266
|
-
`;
|
|
267
|
-
actionSlot.textContent = 'Create Instance';
|
|
268
|
-
card.appendChild(actionSlot);
|
|
269
|
-
// Add footer with service links
|
|
270
|
-
const footer = document.createElement('div');
|
|
271
|
-
footer.slot = 'footer';
|
|
272
|
-
footer.innerHTML = `
|
|
273
|
-
<h4 style="margin: 0 0 12px 0; font-size: 14px; font-weight: 600;">Quick Start With</h4>
|
|
274
|
-
<div style="display: flex; flex-direction: column; gap: 8px;">
|
|
275
|
-
<a href="#" style="display: flex; justify-content: space-between; align-items: center; color: #3b82f6; text-decoration: none; padding: 8px 0; border-bottom: 1px solid #e5e7eb;">
|
|
276
|
-
test-workspace
|
|
277
|
-
<span>+</span>
|
|
278
|
-
</a>
|
|
279
|
-
<a href="#" style="display: flex; justify-content: space-between; align-items: center; color: #3b82f6; text-decoration: none; padding: 8px 0;">
|
|
280
|
-
test-workspace-2
|
|
281
|
-
<span>+</span>
|
|
282
|
-
</a>
|
|
283
|
-
</div>
|
|
284
|
-
`;
|
|
285
|
-
card.appendChild(footer);
|
|
286
|
-
return card;
|
|
287
|
-
},
|
|
288
|
-
parameters: {
|
|
289
|
-
docs: {
|
|
290
|
-
description: {
|
|
291
|
-
story: 'Services card with quick start links.',
|
|
292
|
-
},
|
|
293
|
-
},
|
|
294
|
-
},
|
|
295
|
-
};
|
|
296
|
-
/**
|
|
297
|
-
* Loading state
|
|
298
|
-
*/
|
|
299
|
-
export const Loading = {
|
|
300
|
-
args: {
|
|
301
|
-
loading: true,
|
|
302
|
-
},
|
|
303
|
-
parameters: {
|
|
304
|
-
docs: {
|
|
305
|
-
description: {
|
|
306
|
-
story: 'Cards can show a loading spinner while content is being fetched.',
|
|
307
|
-
},
|
|
308
|
-
source: {
|
|
309
|
-
code: '<th-card loading></th-card>',
|
|
310
|
-
},
|
|
311
|
-
},
|
|
312
|
-
},
|
|
313
|
-
};
|
|
314
|
-
/**
|
|
315
|
-
* Outlined variant
|
|
316
|
-
*/
|
|
317
|
-
export const Outlined = {
|
|
318
|
-
args: {
|
|
319
|
-
variant: 'outlined',
|
|
320
|
-
cardTitle: 'Outlined Card',
|
|
321
|
-
description: 'This card has a border outline style.',
|
|
322
|
-
},
|
|
323
|
-
parameters: {
|
|
324
|
-
docs: {
|
|
325
|
-
source: {
|
|
326
|
-
code: `<th-card variant="outlined" card-title="Outlined Card">
|
|
327
|
-
Content here
|
|
328
|
-
</th-card>`,
|
|
329
|
-
},
|
|
330
|
-
},
|
|
331
|
-
},
|
|
332
|
-
};
|
|
333
|
-
/**
|
|
334
|
-
* Dismissible card
|
|
335
|
-
*/
|
|
336
|
-
export const Dismissible = {
|
|
337
|
-
render: () => {
|
|
338
|
-
const container = document.createElement('div');
|
|
339
|
-
const card = document.createElement('th-card');
|
|
340
|
-
card.cardTitle = 'Dismissible Card';
|
|
341
|
-
card.description = 'Click the X to dismiss this card.';
|
|
342
|
-
card.dismissible = true;
|
|
343
|
-
card.cardId = 'demo-dismiss';
|
|
344
|
-
card.addEventListener('card-dismiss', (e) => {
|
|
345
|
-
console.log('Dismissed:', e.detail.id);
|
|
346
|
-
card.remove();
|
|
347
|
-
});
|
|
348
|
-
container.appendChild(card);
|
|
349
|
-
return container;
|
|
350
|
-
},
|
|
351
|
-
parameters: {
|
|
352
|
-
docs: {
|
|
353
|
-
description: {
|
|
354
|
-
story: 'Default cards can also be dismissible.',
|
|
355
|
-
},
|
|
356
|
-
},
|
|
357
|
-
},
|
|
358
|
-
};
|
|
359
|
-
/**
|
|
360
|
-
* With icon slot
|
|
361
|
-
*/
|
|
362
|
-
export const WithIconSlot = {
|
|
363
|
-
render: () => {
|
|
364
|
-
const card = document.createElement('th-card');
|
|
365
|
-
card.cardTitle = 'Custom Icon';
|
|
366
|
-
card.description = 'Using a slot for a custom icon.';
|
|
367
|
-
const iconSlot = document.createElement('span');
|
|
368
|
-
iconSlot.slot = 'icon';
|
|
369
|
-
iconSlot.innerHTML = `
|
|
370
|
-
<svg width="32" height="32" viewBox="0 0 24 24" fill="#3b82f6">
|
|
371
|
-
<path d="M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5"></path>
|
|
372
|
-
</svg>
|
|
373
|
-
`;
|
|
374
|
-
card.appendChild(iconSlot);
|
|
375
|
-
return card;
|
|
376
|
-
},
|
|
377
|
-
parameters: {
|
|
378
|
-
docs: {
|
|
379
|
-
description: {
|
|
380
|
-
story: 'You can pass a custom icon using the icon slot.',
|
|
381
|
-
},
|
|
382
|
-
},
|
|
383
|
-
},
|
|
384
|
-
};
|
|
385
|
-
//# sourceMappingURL=th-card.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"th-card.stories.js","sourceRoot":"","sources":["../../../src/components/th-card/th-card.stories.js"],"names":[],"mappings":"AAAA,OAAO,cAAc,CAAC;AAEtB;;;GAGG;AACH,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QACf,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAE/C,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC9C,IAAI,IAAI,CAAC,WAAW,KAAK,SAAS;YAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QACxE,IAAI,IAAI,CAAC,MAAM;YAAE,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;QAC3C,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACpD,IAAI,IAAI,CAAC,QAAQ;YAAE,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;QACjD,IAAI,IAAI,CAAC,WAAW;YAAE,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,WAAW,CAAC;QAC1D,IAAI,IAAI,CAAC,SAAS;YAAE,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;QACpD,IAAI,IAAI,CAAC,OAAO;YAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAC9C,IAAI,IAAI,CAAC,OAAO,KAAK,SAAS;YAAE,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,OAAO,CAAC;QAE5D,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;YAC1C,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC;QAC3C,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IACD,QAAQ,EAAE;QACR,OAAO,EAAE;YACP,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,SAAS,EAAE,MAAM,EAAE,UAAU,CAAC;YACxC,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,SAAS;SACxB;QACD,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,mCAAmC;YAChD,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAE;YACN,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gCAAgC;SAC9C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,iBAAiB;SAC/B;QACD,QAAQ,EAAE;YACR,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,mCAAmC;SACjD;QACD,WAAW,EAAE;YACX,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,4BAA4B;SAC1C;QACD,SAAS,EAAE;YACT,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,0CAA0C;SACxD;QACD,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,WAAW,EAAE,gBAAgB;SAC9B;QACD,OAAO,EAAE;YACP,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,sBAAsB;YACnC,YAAY,EAAE,KAAK;SACpB;KACF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,SAAS,EAAE;;;;;;;;;;SAUV,CAAC,IAAI,EAAE;aACT;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,SAAS,EAAE,YAAY;QACvB,WAAW,EAAE,yEAAyE;KACvF;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;;WAGH;aACJ;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,YAAY,CAAC;QAC9B,IAAI,CAAC,WAAW,GAAG,mEAAmE,CAAC;QACvF,IAAI,CAAC,SAAS,GAAG,gBAAgB,CAAC;QAElC,oBAAoB;QACpB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC/C,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,IAAI,GAAG,GAAG,CAAC;QACtB,UAAU,CAAC,SAAS,GAAG,aAAa,CAAC;QACrC,UAAU,CAAC,WAAW,GAAG,kBAAkB,CAAC;QAC5C,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;;;;KAS1B,CAAC;QACF,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE7B,qBAAqB;QACrB,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,MAAM,CAAC,SAAS,GAAG;;;;;;;KAOlB,CAAC;QACF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,2DAA2D;aACnE;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,OAAO,GAAG,MAAM,CAAC;QACtB,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;QAC/B,IAAI,CAAC,QAAQ,GAAG,iCAAiC,CAAC;QAClD,IAAI,CAAC,OAAO,GAAG,oCAAoC,CAAC;QACpD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,aAAa,CAAC;QAE5B,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,GAAG,EAAE;YACzC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,sFAAsF;aAC9F;YACD,MAAM,EAAE;gBACN,IAAI,EAAE;;;;;;;WAOH;aACJ;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;QAChC,IAAI,CAAC,WAAW,GAAG,qFAAqF,CAAC;QACzG,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC;QAEpC,oBAAoB;QACpB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC/C,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,IAAI,GAAG,GAAG,CAAC;QACtB,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;;;;KAS1B,CAAC;QACF,UAAU,CAAC,WAAW,GAAG,oBAAoB,CAAC;QAC9C,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE7B,+BAA+B;QAC/B,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,MAAM,CAAC,SAAS,GAAG;;;;;;;;KAQlB,CAAC;QACF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,gDAAgD;aACxD;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,UAAU,CAAC;QAC5B,IAAI,CAAC,WAAW,GAAG,iGAAiG,CAAC;QACrH,IAAI,CAAC,SAAS,GAAG,cAAc,CAAC;QAEhC,oBAAoB;QACpB,MAAM,UAAU,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC,CAAC;QAC/C,UAAU,CAAC,IAAI,GAAG,QAAQ,CAAC;QAC3B,UAAU,CAAC,IAAI,GAAG,GAAG,CAAC;QACtB,UAAU,CAAC,KAAK,CAAC,OAAO,GAAG;;;;;;;;;KAS1B,CAAC;QACF,UAAU,CAAC,WAAW,GAAG,iBAAiB,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QAE7B,gCAAgC;QAChC,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;QACvB,MAAM,CAAC,SAAS,GAAG;;;;;;;;;;;;KAYlB,CAAC;QACF,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;QAEzB,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,uCAAuC;aAC/C;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,OAAO,EAAE,IAAI;KACd;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,kEAAkE;aAC1E;YACD,MAAM,EAAE;gBACN,IAAI,EAAE,6BAA6B;aACpC;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,OAAO,EAAE,UAAU;QACnB,SAAS,EAAE,eAAe;QAC1B,WAAW,EAAE,uCAAuC;KACrD;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,MAAM,EAAE;gBACN,IAAI,EAAE;;WAEH;aACJ;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,SAAS,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAEhD,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,kBAAkB,CAAC;QACpC,IAAI,CAAC,WAAW,GAAG,mCAAmC,CAAC;QACvD,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;QACxB,IAAI,CAAC,MAAM,GAAG,cAAc,CAAC;QAE7B,IAAI,CAAC,gBAAgB,CAAC,cAAc,EAAE,CAAC,CAAC,EAAE,EAAE;YAC1C,OAAO,CAAC,GAAG,CAAC,YAAY,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;YACvC,IAAI,CAAC,MAAM,EAAE,CAAC;QAChB,CAAC,CAAC,CAAC;QAEH,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC;QAC5B,OAAO,SAAS,CAAC;IACnB,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,wCAAwC;aAChD;SACF;KACF;CACF,CAAC;AAEF;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,GAAG,EAAE;QACX,MAAM,IAAI,GAAG,QAAQ,CAAC,aAAa,CAAC,SAAS,CAAC,CAAC;QAC/C,IAAI,CAAC,SAAS,GAAG,aAAa,CAAC;QAC/B,IAAI,CAAC,WAAW,GAAG,iCAAiC,CAAC;QAErD,MAAM,QAAQ,GAAG,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAC;QAChD,QAAQ,CAAC,IAAI,GAAG,MAAM,CAAC;QACvB,QAAQ,CAAC,SAAS,GAAG;;;;KAIpB,CAAC;QACF,IAAI,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAC;QAE3B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,UAAU,EAAE;QACV,IAAI,EAAE;YACJ,WAAW,EAAE;gBACX,KAAK,EAAE,iDAAiD;aACzD;SACF;KACF;CACF,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/th-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,YAAY,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/th-tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC"}
|