Releases · euvl/vue-js-modal

Using ResizeObserver instead of MutationObserver
Using transition states to coordinate modal & overlay transitions (instead of delays)
Using prettier
Overlay is not a parent of the modal anymore (now has independent transition)
Renamed Event.stop => Event.cancel
Removed v--modal-background-click element
Removed v--modal default class
Removed "delay" property - component is relying on modal & overlay transition durations
Added naive implementation of focus trap
Added source-maps
Added hideAll for dynamic modals
Fix: dialogs not working when componentName is changed
Fix: ActiveElement is blurred after before-open event is fired (it is possible to cache document.activeElement now)
Handling orientationchange event
Some fixes for SSR
Renamed pivot-x, pivot-y to shift-x, shift-y
Removed component - now mounted automatically
Removed setting injectModalContainer due to complexity & unclear use-cases
Removed setting dynamic, now enabled by default
Other changes...

Assets 2

21 Apr 09:43

euvl

1.3.34

e29e9fa

1.3.34

Bugfix/524 - Exclude click on SELECT elements from dragging @mvehar
Ensure that top position is not negative @viktorhunko

Assets 2

08 Feb 23:37

euvl

1.3.33

4335f2b

1.3.33

Not possible to select text in a text-area (#469, @piogaw)
Resizer respects max width/height (#452, @hybridwebdev)
Styles property to add styles to the modal directly (string type is not well supported yet)
Fixed position of the modal when scroll bar is visible

Assets 2

28 Apr 12:53

euvl

1.3.31

fcc4e62

1.3.31

Refactoring.
Added default props for dynamic modals:

Vue.use(VueJsModal, {
  dynamic: true,
  dynamicDefaults: {
    foo: 'foo'
  }
})

    showDynamicRuntimeModal () {
      this.$modal.show({
        template: `
          <div class="example-modal-content">
            <p>{{ text }}</p>
            <p>Default Property: {{ foo }}</p>
          </div>
        `,
        props: ['text', 'foo']
      }, {
        text: 'This text is passed as a property'
      })
    },