All notable changes to this project will be documented in this file.
The format is based on Keep a Changelog and this project adheres to Semantic Versioning.
- Custom CSS properties for header and tab color
- Adjust selected tab border radius
- Remove leading slash to fix root path lookup
- Apply Rocket patch only locally
- Changed postinstall script to prepare
- Updated to use Custom Element Manifest JSON format
- Updated
marked
dependency to 4.0.0
- Added
docs-container
anddemo-container
shadow parts
- Docs: do now throw when panel does not exist
- Demo: reset selected tab when element changes
- Add missing
.js
extensions to imports
- Upgraded the component to use Lit 2.0.0
- Updated
marked
dependency to 3.0.0
- Added
demo-snippet
CSS shadow part for styling
- Demo: fix logging custom events with empty detail
- Demo: fix regex to not throw exception in Safari
- Docs & demo: improve appearance on small screens
- Demo: fix regression with code snippet styles
- Demo: handle native events without
detail
properly
- Two new elements:
<api-docs>
and<api-demo>
- Public
elements
property for passing data directly - Public
exclude-knobs
property for excluding knobs - Public
setTemplates
method for using custom templates - New shadow part
header-title
, placed insideheader
- Docs: custom CSS properties type and default value
- Docs: add
part
attribute to rendered markdown elements - Demo:
prefix
,suffix
andwrapper
templates - Demo: custom attribute knobs (string, boolean, select)
- Demo: fixed quotes in default value for string knobs
- Templates are now stored separately for each instance
- Demo: do not wrap default slot content with
<div>
- Demo: default slot knob value changed to "Content"
- Docs: removed
id
from headers in rendered markdown
- Demo: do not set value for readonly properties
- Docs: use white-space: pre-wrap for <pre>
- Demo: make sure demo output clips content
- Docs & demo: remove max-height from panels
- Demo: wait for LitElement / Stencil update
- Demo: sync property knobs when true by default
- Added
demo-parts
CSS shadow part for styling
- Docs: apply font styles to lists in markdown
- Demo: fix handling dash-case attributes in knobs
- Demo: fix handling attributes in code snippet
- Docs: match attribute with different name
- Demo: fix empty value for numeric knobs
- Demo: support attribute with different name
- Demo: fix handling numeric property knobs
- Demo: do not include getters to property knobs
- Demo: use
text-align: initial
to not override - Demo: add missing
input
part for property knob
- Docs: do not convert property type to lower case
- Demo: prevent unexpected slots knobs reordering
- Demo: do not throw when property type is empty
- Updated
highlight-ts
to work with unpkg.com CDN
- Reverted accidental lit-html and lit-element bump
- Added
knobs
CSS shadow part for theming
- Fixed radio buttons scoping issue in Safari
- Replaced
illuminate-js
withhighlight-ts
- Refactored and simplified internal components
- CSS shadow parts are now available for styling
- Docs: support default values for properties
- Demo: support
<template data-target="host">
- Added
--ave-tab-indicator-size
custom property
- Updated
web-component-analyzer
to 1.0.0 - Updated
marked
to 0.8.0 with ES modules - Replaced
prismjs
withilluminate-js
- Simplified visual appearance of tabs
- Improved responsive layout in header
- Demo: added labels for knobs inputs
- Extracted
ApiViewerBase
base class
- Demo: fix handling types with null and undefined
- Docs: fix knobs type detection to handle null
- Docs: added custom CSS properties for link colors
- Docs: improved the multi-line descriptions appearance
- Demo: fixed font family and size in the code snippet
- Exposed
selected
property to toggle selected element name
- Exposed
section
property to toggle between docs and demo
- Docs: tabs are no longer shown if there is no documented API
- Demo: knobs are now hidden if there is no properties / slots
- Demo: adjusted source code snippet vertical padding
- Element selector is now hidden if there is only one element
- CSS Shadow Parts: name, description
- Docs & demo: UI is no longer shown when JSON is empty
- Docs: elements with empty description are rendered correctly
- Docs: description for properties is not displayed when empty
- CSS custom properties: name, description
- Source: code with syntax highlighting
- Knobs: edit properties of the component
- Knobs: edit slotted text for each
<slot>
- Knobs: sync on
[prop]-changed
events <template>
for complex slotted content- Styles: editing CSS custom properties
- Events: logging events of the component
- Properties: name, type, attribute, description
- Attributes: name, type, description
- Slots: name (if any), description
- Events: name, description