comand-component-library 3.1.28 → 3.1.29

Sign up to get free protection for your applications and to get access to all the features.
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
  }