genesys-spark-components 4.0.0-beta.8 → 4.0.1

package/dist/cjs/get-valid-timezone-6bacb49d.js

@@ -0,0 +1,520 @@
+'use strict';
+
+const index = require('./index-dee802be.js');
+
+/**
+ * @class A class that implements the method needed to format dates and times depending on locales
+ */
+class DateTimeFormatter {
+  /**
+   * @constructor
+   * @param locale A locale string is required to initialize a DateTimeFormatter class instance
+   */
+  constructor(locale) {
+    if (index.locales.includes(locale)) {
+      this.locale = locale;
+    }
+    else {
+      console.warn(`Locale "${locale}" is not supported. Falling back to English translation.`);
+      this.locale = 'en';
+    }
+  }
+  /**
+   *
+   * @param {Date} datetime A Date object that requires formatting
+   * @param {GuxDateTimeFormat} format An allowed format string
+   * @returns {string} Formatted date string
+   */
+  formatDate(datetime, format, options = {}) {
+    return datetime.toLocaleDateString(this.locale, Object.assign({}, options, { dateStyle: format }));
+  }
+  /**
+   *
+   * @param {Date} datetime A Date object that requires formatting
+   * @param {GuxDateTimeFormat} format An allowed format string
+   * @returns {string} Formatted time string
+   */
+  formatTime(datetime, format, options = {}) {
+    return datetime.toLocaleTimeString(this.locale, Object.assign({}, options, { timeStyle: format }));
+  }
+  /**
+   *
+   * @param {Date} datetime A Date object that requires formatting
+   * @param {GuxDateTimeFormat} format An allowed format string
+   * @returns {string} Formatted datetime string
+   */
+  formatDateTime(datetime, format, options = {}) {
+    return datetime.toLocaleString(this.locale, Object.assign({}, options, { dateStyle: format, timeStyle: format }));
+  }
+}
+
+const timeZoneIdentifiers = [
+  'Africa/Abidjan',
+  'Africa/Accra',
+  'Africa/Addis_Ababa',
+  'Africa/Algiers',
+  'Africa/Asmara',
+  'Africa/Bamako',
+  'Africa/Bangui',
+  'Africa/Banjul',
+  'Africa/Bissau',
+  'Africa/Blantyre',
+  'Africa/Brazzaville',
+  'Africa/Bujumbura',
+  'Africa/Cairo',
+  'Africa/Casablanca',
+  'Africa/Ceuta',
+  'Africa/Conakry',
+  'Africa/Dakar',
+  'Africa/Dar_es_Salaam',
+  'Africa/Djibouti',
+  'Africa/Douala',
+  'Africa/El_Aaiun',
+  'Africa/Freetown',
+  'Africa/Gaborone',
+  'Africa/Harare',
+  'Africa/Johannesburg',
+  'Africa/Juba',
+  'Africa/Kampala',
+  'Africa/Khartoum',
+  'Africa/Kigali',
+  'Africa/Kinshasa',
+  'Africa/Lagos',
+  'Africa/Libreville',
+  'Africa/Lome',
+  'Africa/Luanda',
+  'Africa/Lubumbashi',
+  'Africa/Lusaka',
+  'Africa/Malabo',
+  'Africa/Maputo',
+  'Africa/Maseru',
+  'Africa/Mbabane',
+  'Africa/Mogadishu',
+  'Africa/Monrovia',
+  'Africa/Nairobi',
+  'Africa/Ndjamena',
+  'Africa/Niamey',
+  'Africa/Nouakchott',
+  'Africa/Ouagadougou',
+  'Africa/Porto-Novo',
+  'Africa/Sao_Tome',
+  'Africa/Tripoli',
+  'Africa/Tunis',
+  'Africa/Windhoek',
+  'America/Adak',
+  'America/Anchorage',
+  'America/Anguilla',
+  'America/Antigua',
+  'America/Araguaina',
+  'America/Argentina/Buenos_Aires',
+  'America/Argentina/Catamarca',
+  'America/Argentina/Cordoba',
+  'America/Argentina/Jujuy',
+  'America/Argentina/La_Rioja',
+  'America/Argentina/Mendoza',
+  'America/Argentina/Rio_Gallegos',
+  'America/Argentina/Salta',
+  'America/Argentina/San_Juan',
+  'America/Argentina/San_Luis',
+  'America/Argentina/Tucuman',
+  'America/Argentina/Ushuaia',
+  'America/Aruba',
+  'America/Asuncion',
+  'America/Atikokan',
+  'America/Bahia',
+  'America/Bahia_Banderas',
+  'America/Barbados',
+  'America/Belem',
+  'America/Belize',
+  'America/Blanc-Sablon',
+  'America/Boa_Vista',
+  'America/Bogota',
+  'America/Boise',
+  'America/Cambridge_Bay',
+  'America/Campo_Grande',
+  'America/Cancun',
+  'America/Caracas',
+  'America/Cayenne',
+  'America/Cayman',
+  'America/Chicago',
+  'America/Chihuahua',
+  // 'America/Ciudad_Juarez', https://stackoverflow.com/questions/74820972/chrome-intl-cant-handle-america-ciudad-juarez
+  'America/Costa_Rica',
+  'America/Creston',
+  'America/Cuiaba',
+  'America/Curacao',
+  'America/Danmarkshavn',
+  'America/Dawson',
+  'America/Dawson_Creek',
+  'America/Denver',
+  'America/Detroit',
+  'America/Dominica',
+  'America/Edmonton',
+  'America/Eirunepe',
+  'America/El_Salvador',
+  'America/Fort_Nelson',
+  'America/Fortaleza',
+  'America/Glace_Bay',
+  'America/Goose_Bay',
+  'America/Grand_Turk',
+  'America/Grenada',
+  'America/Guadeloupe',
+  'America/Guatemala',
+  'America/Guayaquil',
+  'America/Guyana',
+  'America/Halifax',
+  'America/Havana',
+  'America/Hermosillo',
+  'America/Indiana/Indianapolis',
+  'America/Indiana/Knox',
+  'America/Indiana/Marengo',
+  'America/Indiana/Petersburg',
+  'America/Indiana/Tell_City',
+  'America/Indiana/Vevay',
+  'America/Indiana/Vincennes',
+  'America/Indiana/Winamac',
+  'America/Inuvik',
+  'America/Iqaluit',
+  'America/Jamaica',
+  'America/Juneau',
+  'America/Kentucky/Louisville',
+  'America/Kentucky/Monticello',
+  'America/Kralendijk',
+  'America/La_Paz',
+  'America/Lima',
+  'America/Los_Angeles',
+  'America/Lower_Princes',
+  'America/Maceio',
+  'America/Managua',
+  'America/Manaus',
+  'America/Marigot',
+  'America/Martinique',
+  'America/Matamoros',
+  'America/Mazatlan',
+  'America/Menominee',
+  'America/Merida',
+  'America/Metlakatla',
+  'America/Mexico_City',
+  'America/Miquelon',
+  'America/Moncton',
+  'America/Monterrey',
+  'America/Montevideo',
+  'America/Montserrat',
+  'America/Nassau',
+  'America/New_York',
+  'America/Nome',
+  'America/Noronha',
+  'America/North_Dakota/Beulah',
+  'America/North_Dakota/Center',
+  'America/North_Dakota/New_Salem',
+  'America/Nuuk',
+  'America/Ojinaga',
+  'America/Panama',
+  'America/Paramaribo',
+  'America/Phoenix',
+  'America/Port-au-Prince',
+  'America/Port_of_Spain',
+  'America/Porto_Velho',
+  'America/Puerto_Rico',
+  'America/Punta_Arenas',
+  'America/Rankin_Inlet',
+  'America/Recife',
+  'America/Regina',
+  'America/Resolute',
+  'America/Rio_Branco',
+  'America/Santarem',
+  'America/Santiago',
+  'America/Santo_Domingo',
+  'America/Sao_Paulo',
+  'America/Scoresbysund',
+  'America/Sitka',
+  'America/St_Barthelemy',
+  'America/St_Johns',
+  'America/St_Kitts',
+  'America/St_Lucia',
+  'America/St_Thomas',
+  'America/St_Vincent',
+  'America/Swift_Current',
+  'America/Tegucigalpa',
+  'America/Thule',
+  'America/Tijuana',
+  'America/Toronto',
+  'America/Tortola',
+  'America/Vancouver',
+  'America/Whitehorse',
+  'America/Winnipeg',
+  'America/Yakutat',
+  'Antarctica/Casey',
+  'Antarctica/Davis',
+  'Antarctica/DumontDUrville',
+  'Antarctica/Macquarie',
+  'Antarctica/Mawson',
+  'Antarctica/McMurdo',
+  'Antarctica/Palmer',
+  'Antarctica/Rothera',
+  'Antarctica/Syowa',
+  'Antarctica/Troll',
+  'Antarctica/Vostok',
+  'Arctic/Longyearbyen',
+  'Asia/Aden',
+  'Asia/Almaty',
+  'Asia/Amman',
+  'Asia/Anadyr',
+  'Asia/Aqtau',
+  'Asia/Aqtobe',
+  'Asia/Ashgabat',
+  'Asia/Atyrau',
+  'Asia/Baghdad',
+  'Asia/Bahrain',
+  'Asia/Baku',
+  'Asia/Bangkok',
+  'Asia/Barnaul',
+  'Asia/Beirut',
+  'Asia/Bishkek',
+  'Asia/Brunei',
+  'Asia/Chita',
+  'Asia/Choibalsan',
+  'Asia/Colombo',
+  'Asia/Damascus',
+  'Asia/Dhaka',
+  'Asia/Dili',
+  'Asia/Dubai',
+  'Asia/Dushanbe',
+  'Asia/Famagusta',
+  'Asia/Gaza',
+  'Asia/Hebron',
+  'Asia/Ho_Chi_Minh',
+  'Asia/Hong_Kong',
+  'Asia/Hovd',
+  'Asia/Irkutsk',
+  'Asia/Jakarta',
+  'Asia/Jayapura',
+  'Asia/Jerusalem',
+  'Asia/Kabul',
+  'Asia/Kamchatka',
+  'Asia/Karachi',
+  'Asia/Kathmandu',
+  'Asia/Khandyga',
+  'Asia/Kolkata',
+  'Asia/Krasnoyarsk',
+  'Asia/Kuala_Lumpur',
+  'Asia/Kuching',
+  'Asia/Kuwait',
+  'Asia/Macau',
+  'Asia/Magadan',
+  'Asia/Makassar',
+  'Asia/Manila',
+  'Asia/Muscat',
+  'Asia/Nicosia',
+  'Asia/Novokuznetsk',
+  'Asia/Novosibirsk',
+  'Asia/Omsk',
+  'Asia/Oral',
+  'Asia/Phnom_Penh',
+  'Asia/Pontianak',
+  'Asia/Pyongyang',
+  'Asia/Qatar',
+  'Asia/Qostanay',
+  'Asia/Qyzylorda',
+  'Asia/Riyadh',
+  'Asia/Sakhalin',
+  'Asia/Samarkand',
+  'Asia/Seoul',
+  'Asia/Shanghai',
+  'Asia/Singapore',
+  'Asia/Srednekolymsk',
+  'Asia/Taipei',
+  'Asia/Tashkent',
+  'Asia/Tbilisi',
+  'Asia/Tehran',
+  'Asia/Thimphu',
+  'Asia/Tokyo',
+  'Asia/Tomsk',
+  'Asia/Ulaanbaatar',
+  'Asia/Urumqi',
+  'Asia/Ust-Nera',
+  'Asia/Vientiane',
+  'Asia/Vladivostok',
+  'Asia/Yakutsk',
+  'Asia/Yangon',
+  'Asia/Yekaterinburg',
+  'Asia/Yerevan',
+  'Atlantic/Azores',
+  'Atlantic/Bermuda',
+  'Atlantic/Canary',
+  'Atlantic/Cape_Verde',
+  'Atlantic/Faroe',
+  'Atlantic/Madeira',
+  'Atlantic/Reykjavik',
+  'Atlantic/South_Georgia',
+  'Atlantic/St_Helena',
+  'Atlantic/Stanley',
+  'Australia/Adelaide',
+  'Australia/Brisbane',
+  'Australia/Broken_Hill',
+  'Australia/Darwin',
+  'Australia/Eucla',
+  'Australia/Hobart',
+  'Australia/Lindeman',
+  'Australia/Lord_Howe',
+  'Australia/Melbourne',
+  'Australia/Perth',
+  'Australia/Sydney',
+  'CET',
+  'CST6CDT',
+  'EET',
+  'EST',
+  'EST5EDT',
+  'Etc/GMT',
+  'Etc/GMT+1',
+  'Etc/GMT+10',
+  'Etc/GMT+11',
+  'Etc/GMT+12',
+  'Etc/GMT+2',
+  'Etc/GMT+3',
+  'Etc/GMT+4',
+  'Etc/GMT+5',
+  'Etc/GMT+6',
+  'Etc/GMT+7',
+  'Etc/GMT+8',
+  'Etc/GMT+9',
+  'Etc/GMT-1',
+  'Etc/GMT-10',
+  'Etc/GMT-11',
+  'Etc/GMT-12',
+  'Etc/GMT-13',
+  'Etc/GMT-14',
+  'Etc/GMT-2',
+  'Etc/GMT-3',
+  'Etc/GMT-4',
+  'Etc/GMT-5',
+  'Etc/GMT-6',
+  'Etc/GMT-7',
+  'Etc/GMT-8',
+  'Etc/GMT-9',
+  'Etc/UTC',
+  'Europe/Amsterdam',
+  'Europe/Andorra',
+  'Europe/Astrakhan',
+  'Europe/Athens',
+  'Europe/Belgrade',
+  'Europe/Berlin',
+  'Europe/Bratislava',
+  'Europe/Brussels',
+  'Europe/Bucharest',
+  'Europe/Budapest',
+  'Europe/Busingen',
+  'Europe/Chisinau',
+  'Europe/Copenhagen',
+  'Europe/Dublin',
+  'Europe/Gibraltar',
+  'Europe/Guernsey',
+  'Europe/Helsinki',
+  'Europe/Isle_of_Man',
+  'Europe/Istanbul',
+  'Europe/Jersey',
+  'Europe/Kaliningrad',
+  'Europe/Kirov',
+  'Europe/Kyiv',
+  'Europe/Lisbon',
+  'Europe/Ljubljana',
+  'Europe/London',
+  'Europe/Luxembourg',
+  'Europe/Madrid',
+  'Europe/Malta',
+  'Europe/Mariehamn',
+  'Europe/Minsk',
+  'Europe/Monaco',
+  'Europe/Moscow',
+  'Europe/Oslo',
+  'Europe/Paris',
+  'Europe/Podgorica',
+  'Europe/Prague',
+  'Europe/Riga',
+  'Europe/Rome',
+  'Europe/Samara',
+  'Europe/San_Marino',
+  'Europe/Sarajevo',
+  'Europe/Saratov',
+  'Europe/Simferopol',
+  'Europe/Skopje',
+  'Europe/Sofia',
+  'Europe/Stockholm',
+  'Europe/Tallinn',
+  'Europe/Tirane',
+  'Europe/Ulyanovsk',
+  'Europe/Vaduz',
+  'Europe/Vatican',
+  'Europe/Vienna',
+  'Europe/Vilnius',
+  'Europe/Volgograd',
+  'Europe/Warsaw',
+  'Europe/Zagreb',
+  'Europe/Zurich',
+  'HST',
+  'Indian/Antananarivo',
+  'Indian/Chagos',
+  'Indian/Christmas',
+  'Indian/Cocos',
+  'Indian/Comoro',
+  'Indian/Kerguelen',
+  'Indian/Mahe',
+  'Indian/Maldives',
+  'Indian/Mauritius',
+  'Indian/Mayotte',
+  'Indian/Reunion',
+  'MET',
+  'MST',
+  'MST7MDT',
+  'PST8PDT',
+  'Pacific/Apia',
+  'Pacific/Auckland',
+  'Pacific/Bougainville',
+  'Pacific/Chatham',
+  'Pacific/Chuuk',
+  'Pacific/Easter',
+  'Pacific/Efate',
+  'Pacific/Fakaofo',
+  'Pacific/Fiji',
+  'Pacific/Funafuti',
+  'Pacific/Galapagos',
+  'Pacific/Gambier',
+  'Pacific/Guadalcanal',
+  'Pacific/Guam',
+  'Pacific/Honolulu',
+  'Pacific/Kanton',
+  'Pacific/Kiritimati',
+  'Pacific/Kosrae',
+  'Pacific/Kwajalein',
+  'Pacific/Majuro',
+  'Pacific/Marquesas',
+  'Pacific/Midway',
+  'Pacific/Nauru',
+  'Pacific/Niue',
+  'Pacific/Norfolk',
+  'Pacific/Noumea',
+  'Pacific/Pago_Pago',
+  'Pacific/Palau',
+  'Pacific/Pitcairn',
+  'Pacific/Pohnpei',
+  'Pacific/Port_Moresby',
+  'Pacific/Rarotonga',
+  'Pacific/Saipan',
+  'Pacific/Tahiti',
+  'Pacific/Tarawa',
+  'Pacific/Tongatapu',
+  'Pacific/Wake',
+  'Pacific/Wallis',
+  'UTC',
+  'WET'
+];
+
+function getValidTimezone(input, fallback) {
+  if (timeZoneIdentifiers.includes(input)) {
+    return input;
+  }
+  return fallback;
+}
+
+exports.DateTimeFormatter = DateTimeFormatter;
+exports.getValidTimezone = getValidTimezone;

package/dist/cjs/gux-accordion-section.cjs.entry.js

@@ -2,11 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0d0fdb85.js');
-const randomHtmlId = require('./random-html-id-b86b61c0.js');
-const logError = require('./log-error-d46c02b7.js');
+const index = require('./index-75c9f0d9.js');
+const randomHtmlId = require('./random-html-id-32ef8847.js');
+const logError = require('./log-error-8a92241e.js');
 
-const guxAccordionSectionCss = ":host{color:#2e394c;-webkit-user-select:none;user-select:none;background-color:#fdfdfd}:host:first-child .gux-header{border-top:1px solid #e2e6ee}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;align-content:center;align-items:center;justify-content:flex-start;width:100%;padding:12px 12px 12px 16px;margin:0;cursor:pointer;border-bottom:1px solid #e2e6ee}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;padding-right:8px;text-align:left}.gux-header .gux-header-text.gux-arrow-position-beside{flex-grow:0}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot='header']){padding:0;margin:0;font-size:12px !important;font-weight:bold !important;line-height:16px !important}.gux-header ::slotted([slot='subheader']){padding:0;margin:2px 0 0;font-size:11px !important;font-weight:400 !important;color:#4c5667}.gux-reverse-headings.gux-header ::slotted([slot='subheader']){margin:0 0 2px 0}.gux-header ::slotted([slot='icon']){flex:0 0 auto;align-self:flex-start;width:16px;height:16px;margin-right:8px;color:#6b7585}.gux-reverse-headings.gux-header ::slotted([slot='icon']){align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:8px;color:#6b7585;transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:16px;height:16px}.gux-header .gux-header-icon.gux-arrow-position-before-text{order:-1;margin:0 8px 0 0}.gux-header .gux-header-icon.gux-expanded{transform:rotate(-180deg)}.gux-header:focus-visible{outline:3px solid #aac9ff;outline-offset:1px;box-shadow:0 0 0 1px #fdfdfd}.gux-header:focus-visible .gux-header-icon{color:#2e394c}.gux-header:hover .gux-header-icon{color:#2e394c}.gux-content{box-sizing:border-box;display:none;border-bottom:1px solid #e2e6ee}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:16px}";
+const guxAccordionSectionCss = ":host{-webkit-user-select:none;user-select:none}:host:first-child .gux-header{border-top:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}section.gux-disabled{cursor:default;opacity:0.5}section.gux-disabled>*{pointer-events:none}.gux-header{all:unset;box-sizing:border-box;display:flex;flex-direction:row;flex-wrap:nowrap;place-content:center flex-start;align-items:center;width:100%;padding:var(--gse-ui-accordion-header-padding);margin:0;cursor:pointer;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-header .gux-header-text{flex:1 1 auto;align-self:auto;font-weight:--gse-ui-accordion-header-label-defaulttext-fontweight;color:var(--gse-ui-accordion-header-default-foreground-labelColor);text-align:left}.gux-header.gux-reverse-headings .gux-header-text{display:flex;flex-direction:column-reverse}.gux-header ::slotted([slot=header]){padding:0;margin:0;font-family:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-header-label-defaultText-fontFamily) !important;font-weight:var(--gse-ui-accordion-header-label-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-header-label-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-header-default-foreground-labelColor)}.gux-header ::slotted([slot=subheader]){padding:0;margin:var(--gux-spacing-3xs) 0 0;font-family:var(--gse-ui-accordion-contentItem-defaultText-fontFamily) !important;font-size:var(--gse-ui-accordion-contentItem-defaultText-fontSize) !important;font-weight:var(--gse-ui-accordion-contentItem-defaultText-fontWeight) !important;line-height:var(--gse-ui-accordion-contentItem-defaultText-lineHeight) !important;color:var(--gse-ui-accordion-contentItem-foregroundColor)}.gux-header ::slotted([slot=subheader]) .gux-reverse-headings{margin:0 0 var(--gux-spacing-3xs) 0}.gux-header ::slotted([slot=icon]){flex:0 0 auto;align-self:flex-start;width:var(--gse-ui-icon-size-sm);height:var(--gse-ui-icon-size-sm);margin-right:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed)}.gux-header ::slotted([slot=icon]) .gux-reverse-headings{align-self:flex-end}.gux-header .gux-header-icon{flex:0 1 auto;align-items:center;align-self:auto;margin-left:var(--gse-ui-accordion-header-gap);color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-closed);transition:transform 0.5s ease;transform-origin:center}.gux-header .gux-header-icon gux-icon{width:var(--gse-ui-accordion-header-chevronIcon);height:var(--gse-ui-accordion-header-chevronIcon)}.gux-header .gux-header-icon.gux-arrow-position-start{order:-1;margin-right:var(--gse-ui-accordion-header-gap)}.gux-header .gux-header-icon.gux-expanded{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-open);transform:rotate(-180deg)}.gux-header:focus-visible{border-radius:var(--gse-ui-accordion-menuItem-focus-borderRadius);outline:var(--gse-ui-accordion-focusBorder-width) var(--gse-ui-accordion-focusBorder-style) var(--gse-ui-accordion-focusBorder-color);outline-offset:var(--gse-ui-accordion-focus-offset-gap)}.gux-header:hover .gux-header-icon{color:var(--gse-ui-accordion-header-default-foreground-chevronIcon-hover)}.gux-content{box-sizing:border-box;display:none;border-bottom:var(--gse-ui-accordion-wrapper-dividerBorder-width) var(--gse-ui-accordion-wrapper-dividerBorder-style) var(--gse-ui-accordion-wrapper-dividerBorder-color)}.gux-content.gux-expanded{display:block}.gux-content.gux-text-content-layout{padding:var(--gse-ui-accordion-contentItem-padding)}.gux-content ::slotted([slot=content]){margin:0}";
 
 const GuxAccordionSection = class {
   constructor(hostRef) {
@@ -14,7 +14,7 @@ const GuxAccordionSection = class {
     this.internalsectionopened = index.createEvent(this, "internalsectionopened", 7);
     this.sectionId = randomHtmlId.randomHTMLId('gux-accordion-section');
     this.headerId = randomHtmlId.randomHTMLId('gux-accordion-header');
-    this.arrowPosition = 'default';
+    this.arrowPosition = 'end';
     this.contentLayout = 'text';
     this.open = false;
     this.disabled = false;
@@ -30,11 +30,7 @@ const GuxAccordionSection = class {
     this.open = !this.open;
   }
   isArrowPositionBeforeText() {
-    return this.arrowPosition === 'before-text';
-  }
-  // arrow position 'beside-text' will be removed in v4 (COMUI-1128)
-  isArrowPositionedBesideText() {
-    return this.arrowPosition === 'beside-text';
+    return this.arrowPosition === 'start';
   }
   handleSlotChange(slotname) {
     const slot = this.root.querySelector(`[slot="${slotname}"]`);
@@ -53,12 +49,11 @@ const GuxAccordionSection = class {
         'gux-header': true,
         'gux-reverse-headings': this.reverseHeadings
       }, type: "button", "aria-expanded": this.open.toString(), "aria-controls": this.sectionId, disabled: this.disabled, onClick: this.toggle.bind(this) }, this.hasIconSlot && index.h("slot", { name: "icon" }), index.h("div", { class: {
-        'gux-header-text': true,
-        'gux-arrow-position-beside': this.isArrowPositionedBesideText()
+        'gux-header-text': true
       } }, index.h("slot", { onSlotchange: () => this.handleSlotChange('header'), name: "header" }), index.h("slot", { onSlotchange: () => this.handleSlotChange('subheader'), name: "subheader" })), index.h("div", { class: {
         'gux-header-icon': true,
         'gux-expanded': this.open,
-        'gux-arrow-position-before-text': this.isArrowPositionBeforeText()
+        'gux-arrow-position-start': this.isArrowPositionBeforeText()
       } }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { id: this.sectionId, role: "region", "aria-labelledby": this.headerId, class: {
         'gux-content': true,
         'gux-expanded': this.open,

package/dist/cjs/gux-accordion.cjs.entry.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0d0fdb85.js');
-const usage = require('./usage-24342df6.js');
+const index = require('./index-75c9f0d9.js');
+const usage = require('./usage-bfcc4d96.js');
 
 const guxAccordionCss = "gux-accordion{-custom-noop:noop}";
 

package/dist/cjs/gux-action-button.cjs.entry.js

@@ -2,13 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-const index = require('./index-0d0fdb85.js');
-const onClickOutside = require('./on-click-outside-428f8bbf.js');
-const whenEventIsFrom = require('./when-event-is-from-69b5ca13.js');
-const afterNextRender = require('./after-next-render-a09f528a.js');
-const usage = require('./usage-24342df6.js');
-const index$1 = require('./index-9bbde1aa.js');
-require('./get-closest-element-ab4b2eee.js');
+const index = require('./index-75c9f0d9.js');
+const onClickOutside = require('./on-click-outside-3c0f8816.js');
+const whenEventIsFrom = require('./when-event-is-from-20e89254.js');
+const afterNextRender = require('./after-next-render-a023ef47.js');
+const usage = require('./usage-bfcc4d96.js');
+const index$1 = require('./index-dee802be.js');
+require('./get-closest-element-26894e5a.js');
+
+const moreOptions = "More options";
+const defaultResources = {
+	moreOptions: moreOptions
+};
 
 const guxActionButtonAccent = [
   'primary',
@@ -23,12 +28,7 @@ function getGuxActionButtonAccent(maybeGuxActionButtonAccent) {
   return 'secondary';
 }
 
-const actionButtonDropdown = "Dropdown for {buttonTitle}";
-const defaultResources = {
-	actionButtonDropdown: actionButtonDropdown
-};
-
-const guxActionButtonCss = ":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{width:32px;padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:16px;height:16px}.gux-action-button-container .gux-list-container{padding:var(--gux-spacing-xs) 0;margin:0;list-style:none;background-color:var(--gse-ui-menu-wrapper-backgroundColor);border:1px solid var(--gse-ui-menu-wrapper-border);border-radius:4px;box-shadow:0px 4px 6px 1px rgba(35, 57, 92, 0.12)}";
+const guxActionButtonCss = ":host{display:block;-webkit-user-select:none;user-select:none}.gux-action-button-container{min-width:128px}.gux-action-button-container>*{vertical-align:middle}.gux-action-button-container .gux-action-button{width:calc(100% - 33px);margin-right:1px}.gux-action-button-container .gux-action-button button{width:100%;max-width:none;text-align:center;border-top-right-radius:0;border-bottom-right-radius:0}.gux-action-button-container .gux-dropdown-button button{display:flex;align-items:center;justify-content:center;width:var(--gse-ui-button-iconOnly-width);padding:0;border-top-left-radius:0;border-bottom-left-radius:0}.gux-action-button-container .gux-dropdown-button button gux-icon{width:var(--gse-ui-button-icon-size);height:var(--gse-ui-button-icon-size)}.gux-action-button-container .gux-list-container{max-width:220px;margin:0;overflow-y:auto;background:var(--gse-ui-menu-backgroundColor);border-color:var(--gse-ui-menu-border-color);border-style:var(--gse-ui-menu-border-style);border-width:var(--gse-ui-menu-border-width);border-radius:var(--gse-ui-menu-borderRadius);box-shadow:var(--gse-ui-menu-boxShadow-x) var(--gse-ui-menu-boxShadow-y) var(--gse-ui-menu-boxShadow-blur) var(--gse-ui-menu-boxShadow-spread) var(--gse-ui-menu-boxShadow-color)}";
 
 var __decorate = (undefined && undefined.__decorate) || function (decorators, target, key, desc) {
   var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
@@ -47,7 +47,6 @@ const GuxActionButton = class {
     this.close = index.createEvent(this, "close", 7);
     this.actionClick = index.createEvent(this, "actionClick", 7);
     this.type = 'button';
-    this.text = undefined;
     this.disabled = false;
     this.accent = 'secondary';
     this.isOpen = false;
@@ -141,9 +140,7 @@ const GuxActionButton = class {
     this.i18n = await index$1.buildI18nForComponent(this.root, defaultResources);
   }
   render() {
-    return (index.h("div", { class: "gux-action-button-container" }, index.h("gux-popup", { expanded: this.isOpen, disabled: this.disabled }, index.h("div", { slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot-beta", { class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, this.text)), index.h("gux-button-slot-beta", { class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('actionButtonDropdown', {
-        buttonTitle: this.text
-      }) }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { class: "gux-list-container", slot: "popup" }, index.h("gux-list", { onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", null))))));
+    return (index.h("div", { class: "gux-action-button-container" }, index.h("gux-popup", { expanded: this.isOpen, disabled: this.disabled, "exceed-target-width": true }, index.h("div", { slot: "target", class: "gux-action-button-container" }, index.h("gux-button-slot", { class: "gux-action-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { type: this.type, disabled: this.disabled, onClick: () => this.onActionClick() }, index.h("slot", { name: "title" }))), index.h("gux-button-slot", { class: "gux-dropdown-button", accent: getGuxActionButtonAccent(this.accent) }, index.h("button", { type: "button", disabled: this.disabled, ref: el => (this.dropdownButton = el), onMouseUp: () => this.toggle(), "aria-haspopup": "true", "aria-expanded": this.isOpen.toString(), "aria-label": this.i18n('moreOptions') }, index.h("gux-icon", { decorative: true, "icon-name": "chevron-small-down" })))), index.h("div", { class: "gux-list-container", slot: "popup" }, index.h("gux-list", { onClick: (e) => this.onListClick(e), ref: el => (this.listElement = el) }, index.h("slot", null))))));
   }
   get root() { return index.getElement(this); }
   static get watchers() { return {