@sapudex/web-components 2.21.0 → 2.23.0

package/package.json

@@ -1,7 +1,7 @@
 {
   "type": "module",
   "name": "@sapudex/web-components",
-  "version": "2.21.0",
+  "version": "2.23.0",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
   },

package/src/Accordion.ts

@@ -60,6 +60,7 @@ type UDExAccordionToggleItemsEventDetail = {
  * Triggered when the user clicks on the Expand/Collapse All button..
  *
  * @public
+ * @param {boolean} isOpen Indicates whether all items are expanded or collapsed
  */
 @event("toggle-items", { bubbles: true })
 

package/src/AccordionItem.ts

@@ -58,6 +58,8 @@ type UDExAccordionItemClickEventDetail = {
 /**
  * Triggered when the user clicks on an accordion item.
  * @public
+ * @param { string } name
+ * @param { boolean } expanded
  */
 @event("accordion-item-click", { bubbles: true })
 

package/src/AssetsVariables.ts

@@ -58,7 +58,8 @@ const variablesOverwrite = `
     ${getScopedVarName("--_ui5_input_focus_outline_color")}: var(--sapContent_FocusColor);
   }
 
-  [udex-feed] {
+  [udex-feed],
+  [udex-promo-tile] {
     ${getScopedVarName("--_ui5_icon_transform_scale")}: none;
   }
 

package/src/Breadcrumbs.ts

@@ -62,6 +62,11 @@ type UDExBreadcrumbsItemClickEventDetail = {
 })
 /**
  * @public
+ * @param { UDExBreadcrumbsItem } item The clicked breadcrumb item
+ * @param { boolean } altKey
+ * @param { boolean } ctrlKey
+ * @param { boolean } metaKey
+ * @param { boolean } shiftKey
  */
 @event("item-click", { cancelable: true, bubbles: true })
 

package/src/ContactItem.ts

@@ -48,6 +48,8 @@ type UDExContactItemClickEventDetail = {
  * Fires when item is clicked
  *
  * @public
+ * @param {Event} originalEvent the original event object
+ * @param {UDExContactItem} item the clicked item
  */
 @event("item-click", {
   bubbles: true,

package/src/CountrySelector.hbs

@@ -1,61 +1,6 @@
-<div class="{{countrySelectorClasses}}">
-    {{> trigger}}
-    <udex-dropdown
-        id="dropdown"
-        opener="udex-{{this._id}}-country-selector__opener"
-        horizontal-align="Start"
-        height="{{height}}"
-        @ui5-item-press="{{handleItemPress}}"
-        @ui5-before-open="{{_dropdownBeforeOpen}}"
-        @ui5-open="{{_dropdownOpen}}"
-        @ui5-before-close="{{_dropdownBeforeClose}}"
-        @ui5-close="{{_dropdownClose}}"
-        @ui5-submit-search-value="{{handleSubmitSearch}}"
-        @ui5-handle-value-search="{{handleValueSearch}}"
-        @ui5-handle-value-reset="{{handleResetSearch}}"
-        @ui5-search-keydown="{{handleKeyDownSearch}}"
-        @keydown="{{handleKeyDownDropdown}}">
-        {{searchableList}}
-    </udex-dropdown>
-</div>
-
-{{#*inline "trigger"}}
-    <div
-        id="udex-{{this._id}}-country-selector__opener"
-        class="{{countrySelectorTriggerClasses}}"
-        ?disabled="{{isOpenerDisabled}}"
-        @click="{{handleTriggerClick}}"
-        slot="trigger">
-        {{#if showFlagImages}}
-            <img
-                class="udex-country-selector__image"
-                aria-label="{{flagAriaLabel}}"
-                style="background-position-x: {{selectedCountryFlagX}}; background-position-y: {{selectedCountryFlagY}}">
-        {{/if}}
-        <udex-text-field
-            label="{{effectiveAriaLabel}}"
-            id="udexTextField"
-            class="udex-country-selector__text"
-            value="{{selectedCountryName}}"
-            value-state="{{valueState}}"
-            supporting-text="{{supportingText}}"
-            direction="left"
-            aria-label="{{effectiveAriaLabel}}"
-            accessible-name="{{supportingText}}"
-            accessible-name-ref="{{accessibleNameRef}}"
-            aria-controls="{{ariaControls}}"
-            aria-haspopup="true"
-            aria-expanded="{{_open}}"
-            ?required="{{required}}"
-            ?disabled="{{disabled}}"
-            ?readonly="{{readonly}}"
-            ?displayonly="{{displayonly}}"
-            @ui5-click-icon="{{handleTriggerClick}}"
-            @mousedown="{{handleInputMouseDown}}"
-            icon="{{triggerIcon}}"
-            accessible-icon-name="{{effectiveAriaLabel}}"
-            maxlength="0"
-            _is-combobox-role>
-        </udex-text-field>
-    </div>
-{{/inline}}
+{{#unless hideFlagImages}}
+  <img
+      class="udex-text-field__image"
+      aria-label="{{flagAriaLabel}}"
+      style="background-position-x: {{selectedCountryFlagX}}; background-position-y: {{selectedCountryFlagY}}">
+{{/unless}}