- BREAKING CHANGE: Provide JavaScript modules (ES2021) with TypeScript definitions in addition to the pre-bundled version which includes Lit. This is the recommended way of publishing Web Components and allows to deduplicate Lit. Unfortunately this change breaks with the existing import paths (see README.md for more details):
- Bundled:
@puzzleitc/puzzle-shell→@puzzleitc/puzzle-shell/bundle.js
or via CDN:https://unpkg.com/@puzzleitc/puzzle-shell/dist/puzzle-shell.js→https://unpkg.com/@puzzleitc/puzzle-shell/dist/bundle.js@puzzleitc/puzzle-shell/dist/style.css→@puzzleitc/puzzle-shell/style.css
or via CDN:https://unpkg.com/@puzzleitc/puzzle-shell/dist/style.css(no change)
- JavaScript modules (new):
import "@puzzleitc/puzzle-shell"(all components)import "@puzzleitc/puzzle-shell/components/Topbar.js"(specific components)
- Bundled:
- Update the dependencies (including upgrade to Lit 3 & Vite 5, using Node 20).
- Allow overflowing in
pzsh-bannerto fix cropped dropdowns within the component's content slot.
- BREAKING CHANGE: Switch to self-hosting of Roboto fonts instead of fetching from Google. This improves privacy and performance but means you now have to include
dist/style.cssin your project for the fonts to be working. - Allow mobile/desktop breakpoint to be customized via the global
window.pzshBreakpointproperty. - Prevent body from scrolling while
pzsh-menuis open on mobile. Use thescrollContainerSelectorattribute to configure a custom scroll container. - Enable overflowing (scrolling) for
pzsh-menucontent larger than screen height. - Add GitHub Actions Workflow to generate BOM (bill of materials) file and push it to Dependency Track.
- Add missing logos to logo story
- Migrate to Vite setup, upgrade to Storybook 7.3 and update all other dependencies. This eliminates all vulnerabilities reported by
npm audit. - Migrate to TypeScript, include
.d.tsfiles in package. - BREAKING CHANGE: The main entry file is now
dist/puzzle-shell.js, previously it wasindex.js.
- Fix click/keydown event registering without useCapture
- Upgrade the dependencies. Unfortunately this does not fix the Storybook/trim Vulnerability reported by NPM Audit, which will not be fixed until Storybook 7.0 (see #14603).
- Implement
pzsh-menu's backdrop as separatepzsh-backdropcomponent to avoid CSP issues with inline styles. - Fix vertical alignment of
pzsh-menu-actiontext on mobile
- Add responsive styling of
pzsh-herocomponent - Add documentation for logos and
pzsh-containercomponent
- Fix bug with attribute access in constructor of
pzsh-menu-action,pzsh-dropdown-itemandpzsh-nav-item - Build custom-elements.json manifest according 1.0.0 schema specification
- Lighter, white-based styling of mobile menu and add backdrop
- New order in hamburger menu: nav, actions, items
- Add rudimentary
pzsh-nav,pzsh-subnavandpzsh-nav-itemcomponents for application navigation - Implement responsive
pzsh-bannercomponent
- Fix menu action/item DOMException
- Add responsive
pzsh-menu-dropdowncomponent - Make menu & dropdown menu keyboard navigatable
- Allow to close menus with ESC or click outside
- Add icon:
setting
- Add icons:
gitlab,plus-circle,sliders-v-altanduser - Remove icons:
user-circle,users-alt-> currently not used in favor ofuser
- Implement
pzsh-footercomponent with styling & slots - Add responsive
pzsh-menucomponent
- Use eslint to provide a bundled version of the Puzzle Shell components in addition to the native ES Modules
- Add an
hrefproperty to thepzsh-topbarfor the logo link
Initial release
pzsh-topbarcomponent with logo/actions slots, responsive menu on smaller screenspzsh-topbarcomponent (yet unpolished on smaller screens)pzsh-containercomponent for general page layout- Dummy
pzsh-bannerandpzsh-footercomponents