comand-component-library 4.0.95 → 4.0.96
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/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 -->
|