comand-component-library 4.0.71 → 4.0.73
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 +395 -401
- package/dist/comand-component-library.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +2 -2
- package/src/ComponentLibrary.vue +7 -7
- package/src/assets/data/box-user.json +48 -24
- package/src/components/CmdBox.vue +7 -3
- package/src/components/CmdBoxWrapper.vue +1 -1
- package/src/pages/MultipleBoxWrapper.vue +1 -4
|
@@ -18,8 +18,10 @@
|
|
|
18
18
|
"links": [
|
|
19
19
|
{
|
|
20
20
|
"path": "mailto:",
|
|
21
|
-
"
|
|
22
|
-
|
|
21
|
+
"icon": {
|
|
22
|
+
"iconClass": "icon-mail",
|
|
23
|
+
"tooltip": "Send mail"
|
|
24
|
+
}
|
|
23
25
|
}
|
|
24
26
|
]
|
|
25
27
|
},
|
|
@@ -33,14 +35,18 @@
|
|
|
33
35
|
"links": [
|
|
34
36
|
{
|
|
35
37
|
"path": "mailto:",
|
|
36
|
-
"
|
|
37
|
-
|
|
38
|
+
"icon": {
|
|
39
|
+
"iconClass": "icon-mail",
|
|
40
|
+
"tooltip": "Send mail"
|
|
41
|
+
}
|
|
38
42
|
},
|
|
39
43
|
{
|
|
40
44
|
"path": "https://www.comand-cms.com",
|
|
41
45
|
"target": "comand",
|
|
42
|
-
"
|
|
43
|
-
|
|
46
|
+
"icon": {
|
|
47
|
+
"iconClass": "icon-globe",
|
|
48
|
+
"tooltip": "Visit website"
|
|
49
|
+
}
|
|
44
50
|
}
|
|
45
51
|
]
|
|
46
52
|
},
|
|
@@ -58,19 +64,25 @@
|
|
|
58
64
|
"links": [
|
|
59
65
|
{
|
|
60
66
|
"path": "mailto:",
|
|
61
|
-
"
|
|
62
|
-
|
|
67
|
+
"icon": {
|
|
68
|
+
"iconClass": "icon-mail",
|
|
69
|
+
"tooltip": "Send mail"
|
|
70
|
+
}
|
|
63
71
|
},
|
|
64
72
|
{
|
|
65
73
|
"path": "https://www.comand-cms.com",
|
|
66
74
|
"target": "comand",
|
|
67
|
-
"
|
|
68
|
-
|
|
75
|
+
"icon": {
|
|
76
|
+
"iconClass": "icon-globe",
|
|
77
|
+
"tooltip": "Visit website"
|
|
78
|
+
}
|
|
69
79
|
},
|
|
70
80
|
{
|
|
71
81
|
"path": "tel:",
|
|
72
|
-
"
|
|
73
|
-
|
|
82
|
+
"icon": {
|
|
83
|
+
"iconClass": "icon-phone",
|
|
84
|
+
"tooltip": "Make call"
|
|
85
|
+
}
|
|
74
86
|
}
|
|
75
87
|
]
|
|
76
88
|
},
|
|
@@ -88,19 +100,25 @@
|
|
|
88
100
|
"links": [
|
|
89
101
|
{
|
|
90
102
|
"path": "mailto:",
|
|
91
|
-
"
|
|
92
|
-
|
|
103
|
+
"icon": {
|
|
104
|
+
"iconClass": "icon-mail",
|
|
105
|
+
"tooltip": "Send mail"
|
|
106
|
+
}
|
|
93
107
|
},
|
|
94
108
|
{
|
|
95
109
|
"path": "https://www.comand-cms.com",
|
|
96
110
|
"target": "comand",
|
|
97
|
-
"
|
|
98
|
-
|
|
111
|
+
"icon": {
|
|
112
|
+
"iconClass": "icon-globe",
|
|
113
|
+
"tooltip": "Visit website"
|
|
114
|
+
}
|
|
99
115
|
},
|
|
100
116
|
{
|
|
101
117
|
"path": "tel:",
|
|
102
|
-
"
|
|
103
|
-
|
|
118
|
+
"icon": {
|
|
119
|
+
"iconClass": "icon-phone",
|
|
120
|
+
"tooltip": "Make call"
|
|
121
|
+
}
|
|
104
122
|
}
|
|
105
123
|
]
|
|
106
124
|
},
|
|
@@ -118,19 +136,25 @@
|
|
|
118
136
|
"links": [
|
|
119
137
|
{
|
|
120
138
|
"path": "mailto:",
|
|
121
|
-
"
|
|
122
|
-
|
|
139
|
+
"icon": {
|
|
140
|
+
"iconClass": "icon-mail",
|
|
141
|
+
"tooltip": "Send mail"
|
|
142
|
+
}
|
|
123
143
|
},
|
|
124
144
|
{
|
|
125
145
|
"path": "https://www.comand-cms.com",
|
|
126
146
|
"target": "comand",
|
|
127
|
-
"
|
|
128
|
-
|
|
147
|
+
"icon": {
|
|
148
|
+
"iconClass": "icon-globe",
|
|
149
|
+
"tooltip": "Visit website"
|
|
150
|
+
}
|
|
129
151
|
},
|
|
130
152
|
{
|
|
131
153
|
"path": "tel:",
|
|
132
|
-
"
|
|
133
|
-
|
|
154
|
+
"icon": {
|
|
155
|
+
"iconClass": "icon-phone",
|
|
156
|
+
"tooltip": "Make call"
|
|
157
|
+
}
|
|
134
158
|
}
|
|
135
159
|
]
|
|
136
160
|
}
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
<!-- begin content given slot -->
|
|
62
62
|
<div v-if="useSlots?.includes('body')"
|
|
63
63
|
class="inner-box-body-wrapper"
|
|
64
|
-
:class="{'
|
|
64
|
+
:class="{'box-body-padding': useBoxBodyPadding, 'allow-scroll': allowContentToScroll}"
|
|
65
65
|
ref="boxBody"
|
|
66
66
|
:style="allowContentToScroll ? 'max-height: ' + calculatedBodyHeight : null"
|
|
67
67
|
>
|
|
@@ -112,7 +112,7 @@
|
|
|
112
112
|
<!-- end CmdImage -->
|
|
113
113
|
|
|
114
114
|
<div v-if="textBody"
|
|
115
|
-
:class="{'
|
|
115
|
+
:class="{'box-body-padding': useBoxBodyPadding, 'allow-scroll': allowContentToScroll}">
|
|
116
116
|
<div v-if="cmdIcon !== undefined" class="body-icon-wrapper">
|
|
117
117
|
<!-- begin CmdIcon -->
|
|
118
118
|
<CmdIcon v-bind="cmdIcon" />
|
|
@@ -325,7 +325,7 @@ export default {
|
|
|
325
325
|
*
|
|
326
326
|
* @affectsStyling: true
|
|
327
327
|
*/
|
|
328
|
-
|
|
328
|
+
useBoxBodyPadding: {
|
|
329
329
|
type: Boolean,
|
|
330
330
|
default: true
|
|
331
331
|
},
|
|
@@ -668,6 +668,10 @@ export default {
|
|
|
668
668
|
flex-grow: 1;
|
|
669
669
|
border-top: var(--box-border);
|
|
670
670
|
|
|
671
|
+
.box-body-padding {
|
|
672
|
+
padding: var(--box-body-padding);
|
|
673
|
+
}
|
|
674
|
+
|
|
671
675
|
& > div:only-child {
|
|
672
676
|
flex-grow: 1;
|
|
673
677
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
<!-- end CmdHeadline -->
|
|
7
7
|
|
|
8
8
|
<div v-if="allowUserToToggleOrientation" class="options-wrapper">
|
|
9
|
-
<a
|
|
9
|
+
<a href="#" @click.prevent="toggleOrientation" :title="rowView ? iconRowView.tooltip : iconGridView.tooltip">
|
|
10
10
|
<!-- begin CmdIcon -->
|
|
11
11
|
<CmdIcon :iconClass="rowView ? iconGridView.iconClass : iconRowView.iconClass" :type="rowView ? iconGridView.iconType : iconRowView.iconType" />
|
|
12
12
|
<!-- end CmdIcon -->
|
|
@@ -3,10 +3,7 @@
|
|
|
3
3
|
<template v-for="(segment, index) in segments" :key="index">
|
|
4
4
|
<!-- begin CmdBoxWrapper -->
|
|
5
5
|
<CmdBoxWrapper
|
|
6
|
-
|
|
7
|
-
:useRowViewAsDefault="segment.useRowViewAsDefault"
|
|
8
|
-
:useGap="segment.useGap"
|
|
9
|
-
:cmdHeadline="segment.cmdHeadline"
|
|
6
|
+
v-bind="segment"
|
|
10
7
|
>
|
|
11
8
|
<template v-slot="slotProps">
|
|
12
9
|
<!-- begin CmdBox -->
|