comand-component-library 3.1.28 → 3.1.29

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 (6) hide show
  1. package/dist/comand-component-library.umd.min.js +1 -1
  2. package/package.json +1 -1
  3. package/src/components/CmdAccordion.vue +1 -1
  4. package/src/components/CmdSlideButton.vue +16 -5
  5. package/src/components/CmdSlideshow.vue +13 -10
  6. package/src/components/CmdThumbnailScroller.vue +13 -9
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "comand-component-library",
3
- "version": "3.1.28",
3
+ "version": "3.1.29",
4
4
  "private": false,
5
5
  "scripts": {
6
6
  "serve": "vue-cli-service serve",
package/src/components/CmdAccordion.vue CHANGED
@@ -12,7 +12,7 @@
12
12
  </a>
13
13
  <a v-else href="#" :title="tooltip" @click.prevent="toggleContentVisibility(accordionContent)">
14
14
  <slot :name="'customHeadline' + index"><p>{{ accordionContent.headline }}</p></slot>
15
- <span class="toggle-icon" :class="[accordionContent.status ? openIconClass : closeIconClass]"></span>
15
+ <span class="toggle-icon" :class="[accordionContent.status ? iconOpen.icon.iconClass : iconClosed.icon.iconClass]"></span>
16
16
  </a>
17
17
  <transition :name="toggleTransition">
18
18
  <div class="accordion-content" v-if="accordionContent.status" aria-expanded="true">
package/src/components/CmdSlideButton.vue CHANGED
@@ -1,10 +1,10 @@
1
1
  <template>
2
2
  <a href="#"
3
3
  @click.prevent
4
- :class="['cmd-slide-button', 'button', slideButtonType.buttonType]"
5
- :title="slideButtonType.buttonType === 'next' ? slideButtonType.tooltip : slideButtonType.tooltip">
4
+ :class="['cmd-slide-button', 'button', slideButtons.next ? 'next' : 'previous']"
5
+ :title="slideButtons.next ? slideButtons.next.tooltip : slideButtons.prev.tooltip">
6
6
  <span
7
- :class="slideButtonType.buttonType === 'next' ? slideButtonType.iconClass : slideButtonType.iconClass"></span>
7
+ :class="slideButtons.next ? slideButtons.next.iconClass : slideButtons.prev.iconClass"></span>
8
8
  </a>
9
9
  </template>
10
10
 
@@ -15,9 +15,20 @@ export default {
15
15
  /**
16
16
  * set slide-button to "next" (= right), else it will be displayed as previous (=left) button
17
17
  */
18
- slideButtonType: {
18
+ slideButtons: {
19
19
  type: Object,
20
- required: true
20
+ default: function() {
21
+ return {
22
+ prev: {
23
+ iconClass: "icon-single-arrow-left",
24
+ tooltip: "Previous"
25
+ },
26
+ next: {
27
+ iconClass: "icon-single-arrow-right",
28
+ tooltip: "Next"
29
+ }
30
+ }
31
+ }
21
32
  }
22
33
  }
23
34
  }
package/src/components/CmdSlideshow.vue CHANGED
@@ -1,7 +1,7 @@
1
1
  <template>
2
2
  <div class="cmd-slideshow" :class="{'full-width': fullWidth}">
3
3
  <div class="inner-slideshow-wrapper" @mouseenter="pause = true" @mouseleave="pause = false">
4
- <CmdSlideButton @click.prevent="showPrevItem" :slideButtonType="slideButtons.previous"/>
4
+ <CmdSlideButton @click.prevent="showPrevItem" :slideButtons="slideButtons.prev"/>
5
5
  <transition name="fade">
6
6
  <a v-if="currentItem.href" :href="currentItem.href" :key="index" :title="currentItem.title">
7
7
  <figure v-if="currentItem && !useSlot" class="slideshow-item">
@@ -22,7 +22,7 @@
22
22
  <slot :name="'item' + currentSlotItem"></slot>
23
23
  </div>
24
24
  </transition>
25
- <CmdSlideButton @click.prevent="showNextItem" :slideButtonType="slideButtons.next"/>
25
+ <CmdSlideButton @click.prevent="showNextItem" :slideButtons="slideButtons.next"/>
26
26
  <ol v-if="showQuickLinkIcons">
27
27
  <li v-for="(item, i) in slideshowItems" :key="i" :class="{active: i === index }">
28
28
  <a href="#" @click.prevent="index = i" :aria-label="index"></a>
@@ -104,15 +104,18 @@ export default {
104
104
  type: Object,
105
105
  default() {
106
106
  return {
107
- "next": {
108
- "buttonType": "next",
109
- "iconClass": "icon-single-arrow-right",
110
- "tooltip": "Next"
107
+ next: {
108
+ next: {
109
+ "iconClass": "icon-single-arrow-right",
110
+ "tooltip": "Next"
111
+ }
111
112
  },
112
- "previous": {
113
- "buttonType": "previous",
114
- "iconClass": "icon-single-arrow-left",
115
- "tooltip": "Previous"
113
+ prev: {
114
+ prev: {
115
+ "type": "prev",
116
+ "iconClass": "icon-single-arrow-left",
117
+ "tooltip": "Previous"
118
+ }
116
119
  }
117
120
  }
118
121
  }
package/src/components/CmdThumbnailScroller.vue CHANGED
@@ -1,6 +1,6 @@
1
1
  <template>
2
2
  <div :class="['cmd-thumbnail-scroller', {'gallery-scroller' : !allowOpenFancyBox}]">
3
- <CmdSlideButton @click.prevent="showPrevItem" :slideButtonType="cmdSlideButtons.previous"/>
3
+ <CmdSlideButton @click.prevent="showPrevItem" :slideButtons="cmdSlideButtons.prev"/>
4
4
  <transition-group name="slide" tag="ul">
5
5
  <li v-for="(image, index) in thumbnails" :key="image.imgId" :class="{'active' : imgIndex === index}">
6
6
  <a href="#" @click.prevent="showFancyBox(index)">
@@ -12,7 +12,7 @@
12
12
  </a>
13
13
  </li>
14
14
  </transition-group>
15
- <CmdSlideButton @click.prevent="showNextItem" :slideButtonType="cmdSlideButtons.next"/>
15
+ <CmdSlideButton @click.prevent="showNextItem" :slideButtons="cmdSlideButtons.next"/>
16
16
  </div>
17
17
  </template>
18
18
 
@@ -72,14 +72,18 @@ export default {
72
72
  default() {
73
73
  return {
74
74
  "next": {
75
- "buttonType": "next",
76
- "iconClass": "icon-single-arrow-right",
77
- "tooltip": "Next"
75
+ "next": {
76
+ type: "next",
77
+ "iconClass": "icon-single-arrow-right",
78
+ "tooltip": "Next"
79
+ }
78
80
  },
79
- "previous": {
80
- "buttonType": "previous",
81
- "iconClass": "icon-single-arrow-left",
82
- "tooltip": "Previous"
81
+ "prev": {
82
+ "prev": {
83
+ type: "prev",
84
+ "iconClass": "icon-single-arrow-left",
85
+ "tooltip": "Previous"
86
+ }
83
87
  }
84
88
  }
85
89
  }