@sapudex/web-components 0.114.2 → 0.127.6

package/dist/Review.js

@@ -0,0 +1,108 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UDExReview_1;
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import property from "@ui5/webcomponents-base/dist/decorators/property.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
+import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+import { getI18nBundle } from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import Integer from "@ui5/webcomponents-base/dist/types/Integer.js";
+import Float from "@ui5/webcomponents-base/dist/types/Float.js";
+import { REVIEWS, STARS } from "./generated/i18n/i18n-defaults.js";
+import UDExRatingBar from "./RatingBar.js";
+import UDExRatingIndicator from "./RatingIndicator.js";
+import "@ui5/webcomponents-icons/dist/favorite.js";
+import ReviewTemplate from "./generated/templates/ReviewTemplate.lit.js";
+// Styles
+import ReviewCss from "./generated/themes/Review.css.js";
+/**
+ * @class
+ *
+ * <h3 class="comment-api-title">Overview</h3>
+ *
+ *
+ * <h3>Usage</h3>
+ *
+ * For the <code>udex-review</code>
+ * <h3>ES6 Module Import</h3>
+ *
+ * <code>import "@udex/web-components/dist/Review.js";</code>
+ *
+ * @constructor
+ * @extends UI5Element
+ * @public
+ */
+let UDExReview = UDExReview_1 = class UDExReview extends UI5Element {
+    constructor() {
+        super(...arguments);
+        this._minRating = 0;
+        this._maxRating = 5;
+        this._maxRatingBars = 5;
+    }
+    static async onDefine() {
+        UDExReview_1.i18nBundle = await getI18nBundle("@ui5/webcomponents");
+    }
+    get reviewsText() {
+        return `${this.reviews} ${UDExReview_1.i18nBundle.getText(REVIEWS)}`;
+    }
+    get withoutBreakdown() {
+        return this.bars.length === 0;
+    }
+    get isEmpty() {
+        return this.reviews === 0 && this.rating === 0;
+    }
+    get validatedRating() {
+        if (this.rating > this._maxRating) {
+            console.warn("UDEx Review: The rating shouldn't be more than 5.");
+            return this._maxRating;
+        }
+        if (this.rating < this._minRating) {
+            console.warn("UDEx Review: The rating shouldn't be less than 0.");
+            return this._minRating;
+        }
+        return this.rating;
+    }
+    get validatedRatingBars() {
+        if (this.bars.length > this._maxRatingBars) {
+            console.warn("UDEx Review: There shouldn't be more than 5 RatingBars.");
+            return this.bars.slice(-this._maxRatingBars);
+        }
+        return this.bars;
+    }
+    get _ratingDescription() {
+        return `${this.validatedRating} ${UDExRatingBar.i18nBundle.getText(STARS)}`;
+    }
+};
+__decorate([
+    property({ type: Number, defaultValue: 0, validator: Float })
+], UDExReview.prototype, "rating", void 0);
+__decorate([
+    property({ type: Number, defaultValue: 0, validator: Integer })
+], UDExReview.prototype, "reviews", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExReview.prototype, "reviewButton", void 0);
+__decorate([
+    slot({ type: HTMLElement })
+], UDExReview.prototype, "defaultText", void 0);
+__decorate([
+    slot({ type: HTMLElement, "default": true, individualSlots: true })
+], UDExReview.prototype, "bars", void 0);
+UDExReview = UDExReview_1 = __decorate([
+    customElement({
+        tag: "udex-review",
+        renderer: litRender,
+        styles: ReviewCss,
+        template: ReviewTemplate,
+        dependencies: [UDExRatingBar, UDExRatingIndicator, Icon],
+    })
+], UDExReview);
+UDExReview.define();
+export default UDExReview;
+//# sourceMappingURL=Review.js.map

package/dist/Review.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Review.js","sourceRoot":"","sources":["../src/Review.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport I18nBundle, { getI18nBundle } from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Integer from \"@ui5/webcomponents-base/dist/types/Integer.js\";\nimport Float from \"@ui5/webcomponents-base/dist/types/Float.js\";\nimport { REVIEWS, STARS } from \"./generated/i18n/i18n-defaults.js\";\nimport UDExRatingBar from \"./RatingBar.js\";\nimport UDExRatingIndicator from \"./RatingIndicator.js\";\nimport UDExButton from \"./Button.js\";\nimport \"@ui5/webcomponents-icons/dist/favorite.js\";\nimport ReviewTemplate from \"./generated/templates/ReviewTemplate.lit.js\";\n\n// Styles\nimport ReviewCss from \"./generated/themes/Review.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n *\n * <h3>Usage</h3>\n *\n * For the <code>udex-review</code>\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@udex/web-components/dist/Review.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n */\n@customElement({\n  tag: \"udex-review\",\n  renderer: litRender,\n  styles: ReviewCss,\n  template: ReviewTemplate,\n  dependencies: [UDExRatingBar, UDExRatingIndicator, Icon],\n})\n\nclass UDExReview extends UI5Element {\n  /**\n   * Defines the rating.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number, defaultValue: 0, validator: Float })\n    rating!: number;\n\n  /**\n   * Defines the total number of reviews.\n   *\n   * @default 0\n   * @public\n   */\n  @property({ type: Number, defaultValue: 0, validator: Integer })\n    reviews!: number;\n\n  /**\n   * Slot for a button for writing a review.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    reviewButton!: UDExButton;\n\n  /**\n   * Slot for the default text when there are no reviews or rating.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement })\n    defaultText!: HTMLElement;\n\n  /**\n   * Slot for rating bars.\n   *\n   * @slot\n   * @public\n   */\n  @slot({ type: HTMLElement, \"default\": true, individualSlots: true })\n    bars!: Array<UDExRatingBar>;\n\n  static i18nBundle: I18nBundle;\n  _minRating: number = 0;\n  _maxRating: number = 5;\n  _maxRatingBars: number = 5;\n\n  static async onDefine() {\n    UDExReview.i18nBundle = await getI18nBundle(\"@ui5/webcomponents\");\n  }\n\n  get reviewsText(): string {\n    return `${this.reviews} ${UDExReview.i18nBundle.getText(REVIEWS)}`;\n  }\n\n  get withoutBreakdown(): boolean {\n    return this.bars.length === 0;\n  }\n\n  get isEmpty(): boolean {\n    return this.reviews === 0 && this.rating === 0;\n  }\n\n  get validatedRating(): number {\n    if (this.rating > this._maxRating) {\n      console.warn(\"UDEx Review: The rating shouldn't be more than 5.\");\n      return this._maxRating;\n    }\n    if (this.rating < this._minRating) {\n      console.warn(\"UDEx Review: The rating shouldn't be less than 0.\");\n      return this._minRating;\n    }\n    return this.rating;\n  }\n\n  get validatedRatingBars(): Array<UDExRatingBar> {\n    if (this.bars.length > this._maxRatingBars) {\n      console.warn(\"UDEx Review: There shouldn't be more than 5 RatingBars.\");\n      return this.bars.slice(-this._maxRatingBars);\n    }\n\n    return this.bars;\n  }\n\n  get _ratingDescription(): string {\n    return `${this.validatedRating} ${UDExRatingBar.i18nBundle.getText(STARS)}`;\n  }\n}\n\nUDExReview.define();\n\nexport default UDExReview;\n"]}

package/dist/Search.d.ts

@@ -182,6 +182,41 @@ declare class UDExSearch extends UI5Element {
      * @public
      */
     accessibleName: string;
+    /**
+     * Defines the accessible ARIA name of the reset icon.
+     *
+     * @default "Clear"
+     * @public
+     */
+    accessibleNameResetIcon: string;
+    /**
+     * Defines the accessible ARIA name of the search icon (applied just when "nonInteractiveSubmitButton" is active).
+     *
+     * @default "Search"
+     * @public
+     */
+    accessibleNameSearchIcon: string;
+    /**
+     * Defines the tooltip of the clear button.
+     *
+     * @default "Clear"
+     * @public
+     */
+    tooltipResetButton: string;
+    /**
+     * Defines the tooltip of the voice button.
+     *
+     * @default "Voice"
+     * @public
+     */
+    tooltipVoiceButton: string;
+    /**
+     * Defines the tooltip of the submit button.
+     *
+     * @default "Search"
+     * @public
+     */
+    tooltipSubmitButton: string;
     /**
      * Defines the text if the suggestion list doesn't return results.
      *
@@ -263,6 +298,12 @@ declare class UDExSearch extends UI5Element {
      * @public
      */
     dropdownPrefix: Array<List>;
+    /**
+     * Defines the open button icon
+     *
+     * @private
+     */
+    _prefixDropdownExpanded: boolean;
     constructor();
     static onDefine(): Promise<void>;
     onEnterDOM(): void;
@@ -346,6 +387,9 @@ declare class UDExSearch extends UI5Element {
     get showNoResultMessage(): boolean;
     get isShowSuggestedList(): boolean;
     get isShowRecommendedList(): boolean;
+    get hasPopoverContent(): boolean;
+    get getAriaHasPopup(): string;
+    get getSuggestionsPopoverId(): string;
     get isShowSubmitButton(): boolean;
     get suggestedHeading(): string | undefined;
     get recommendedHeading(): string | undefined;
@@ -360,6 +404,13 @@ declare class UDExSearch extends UI5Element {
     get isVoiceButton(): boolean;
     get accInfo(): {
         ariaLabel: string | undefined;
+        accessibleNameResetIcon: string;
+        accessibleNameSearchIcon: string;
+    };
+    get tooltipInfo(): {
+        tooltipResetButton: string;
+        tooltipVoiceButton: string;
+        tooltipSubmitButton: string;
     };
     get suggestionsAccessibleName(): string;
 }

package/dist/Search.js

@@ -25,7 +25,7 @@ import "@ui5/webcomponents-icons/dist/search.js";
 import "@ui5/webcomponents-icons/dist/microphone.js";
 import "@ui5/webcomponents-icons/dist/slim-arrow-down.js";
 import debounce from "./utils/debounce.js";
-import { SUGGESTED_TEXT, RECOMMENDED_TEXT, AVAILABLE_VALUES, NO_MATCHES_FOUND, } from "./generated/i18n/i18n-defaults.js";
+import { SUGGESTED_TEXT, RECOMMENDED_TEXT, AVAILABLE_VALUES, NO_MATCHES_FOUND, ACCESSIBLE_NAME_RESET_ICON, ACCESSIBLE_NAME_SEARCH_ICON, TOOLTIP_RESET_BUTTON, TOOLTIP_VOICE_BUTTON, TOOLTIP_SUBMIT_BUTTON, } from "./generated/i18n/i18n-defaults.js";
 import SearchTemplate from "./generated/templates/SearchTemplate.lit.js";
 import SearchSuggestionsTemplate from "./generated/templates/SearchSuggestionsTemplate.lit.js";
 // Styles
@@ -33,6 +33,7 @@ import SearchCss from "./generated/themes/Search.css.js";
 import SearchSuggestionsCss from "./generated/themes/SearchSuggestions.css.js";
 import retryUntilSuccessful from "./utils/retryUntilSuccessful.js";
 const SearchIcon = "sap-icon://search";
+const SuggestionsPopoverId = "suggestions-popover";
 export var Mode;
 (function (Mode) {
     Mode["Standard"] = "Standard";
@@ -98,6 +99,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
             this.handleEnterKey(e);
             this.handleTabKey(e);
             this.handleEscapeKey(e);
+            this.fireEvent("search-keydown", e);
         };
         this._handleResizeBound = this._handleResize.bind(this);
     }
@@ -284,6 +286,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
             const wrapper = this.getPrefixWrapper();
             const dropdown = this.getPrefixPopover();
             const button = this.getPrefixButton();
+            this._prefixDropdownExpanded = true;
             dropdown.showAt(this.getPrefixButton());
             dropdown.style.width = `${button.offsetWidth + 1}px`;
             button.classList.add("udex-search__prefix-button--active");
@@ -302,6 +305,7 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
     onClosePrefixPopover() {
         const dropdown = this.getPrefixPopover();
         dropdown.close();
+        this._prefixDropdownExpanded = false;
         this.handleAfterClosePrefixPopover();
     }
     handleAfterClosePrefixPopover() {
@@ -440,13 +444,14 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
         this.handleDebounce();
     }
     handleEnterKey(e) {
-        if (isEnter(e) && !this.open) {
-            e.preventDefault();
-            this.handleSubmitValue();
-        }
-        if (isEnter(e) && this.open) {
-            this.Suggestion?.onEnter(e);
-            this.fireDropdownItemClick(this.value);
+        if (isEnter(e)) {
+            if (!this.open) {
+                e.preventDefault();
+            }
+            else {
+                this.Suggestion?.onEnter(e);
+                this.fireDropdownItemClick(this.value);
+            }
             this.handleSubmitValue();
         }
     }
@@ -456,9 +461,12 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
         }
     }
     handleEscapeKey(e) {
-        if (isEscape(e) && this.open) {
-            this.Suggestion?.onEscape(e);
-            this.handleClassToRoot();
+        if (isEscape(e)) {
+            if (this.open) {
+                this.Suggestion?.onEscape(e);
+                this.handleClassToRoot();
+            }
+            this.fireEvent("handle-close-search");
         }
     }
     handleKeyDownPopover(e) {
@@ -467,11 +475,13 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
             this.handlePrevTabKeyList(e);
             this.handleDownKeyList(e);
             this.handleUpKeyList(e);
+            this.handleEscapeKey(e);
         }
     }
     handleTabKeyList(e) {
         if (isTabNext(e)) {
             this.Suggestion?.onKeyTabList(e);
+            this.handleClassToRoot();
         }
     }
     handlePrevTabKeyList(e) {
@@ -589,6 +599,15 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
     get isShowRecommendedList() {
         return !!this.recommendedList?.length;
     }
+    get hasPopoverContent() {
+        return !!(this.suggestedList?.length || this.recommendedList?.length);
+    }
+    get getAriaHasPopup() {
+        return this.showSuggestedPopover ? "dialog" : "false";
+    }
+    get getSuggestionsPopoverId() {
+        return SuggestionsPopoverId;
+    }
     get isShowSubmitButton() {
         return this.showSubmitButton;
     }
@@ -628,6 +647,15 @@ let UDExSearch = UDExSearch_1 = class UDExSearch extends UI5Element {
     get accInfo() {
         return {
             "ariaLabel": this.accessibleName || undefined,
+            "accessibleNameResetIcon": this.accessibleNameResetIcon || UDExSearch_1.i18nBundle.getText(ACCESSIBLE_NAME_RESET_ICON),
+            "accessibleNameSearchIcon": this.accessibleNameSearchIcon || UDExSearch_1.i18nBundle.getText(ACCESSIBLE_NAME_SEARCH_ICON),
+        };
+    }
+    get tooltipInfo() {
+        return {
+            "tooltipResetButton": this.tooltipResetButton || UDExSearch_1.i18nBundle.getText(TOOLTIP_RESET_BUTTON),
+            "tooltipVoiceButton": this.tooltipVoiceButton || UDExSearch_1.i18nBundle.getText(TOOLTIP_VOICE_BUTTON),
+            "tooltipSubmitButton": this.tooltipSubmitButton || UDExSearch_1.i18nBundle.getText(TOOLTIP_SUBMIT_BUTTON),
         };
     }
     get suggestionsAccessibleName() {
@@ -682,6 +710,21 @@ __decorate([
 __decorate([
     property()
 ], UDExSearch.prototype, "accessibleName", void 0);
+__decorate([
+    property({ type: String })
+], UDExSearch.prototype, "accessibleNameResetIcon", void 0);
+__decorate([
+    property({ type: String })
+], UDExSearch.prototype, "accessibleNameSearchIcon", void 0);
+__decorate([
+    property({ type: String })
+], UDExSearch.prototype, "tooltipResetButton", void 0);
+__decorate([
+    property({ type: String })
+], UDExSearch.prototype, "tooltipVoiceButton", void 0);
+__decorate([
+    property({ type: String })
+], UDExSearch.prototype, "tooltipSubmitButton", void 0);
 __decorate([
     property({ type: String, defaultValue: "No matches found." })
 ], UDExSearch.prototype, "noResultText", void 0);
@@ -721,6 +764,9 @@ __decorate([
 __decorate([
     slot({ type: HTMLElement, "default": true })
 ], UDExSearch.prototype, "dropdownPrefix", void 0);
+__decorate([
+    property({ type: Boolean, noAttribute: true })
+], UDExSearch.prototype, "_prefixDropdownExpanded", void 0);
 UDExSearch = UDExSearch_1 = __decorate([
     customElement({
         tag: "udex-search",
@@ -758,6 +804,14 @@ UDExSearch = UDExSearch_1 = __decorate([
      */
     ,
     event("handle-value-reset")
+    /**
+     * Fired event when the user presses escape in search field.
+     *
+     * @event sap.ui.webc.web-components.UDExSearch#handleCloseSearch
+     * @public
+     */
+    ,
+    event("handle-close-search")
     /**
      * Fired event when the user clicks on the item inside the popover.
      *