All Versions
81
Latest Version
Avg Release Cycle
31 days
Latest Release
513 days ago

Changelog History
Page 5

  • v4.5.4 Changes

    September 11, 2020
    • Minor UX (User Experience) Improvements for Image Gallery Controls.
      • Updated Loading... indicator so that CSS padding and background color match the index and title elements
      • Changed Loading... indicator so that it shows if the image takes longer than 2 seconds to load rather than 1 second. On tested mobile devices with low or mid-range bandwidth this was a better interval.
      • On Framework Plugin and Web Component <img alt="{title}"> can be used for the overlay title if the attribute title is missing.
      • All Versions updated:
      • Framework Plugin: js/plugins/imageGallery.js
      • Web Component: js/web-components/image-gallery.js
      • React Component: js/react/es6/ImageGallery.js

  • v4.5.3 Changes

    September 10, 2020

  • v4.5.2 Changes

    September 04, 2020
    • ⚡️ Minor CSS update for js/web-components/old-browser-warning.js so that the warning displays full screen width on IE 11 for all or most pages

  • v4.5.1 Changes

    August 28, 2020

  • v4.5.0 Changes

    August 28, 2020
    • ➕ Add Framework Plugin: js/plugins/modalAlert.js
      • Example Usage: ~~~html .modal-overlay .modal-content { background-color: black; padding: 40px 80px; color: white; font-size: 1.5em; } 50% OFF SITEWIDE + FREE SHIPPING ON ALL U.S. ORDERS ~~~
      • Attribute data-show-every is optional and allows for simple text to interval conversion, works only with time ranges in a single duration [second(s), minute(s), hour(s), day(s)]. Examples:
        • 30 seconds
        • 1 MINUTE
        • 12 Hours
        • 1 day
      • If the element has an optional [data-hide-on-page-load] attribute then the modal will not be displayed by default and the app can showing it by calling app.plugins.modalAlert.showModal().
      • Plugin is small and easy to copy and customize if an app needs similar behavior

  • v4.4.2 Changes

    August 13, 2020
    • ⚡️ Minor CSS updates for Image Gallery Controls so that Title and Index div displays to a max-width of 1300px. Code comments also updated on different options for overriding the default CSS. All Versions updated:
      • Framework Plugin: js/plugins/imageGallery.js
      • Web Component: js/web-components/image-gallery.js
      • React Component: js/react/es6/ImageGallery.js
    • ⚡️ Website Updates (not affecting NPM)
      • Image Gallery Demos
      • Added Example Code and Usage to all Image Gallery Demos
      • Added Vue Demo http://127.0.0.1:8080/image-gallery-vue
      • Layout Improvements for IE 11 (Handlebars and React)
      • Added Vue 3 using JSX Experimental Demo: http://127.0.0.1:8080/examples/hello-world/en/vue3-with-jsx.htm

  • v4.4.1 Changes

    August 12, 2020
    • ⚡️ Minor CSS updates for Image Title and Index on Image Gallery Controls so that a light transparent background shows by default. All Versions updated:
      • Framework Plugin: js/plugins/imageGallery.js
      • Web Component: js/web-components/image-gallery.js
      • React Component: js/react/es6/ImageGallery.js

  • v4.4.0 Changes

    August 12, 2020
    • 🐛 Bug fix for js/react/jsxLoader.js so that the less than or equal to operator <= is not parsed as an Element
    • 🆕 New Features and Enhancements for Image Gallery plus fixes for IE 11
      • All Versions updated:
      • Framework Plugin: js/plugins/imageGallery.js
      • Web Component: js/web-components/image-gallery.js
      • React Component: js/react/es6/ImageGallery.js
      • Enhancements
      • On mobile devices swiping in the middle of the screen no longer triggers the overlay to close accidently on the click event. Previously this would occur from time to time.
      • Minor performance updates related to preloading images so that the loading code is called only once per image.
      • New Features
      • If title attribute is specified on the img tag, image-gallery web component, or included with data source for React then it will be displayed at the bottom of the screen.
      • Image Index/Position is now displayed be default and can be easily hidden from CSS by the calling app if desired
      • IE 11 Fixes
      • Layout improvements for Image Overlay so image is not cut off on narrow windows (IE flexbox issue)
      • Fixed issue with arrow and escape keys not working
      • Demo Pages:
      • https://www.dataformsjs.com/examples/image-gallery-web.htm
      • https://www.dataformsjs.com/examples/image-gallery-react.htm
      • https://www.dataformsjs.com/examples/image-gallery-hbs.htm

  • v4.3.0 Changes

    August 11, 2020
    • 🆕 New Feature - Image Gallery
      • Framework Plugin: js/plugins/imageGallery.js
      • Web Component: js/web-components/image-gallery.js
      • React Component: js/react/es6/ImageGallery.js
      • Demo Pages
      • examples/image-gallery-hbs.htm
      • examples/image-gallery-web.htm
      • examples/image-gallery-react.htm
    • 🆕 New Framework Plugin js/plugins/onePageSite.js
      • This plugin allows for one page style web sites where a nav link will scroll to a target element on the page.
      • By default DataFormsJS is used for single page apps however when using this script other framework plugins and controls can be easily used with one page sites.
      • Demo Pages:
      • examples/one-page-site-hbs.htm
      • examples/one-page-and-spa-hbs.htm
    • js/DataFormsJS.js
      • Added new API function for plugins onAllowRouteChange(path) that allows for plugins to cancel the route from changing on Single Page Apps (SPA)
      • This API function was created for the new onePageSite.js plugin
    • js/extensions/handlebars-helpers.js
      • New Helper function jsonEncode - Encode an object as a JSON value, this is useful when adding related object data for an element in a [data-*] attribute of the element.

  • v4.2.2 Changes

    July 13, 2020
    • js/react/jsxLoader.js
      • Added jsxLoader.globalNamespaces and improved jsxLoader.addBabelPolyfills() so that global namespaces can be defined more with less code and so that more modules are handled automatically. This is being added for a new demo with React-Toastify at https://awesome-web-react.js.org/ which will be published after the new release.
      • Added Object.values and Array.prototype.findIndex to jsxLoader.polyfillUrl.
      • Updated 'jsxLoader.babelUrl' from version 7.8.4 to version 7.10.4. New URL: https://unpkg.com/@babel/[email protected]/babel.js
    • ➕ Added config file for ESLint .eslintrc.js and added eslint as a dev dependency in package.json
      • All code is valid based on defined rules so no changes to framework code were needed.