@ohos-ports/emoji-picker-element 1.29.1-beta.0

package/i18n/ms_MY.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Kategori',
+  emojiUnsupportedMessage: 'Penyemak imbas anda tidak menyokong emoji warna.',
+  favoritesLabel: 'Kegemaran',
+  loadingMessage: 'Memuat…',
+  networkErrorMessage: 'Tidak dapat memuatkan emoji.',
+  regionLabel: 'Pemilih emoji',
+  searchDescription: 'Apabila hasil carian tersedia, tekan atas atau bawah untuk memilih dan tekan masukkan untuk memilih.',
+  searchLabel: 'Cari',
+  searchResultsLabel: 'Hasil carian',
+  skinToneDescription: 'Apabila dikembangkan, tekan atas atau bawah untuk memilih dan tekan masukkan untuk memilih.',
+  skinToneLabel: 'Pilih warna kulit (pada masa ini {skinTone})',
+  skinTonesLabel: 'Warna kulit',
+  skinTones: [
+    'Lalai',
+    'Cerah',
+    'Kuning langsat',
+    'Sederhana cerah',
+    'Sawo matang',
+    'Gelap'
+  ],
+  categories: {
+    custom: 'Tersuai',
+    'smileys-emotion': 'Smiley dan emotikon',
+    'people-body': 'Orang dan badan',
+    'animals-nature': 'Haiwan dan alam semula jadi',
+    'food-drink': 'Makanan dan minuman',
+    'travel-places': 'Perjalanan dan tempat',
+    activities: 'Aktiviti',
+    objects: 'Objek',
+    symbols: 'Simbol',
+    flags: 'Bendera'
+  }
+}

package/i18n/nl.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/nl.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Categorieën',
+  emojiUnsupportedMessage: 'Uw browser ondersteunt geen kleurenemoji.',
+  favoritesLabel: 'Favorieten',
+  loadingMessage: 'Bezig met laden…',
+  networkErrorMessage: 'Kan emoji niet laden.',
+  regionLabel: 'Emoji-kiezer',
+  searchDescription: 'Als er zoekresultaten beschikbaar zijn, drukt u op omhoog of omlaag om te selecteren en op enter om te kiezen.',
+  searchLabel: 'Zoeken',
+  searchResultsLabel: 'Zoekresultaten',
+  skinToneDescription: 'Wanneer uitgevouwen, druk omhoog of omlaag om te selecteren en enter om te kiezen.',
+  skinToneLabel: 'Kies een huidskleur (momenteel {skinTone})',
+  skinTonesLabel: 'Huidskleuren',
+  skinTones: [
+    'Standaard',
+    'Licht',
+    'Medium-Licht',
+    'Medium',
+    'Middeldonker',
+    'Donker'
+  ],
+  categories: {
+    custom: 'Aangepast',
+    'smileys-emotion': 'Smileys en emoticons',
+    'people-body': 'Mensen en lichaam',
+    'animals-nature': 'Dieren en natuur',
+    'food-drink': 'Eten en drinken',
+    'travel-places': 'Reizen en plaatsen',
+    activities: 'Activiteiten',
+    objects: 'Voorwerpen',
+    symbols: 'Symbolen',
+    flags: 'Vlaggen'
+  }
+}

package/i18n/pl.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/pl.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Kategorie',
+  emojiUnsupportedMessage: 'Twoja przeglądarka nie wspiera kolorowych emotikon.',
+  favoritesLabel: 'Ulubione',
+  loadingMessage: 'Ładuję…',
+  networkErrorMessage: 'Nie można załadować emoji.',
+  regionLabel: 'Selektor emoji',
+  searchDescription: 'Kiedy wyniki wyszukiwania będą dostępne, wciśnij góra lub dół aby wybrać oraz enter aby zatwierdzić wybór.',
+  searchLabel: 'Wyszukaj',
+  searchResultsLabel: 'Wyniki wyszukiwania',
+  skinToneDescription: 'Po rozwinięciu wciśnij góra lub dół aby wybrać oraz enter aby zatwierdzić wybór.',
+  skinToneLabel: 'Wybierz odcień skóry (aktualnie {skinTone})',
+  skinTonesLabel: 'Odcienie skóry',
+  skinTones: [
+    'Domyślna',
+    'Jasna',
+    'Średnio-jasna',
+    'Średnia',
+    'Średnio-ciemna',
+    'Ciemna'
+  ],
+  categories: {
+    custom: 'Własne',
+    'smileys-emotion': 'Uśmiechy',
+    'people-body': 'Ludzie',
+    'animals-nature': 'Zwierzęta i natura',
+    'food-drink': 'Żywność i napoje',
+    'travel-places': 'Podróże i miejsca',
+    activities: 'Aktywności',
+    objects: 'Obiekty',
+    symbols: 'Symbole',
+    flags: 'Flagi'
+  }
+}

package/i18n/pt_BR.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/pt_BR.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Categorias',
+  emojiUnsupportedMessage: 'Seu navegador não suporta emojis coloridos.',
+  favoritesLabel: 'Favoritos',
+  loadingMessage: 'Carregando…',
+  networkErrorMessage: 'Não foi possível carregar o emoji.',
+  regionLabel: 'Seletor de emoji',
+  searchDescription: 'Quando os resultados da pesquisa estiverem disponíveis, pressione para cima ou para baixo para selecionar e “enter” para escolher.',
+  searchLabel: 'Procurar',
+  searchResultsLabel: 'Resultados da pesquisa',
+  skinToneDescription: 'Quando expandido, pressione para cima ou para baixo para selecionar e “enter” para escolher.',
+  skinToneLabel: 'Escolha um tom de pele (atualmente {skinTone})',
+  skinTonesLabel: 'Tons de pele',
+  skinTones: [
+    'Padrão',
+    'Claro',
+    'Claro médio',
+    'Médio',
+    'Escuro médio',
+    'Escuro'
+  ],
+  categories: {
+    custom: 'Personalizar',
+    'smileys-emotion': 'Carinhas e emoticons',
+    'people-body': 'Pessoas e corpo',
+    'animals-nature': 'Animais e natureza',
+    'food-drink': 'Alimentos e bebidas',
+    'travel-places': 'Viagem e lugares',
+    activities: 'Atividades',
+    objects: 'Objetos',
+    symbols: 'Símbolos',
+    flags: 'Bandeiras'
+  }
+}

package/i18n/pt_PT.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/pt_PT.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Categorias',
+  emojiUnsupportedMessage: 'O seu browser não suporta emojis.',
+  favoritesLabel: 'Favoritos',
+  loadingMessage: 'A Carregar…',
+  networkErrorMessage: 'Não foi possível carregar o emoji.',
+  regionLabel: 'Emoji picker',
+  searchDescription: 'Quando os resultados da pesquisa estiverem disponíveis, pressione para cima ou para baixo para selecionar e digite para escolher.',
+  searchLabel: 'Procurar',
+  searchResultsLabel: 'Resultados da procura',
+  skinToneDescription: 'Quando expandido, pressione para cima ou para baixo para selecionar e digite para escolher.',
+  skinToneLabel: 'Escolha um tom de pele (atual {skinTone})',
+  skinTonesLabel: 'Tons de pele',
+  skinTones: [
+    'Pré-definido',
+    'Claro',
+    'Médio-Claro',
+    'Médio',
+    'Médio-Escuro',
+    'Escuro'
+  ],
+  categories: {
+    custom: 'Personalizados',
+    'smileys-emotion': 'Smileys e emoticons',
+    'people-body': 'Pessoas e corpo',
+    'animals-nature': 'Animais e natureza',
+    'food-drink': 'Comida e bebida',
+    'travel-places': 'Viagens e locais',
+    activities: 'Atividades',
+    objects: 'Objetos',
+    symbols: 'Símbolos',
+    flags: 'Bandeiras'
+  }
+}

package/i18n/ru_RU.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/ru_RU.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Категории',
+  emojiUnsupportedMessage: 'Ваш браузер не поддерживает цветные эмодзи.',
+  favoritesLabel: 'Избранное',
+  loadingMessage: 'Загрузка…',
+  networkErrorMessage: 'Не удалось загрузить эмодзи. Попробуйте перезагрузить страницу.',
+  regionLabel: 'Выберите эмодзи',
+  searchDescription: 'Когда результаты поиска станут доступны, выберите их с помощью стрелок вверх и вниз, затем нажмите для подтверждения.',
+  searchLabel: 'Искать',
+  searchResultsLabel: 'Результаты поиска',
+  skinToneDescription: 'При отображении используйте клавиши со стрелками вверх и вниз для выбора, нажмите для подтверждения.',
+  skinToneLabel: 'Выберите оттенок кожи (текущий {skinTone})',
+  skinTonesLabel: 'Оттенки кожи',
+  skinTones: [
+    'Стандартный',
+    'Светлый',
+    'Средне-светлый',
+    'Средний',
+    'Средне-темный',
+    'Темный'
+  ],
+  categories: {
+    custom: 'Пользовательский',
+    'smileys-emotion': 'Смайлики и Эмотиконы',
+    'people-body': 'Люди и Тела',
+    'animals-nature': 'Животные и Природа',
+    'food-drink': 'Еда и Напитки',
+    'travel-places': 'Путешествия и Места',
+    activities: 'Виды деятельности',
+    objects: 'Объекты',
+    symbols: 'Символы',
+    flags: 'Флаги'
+  }
+}

package/i18n/tr.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/tr.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Kategoriler',
+  emojiUnsupportedMessage: 'Tarayıcınız renkli emojiyi desteklemiyor.',
+  favoritesLabel: 'Favoriler',
+  loadingMessage: 'Yükleniyor…',
+  networkErrorMessage: 'Emoji yüklenemedi.',
+  regionLabel: 'Emoji seçici',
+  searchDescription: 'Arama sonuçları mevcut olduğunda seçmek için yukarı veya aşağı basın ve seçmek için girin.',
+  searchLabel: 'Arama',
+  searchResultsLabel: 'Arama sonuçları',
+  skinToneDescription: 'Genişletildiğinde seçmek için yukarı veya aşağı basın ve seçmek için girin.',
+  skinToneLabel: 'Cilt tonu seçin (şu anda {skinTone})',
+  skinTonesLabel: 'Cilt tonları',
+  skinTones: [
+    'Varsayılan',
+    'Işık',
+    'Orta ışık',
+    'Orta',
+    'Orta koyu',
+    'Karanlık'
+  ],
+  categories: {
+    custom: 'Gelenek',
+    'smileys-emotion': 'Suratlar ve ifadeler',
+    'people-body': 'İnsanlar ve vücut',
+    'animals-nature': 'Hayvanlar ve doğa',
+    'food-drink': 'Yiyecek ve içecek',
+    'travel-places': 'Seyahat ve yerler',
+    activities: 'Aktiviteler',
+    objects: 'Nesneler',
+    symbols: 'Semboller',
+    flags: 'Bayraklar'
+  }
+}

package/i18n/vi.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/vi.js

@@ -0,0 +1,34 @@
+export default {
+  categoriesLabel: 'Danh mục',
+  emojiUnsupportedMessage: 'Trình duyệt của bạn không hỗ trợ emoji màu.',
+  favoritesLabel: 'Yêu thích',
+  loadingMessage: 'Đang tải…',
+  networkErrorMessage: 'Không thể tải emoji.',
+  regionLabel: 'Chọn emoji',
+  searchDescription: 'Khi có kết quả tìm kiếm, nhấn lên hoặc xuống để chọn và nhấn Enter để chọn.',
+  searchLabel: 'Tìm kiếm',
+  searchResultsLabel: 'Kết quả tìm kiếm',
+  skinToneDescription: 'Khi mở rộng, nhấn lên hoặc xuống để chọn và nhấn Enter để chọn.',
+  skinToneLabel: 'Chọn tông màu da (hiện tại {skinTone})',
+  skinTonesLabel: 'Tông màu da',
+  skinTones: [
+    'Mặc định',
+    'Sáng',
+    'Sáng vừa',
+    'Trung bình',
+    'Tối vừa',
+    'Tối'
+  ],
+  categories: {
+    custom: 'Tùy chỉnh',
+    'smileys-emotion': 'Mặt cười và cảm xúc',
+    'people-body': 'Người và cơ thể',
+    'animals-nature': 'Động vật và thiên nhiên',
+    'food-drink': 'Thức ăn và đồ uống',
+    'travel-places': 'Du lịch và địa điểm',
+    activities: 'Hoạt động',
+    objects: 'Đồ vật',
+    symbols: 'Biểu tượng',
+    flags: 'Cờ'
+  }
+}

package/i18n/zh_CN.d.ts

@@ -0,0 +1,3 @@
+import { I18n } from "../shared";
+declare const _default: I18n;
+export default _default;

package/i18n/zh_CN.js

@@ -0,0 +1,27 @@
+export default {
+  categoriesLabel: '类别',
+  emojiUnsupportedMessage: '您的浏览器不支持彩色表情符号。',
+  favoritesLabel: '收藏夹',
+  loadingMessage: '正在加载…',
+  networkErrorMessage: '无法加载表情符号。',
+  regionLabel: '表情符号选择器',
+  searchDescription: '当搜索结果可用时，按向上或向下选择并输入选择。',
+  searchLabel: '搜索',
+  searchResultsLabel: '搜索结果',
+  skinToneDescription: '展开时，按向上或向下键进行选择，按回车键进行选择。',
+  skinToneLabel: '选择肤色（当前为 {skinTone}）',
+  skinTonesLabel: '肤色',
+  skinTones: ['默认', '明亮', '微亮', '中等', '微暗', '暗'],
+  categories: {
+    custom: '自定义',
+    'smileys-emotion': '笑脸和表情',
+    'people-body': '人物和身体',
+    'animals-nature': '动物与自然',
+    'food-drink': '食品饮料',
+    'travel-places': '旅行和地方',
+    activities: '活动',
+    objects: '物体',
+    symbols: '符号',
+    flags: '旗帜'
+  }
+}

package/index.d.ts

@@ -0,0 +1,7 @@
+import Picker from './picker.js'
+import Database from './database.js'
+
+export {
+  Picker,
+  Database
+}

package/index.js

@@ -0,0 +1,6 @@
+// Runtime shims for non-browser environments (no-op in browsers/ArkWeb);
+// must be imported before picker.js which reads browser globals at module level
+import './polyfill.js'
+import Picker from './picker.js'
+import Database from './database.js'
+export { Picker, Database }

package/package.json

@@ -0,0 +1,196 @@
+{
+  "name": "@ohos-ports/emoji-picker-element",
+  "version": "1.29.1-beta.0",
+  "description": "Lightweight emoji picker distributed as a web component",
+  "main": "index.js",
+  "module": "index.js",
+  "types": "index.d.ts",
+  "type": "module",
+  "customElements": "custom-elements.json",
+  "files": [
+    "/database.js*",
+    "/index.js*",
+    "/picker.js*",
+    "/polyfill.js*",
+    "/trimEmojiData.*",
+    "/svelte.js*",
+    "/*.d.ts",
+    "/custom-elements.json",
+    "/i18n/*"
+  ],
+  "optionalDependencies": {
+    "fake-indexeddb": "^6.2.2"
+  },
+  "scripts": {
+    "prepare": "run-s build && husky",
+    "build": "run-s build:rollup build:i18n build:css-docs build:i18n-docs build:toc",
+    "build:rollup": "cross-env NODE_ENV=production rollup -c",
+    "build:css-docs": "node ./bin/generateCssDocs",
+    "build:i18n-docs": "node ./bin/generateI18nDocs",
+    "build:toc": "node ./bin/generateTOC",
+    "build:i18n": "node ./bin/buildI18n",
+    "benchmark:runtime": "run-s build:rollup benchmark:runtime:setup benchmark:runtime:test",
+    "benchmark:runtime:setup": "node ./bin/setupTachometerConfigs.js",
+    "benchmark:runtime:test": "for config in ./test/benchmark/*.tachometer.json; do echo \"${config}\"; tach --config \"${config}\"; done",
+    "benchmark:bundlesize": "run-s build:rollup benchmark:bundle benchmark:run-bundlesize",
+    "benchmark:bundle": "rollup -c ./test/bundlesize/rollup.config.js",
+    "benchmark:memory": "run-s build:rollup benchmark:bundle && run-p --race benchmark:memory:server benchmark:memory:test",
+    "benchmark:memory:server": "node ./test/memory/server.js",
+    "benchmark:memory:test": "node ./test/memory/test.js",
+    "benchmark:run-bundlesize": "node ./bin/bundlesize.js",
+    "benchmark:storage": "cross-env PERF=1 run-s build:rollup && run-p --race test:adhoc benchmark:storage:test",
+    "benchmark:storage:test": "node ./test/storage/test.js",
+    "test:leak": "run-p --race test:leak:server test:leak:test",
+    "test:leak:server": "node ./test/leak/server.js",
+    "test:leak:test": "node ./test/leak/test.js",
+    "dev": "run-p --race dev:rollup dev:server",
+    "dev:rollup": "cross-env NODE_ENV=development rollup -c -w",
+    "dev:server": "node ./test/adhoc/server.js",
+    "lint": "standard && stylelint '**/*.scss'",
+    "lint:fix": "standard --fix && stylelint --fix '**/*.scss'",
+    "test": "vitest",
+    "test:adhoc": "node ./test/adhoc/server.js",
+    "cover": "vitest --coverage",
+    "docs": "node bin/processCustomEmoji.js",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
+    "version": "run-s changelog docs && git add CHANGELOG.md docs"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/ohos-ports/ohos-ports.git",
+    "directory": "ports/emoji-picker-element/1.29.1"
+  },
+  "keywords": [
+    "emoji",
+    "picker",
+    "IndexedDB",
+    "custom",
+    "element",
+    "web",
+    "component"
+  ],
+  "author": "Nolan Lawson <nolan@nolanlawson.com>",
+  "license": "Apache-2.0",
+  "bugs": {
+    "url": "https://github.com/ohos-ports/ohos-ports/issues"
+  },
+  "homepage": "https://github.com/ohos-ports/ohos-ports/tree/main/ports/emoji-picker-element/1.29.1#readme",
+  "//": {
+    "@nolanlawson/emoji-picker-element-for-tachometer": [
+      "Placeholder package for Tachometer to swap correctly, see https://github.com/nolanlawson/emoji-picker-element/pull/439/",
+      "Note the @nolanlawson scope to avoid any accidental dependency confusion vulnerability"
+    ]
+  },
+  "devDependencies": {
+    "@nolanlawson/emoji-picker-element-for-tachometer": "file:.",
+    "@rollup/plugin-commonjs": "^28.0.6",
+    "@rollup/plugin-inject": "^5.0.5",
+    "@rollup/plugin-node-resolve": "^16.0.1",
+    "@rollup/plugin-replace": "^6.0.2",
+    "@rollup/plugin-strip": "^3.0.4",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/jest-dom": "^6.6.3",
+    "@testing-library/user-event": "^14.6.1",
+    "@vitest/coverage-istanbul": "^3.2.4",
+    "@vitest/ui": "^3.2.4",
+    "@ohos-ports/blob-util": "^2.0.2-beta.0",
+    "compression": "^1.8.0",
+    "conventional-changelog-cli": "^5.0.0",
+    "cross-env": "^7.0.3",
+    "csso": "^5.0.5",
+    "emoji-picker-element-data": "^1.8.0",
+    "emojibase-data": "^5.1.1",
+    "express": "^5.1.0",
+    "fake-indexeddb": "^6.2.2",
+    "fast-glob": "^3.3.3",
+    "fetch-mock": "^11.1.5",
+    "flat-color-icons": "^1.1.0",
+    "get-folder-size": "^5.0.0",
+    "husky": "^9.1.7",
+    "jsdom": "^26.1.0",
+    "lint-staged": "^16.1.2",
+    "lodash-es": "^4.17.21",
+    "markdown-table": "^3.0.4",
+    "markdown-toc": "^1.2.0",
+    "minify-html-literals": "^1.3.5",
+    "npm-run-all": "^4.1.5",
+    "playwright": "^1.54.1",
+    "postcss": "^8.5.6",
+    "pretty-bytes": "^7.0.0",
+    "@ohos-ports/puppeteer": "^25.6.0-beta.0",
+    "recursive-readdir": "^2.2.3",
+    "@ohos-ports/rollup": "^4.62.2-beta.2",
+    "rollup-plugin-analyzer": "^4.0.0",
+    "@ohos-ports/sass": "^1.102.0-beta.0",
+    "standard": "^17.1.2",
+    "stylelint": "^16.21.1",
+    "stylelint-config-recommended-scss": "^15.0.1",
+    "stylelint-scss": "^6.12.1",
+    "svgo": "^4.0.0",
+    "tachometer": "^0.7.2",
+    "terser": "^5.43.1",
+    "vitest": "^3.2.4"
+  },
+  "standard": {
+    "ignore": [
+      "/database.js",
+      "/index.js",
+      "/picker.js",
+      "/trimEmojiData.js",
+      "/trimEmojiData.cjs",
+      "/svelte.js",
+      "/docs"
+    ],
+    "global": [
+      "btoa",
+      "crypto",
+      "customElements",
+      "CSS",
+      "CustomEvent",
+      "Event",
+      "fetch",
+      "getComputedStyle",
+      "Element",
+      "indexedDB",
+      "IDBKeyRange",
+      "IntersectionObserver",
+      "Headers",
+      "HTMLElement",
+      "matchMedia",
+      "Node",
+      "NodeFilter",
+      "performance",
+      "ResizeObserver",
+      "Response",
+      "requestAnimationFrame",
+      "requestIdleCallback",
+      "test",
+      "expect",
+      "beforeAll",
+      "afterAll",
+      "beforeEach",
+      "afterEach",
+      "describe"
+    ]
+  },
+  "stylelint": {
+    "extends": "stylelint-config-recommended-scss",
+    "rules": {
+      "selector-type-no-unknown": [
+        true,
+        {
+          "ignoreTypes": [
+            "emoji-picker"
+          ]
+        }
+      ],
+      "no-descending-specificity": null
+    }
+  },
+  "lint-staged": {
+    "*.js": "standard --fix",
+    "*.(css|scss)": "stylelint --fix '**/*.scss'"
+  },
+  "packageManager": "pnpm@10.29.1+sha512.48dae233635a645768a3028d19545cacc1688639eeb1f3734e42d6d6b971afbf22aa1ac9af52a173d9c3a20c15857cfa400f19994d79a2f626fcc73fccda9bbc"
+}

package/picker.d.ts

@@ -0,0 +1,30 @@
+import { I18n, PickerConstructorOptions, EmojiPickerEventMap, CustomEmoji } from "./shared.js";
+export default class Picker extends HTMLElement {
+    dataSource: string;
+    locale: string;
+    i18n: I18n;
+    skinToneEmoji: string;
+    customEmoji?: CustomEmoji[];
+    customCategorySorting?: (a: string, b: string) => number;
+    /**
+     *
+     * @param dataSource - URL to fetch the emoji data from (`data-source` when used as an attribute).
+     * @param locale - Locale string.
+     * @param i18n - i18n object (see below for details).
+     * @param skinToneEmoji - The emoji to use for the skin tone picker (`skin-tone-emoji` when used as an attribute).
+     * @param customEmoji - Array of custom emoji.
+     * @param customCategorySorting - Function to sort custom category strings (sorted alphabetically by default).
+     * @param emojiVersion - Maximum supported emoji version as a number (e.g. `14.0` or `13.1`). Setting this disables the default emoji support detection.
+     */
+    constructor({ dataSource, locale, i18n, skinToneEmoji, customEmoji, customCategorySorting, emojiVersion }?: PickerConstructorOptions);
+
+    addEventListener<K extends keyof EmojiPickerEventMap>(type: K, listener: (this: Picker, ev: EmojiPickerEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void;
+    addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void;
+    removeEventListener<K extends keyof EmojiPickerEventMap>(type: K, listener: (this: Picker, ev: EmojiPickerEventMap[K]) => any, options?: boolean | EventListenerOptions): void;
+    removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        "emoji-picker": Picker;
+    }
+}