comand-component-library 3.3.53 → 3.3.54

Sign up to get free protection for your applications and to get access to all the features.
Files changed (4) hide show
  1. package/dist/comand-component-library.js +740 -730
  2. package/dist/comand-component-library.umd.cjs +4 -4
  3. package/package.json +1 -1
  4. package/src/components/CmdAddressData.vue +74 -63
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "3.3.53",
3
+ "version": "3.3.54",
4
4
  "private": false,
5
5
  "type": "module",
6
6
  "scripts": {
package/src/components/CmdAddressData.vue CHANGED
@@ -32,7 +32,7 @@
32
32
  v-telephone="entry.href">
33
33
  {{ entry.href }}
34
34
  </a>
35
- <template v-else>{{ entry.data }}</template>
35
+ <span v-else v-html="entry.data"></span>
36
36
  </dd>
37
37
  <!-- end data (except for address) -->
38
38
 
@@ -40,7 +40,7 @@
40
40
  <dd v-else>
41
41
  <!-- begin linked address -->
42
42
  <a v-if="linkGoogleMaps"
43
- :href="locateAddress"
43
+ :href="locateAddress(entry)"
44
44
  target="google-maps"
45
45
  :title="getMessage('cmdaddressdata.title.open_address_on_google_maps')">
46
46
  <!-- begin street/number -->
@@ -103,11 +103,10 @@
103
103
 
104
104
  <!-- begin list without labels -->
105
105
  <ul v-else :class="['flex-container', {'vertical': !showIconsOnly}]">
106
-
107
106
  <template v-for="(entry, index) in addressData" :key="index">
108
- <!-- begin all entries except address -->
109
- <template v-if="entry.name !== 'address'">
110
- <li v-if="entry.href || !showIconsOnly" :class="{'no-flex' : showIconsOnly}">
107
+ <template v-if="entry.href || entry.name === 'address' || !showIconsOnly">
108
+ <li :class="{'no-flex' : showIconsOnly}">
109
+ <!-- begin all entries except address (which has no href) -->
111
110
  <a v-if="entry.href" :href="getHref(entry)"
112
111
  :target="{'_blank' : entry.name === 'website'}"
113
112
  :title="entry.tooltip">
@@ -122,68 +121,80 @@
122
121
  </template>
123
122
  <template v-else>{{ entry.href }}</template>
124
123
  </a>
125
- <template v-else-if="!showIconsOnly">{{ entry.data }}</template>
126
- </li>
127
- </template>
128
- <!-- end all entries except address -->
124
+ <span v-else-if="!showIconsOnly" v-html="entry.data"></span>
125
+ <!-- end all entries except address -->
129
126
 
130
- <!-- begin address -->
131
- <li v-else-if="entry.name === 'address' && !showIconsOnly">
132
- <!-- begin linked address -->
133
- <a v-if="linkGoogleMaps" :href="locateAddress" target="google-maps" :title="getMessage('cmdaddressdata.title.open_address_on_google_maps')">
134
- <!-- begin street/number -->
135
- <template v-if="entry.streetNo">
136
- <span class="street-address">{{ entry.streetNo }}</span><br/>
137
- </template>
138
- <!-- end street/number -->
127
+ <!-- begin address -->
128
+ <template v-if="entry.name === 'address'">
129
+ <!-- begin linked address -->
130
+ <a v-if="linkGoogleMaps" :href="locateAddress(entry)" target="google-maps" :title="entry.tooltip">
131
+ <template v-if="showIconsOnly">
132
+ <!-- begin CmdIcon -->
133
+ <CmdIcon
134
+ v-if="entry.iconClass"
135
+ :iconClass="entry.iconClass"
136
+ :type="entry.iconType"
137
+ />
138
+ <!-- end CmdIcon -->
139
+ </template>
140
+ <template v-else>
141
+ <!-- begin street/number -->
142
+ <template v-if="entry.streetNo">
143
+ <span class="street-address">{{ entry.streetNo }}</span><br/>
144
+ </template>
145
+ <!-- end street/number -->
139
146
 
140
- <!-- begin zip/city -->
141
- <template v-if="entry.zip || entry.city">
142
- <span class="postal-code">{{ entry.zip }}&nbsp;</span>
143
- <span class="locality">{{ entry.city }}</span><br/>
144
- </template>
145
- <!-- end zip/city -->
147
+ <!-- begin zip/city -->
148
+ <template v-if="entry.zip || entry.city">
149
+ <span class="postal-code">{{ entry.zip }}&nbsp;</span>
150
+ <span class="locality">{{ entry.city }}</span><br/>
151
+ </template>
152
+ <!-- end zip/city -->
146
153
 
147
- <!-- begin miscInfo -->
148
- <template v-if="entry.miscInfo">
149
- <span>{{ entry.miscInfo }}</span><br/>
150
- </template>
151
- <!-- end miscInfo -->
154
+ <!-- begin miscInfo -->
155
+ <template v-if="entry.miscInfo">
156
+ <span>{{ entry.miscInfo }}</span><br/>
157
+ </template>
158
+ <!-- end miscInfo -->
152
159
 
153
- <!-- begin country -->
154
- <span v-if="entry.country" class="country-name">{{ entry.country }}</span>
155
- <!-- end country -->
156
- </a>
157
- <!-- end linked address -->
160
+ <!-- begin country -->
161
+ <span v-if="entry.country" class="country-name">{{ entry.country }}</span>
162
+ <!-- end country -->
163
+ </template>
164
+ </a>
165
+ <!-- end linked address -->
158
166
 
159
- <!-- begin unlinked address -->
160
- <template v-else>
161
- <!-- begin street/number -->
162
- <template v-if="entry.streetNo">
163
- <span class="street-address">{{ entry.streetNo }}</span><br/>
164
- </template>
165
- <!-- end street/number -->
167
+ <!-- begin unlinked address -->
168
+ <template v-if="!linkGoogleMaps && !showIconsOnly">
169
+ <!-- begin street/number -->
170
+ <template v-if="entry.streetNo">
171
+ <span class="street-address">{{ entry.streetNo }}</span><br/>
172
+ </template>
173
+ <!-- end street/number -->
166
174
 
167
- <!-- begin zip/city -->
168
- <template v-if="entry.zip || entry.city">
169
- <span class="postal-code">{{ entry.zip }}&nbsp;</span>
170
- <span class="locality">{{ entry.city }}</span><br/>
171
- </template>
172
- <!-- end zip/city -->
175
+ <!-- begin zip/city -->
176
+ <template v-if="entry.zip || entry.city">
177
+ <span class="postal-code">{{ entry.zip }}&nbsp;</span>
178
+ <span class="locality">{{ entry.city }}</span><br/>
179
+ </template>
180
+ <!-- end zip/city -->
173
181
 
174
- <!-- begin miscInfo -->
175
- <template v-if="entry.miscInfo">
176
- <span>{{ entry.miscInfo }}</span><br/>
177
- </template>
178
- <!-- end miscInfo -->
182
+ <!-- begin miscInfo -->
183
+ <template v-if="entry.miscInfo">
184
+ <span>{{ entry.miscInfo }}</span><br/>
185
+ </template>
186
+ <!-- end miscInfo -->
179
187
 
180
- <!-- begin country -->
181
- <span v-if="entry.country" class="country-name">{{ entry.country }}</span>
182
- <!-- end country -->
183
- </template>
184
- <!-- end unlinked address -->
185
- </li>
186
- <!-- end address -->
188
+ <!-- begin country -->
189
+ <span v-if="entry.country" class="country-name">{{ entry.country }}</span>
190
+ <!-- end country -->
191
+ </template>
192
+ <!-- end unlinked address -->
193
+ </template>
194
+ <!-- end address -->
195
+ </li>
196
+ </template>
197
+ <!-- end all entries except address -->
187
198
  </template>
188
199
  <!-- end v-for -->
189
200
  </ul>
@@ -253,14 +264,14 @@ export default {
253
264
  }
254
265
  },
255
266
  computed: {
256
- locateAddress() {
257
- return "https://www.google.com/maps/place/" + this.addressData.address.streetNo + ", " + this.addressData.address.zip + " " + this.addressData.address.city
258
- },
259
267
  websiteUrlText() {
260
268
  return this.addressData.website?.text.replace("https://", "")
261
269
  }
262
270
  },
263
271
  methods: {
272
+ locateAddress(entry) {
273
+ return "https://www.google.com/maps/place/" + entry.streetNo + ", " + entry.zip + " " + entry.city
274
+ },
264
275
  vCardClass(entry) {
265
276
  if (entry.name === 'company') {
266
277
  return "org"