Unicode-Emoji-Picker

• Updated to Unicode Emoji v15.1
• Added new css variable to fully customize the component
  • --outer-padding
  • --filter-padding
  • --filter-gap
  • --filter-size
  • --content-scrollbar-width
  • --title-bar-height
  • --title-bar-horizontal-padding
  • --title-bar-font-size
  • --search-input-font-size
  • --search-input-line-height
  • --emoji-gap
  • --emoji-size
  • --emoji-font-size

Updated to Unicode Emoji v15.0

• Updated to Unicode Emoji v15.0
• Updated scrollable-component dependency to v1.2.1

This is a breaking change release as scrollable-component (the component used to have a nice custom scrollbar) now targets es2022 which may not work on old browsers. But because custom scrollbars are only supported on modern browsers anyway, you should not use this component if you target old browsers.

• Updated scrollable-component dependency to v2.0.0-next.0
• Added selectedGroup readonly property, which gives you the current group key (e.g. search, face-emotion, food-drink, ...)
• Added clearSearch() method to clear the search input/results
• Added focusHeader() method to focus the component's header
• Added focusContent(skipSearchInput = false) method to focus the component's content
  • If skipSearchInput is set to false (default value), it focuses the search input when the search tab is selected, otherwise it focuses the first emoji
  • If skipSearchInput is set to true, it focuses the first emoji

Fix setTranslation not working when only setting the tab emojis.

So you can now do:

const emojiPicker = document.querySelector('unicode-emoji-picker');

window.customElements.whenDefined('unicode-emoji-picker').then(() => {
  emojiPicker.setTranslation({
    'search': {
      emoji: '🔎',
    },
    'face-emotion': {
      emoji: '😀️',
    },
    'food-drink': {
      emoji: '🥕️',
    },
    'animals-nature': {
      emoji: '🦜️',
    },
    'activities-events': {
      emoji: '♟️',
    },
    'person-people': {
      emoji: '🧍',
    },
    'travel-places': {
      emoji: '✈️',
    },
    'objects': {
      emoji: '👒',
    },
    'symbols': {
      emoji: '💬️',
    },
    'flags': {
      emoji: '🚩',
    },
  });
});

Updated to Unicode Emoji v14.0

Fix critical issue : undefined 'version' variable

Updated unicode-emoji dependency to v2.2.1

• Updated unicode-emoji dependency to v2.2.0
• Updated scrollable-component dependency to v1.1.2

• Added missing typing for the HTML element tag <unicode-emoji-picker>
• Updated unicode-emoji dependency to v2.1.1

• Added support for Unicode Emoji v13.1
• Updated unicode-emoji dependency to v2.1.0
• Updated scrollable-component dependency to v1.1.1

Initial release