comand-component-library 3.3.53 → 3.3.54

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.
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"