WP Manifestindependent plugin directory

spx

WordPress plugin

★ 3stars

Install

Download source zip No release zip yet

This is the repository archive. It installs, but the folder name will carry the branch suffix and updates will not flow.

Install straight from GitHub with WP-CLI:

wp plugin install https://github.com/dnnsjsk/spx/archive/refs/heads/main.zip
Updates itself. It ships its own updater, so new versions appear under Dashboard → Updates.

This was the first commercial plugin I released under my Fabrikat brand of WordPress plugins. It is a collection of Web Components to ease the development of WordPress sites. Over time, I have shifted my attention to Blockstudio, which is the defacto successor of spx.

Feel free to reuse this code in whatever way you like!

Changelog

4.0.11

  • Fix: license activation not working for PHP 8+

4.0.10

  • Fix: PHP 8 errors when using shortcodes
  • Fix: make sure lazy loading fires when using image helper
  • Fix: prevent /false image url if lazy loading is used
  • Lightbox: fix JS errors
  • Masonry: use figure as image wrapper element instead of div
  • Slider: add 'keyboard' attribute to control Slider with arrow keys when it is in viewport
  • Slider: use figure as image wrapper element instead of div
  • Slideshow: use figure as image wrapper element instead of div

4.0.9

  • Fix: PHP 8 warnings

4.0.8

  • Code: fix line numbers

4.0.7

  • Enhancement: change admin page slug
  • New: React based admin settings page

4.0.5

  • Editor: changing controls adjusts code now
  • Masonry: add lightbox functionality
  • Slider: add lightbox functionality
  • Slideshow: add lightbox functionality

4.0.4

  • Fix: don't load whitelist logic in Oxygen
  • Fix: don't show spx category in Oxygen elements sidebar

4.0.3

  • Code: fix border-radius being applied to the wrong side
  • Code: remove 'height' attribute
  • Code: remove 'overflow' attribute
  • Edit button: make sure slots are always used if present
  • Editor: Don't zom inputs on iOS devices
  • Editor: fix changing editor height on mobile after virtual keyboard has been used
  • Icon: fix alignment
  • Iframe: make sure iframe doesn't show before its loaded
  • Iframe: prevent potential extra render when initialising
  • Image Comparison: prevent potential extra render when initialising
  • Mockup: prevent potential extra render when initialising
  • Navigation: prevent potential extra render when initialising
  • Notation: prevent potential extra render when initialising and when in group mode
  • Slider: fix autoplay not working
  • Slider: make sure pagination bullets are always centered
  • Typewriter: prevent potential extra render when initialising

4.0.2

  • Fix: PHP helpers not working correctly inside Oxygen

4.0.1

  • Fix: bring asset folder back

4.0.0

  • Accordion: make link functionality work if it is a child of Shadow DOM
  • Accordion: prevent re-renders
  • Accordion: rename 'disable-animation' to 'animation'
  • Accordion: rename 'indicator-icon' attribute to 'icon'
  • Accordion: rename 'indicator-icon-transform' attribute to 'icon-transform'
  • Accordion: rename 'indicator-icon-type' attribute to 'icon-type'
  • Accordion: update height accordingly if component size changed while in open state
  • Animate: add 'auto-alpha' attribute
  • Animate: add 'viewport-threshold' attribute
  • Animate: combine all 'viewport-margin-*' attributes to 'viewport-root-margin'
  • Class Toggle: add 'inner' attribute
  • Class Toggle: prevent re-renders
  • Code: add 'content' attribute
  • Code: add 'filter' attribute
  • Code: add 'whitespace-left-trim' attribute
  • Code: add 'whitespace-remove-indent' attribute
  • Code: add 'whitespace-remove-trailing' attribute
  • Code: add 'whitespace-right-trim' attribute
  • Code: add right padding if content is overflowing
  • Code: don't focus content
  • Code: make theme attribute reflect to changes
  • Code: prevent re-renders
  • Docs: make id generation more reliable
  • Docs: remove component
  • Edit Button: add 'border-discard' attribute
  • Edit Button: add 'left', 'right', 'top', 'bottom' attributes for positioning
  • Edit Button: add 'loader-color' attribute
  • Edit Button: add 'loader-gap' attribute
  • Edit Button: add nonce to AJAX call
  • Edit Button: add wp_kses to string update function
  • Edit Button: check if component is inside Shadow DOM and search for nodes inside of it instead
  • Edit Button: fix discard button not getting assigned correctly classes in headless mode
  • Edit Button: remove 'position-css' attribute
  • Enhancement: add $postId as third parameter for image helper
  • Enhancement: add unified ARIA attributes and focus styles to all Buttons across components
  • Enhancement: clean up assets folder
  • Enhancement: convert all components to Shadow DOM
  • Enhancement: remove all runtime CSS (unless components are set to headless styling)
  • Enhancement: remove font-family attributes from all components (use CSS variable instead)
  • Enhancement: remove transition attributes from all components (use CSS variable instead)
  • Enhancement: rename 'gallery' helper to 'images'
  • Enhancement: rename 'spx_lazyload_whitelist' filter to 'spx/lazyload_whitelist'
  • Fix: boolean values not working for Shortcodes
  • Fix: don't create undefined fallback in CSS variables if no styles are set
  • Fix: prevent double style sheets in Shadow DOM
  • Fix: remove 'display' value from all components
  • Icon: add 'loader' type to display a simple rotating loader
  • Iframe: add 'loader-background' attribute
  • Iframe: add 'loader-border-radius' attribute
  • Iframe: add 'loader-color' attribute
  • Iframe: rename 'padding' to 'loader-padding' attribute
  • Image Comparison: add 'steps' attribute
  • Image Comparison: change 'loading' attribute to 'lazy'
  • Image Comparison: enable usage with arrow keys
  • Lightbox: complete rewrite, remove GLightbox dependency
  • Masonry: add 'lazy' attribute
  • Masonry: fix Masonry appearing to load when first rendering
  • Masonry: rename attribute 'images-src' to 'image-src'
  • Mockup: add 'size' attribute
  • Mockup: add 'size-max' attribute
  • Mockup: add 'size-min' attribute
  • Mockup: make sure slot will be used if src is not present
  • Mockup: rework resizing mechanism
  • New: Tailwind component
  • New: Text-Path component
  • New: add global '--spx-backdrop-filter' CSS variable
  • New: add global '--spx-color-focus' CSS variable
  • New: add global '--spx-focus' CSS variable
  • New: change color gray scale to Tailwind 'blue-gray'
  • New: helpers can be used with shortcodes now
  • New: possibility to add your own Tailwind config which affects utility styling in components
  • New: responsive engine for adjusting attributes on different breakpoints
  • Notation: make sure component works inside Shadow DOM environments
  • Scrollspy: complete rewrite to make use of IntersectionObserver and remove Gumshoe dependency
  • Share: make sure to always share the current URL
  • Slider: add 'lazy' attribute
  • Slider: add 'lazy-load-prev-next' attribute
  • Slider: add 'navigation-background-hover' attribute
  • Slider: add 'pagination-backdrop-filter' attribute
  • Slider: add 'pagination-background' attribute
  • Slider: add 'start' attribute
  • Slider: fix dynamic bullets
  • Slider: make slides full width and height by default
  • Slider: remove 'max-width' attribute
  • Slider: remove 'tabs' pagination type
  • Slider: rename attribute 'images-src' to 'image-src'
  • Slideshow: add 'height' attribute
  • Slideshow: add 'lazy' attribute
  • Slideshow: add 'object-fit' attribute
  • Slideshow: rename attribute 'images-src' to 'image-src'
  • Snackbar: deprecate
  • StencilJS: update to 2.8.1
  • Typewriter: add 'delimiter' attribute for multiple strings

3.1.6

  • Code: add support for Twig files
  • Enhancement: hide license once activated

3.1.5

  • Notation: add possibility for animation to play after Animate is completed

3.1.4

  • Notation: fix notations being applied twice on groups

3.1.3

  • Data API: add indicator if element is using Shadow DOM
  • Docs: don't create separator for first heading
  • Fix: hide elements before they are loaded
  • Fix: make 'tested up to version' 5.7.1
  • Navigation: center icon properly
  • Navigation: convert to Shadow DOM
  • New: whitelist filter to allow asset loading even if no components are on the page
  • Notation: add 'autoplay' attribute
  • Notation: add 'delay' attribute
  • Notation: add 'group' attribute
  • Notation: add 'padding' attribute
  • Notation: add extra checks to prevent console errors if component is reloaded manually, but hasn't been initialised yet
  • Notation: switch default color to gray color scale.
  • Slider: switch default colors to gray color scale.
  • Slideshow: convert to Shadow DOM
  • StencilJS: update to 2.5.2

3.1.2

  • Fix: make 'tested up to version' 5.7
  • Fix: make asset lazy load handling more robust

3.1.1

  • Animate: 'x' and 'y' now also support strings (100% etc.)
  • Animate: add 'clip-path' attribute
  • Docs: add 'scrolling' attribute
  • Docs: add 'separator' attribute
  • Docs: make regex to create IDs more robust
  • Enhancement: don't load assets if no elements are on the page

3.1.0

  • Accordion: add 'fluid' styling mode
  • Accordion: add 'headless' styling mode
  • Code: add 'lazy' attribute to highlight component when it comes into viewport
  • Code: add 'line-numbers-start' attribute
  • Code: enhance performance
  • Code: fix scrollbar
  • Docs: add default mode
  • Docs: check if DOM exists before scrolling into view
  • Docs: combine 'offset-margin-top' into a single attribute
  • Docs: fix grid blowout
  • Docs: make 'offset-margin-top' work with all tags
  • Docs: make ID generator less error prone
  • Docs: make component standalone
  • Docs: remove default colors
  • Docs: remove font family
  • Docs: rename 'space-y' to 'content-padding-y'
  • Docs: rename to 'spx-docs'
  • Edit Button: add 'fluid' styling mode
  • Edit Button: add 'headless' styling mode
  • Edit Button: add methods for 'discard', 'edit' and 'save'
  • Enhancement: minify inline css
  • Fix: make 'tested up to version' 5.6.2
  • Fix: remove container, single, text and section components
  • Fix: remove margin entry from CSS
  • Fix: remove post helpers
  • Icon: add 'fluid' styling mode
  • Image Comparison: force 'max-width: none' to images to prevent stretching under all circumstances
  • Offset: add 'recalculate' method
  • Share: add 'fluid' styling mode
  • Share: add 'headless' styling mode
  • Share: fix wrong CSS variable for 'item-size'
  • Snackbar: add 'fluid' styling mode
  • StencilJS: update to 2.4.0

3.0.3

  • Fix: plugin version

3.0.2

  • Fix: make 'tested up to version' 5.6
  • Image comparison: add lazy load functionality

3.0.1

  • Code: add 'clipboard-button-text' attribute
  • Code: add 'clipboard-button-text-copied' attribute

3.0.0

  • Accordion: add 'close' method
  • Accordion: add 'disable-animation' attribute - this is necessary when the accordion is starting as hidden
  • Accordion: add 'header-text-closed' to change header text when component is open
  • Accordion: add 'link' attribute to link a set of accordions together
  • Accordion: add 'link-type' attribute
  • Accordion: add 'open' method
  • Accordion: add 'reverse' attribute to swap icon and text
  • Accordion: add 'toggle' method
  • Accordion: align header text with icon
  • Accordion: remove 'height: 100%' from icon wrap to fix overflowing on iOS devices
  • Code: add 'Copy to clipboard' button
  • Code: add 'clipboard-button-background' attribute
  • Code: add 'clipboard-button-color' attribute
  • Code: add 'clipboard-button-font-padding' attribute
  • Code: add 'clipboard-button-font-size' attribute
  • Code: add 'clipboard-button-font-weight' attribute
  • Code: add 'clipboard-button-text-transform' attribute
  • Code: add 'hide-scrollbar' attribute
  • Code: add 'line-numbers-background' attribute
  • Code: add 'line-numbers-colors' attribute
  • Code: add JSON support
  • Code: add line numbers
  • Container: change default colors from Material to Tailwind
  • Container: change to linear font sizes and spacings
  • Container: container attributes can be overwritten now using the same attributes starting with a 'g-' instead
  • Data API: add 'default', 'attribute' and 'defaultValueAttributes' entries
  • Edit Button: remove query string from console
  • Enhancement: change default border-radius
  • Enhancement: remove theme function
  • Enhancement: switch to semantic versioning
  • Iframe: add 'document-border' attribute
  • Iframe: add 'document-border-radius' attribute
  • Iframe: add 'document-height' attribute
  • Iframe: add 'document-width' attribute
  • Iframe: add 'fit' attribute
  • Iframe: add 'lazy' attribute
  • Iframe: add 'type' attribute
  • Image Comparison: make before image 2px bigger to avoid cross browser and iframe inconsistencies
  • Lightbox: fix images not taking up full height of wrapper div
  • Masonry: fix images not taking up full height of wrapper div
  • Navigation: add indicators for nested menu items on mobile
  • New: Shortcodes
  • New: update default color scale to Tailwind 'gray'
  • Offset: apply offset variable to body instead of html
  • Oxygen: deprecate singular elements in favor of the master element
  • Oxygen: make elements load the correct initial state
  • Oxygen: remove 'group', 'iframe', 'navigation', 'notation' and 'snackbar' from master component - use these
  • Page Docs: change to linear font sizes and spacings
  • Section Card: change to linear font sizes and spacings
  • Section Footer: change to linear font sizes and spacings
  • Section Header: change to linear font sizes and spacings
  • Section Text Media: change to linear font sizes and spacings
  • Slideshow: add 'overflow' attribute
  • Slideshow: add conditional check to resize function
  • StencilJS: update to 2.3.0
  • Text: change to linear font sizes and spacings
  • Text: fix global vars not being set correctly
  • Updater: make deactivate function static

2.2.8

  • Fix: updater again

2.2.7

  • Fix: updater

2.2.6

  • Fix: insecure .zip warning in Account page

2.2.5

  • Fix: missing file error

2.2.3

  • Code: add 'display' attribute
  • Enhancement: new updater
  • Fix: change admin page slug back to 'spx-license'
  • Page Docs: add 'navigation-height-adjust' attribute
  • Page Docs: automatically scroll navigation
  • Scrollspy: add 'scrolling' attribute to automatically scroll to active link
  • Scrollspy: add 'scrolling-offset' attribute

2.2.2

  • Fix: Make 'Tested up to version' 5.5.3

2.2.1

  • Code: add 'height' attribute
  • Code: add 'overflow' attribute
  • Container: add 'disable-colors' attribute
  • Container: load gray scale when container is on page
  • Container: remove '0' from two two digit color variables
  • Enhancement: change 'documentation' folder to 'data'
  • Enhancement: enqueue spx to Gutenberg
  • Fix: fix redirect when license was wrong
  • Fix: refactor updater
  • Page Docs: add 'navigation-padding' attribute
  • Page Docs: add 'navigation-top' attribute
  • Page Docs: remove 'height' attribute
  • Section Footer: add 'background' attribute
  • Section Footer: add 'justify-content' attribute
  • Section Footer: add 'max-width' attribute
  • Section Footer: add gap value to inner divs
  • Section Footer: remove 'display' attribute in favour of 'flex'
  • Section Footer: remove 'theme' attribute in favour for separate attributes
  • Section Header: don't show mobile logo if none is set

2.2.0

  • Edit Button: added possibility to change various different types of content (ACF, options etc.) with one button
  • Edit Button: added possibility to edit normal and nested repeater fields
  • Edit Button: removed 'id' attribute
  • Edit Button: removed 'type' attribute
  • Slideshow: add 'images' attribute
  • Slideshow: add 'images-size' attribute
  • Slideshow: add 'images-src' attribute
  • Slideshow: add support for helper function to be used to populate component with images

2.1.3

  • Animate: add 'repeat-delay' attribute
  • Code: add 'background' attribute
  • Code: add 'font-size' attribute
  • Code: add Twig support
  • Code: fix font-size bug on mobile devices
  • Dev: add prettier
  • Fix: change plugin author name
  • Page Docs: add 'spxPageDocsDidLoad' event
  • Page Docs: add condition to check if there is any content inside component
  • Page Docs: remove globalComponentDidLoad mutation observer
  • Section Header: add 'navigation-align' attribute
  • Share: add 'item-filter-hover' attribute
  • Share: add 'item-transition-duration' attribute
  • Share: add 'item-transition-function' attribute
  • Slider: add 'images' attribute
  • Slider: add 'images-size' attribute
  • Slider: add 'images-src' attribute
  • Slider: add support for helper function to be used to populate component with images
  • Text: add 'link-underline-color' attribute
  • Text: add 'text-max-w' attribute
  • Text: add 'text-min-w' attribute
  • Text: add 'text-type' attribute
  • Text: add linear scale as default
  • Text: add markdown parsing support
  • Text: set link color to 'inherit'

2.1.2

  • Accordion: add 'child-icon-type' attribute
  • Accordion: change default icon
  • Enhancement: set Ionicons (https://ionicons.com/) as default icon set throughout components
  • Image Comparison: change default icon
  • Lightbox: add 'height' attribute
  • Lightbox: add 'width' attribute
  • Lightbox: change default icons
  • Navigation: add 'child-icon-type' attribute
  • Navigation: add 'mobile-icon-type' attribute
  • Navigation: change default icon
  • Navigation: set correct icon position for nested child items
  • New: Icon component
  • Section Footer: add 'after' slot
  • Section Footer: add 'display' attribute
  • Share: change default icons
  • Slider: add 'effect' attribute
  • Slider: add 'navigation-icon-next' attribute
  • Slider: add 'navigation-icon-prev' attribute
  • Slider: add 'navigation-icon-type' attribute
  • Slider: change default navigation icons
  • Slider: fix 'navigation-padding' attribute
  • Slider: remove unnecessary styles from component
  • Snackbar: change default icon

2.1.1

  • Code: set correct right spacing if content is overflowing
  • Enhancement: remove footer.js
  • Navigation: fix desktop menu flashing on mobile
  • Page Docs: add attribute to create navigation from different heading level
  • Page Docs: add bottom space option
  • Page Docs: add default navigation background color
  • Page Docs: add possibility to disable heading from creating navigation entry
  • Page Docs: remove special characters from id generation
  • Section Text Media: add no-margin-top attribute
  • Slider: add attributes for screen reader navigation messages
  • Slider: fix navigation not working in edge cases
  • Slider: general fixes
  • Snackbar: add identifier attribute
  • Snackbar: add spaceY attribute
  • Snackbar: add target attribute
  • Snackbar: automatically stack snackbars if multiple are called in a short timespan
  • Snackbar: remove DOM element after animation delay

2.1.0

  • Accordion: add animation
  • Accordion: add role="button" and aria-pressed attributes
  • Accordion: add tab-index attribute to header
  • Accordion: change default icon rotation to 180 degrees
  • Accordion: open content by pressing 'enter'
  • Container: add focus-within styles
  • Resize observer: only create when 'bp-' attribute is applied
  • Slider: add role="button" attribute to tabs
  • Slider: add tab-index attribute to tabs
  • Slider: fix clickable attribute
  • Slider: fix dynamic bullets
  • Slider: fix space between pagination bullets
  • Slider: fix vertical direction
  • Slider: navigate through tabs by pressing 'enter'

2.0.9

  • Container: fix mobile listener
  • Lightbox: fix image being wrapped multiple times
  • Navigation: fix mobile listener
  • Oxygen: fix attributes text field

2.0.7

  • Animate: add 'repeat' attribute
  • Animate: add 'reverse' attribute
  • Animate: add 'yoyo' attribute
  • Animate: fix Oxygen editor bug

2.0.5

  • Enhancement: add bundle version
  • Enhancement: don't load container scripts when container is not on page
  • Enhancement: only enqueue module version of spx
  • Enhancement: remove IE11 support
  • Page Single: Fix image-height attribute
  • Section Footer: Add 'before-footer' slot
  • StencilJS: update to 2.0.3

2.0.4

  • Animate: add 'play' and 'restart' method
  • Animate: set default opacity value to 0
  • Container: add title max-width attribute
  • Edit Button: add position CSS attribute
  • Iframe: added default src
  • Image Comparison: added default images
  • New: add .json documentation to plugin files
  • New: add IDs to script tags
  • Notation: fix loop
  • Page Single Post: add author
  • Section Button: always align text center
  • Section Text Media: fix button alignment
  • Slider: add default dynamic pagination bullet default
  • Slider: fix bullets space between
  • Slider: remove console logs
  • Snackbar: add position CSS attribute
  • Snackbar: fix left padding when reverse attribute is set without closeable
  • Snackbar: make default position bottom-right
  • Snackbar: make position attribute reactive
  • Snackbar: remove size attribute
  • Snackbar: render text into span instead of div
  • Typewriter: fix everything and add possibility to write multiple words/sentences. -> ['phrase1', 'phrase2']

2.0.3

  • Edit Button: fix ajax handler

2.0.2

  • Fix: author name
  • Fix: capability for admin menu item
  • Fix: don't load footer script when section system isn't used
  • Fix: remove unnecessary files from build folder

2.0.1

  • Fix: version number in WP plugin menu

2.0.0

  • Accordion: add icon rotation attribute
  • Animate: replace endless loop for inner elements with Mutation Observer
  • Edit Button: fixed a bug that wouldn't save fields if they contained special characters
  • Fix: gray color scale is now always applied to the body element as CSS variables
  • Fix: moved spx admin menu to 'Tools'
  • Fix: remove possibility for components to have no styling
  • Fix: remove unnecessary classes from some components. The Attribute/CSS vars API should now the main way of styling elements
  • Group: additional target attribute can be used to only apply settings to certain elements
  • Image Comparison: apply user-select: none to prevent selecting of images
  • Navigation: added border-radius attribute
  • Navigation: added box-shadow attribute
  • Navigation: adjusted default design
  • New: Code component
  • New: Full page components (single post, documentation)
  • New: Notation component
  • New: Section section system (container, button, card, footer, header, text-media)
  • New: Slider component
  • New: Slideshow component
  • New: Text component
  • New: elements can now have a custom border-radius variable where applicable. (overwrites the global variable)
  • New: elements can now have a custom font-size variable where applicable. (overwrites the global variable)
  • New: elements can now have a custom transition-delay variable where applicable. (overwrites the global variable)
  • New: elements can now have a custom transition-timing-function variable where applicable. (overwrites the global variable)
  • New: global space-scale for components and sections
  • New: reload method for all components
  • New: responsive settings can be now applied using the 'bp-' attribute
  • Oxygen: new wrapper component that replaces all other native elements
  • Removed: getAcfGallery and getMbGallery have been removed, use getGallery instead
  • Share: background-color attribute has been renamed to background
  • Typewriter: fix cursor animation
  • Typewriter: remove 'inner' attribute. Component now automatically recognizes inner elements
  • Typewriter: replace endless loop for inner elements with Mutation Observer

1.4.2

  • Fix: build directory filling up after every release
  • Fix: license activating/deactivating
  • Fix: remove composer. (again)

1.4.1

  • Image Comparison: fix slider on touch devices

1.4.0

  • Class Toggle: fix generated class array
  • Edit Button: fix position array generation
  • Edit Button: remove dot from success message
  • Fix: remove composer
  • Group: make all attributes reflect to changes
  • Image Comparison: make start attribute reflect to changes
  • Lightbox: fix arrow displaying if only one item in gallery
  • Masonry: make columns attribute reflect to changes
  • Navigation: add transitions for item hover and child opacity
  • New: introduce global transition CSS variables

1.3.9

  • Lightbox: fix hover states
  • Lightbox: make icons uniform
  • Navigation: add icon support for mobile button
  • Navigation: component now renders desktop & menu version once and then hides it via CSS
  • Navigation: give mobile button aria role="button"
  • Navigation: make mobile button focusable
  • New: Image Comparison component. (Main & Oxygen)

1.3.8

  • Fix: bump 'Tested up to' version to 5.4.2

1.3.7

  • Lightbox: avoid scroll to top when opening on mobile
  • Lightbox: make body not scrollable when open

1.3.6

  • Edit Button: position new defaults to bottom-right again
  • Navigation: only create one nav tag

1.3.5

  • Enhance: add CSS variable to all components that can have a different display attribute
  • Masonry: fix generated CSS when being nested inside Lightbox
  • Navigation: fix desktop menu flashing in when on mobile
  • Navigation: fix sub sub menus not positioning correctly when navigation is fixed
  • New: Lightbox component
  • Scrollspy: add 'spxScrollspyDidLoad' event

1.3.4

  • Oxygen: fix Typewriter JS error
  • Oxygen: fix possible Animate bottleneck on front-end

1.3.3

  • Oxygen: Fix typo in editor subheading

1.3.2

  • New: Typewriter component
  • Scrollspy: Don't force url-change to be true

1.3.1

  • Snackbar: make height even when component is closeable

1.3.0

  • Animate: fix viewport conditions in editor
  • Animate: swap button lists for checkboxes
  • Oxygen: add snackbar element
  • Oxygen: disabled editor CSS generation
  • Oxygen: organized components more logically
  • Snackbar: give snackbar close button the following aria attribute: role="button"

1.2.9

  • Edit Button: add JS events and edit-id capabilities

1.2.8

  • Edit Button: added wp_options support

1.2.7

  • Animate: add easing options in Oxygen

1.2.6

  • Animate: fix animation in Oxygen editor

1.2.5

  • Navigation: fix sub menu positioning

1.2.4

  • Navigation: add options for mobile items. (padding, color, color-hover, background & background-hover)

1.2.3

  • Animate: add sane defaults
  • Class toggle: add sane defaults
  • Class toggle: optimized selector selection
  • Class toggle: target will now toggle all elements with selector
  • Enhanced: alignments on admin page
  • Enhanced: spx now has it's own page in the admin
  • Mockup: 13 new responsive devices. (https://picturepan2.github.io/devices.css/)
  • New: Native Oxygen integration. (animate, class-toggle, mockup & offset component)
  • Navigation: add loaded event
  • Navigation: prevent hash link from jumping to the top
  • New: Offset component

1.2.2

  • Navigation: fix font-size inheritance

1.2.1

  • Accordion: add color attributes for header and content
  • Enhanced: all components (where applicable) have a font-size attribute with variable set in place now
  • Enhanced: all font-sizes and paddings/margins are now in em
  • Navigation: add default mobile breakpoint. (768)
  • Navigation: change wrapper tag to nav
  • Navigation: fix mobile menu link styles
  • New: new color scale CSS variable for all colour attributes
  • New: unified gallery helper function
  • Share: added custom colour options

1.2.0

  • Edit button: Adapted new positioning attributes from Snackbar component
  • Edit button: Fixed font inheritance
  • New: Snackbar component
  • StencilJS: Update to 1.14.0

1.1.9

  • New: Share component

1.1.8

  • Navigation: fixed CSS variable for distance between mobile menu button and menu
  • Navigation: simplified child and mobile placement. (always defaults to bottom)

1.1.7

  • Navigation: added child-item-margin-left attribute for mobile and vertical mode
  • Navigation: fixed position calculation when tabbing through links
  • Navigation: vertical now renders correctly
  • New: Scrollspy component
  • StencilJS: Update to 1.13.0

1.1.6

  • Enhancement: optimized queries of Masonry PHP helper component

1.1.5

  • New: Metabox helper for Masonry component
  • New: child menu positioning attributes for Navigation component
  • New: positioning attributes for Edit Button component

1.1.4

  • Fix: readme file

1.1.3

  • Fix: test-mode for Edit Button component

1.1.2

  • Fix: file versioning to prevent JS errors after updates

1.1.1

  • New: iframe component

1.1.0

  • Fix: plugin header

1.0.0

  • New: initial release