ZUI bundle size decreased by 300kBs after removal of Polymer dependency

The goal for July was to remove dependencies on Polymer in order to trim some kilobytes off of the ZUI bundle. We identified that Polymer made up ~300kBs of our bundle size and only two ZUI components were dependent on it: ZUI Tabs and ZUI Pages. Further, utilization statistics showed ZUI Pages was barely used by consumers. The few who did use ZUI Pages misused it, treating it as a <div> wrapper, and relied on their framework of choice to show and hide content.

ZUI Tabs rewritten without Polymer

One of the last ZUI components that heavily relied on Polymer was ZUI Tabs <zui-tab>. In our efforts to rewrite ZUI Tabs, we tried our best to keep the ZUI Tabs functionality the same to not break current implementations of ZUI Tabs in Zywave products. There may be minor differences, but nothing major that should prevent users from completing their tasks.

ZUI Pages removed from the ZUI bundle completely

Utilization statistics showed little to no use of ZUI Pages <zui-pages> and most consumers of ZUI Tabs relied on their frameworks to show and hide content. We collaborated with the engineering teams whose web applications were still using ZUI Pages to replace it with another solution, so we can get rid of this under utilized component once and for all.

This is a breaking change in July's release. If you are still using ZUI Pages, please replace it! We no longer support this component.

Additional features

• <zui-input> now supports step attribute
• <zui-input-file> now supports the disabled attribute and state
• <zui-logo> no longer supports IE11-specific logos

Bug fixes

• <zui-table-topbar>'s @slotchange to invoke a single expression instead of multiple expressions
• ZUI components with hidden attribute not actually hidden
• Inline ZUI Radio buttons <zui-radio inline> previously had a height of 42px, but it has been changed to 36px