genesys-spark-components 4.81.2 → 4.82.0

package/dist/cjs/{time-zone-72675c4e.js → time-zone-0f8f2166.js}

@@ -1032,7 +1032,8 @@ const rawTimeZones = [
 		group: [
 			"Pacific/Honolulu",
 			"US/Hawaii",
-			"Pacific/Johnston"
+			"Pacific/Johnston",
+			"HST"
 		],
 		continentCode: "NA",
 		continentName: "North America",
@@ -1132,7 +1133,8 @@ const rawTimeZones = [
 		alternativeName: "Pacific Time",
 		group: [
 			"America/Los_Angeles",
-			"US/Pacific"
+			"US/Pacific",
+			"PST8PDT"
 		],
 		continentCode: "NA",
 		continentName: "North America",
@@ -1278,6 +1280,7 @@ const rawTimeZones = [
 		group: [
 			"America/Boise",
 			"America/Denver",
+			"MST7MDT",
 			"Navajo",
 			"US/Mountain",
 			"America/Shiprock"
@@ -1301,6 +1304,7 @@ const rawTimeZones = [
 		alternativeName: "Mountain Time",
 		group: [
 			"America/Phoenix",
+			"MST",
 			"US/Arizona",
 			"America/Creston"
 		],
@@ -1374,6 +1378,7 @@ const rawTimeZones = [
 			"America/North_Dakota/Beulah",
 			"America/North_Dakota/Center",
 			"America/North_Dakota/New_Salem",
+			"CST6CDT",
 			"US/Central",
 			"US/Indiana-Starke",
 			"America/Knox_IN"
@@ -1789,11 +1794,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Nassau",
 			"Lucaya",
-			"Freeport"
+			"Freeport",
+			"Killarney"
 		],
 		rawOffsetInMinutes: -300,
 		abbreviation: "EST",
-		rawFormat: "-05:00 Eastern Time - Nassau, Lucaya, Freeport"
+		rawFormat: "-05:00 Eastern Time - Nassau, Lucaya, Freeport, Killarney"
 	},
 	{
 		name: "America/New_York",
@@ -1814,6 +1820,7 @@ const rawTimeZones = [
 			"America/Indianapolis",
 			"America/Fort_Wayne",
 			"America/Louisville",
+			"EST5EDT",
 			"US/Eastern"
 		],
 		continentCode: "NA",
@@ -1835,6 +1842,7 @@ const rawTimeZones = [
 		alternativeName: "Eastern Time",
 		group: [
 			"America/Panama",
+			"EST",
 			"America/Atikokan",
 			"America/Cayman",
 			"America/Coral_Harbour"
@@ -1866,12 +1874,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Port-au-Prince",
 			"Carrefour",
-			"Delmas 73",
+			"Delmas",
 			"Port-de-Paix"
 		],
 		rawOffsetInMinutes: -300,
 		abbreviation: "EST",
-		rawFormat: "-05:00 Eastern Time - Port-au-Prince, Carrefour, Delmas 73, Port-de-Paix"
+		rawFormat: "-05:00 Eastern Time - Port-au-Prince, Carrefour, Delmas, Port-de-Paix"
 	},
 	{
 		name: "America/Toronto",
@@ -2034,23 +2042,6 @@ const rawTimeZones = [
 		abbreviation: "AST",
 		rawFormat: "-04:00 Atlantic Time - Bridgetown"
 	},
-	{
-		name: "America/St_Lucia",
-		alternativeName: "Atlantic Time",
-		group: [
-			"America/St_Lucia"
-		],
-		continentCode: "NA",
-		continentName: "North America",
-		countryName: "Saint Lucia",
-		countryCode: "LC",
-		mainCities: [
-			"Castries"
-		],
-		rawOffsetInMinutes: -240,
-		abbreviation: "AST",
-		rawFormat: "-04:00 Atlantic Time - Castries"
-	},
 	{
 		name: "America/Port_of_Spain",
 		alternativeName: "Atlantic Time",
@@ -2091,6 +2082,24 @@ const rawTimeZones = [
 		abbreviation: "AST",
 		rawFormat: "-04:00 Atlantic Time - Fort-de-France, Le Lamentin, Le Robert, Sainte-Marie"
 	},
+	{
+		name: "America/St_Lucia",
+		alternativeName: "Atlantic Time",
+		group: [
+			"America/St_Lucia"
+		],
+		continentCode: "NA",
+		continentName: "North America",
+		countryName: "Saint Lucia",
+		countryCode: "LC",
+		mainCities: [
+			"Gros Islet",
+			"Castries"
+		],
+		rawOffsetInMinutes: -240,
+		abbreviation: "AST",
+		rawFormat: "-04:00 Atlantic Time - Gros Islet, Castries"
+	},
 	{
 		name: "America/St_Barthelemy",
 		alternativeName: "Atlantic Time",
@@ -2232,12 +2241,13 @@ const rawTimeZones = [
 		countryCode: "AW",
 		mainCities: [
 			"Oranjestad",
+			"Noord",
 			"Tanki Leendert",
 			"San Nicolas"
 		],
 		rawOffsetInMinutes: -240,
 		abbreviation: "AST",
-		rawFormat: "-04:00 Atlantic Time - Oranjestad, Tanki Leendert, San Nicolas"
+		rawFormat: "-04:00 Atlantic Time - Oranjestad, Noord, Tanki Leendert, San Nicolas"
 	},
 	{
 		name: "America/Lower_Princes",
@@ -2769,6 +2779,23 @@ const rawTimeZones = [
 		abbreviation: "UYT",
 		rawFormat: "-03:00 Uruguay Time - Montevideo, Salto, Paysandú, Las Piedras"
 	},
+	{
+		name: "America/Scoresbysund",
+		alternativeName: "East Greenland Time",
+		group: [
+			"America/Scoresbysund"
+		],
+		continentCode: "NA",
+		continentName: "North America",
+		countryName: "Greenland",
+		countryCode: "GL",
+		mainCities: [
+			"Scoresbysund"
+		],
+		rawOffsetInMinutes: -120,
+		abbreviation: "EGT",
+		rawFormat: "-02:00 East Greenland Time - Scoresbysund"
+	},
 	{
 		name: "America/Noronha",
 		alternativeName: "Fernando de Noronha Time",
@@ -2859,23 +2886,6 @@ const rawTimeZones = [
 		abbreviation: "CVT",
 		rawFormat: "-01:00 Cape Verde Time - Praia, Mindelo, Espargos, Assomada"
 	},
-	{
-		name: "America/Scoresbysund",
-		alternativeName: "East Greenland Time",
-		group: [
-			"America/Scoresbysund"
-		],
-		continentCode: "NA",
-		continentName: "North America",
-		countryName: "Greenland",
-		countryCode: "GL",
-		mainCities: [
-			"Scoresbysund"
-		],
-		rawOffsetInMinutes: -60,
-		abbreviation: "EGT",
-		rawFormat: "-01:00 East Greenland Time - Scoresbysund"
-	},
 	{
 		name: "Africa/Abidjan",
 		alternativeName: "Greenwich Mean Time",
@@ -3380,7 +3390,8 @@ const rawTimeZones = [
 		group: [
 			"Atlantic/Madeira",
 			"Europe/Lisbon",
-			"Portugal"
+			"Portugal",
+			"WET"
 		],
 		continentCode: "EU",
 		continentName: "Europe",
@@ -3568,6 +3579,8 @@ const rawTimeZones = [
 		alternativeName: "Central European Time",
 		group: [
 			"Europe/Brussels",
+			"CET",
+			"MET",
 			"Europe/Amsterdam",
 			"Europe/Luxembourg"
 		],
@@ -4535,7 +4548,8 @@ const rawTimeZones = [
 		name: "Europe/Athens",
 		alternativeName: "Eastern European Time",
 		group: [
-			"Europe/Athens"
+			"Europe/Athens",
+			"EET"
 		],
 		continentCode: "EU",
 		continentName: "Europe",
@@ -5015,12 +5029,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Doha",
 			"Ar Rayyān",
-			"Umm Şalāl Muḩammad",
-			"Al Wakrah"
+			"Al Maţār al ‘Atīq",
+			"Al Manşūrah"
 		],
 		rawOffsetInMinutes: 180,
 		abbreviation: "AST",
-		rawFormat: "+03:00 Arabian Time - Doha, Ar Rayyān, Umm Şalāl Muḩammad, Al Wakrah"
+		rawFormat: "+03:00 Arabian Time - Doha, Ar Rayyān, Al Maţār al ‘Atīq, Al Manşūrah"
 	},
 	{
 		name: "Asia/Riyadh",
@@ -5640,6 +5654,27 @@ const rawTimeZones = [
 		abbreviation: "AFT",
 		rawFormat: "+04:30 Afghanistan Time - Kabul, Herāt, Mazār-e Sharīf, Kandahār"
 	},
+	{
+		name: "Asia/Almaty",
+		alternativeName: "East Kazakhstan Time",
+		group: [
+			"Asia/Almaty",
+			"Asia/Qostanay"
+		],
+		continentCode: "AS",
+		continentName: "Asia",
+		countryName: "Kazakhstan",
+		countryCode: "KZ",
+		mainCities: [
+			"Almaty",
+			"Shymkent",
+			"Karagandy",
+			"Taraz"
+		],
+		rawOffsetInMinutes: 300,
+		abbreviation: "ALMT",
+		rawFormat: "+05:00 East Kazakhstan Time - Almaty, Shymkent, Karagandy, Taraz"
+	},
 	{
 		name: "Indian/Kerguelen",
 		alternativeName: "French Southern & Antarctic Time",
@@ -5679,18 +5714,20 @@ const rawTimeZones = [
 		name: "Antarctica/Mawson",
 		alternativeName: "Mawson Time",
 		group: [
-			"Antarctica/Mawson"
+			"Antarctica/Mawson",
+			"Antarctica/Vostok"
 		],
 		continentCode: "AN",
 		continentName: "Antarctica",
 		countryName: "Antarctica",
 		countryCode: "AQ",
 		mainCities: [
-			"Mawson"
+			"Mawson",
+			"Vostok"
 		],
 		rawOffsetInMinutes: 300,
 		abbreviation: "MAWT",
-		rawFormat: "+05:00 Mawson Time - Mawson"
+		rawFormat: "+05:00 Mawson Time - Mawson, Vostok"
 	},
 	{
 		name: "Asia/Karachi",
@@ -5894,12 +5931,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Dhaka",
 			"Chattogram",
-			"Khulna",
-			"Rangpur"
+			"Gazipur",
+			"Khulna"
 		],
 		rawOffsetInMinutes: 360,
 		abbreviation: "BST",
-		rawFormat: "+06:00 Bangladesh Time - Dhaka, Chattogram, Khulna, Rangpur"
+		rawFormat: "+06:00 Bangladesh Time - Dhaka, Chattogram, Gazipur, Khulna"
 	},
 	{
 		name: "Asia/Thimphu",
@@ -5943,27 +5980,6 @@ const rawTimeZones = [
 		abbreviation: "CST",
 		rawFormat: "+06:00 China Time - Ürümqi, Shihezi, Korla, Aksu"
 	},
-	{
-		name: "Asia/Almaty",
-		alternativeName: "East Kazakhstan Time",
-		group: [
-			"Asia/Almaty",
-			"Asia/Qostanay"
-		],
-		continentCode: "AS",
-		continentName: "Asia",
-		countryName: "Kazakhstan",
-		countryCode: "KZ",
-		mainCities: [
-			"Almaty",
-			"Shymkent",
-			"Karagandy",
-			"Taraz"
-		],
-		rawOffsetInMinutes: 360,
-		abbreviation: "ALMT",
-		rawFormat: "+06:00 East Kazakhstan Time - Almaty, Shymkent, Karagandy, Taraz"
-	},
 	{
 		name: "Indian/Chagos",
 		alternativeName: "Indian Ocean Time",
@@ -6014,28 +6030,12 @@ const rawTimeZones = [
 		mainCities: [
 			"Omsk",
 			"Tara",
-			"Kalachinsk"
+			"Kalachinsk",
+			"Isil’kul’"
 		],
 		rawOffsetInMinutes: 360,
 		abbreviation: "OMST",
-		rawFormat: "+06:00 Omsk Time - Omsk, Tara, Kalachinsk"
-	},
-	{
-		name: "Antarctica/Vostok",
-		alternativeName: "Vostok Time",
-		group: [
-			"Antarctica/Vostok"
-		],
-		continentCode: "AN",
-		continentName: "Antarctica",
-		countryName: "Antarctica",
-		countryCode: "AQ",
-		mainCities: [
-			"Vostok"
-		],
-		rawOffsetInMinutes: 360,
-		abbreviation: "VOST",
-		rawFormat: "+06:00 Vostok Time - Vostok"
+		rawFormat: "+06:00 Omsk Time - Omsk, Tara, Kalachinsk, Isil’kul’"
 	},
 	{
 		name: "Indian/Cocos",
@@ -6259,6 +6259,23 @@ const rawTimeZones = [
 		abbreviation: "WIB",
 		rawFormat: "+07:00 Western Indonesia Time - Jakarta, Surabaya, Bekasi, Bandung"
 	},
+	{
+		name: "Antarctica/Casey",
+		alternativeName: "Australian Western Time",
+		group: [
+			"Antarctica/Casey"
+		],
+		continentCode: "AN",
+		continentName: "Antarctica",
+		countryName: "Antarctica",
+		countryCode: "AQ",
+		mainCities: [
+			"Casey"
+		],
+		rawOffsetInMinutes: 480,
+		abbreviation: "AWST",
+		rawFormat: "+08:00 Australian Western Time - Casey"
+	},
 	{
 		name: "Australia/Perth",
 		alternativeName: "Australian Western Time",
@@ -6292,13 +6309,13 @@ const rawTimeZones = [
 		countryCode: "BN",
 		mainCities: [
 			"Bandar Seri Begawan",
-			"Kuala Belait",
-			"Seria",
-			"Tutong"
+			"Sengkurong",
+			"Mentiri",
+			"Kuala Belait"
 		],
 		rawOffsetInMinutes: 480,
 		abbreviation: "BNT",
-		rawFormat: "+08:00 Brunei Darussalam Time - Bandar Seri Begawan, Kuala Belait, Seria, Tutong"
+		rawFormat: "+08:00 Brunei Darussalam Time - Bandar Seri Begawan, Sengkurong, Mentiri, Kuala Belait"
 	},
 	{
 		name: "Asia/Makassar",
@@ -6334,11 +6351,13 @@ const rawTimeZones = [
 		countryCode: "MO",
 		mainCities: [
 			"Macau",
-			"Taipa"
+			"Taipa",
+			"Luhuan",
+			"Lai Chi Van"
 		],
 		rawOffsetInMinutes: 480,
 		abbreviation: "CST",
-		rawFormat: "+08:00 China Time - Macau, Taipa"
+		rawFormat: "+08:00 China Time - Macau, Taipa, Luhuan, Lai Chi Van"
 	},
 	{
 		name: "Asia/Shanghai",
@@ -6377,13 +6396,13 @@ const rawTimeZones = [
 		countryCode: "HK",
 		mainCities: [
 			"Hong Kong",
+			"New Territories",
 			"Kowloon",
-			"Victoria",
-			"Tuen Mun"
+			"Hong Kong Island"
 		],
 		rawOffsetInMinutes: 480,
 		abbreviation: "HKT",
-		rawFormat: "+08:00 Hong Kong Time - Hong Kong, Kowloon, Victoria, Tuen Mun"
+		rawFormat: "+08:00 Hong Kong Time - Hong Kong, New Territories, Kowloon, Hong Kong Island"
 	},
 	{
 		name: "Asia/Irkutsk",
@@ -6461,13 +6480,13 @@ const rawTimeZones = [
 		countryCode: "SG",
 		mainCities: [
 			"Singapore",
-			"Jurong Town",
-			"Woodlands",
-			"Punggol"
+			"Ulu Bedok",
+			"Bedok New Town",
+			"Tampines Estate"
 		],
 		rawOffsetInMinutes: 480,
 		abbreviation: "SGT",
-		rawFormat: "+08:00 Singapore Time - Singapore, Jurong Town, Woodlands, Punggol"
+		rawFormat: "+08:00 Singapore Time - Singapore, Ulu Bedok, Bedok New Town, Tampines Estate"
 	},
 	{
 		name: "Asia/Taipei",
@@ -6482,13 +6501,13 @@ const rawTimeZones = [
 		countryCode: "TW",
 		mainCities: [
 			"Taipei",
+			"New Taipei City",
 			"Kaohsiung",
-			"Taichung",
-			"Tainan"
+			"Taichung"
 		],
 		rawOffsetInMinutes: 480,
 		abbreviation: "TWT",
-		rawFormat: "+08:00 Taipei Time - Taipei, Kaohsiung, Taichung, Tainan"
+		rawFormat: "+08:00 Taipei Time - Taipei, New Taipei City, Kaohsiung, Taichung"
 	},
 	{
 		name: "Asia/Ulaanbaatar",
@@ -6918,23 +6937,6 @@ const rawTimeZones = [
 		abbreviation: "BST",
 		rawFormat: "+11:00 Bougainville Time - Arawa"
 	},
-	{
-		name: "Antarctica/Casey",
-		alternativeName: "Casey Time",
-		group: [
-			"Antarctica/Casey"
-		],
-		continentCode: "AN",
-		continentName: "Antarctica",
-		countryName: "Antarctica",
-		countryCode: "AQ",
-		mainCities: [
-			"Casey"
-		],
-		rawOffsetInMinutes: 660,
-		abbreviation: "CAST",
-		rawFormat: "+11:00 Casey Time - Casey"
-	},
 	{
 		name: "Pacific/Kosrae",
 		alternativeName: "Kosrae Time",

package/dist/cjs/{usage-4cfc282a.js → usage-b92ab3f5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 const name = "genesys-spark-components";
-const version = "4.81.2";
+const version = "4.82.0";
 const description = "Common webcomponents";
 const license = "MIT";
 const main = "dist/stencil-wrapper.js";
@@ -61,12 +61,12 @@ const config = {
 };
 const types = "dist/types/index.d.ts";
 const dependencies = {
-	"@floating-ui/dom": "1.6.3",
-	"@vvo/tzdb": "6.125.0",
-	"google-libphonenumber": "3.2.34",
-	"intl-messageformat": "10.5.4",
+	"@floating-ui/dom": "1.6.10",
+	"@vvo/tzdb": "6.145.0",
+	"google-libphonenumber": "3.2.38",
+	"intl-messageformat": "10.5.14",
 	"requestanimationframe-timer": "3.0.3",
-	sortablejs: "1.15.2"
+	sortablejs: "1.15.3"
 };
 const devDependencies = {
 	"@babel/core": "^7.25.2",
@@ -80,8 +80,8 @@ const devDependencies = {
 	"@types/puppeteer": "^5.4.7",
 	"@types/resize-observer-browser": "^0.1.9",
 	"@types/sortablejs": "^1.15.8",
-	"@typescript-eslint/eslint-plugin": "^8.4.0",
-	"@typescript-eslint/parser": "^8.4.0",
+	"@typescript-eslint/eslint-plugin": "^8.5.0",
+	"@typescript-eslint/parser": "^8.5.0",
 	"axe-core": "^4.10.0",
 	"axe-live": "^1.0.1",
 	eslint: "^8.57.0",
@@ -98,7 +98,7 @@ const devDependencies = {
 	"jest-environment-node": "^29.7.0",
 	"jest-junit": "^16.0.0",
 	"jest-silent-reporter": "^0.6.0",
-	jsdom: "^22.1.0",
+	jsdom: "^25.0.0",
 	"lint-staged": "^15.2.10",
 	marked: "^14.1.2",
 	"mutation-observer": "^1.0.3",

package/dist/collection/collection-manifest.json

@@ -2,8 +2,8 @@
   "entries": [
     "components/beta/gux-announce/gux-announce.js",
     "components/beta/gux-avatar/gux-avatar.js",
-    "components/beta/gux-avatar-change-photo/gux-avatar-change-photo.js",
-    "components/beta/gux-avatar-focusable/gux-avatar-focusable.js",
+    "components/beta/gux-avatar/gux-avatar-change-photo/gux-avatar-change-photo.js",
+    "components/beta/gux-avatar/gux-avatar-focusable/gux-avatar-focusable.js",
     "components/beta/gux-calendar-beta/components/single/gux-calendar.js",
     "components/beta/gux-cta-group/gux-cta-group.js",
     "components/beta/gux-date/gux-date.js",

package/dist/collection/components/beta/{gux-avatar-change-photo → gux-avatar/gux-avatar-change-photo}/gux-avatar-change-photo.js

@@ -1,8 +1,8 @@
 import { h } from "@stencil/core";
-import { logWarn } from "../../../utils/error/log-error";
-import { buildI18nForComponent } from "../../../i18n";
+import { logWarn } from "../../../../utils/error/log-error";
+import { buildI18nForComponent } from "../../../../i18n";
 import defaultResources from "./i18n/en.json";
-import { trackComponent } from "../../../utils/tracking/usage";
+import { trackComponent } from "../../../../utils/tracking/usage";
 /**
  * @slot avatar - gux-avatar-beta tag
  */
@@ -19,7 +19,7 @@ export class GuxAvatarChangePhoto {
         }
     }
     render() {
-        return (h("button", { key: '9b2e91a11ad4b40aa6ae1cb49f85073b7e2ca779', class: "gux-change-photo", onClick: () => this.guxchangephoto.emit(), "aria-label": this.i18n('changePhoto') }, h("gux-icon", { key: '25219263fbd68f880269812a77fcae98a2ba5de1', class: "gux-change-photo-icon", "icon-name": "fa/camera-solid", size: "small", decorative: true }), h("slot", { key: 'bec28941c58a5a216df2cff0db904cd11e1f1b66', name: "avatar" })));
+        return (h("button", { key: 'f8b17c1e071f519d356802798335dddde7759ac0', class: "gux-change-photo", onClick: () => this.guxchangephoto.emit(), "aria-label": this.i18n('changePhoto') }, h("gux-icon", { key: '6f5e56fb726e92c15eaf2dd61c712cdad0280346', class: "gux-change-photo-icon", "icon-name": "fa/camera-solid", size: "small", decorative: true }), h("slot", { key: '24b1437487b250290af5d1586f512329fa5bde70', name: "avatar" }), h("gux-tooltip-beta", { key: '84583c98b48001ab520c3a1a9c2fe933abd73dc3', placement: "top" }, h("div", { key: 'da3be5c5e657214c610a89afacd3827428b00106', slot: "content" }, this.i18n('changePhoto')))));
     }
     static get is() { return "gux-avatar-change-photo-beta"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/beta/{gux-avatar-change-photo → gux-avatar/gux-avatar-change-photo}/tests/gux-avatar-change-photo.e2e.js

@@ -1,4 +1,4 @@
-import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
+import { newSparkE2EPage, a11yCheck } from "../../../../../test/e2eTestUtils";
 describe('gux-avatar', () => {
     describe('#render', () => {
         it(`should log warning for gux-avatar-change-photo without avatar`, async () => {

package/dist/collection/components/beta/{gux-avatar-change-photo → gux-avatar/gux-avatar-change-photo}/tests/gux-avatar-change-photo.spec.js

@@ -1,10 +1,10 @@
-jest.mock('../../../../utils/error/log-error', () => ({
+jest.mock('../../../../../utils/error/log-error', () => ({
     __esModule: true,
     logWarn: jest.fn()
 }));
-import { newSpecPage } from "../../../../test/specTestUtils";
+import { newSpecPage } from "../../../../../test/specTestUtils";
 import { GuxAvatarChangePhoto } from "../gux-avatar-change-photo";
-import { logWarn } from "../../../../utils/error/log-error";
+import { logWarn } from "../../../../../utils/error/log-error";
 describe('gux-avatar', () => {
     describe('#render', () => {
         it(`component with valid markup`, async () => {

package/dist/collection/components/beta/{gux-avatar-focusable → gux-avatar/gux-avatar-focusable}/gux-avatar-focusable.e2e.js

@@ -1,4 +1,4 @@
-import { newSparkE2EPage, a11yCheck } from "../../../test/e2eTestUtils";
+import { newSparkE2EPage, a11yCheck } from "../../../../test/e2eTestUtils";
 describe('gux-avatar', () => {
     describe('#render', () => {
         [

package/dist/collection/components/beta/gux-avatar/gux-avatar-focusable/gux-avatar-focusable.js

@@ -0,0 +1,79 @@
+import { h, Host } from "@stencil/core";
+import { logWarn } from "../../../../utils/error/log-error";
+export class GuxAvatarFocusable {
+    constructor() {
+        this.avatarElement = undefined;
+    }
+    componentWillLoad() {
+        this.validateSlot();
+    }
+    validateSlot() {
+        var _a;
+        this.slottedElement = this.root.querySelector('a, button, gux-avatar-change-photo-beta');
+        if (this.slottedElement) {
+            this.avatarElement = this.slottedElement.querySelector('gux-avatar-beta');
+            if (!this.avatarElement) {
+                logWarn(this.root, 'Slotted element must contain a gux-avatar');
+            }
+        }
+        else {
+            logWarn(this.root, 'An anchor tag, gux-avatar-change-photo-beta tag or button tag must be slotted into gux-avatar-focusable');
+        }
+        if (['A', 'BUTTON'].includes((_a = this.slottedElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            this.slottedElement.addEventListener('keyup', (event) => {
+                this.handleKeyEvent(event);
+            });
+            this.slottedElement.addEventListener('focusout', () => {
+                this.handleFocusOut();
+            });
+        }
+    }
+    disconnectedCallback() {
+        var _a, _b, _c;
+        if (['A', 'BUTTON'].includes((_a = this.slottedElement) === null || _a === void 0 ? void 0 : _a.tagName)) {
+            (_b = this.slottedElement) === null || _b === void 0 ? void 0 : _b.removeEventListener('keyup', (event) => this.handleKeyEvent(event));
+            (_c = this.slottedElement) === null || _c === void 0 ? void 0 : _c.removeEventListener('focusout', () => this.handleFocusOut());
+        }
+    }
+    handleKeyEvent(event) {
+        var _a, _b;
+        switch (event.key) {
+            case 'Tab': {
+                if (this.slottedElement.matches(':focus-visible') &&
+                    this.avatarElement) {
+                    void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.showTooltip());
+                    this.hideTooltipTimeout = setTimeout(() => {
+                        var _a;
+                        void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+                    }, 6000);
+                }
+                break;
+            }
+            default: {
+                if (this.slottedElement.matches(':focus-visible') &&
+                    this.avatarElement) {
+                    void ((_b = this.avatarElement) === null || _b === void 0 ? void 0 : _b.hideTooltip());
+                    clearTimeout(this.hideTooltipTimeout);
+                }
+                break;
+            }
+        }
+    }
+    handleFocusOut() {
+        var _a;
+        void ((_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.hideTooltip());
+        clearTimeout(this.hideTooltipTimeout);
+    }
+    render() {
+        var _a, _b;
+        return (h(Host, { key: '5a714928e48d84896fcefc7d4fc3d94077b736b1', "gs-avatar-size": (_b = (_a = this.avatarElement) === null || _a === void 0 ? void 0 : _a.size) !== null && _b !== void 0 ? _b : 'large' }, h("slot", { key: 'c2a04e76f9c917c495ba8e8de660472884c6c864' })));
+    }
+    static get is() { return "gux-avatar-focusable-beta"; }
+    static get encapsulation() { return "shadow"; }
+    static get states() {
+        return {
+            "avatarElement": {}
+        };
+    }
+    static get elementRef() { return "root"; }
+}