js-kompo-utils 1.0.13 → 1.0.15

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 (34) hide show
  1. package/components/VlDropdown.vue +8 -7
  2. package/components/VlTutorialStepBuilder.vue +137 -586
  3. package/components/step-builder/SbContextMenu.vue +41 -0
  4. package/components/step-builder/SbGraphView.vue +93 -0
  5. package/components/step-builder/SbHeader.vue +16 -0
  6. package/components/step-builder/SbHistoryDrawer.vue +43 -0
  7. package/components/step-builder/SbPathPreview.vue +57 -0
  8. package/components/step-builder/SbStepList.vue +87 -0
  9. package/components/step-builder/SbTimeline.vue +66 -0
  10. package/components/step-builder/cards/SbActionsCard.vue +26 -0
  11. package/components/step-builder/cards/SbAdvanceCard.vue +43 -0
  12. package/components/step-builder/cards/SbConditionsCard.vue +20 -0
  13. package/components/step-builder/cards/SbContentCard.vue +45 -0
  14. package/components/step-builder/cards/SbCursorCard.vue +102 -0
  15. package/components/step-builder/cards/SbGlobalOptsCard.vue +40 -0
  16. package/components/step-builder/cards/SbHighlightCard.vue +40 -0
  17. package/components/step-builder/cards/SbHoverCard.vue +32 -0
  18. package/components/step-builder/cards/SbOptionsCard.vue +50 -0
  19. package/components/step-builder/cards/SbOutputCard.vue +17 -0
  20. package/components/step-builder/cards/SbPositionCard.vue +87 -0
  21. package/components/step-builder/cards/SbScrollCard.vue +17 -0
  22. package/docs/extending-tutorial-system.md +376 -0
  23. package/package.json +10 -9
  24. package/tutorials/TutorialConfig.js +4 -0
  25. package/tutorials/TutorialEngine.js +49 -3
  26. package/tutorials/extensions/HideIfExtension.js +12 -0
  27. package/tutorials/extensions/LinkNextExtension.js +117 -0
  28. package/tutorials/modules/Cursor.js +24 -4
  29. package/tutorials/modules/Highlight.js +7 -5
  30. package/tutorials/modules/HoverForcer.js +1 -0
  31. package/tutorials/modules/Overlay.js +2 -0
  32. package/tutorials/step-builder/StepBuilderState.js +265 -0
  33. package/tutorials/tutorial.scss +186 -0
  34. package/tutorials/step-builder/step-builder-bridge.js +0 -436
package/components/VlDropdown.vue CHANGED
@@ -135,6 +135,9 @@ export default {
135
135
  },
136
136
  openOnClick(){
137
137
  return this.$_config('openOnClick')
138
+ },
139
+ closeDelayMs(){
140
+ return this.$_config('closeDelay') ?? 200
138
141
  }
139
142
  },
140
143
  mounted() {
@@ -221,7 +224,6 @@ export default {
221
224
  this.clearCloseTimeout()
222
225
  },
223
226
  onRootMouseLeave() {
224
- this.isHoveringRoot = false
225
227
  this.scheduleClose()
226
228
  },
227
229
  onMenuMouseEnter() {
@@ -229,7 +231,6 @@ export default {
229
231
  this.clearCloseTimeout()
230
232
  },
231
233
  onMenuMouseLeave() {
232
- this.isHoveringMenu = false
233
234
  this.scheduleClose()
234
235
  },
235
236
  clearCloseTimeout() {
@@ -241,12 +242,12 @@ export default {
241
242
  scheduleClose() {
242
243
  this.clearCloseTimeout()
243
244
  this._closeTimeout = setTimeout(() => {
244
- if (!this.isHoveringRoot && !this.isHoveringMenu) {
245
- if (this.openOnClick) {
246
- this.open = false
247
- }
245
+ this.isHoveringRoot = false
246
+ this.isHoveringMenu = false
247
+ if (this.openOnClick) {
248
+ this.open = false
248
249
  }
249
- }, 80)
250
+ }, this.closeDelayMs)
250
251
  },
251
252
  checkClickable(){
252
253
  if(this.openOnClick){