comand-component-library 4.0.95 → 4.0.96
Sign up to get free protection for your applications and to get access to all the features.
- package/dist/comand-component-library.js +1680 -1678
- package/dist/comand-component-library.umd.cjs +21 -21
- package/package.json +1 -1
- package/src/ComponentLibrary.vue +12 -0
- package/src/components/CmdHeadline.vue +22 -10
package/package.json
CHANGED
package/src/ComponentLibrary.vue
CHANGED
|
@@ -1418,6 +1418,18 @@
|
|
|
1418
1418
|
ref="CmdHeadline"
|
|
1419
1419
|
v-bind="cmdHeadlineSettingsData"
|
|
1420
1420
|
/>
|
|
1421
|
+
<CmdHeadline
|
|
1422
|
+
ref="CmdHeadline"
|
|
1423
|
+
headlineLevel="3"
|
|
1424
|
+
headlineText="Headline text<br /> with html given by property"
|
|
1425
|
+
/>
|
|
1426
|
+
<CmdHeadline
|
|
1427
|
+
ref="CmdHeadline"
|
|
1428
|
+
headlineLevel="3"
|
|
1429
|
+
>
|
|
1430
|
+
Headline text<br /> with html given by slot
|
|
1431
|
+
</CmdHeadline>
|
|
1432
|
+
|
|
1421
1433
|
</CmdWidthLimitationWrapper>
|
|
1422
1434
|
<!-- end headlines ------------------------------------------------------------------------------------------------------------------------------------------------------->
|
|
1423
1435
|
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<template v-if="preHeadlineText">
|
|
7
7
|
<component v-if="headlineText" :is="headlineTag">
|
|
8
8
|
<!-- begin CmdIcon -->
|
|
9
|
-
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"
|
|
9
|
+
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"/>
|
|
10
10
|
<!-- end CmdIcon -->
|
|
11
11
|
|
|
12
12
|
<span class="pre-headline-text-wrapper">
|
|
@@ -14,11 +14,17 @@
|
|
|
14
14
|
<span class="pre-headline-text" v-html="preHeadlineText"></span>
|
|
15
15
|
<!-- end pre-headline-text -->
|
|
16
16
|
|
|
17
|
-
|
|
17
|
+
<!-- begin default headline-text without slot -->
|
|
18
|
+
<span v-if="headlineText" v-html="headlineText"></span>
|
|
19
|
+
<!-- end default headline-text without slot -->
|
|
20
|
+
|
|
21
|
+
<!-- begin headline-text with slot -->
|
|
22
|
+
<span v-else>
|
|
18
23
|
<!-- begin slot -->
|
|
19
|
-
|
|
20
|
-
|
|
24
|
+
<slot></slot>
|
|
25
|
+
<!-- end slot -->
|
|
21
26
|
</span>
|
|
27
|
+
<!-- end headline-text with slot -->
|
|
22
28
|
</span>
|
|
23
29
|
</component>
|
|
24
30
|
</template>
|
|
@@ -27,14 +33,20 @@
|
|
|
27
33
|
<!-- begin headline without pre-headline-text -->
|
|
28
34
|
<component v-else :is="headlineTag">
|
|
29
35
|
<!-- begin CmdIcon -->
|
|
30
|
-
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"
|
|
36
|
+
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"/>
|
|
31
37
|
<!-- end CmdIcon -->
|
|
32
38
|
|
|
33
|
-
|
|
39
|
+
<!-- begin default headline-text without slot -->
|
|
40
|
+
<span v-if="headlineText" v-html="headlineText"></span>
|
|
41
|
+
<!-- end default headline-text without slot -->
|
|
42
|
+
|
|
43
|
+
<!-- begin headline-text with slot -->
|
|
44
|
+
<span v-else>
|
|
34
45
|
<!-- begin slot -->
|
|
35
|
-
<slot
|
|
46
|
+
<slot></slot>
|
|
36
47
|
<!-- end slot -->
|
|
37
48
|
</span>
|
|
49
|
+
<!-- end headline-text with slot -->
|
|
38
50
|
</component>
|
|
39
51
|
<!-- end headline without pre-headline-text -->
|
|
40
52
|
</div>
|
|
@@ -67,15 +79,15 @@
|
|
|
67
79
|
<!-- end CmdFormElement -->
|
|
68
80
|
|
|
69
81
|
<template v-else-if="headlineText"
|
|
70
|
-
|
|
82
|
+
:class="['cmd-headline', {'has-pre-headline-text': preHeadlineText, 'has-icon': cmdIcon?.iconClass}, headlineTextAlign]">
|
|
71
83
|
<!-- begin CmdIcon -->
|
|
72
|
-
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"
|
|
84
|
+
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"/>
|
|
73
85
|
<!-- end CmdIcon -->
|
|
74
86
|
|
|
75
87
|
<template v-if="preHeadlineText">
|
|
76
88
|
<component v-if="headlineText" :is="headlineTag">
|
|
77
89
|
<!-- begin CmdIcon -->
|
|
78
|
-
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"
|
|
90
|
+
<CmdIcon v-if="cmdIcon" v-bind="cmdIcon"/>
|
|
79
91
|
<!-- end CmdIcon -->
|
|
80
92
|
|
|
81
93
|
<!-- begin pre-headline-text -->
|