@eturnity/eturnity_reusable_components 7.45.5-EPDM-10609.3 → 7.45.5-EPDM-10609.5

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@eturnity/eturnity_reusable_components",
3
- "version": "7.45.5-EPDM-10609.3",
3
+ "version": "7.45.5-EPDM-10609.5",
4
4
  "files": [
5
5
  "dist",
6
6
  "src"
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M6 9.46199L9.708 11.7L8.724 7.48199L12 4.64399L7.686 4.27799L6 0.299988L4.314 4.27799L0 4.64399L3.276 7.48199L2.292 11.7L6 9.46199Z" fill="#FDB813"/>
3
+ </svg>
@@ -1,4 +1,4 @@
1
- export const TEXT_OVERLAY_TOP_OFFSET = 45
1
+ export const TEXT_OVERLAY_TOP_OFFSET = 35
2
2
  export const TEXT_OVERLAY_LEFT_OFFSET = 3
3
3
  export const TEXT_OVERLAY_ARROW_LEFT_OFFSET = 78
4
4
  export const TEXT_OVERLAY_ARROW_RIGHT_NEGATIVE_OFFSET = 86
@@ -83,7 +83,7 @@
83
83
  ) => (props.top ? props.top : 'calc(' + props.iconSize + ' + 5px)')};
84
84
  ${(props) =>
85
85
  props.left
86
- ? 'left: ' + props.left
86
+ ? 'left: ' + props.left + ' !important'
87
87
  : props.alignArrow === 'left'
88
88
  ? 'left: calc(' + props.iconSize + ' /2 - 18px)'
89
89
  : props.alignArrow === 'center'
@@ -260,15 +260,13 @@
260
260
  const textOverlayTop =
261
261
  iconImgTop - iconImgHeight / 2 + TEXT_OVERLAY_TOP_OFFSET
262
262
 
263
- console.log(textOverlayTop)
264
-
265
263
  return `${textOverlayTop}px`
266
264
  },
267
265
  getTextOverlayLeft() {
268
266
  const iconImg = this.$refs.iconImg.$el
269
267
  const iconImgLeft = iconImg.getBoundingClientRect().left
270
268
  const iconImgWidth = iconImg.clientWidth
271
- const textOverlayLeft = iconImgLeft + iconImgWidth / 2 - 100 + 3
269
+ const textOverlayLeft = iconImgLeft + iconImgWidth / 2 - 80
272
270
 
273
271
  if (this.alignArrow === 'center') {
274
272
  return `${textOverlayLeft}px`
@@ -141,12 +141,11 @@
141
141
  computed: {},
142
142
  methods: {
143
143
  clickHandler(e) {
144
- if (this.isDisabled) {
144
+ if (this.isDisabled || !!this.$attrs?.onClick) {
145
145
  // prevent emitter if the option is disabled
146
146
  return
147
- } else {
148
- this.$parent.$emit('option-selected', this.value, e)
149
147
  }
148
+ this.$parent.$emit('option-selected', this.value, e)
150
149
  },
151
150
  hoverHandler() {
152
151
  this.$parent.$emit('option-hovered', this.value)