EWC dialog components

This is a monorepo, containing three different EWCL dialog components.

The links below provide detailled information about each dialog.

• ewc-dialog
  • a general dialog for displaying arbitrary content
• ewc-dialog-clipboard
  • a dialog, specialised to let end-users copy some given text into the OS's clipboard
• ewc-dialog-feedback
  • another dialog, specialised to encourage end-users to take part in eurostat surveys.

Each component provides working usage examples for two contexts: WebPack and VanillaJS.

Notes

Accessibility

The components are designed with accessibility in mind:

• Proper semantic HTML structure (dialog and header elements)
• Keyboard navigable elements
• Sufficient color contrast
• Screen reader friendly with appropriate ARIA attributes

Browser Support

• Chrome (latest)
• Firefox (latest)
• Safari (latest)
• Edge (latest)

License

European Union Public License (EUPL)

Changelog

• 5.0.7-beta

  • checkbox style
  • update tests

• 5.0.6-beta

  • remove "fade to white" effect (bottom of scrollable area)

• 5.0.5-beta

  • color clipboard-content

• 5.0.4-beta

  • ewc-dialog-clipboard: initial focus on copy-button
  • include aria attributes in tests

• 5.0.3-beta

  • addendum (aria)

• 5.0.2-beta

  • playwright tests and code corrections for them
  • ewc-dialog-clipboard: support show/hide success/fail message during open dialog
  • ewc-dialog-clipboard: display repetition word properly inside button
  • update docu (ariaDescription)
  • all dialogs: make focus on close work correctly in tests
  • all dialogs: make focus trap work correctly in tests
  • ewc-dialog-clipboard: change copy-failure text
  • correction of a typo (makes import statement work)

• 5.0.1-beta

  • ewc-dialog-feedback: tab order (close X, checkbox, take survey, don't take survey)
  • rename some files

• 5.0.0-beta

  • initial version of monorepo, containing 3 former singlerepos

Changelog pre monorepo

Before 3 dialogs were grouped together into this monorepo, they each had their own changelog. They are listed below.

Changelog ewc-dialog

• 3.2.2-beta

  • improve integration support

• 3.2.1-beta

  • fix: avoid double customElements.define() invocation when deriving classes

• 3.2.0-beta

  • a11y: remove autofocus, ARIAs
  • potential bugfix (move code out of constructor)

• 3.1.0-beta

  • feature: introduce configuration "dismissable" (close on click outside of dialog)
  • restructure docu

• 3.0.6-beta

  • feature: max width configuration for flexible adaption (to more/less text and wider/narrower width)

• 3.0.5-alpha

  • update usage examples

• 3.0.4-alpha

  • update usage examples

• 3.0.3-alpha

  • expose focus trap (for access from deriving classes)

• 3.0.2-alpha

  • support content change at runtime

• 3.0.1-alpha

  • isolate content from light-DOM styles

• 3.0.0-alpha

  • introduce shadow DOM
  • inline CSS (remove dependency to ewc-css)

Changelog ewc-dialog-clipboard

• 2.2.3-beta

  • improve integration support

• 2.2.2-beta

  • isolate class hierarchy to support different ewc-dialog version in host project
  • fix version info mistake

• 2.2.1-beta

  • fix: avoid double customElements.define() invocation when deriving classes

• 2.2.0-beta

  • a11y: remove superfluous p-tag, add error correction suggestion, add word "again" to copy button

• 2.1.0-beta

  • bugfix: Success/Fail message from before still displayed after closing and opening the dialog again

• 2.0.4-alpha

  • improve support of narrow width and zoom
  • focus on copy button after dialog opening

Changelog ewc-dialog-feedback

• 4.1.3-beta

  • improve integration support

• 4.1.2-beta

  • isolate class hierarchy to support different ewc-dialog version in host project
  • fix version info mistake

• 4.1.1-beta

  • fix: avoid double customElements.define() invocation when deriving classes

• 4.1.0-beta

  • use peerDependencies, update dependency of ewc-dialog, remove console output

• 4.0.3-beta

  • change to beta, update dependency of ewc-dialog

• 4.0.2-alpha

  • correction buttons, tab focus order, improve narrow width and zoom

• 4.0.0-alpha

  • adapt to new standards (look and feel)

• 3.0.1-alpha

  • guard custom element registering

• 3.0.0-alpha

  • inline SVG (EWC-86), config (EWC-81)

• 2.0.1-alpha

  • introduce focus trap