@ui5/webcomponents 2.25.0-rc.3 → 2.25.0

package/dist/InputIcon.d.ts

@@ -1,5 +1,4 @@
 import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
-import type ValueState from "@ui5/webcomponents-base/dist/types/ValueState.js";
 import "./Icon.js";
 /**
  * @class
@@ -37,47 +36,12 @@ declare class InputIcon extends UI5Element {
      * Defines the accessible name of the icon.
      *
      * **Note:** This property is used for accessibility purposes and will be announced by screen readers.
+     * When set, it is also rendered as a native `title` tooltip.
      *
      * @default undefined
      * @public
      */
     accessibleName?: string;
-    /**
-     * Defines whether the tooltip is shown.
-     *
-     * **Note:** The tooltip text should be provided via the `accessible-name` property.
-     *
-     * @default false
-     * @public
-     */
-    showTooltip: boolean;
-    /**
-     * Defines the value state of the icon.
-     *
-     * **Note:** This property should match the parent input's value state for consistent styling.
-     *
-     * @default "None"
-     * @public
-     */
-    valueState: `${ValueState}`;
-    /**
-     * Defines whether the icon is disabled.
-     *
-     * **Note:** Disabled icons are not interactive and do not fire click events.
-     *
-     * @default false
-     * @public
-     */
-    disabled: boolean;
-    /**
-     * Defines whether the icon is readonly.
-     *
-     * **Note:** Readonly icons are not interactive and do not fire click events.
-     *
-     * @default false
-     * @public
-     */
-    readonly: boolean;
     /**
      * @private
      */
@@ -86,10 +50,6 @@ declare class InputIcon extends UI5Element {
      * @private
      */
     _focused: boolean;
-    /**
-     * @private
-     */
-    _parentDisabled: boolean;
     _onclick(e: MouseEvent): void;
     _onmousedown(): void;
     _onmouseup(): void;
@@ -98,7 +58,6 @@ declare class InputIcon extends UI5Element {
     _onblur(): void;
     _onkeydown(e: KeyboardEvent): void;
     _onkeyup(e: KeyboardEvent): void;
-    get effectiveTabIndex(): 0 | -1;
     get effectiveAriaLabel(): string | undefined;
     get effectiveTitle(): string | undefined;
 }

package/dist/InputIcon.js

@@ -35,42 +35,6 @@ import "./Icon.js";
 let InputIcon = class InputIcon extends UI5Element {
     constructor() {
         super(...arguments);
-        /**
-         * Defines whether the tooltip is shown.
-         *
-         * **Note:** The tooltip text should be provided via the `accessible-name` property.
-         *
-         * @default false
-         * @public
-         */
-        this.showTooltip = false;
-        /**
-         * Defines the value state of the icon.
-         *
-         * **Note:** This property should match the parent input's value state for consistent styling.
-         *
-         * @default "None"
-         * @public
-         */
-        this.valueState = "None";
-        /**
-         * Defines whether the icon is disabled.
-         *
-         * **Note:** Disabled icons are not interactive and do not fire click events.
-         *
-         * @default false
-         * @public
-         */
-        this.disabled = false;
-        /**
-         * Defines whether the icon is readonly.
-         *
-         * **Note:** Readonly icons are not interactive and do not fire click events.
-         *
-         * @default false
-         * @public
-         */
-        this.readonly = false;
         /**
          * @private
          */
@@ -79,24 +43,13 @@ let InputIcon = class InputIcon extends UI5Element {
          * @private
          */
         this._focused = false;
-        /**
-         * @private
-         */
-        this._parentDisabled = false;
     }
     _onclick(e) {
-        if (this.disabled || this.readonly || this._parentDisabled) {
-            e.stopImmediatePropagation();
-            e.preventDefault();
-            return;
-        }
         e.stopImmediatePropagation();
         this.fireDecoratorEvent("click");
     }
     _onmousedown() {
-        if (!this.disabled && !this.readonly && !this._parentDisabled) {
-            this._pressed = true;
-        }
+        this._pressed = true;
     }
     _onmouseup() {
         this._pressed = false;
@@ -112,31 +65,22 @@ let InputIcon = class InputIcon extends UI5Element {
         this._pressed = false;
     }
     _onkeydown(e) {
-        if (this.disabled || this.readonly || this._parentDisabled) {
-            return;
-        }
         if (isEnter(e) || isSpace(e)) {
             this._pressed = true;
             e.preventDefault(); // Prevent scrolling on Space
         }
     }
     _onkeyup(e) {
-        if (this.disabled || this.readonly || this._parentDisabled) {
-            return;
-        }
         if (isEnter(e) || isSpace(e)) {
             this._pressed = false;
             this.fireDecoratorEvent("click");
         }
     }
-    get effectiveTabIndex() {
-        return (this.disabled || this.readonly || this._parentDisabled) ? -1 : 0;
-    }
     get effectiveAriaLabel() {
         return this.accessibleName || undefined;
     }
     get effectiveTitle() {
-        return this.showTooltip && this.accessibleName ? this.accessibleName : undefined;
+        return this.accessibleName || undefined;
     }
 };
 __decorate([
@@ -145,27 +89,12 @@ __decorate([
 __decorate([
     property()
 ], InputIcon.prototype, "accessibleName", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputIcon.prototype, "showTooltip", void 0);
-__decorate([
-    property()
-], InputIcon.prototype, "valueState", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputIcon.prototype, "disabled", void 0);
-__decorate([
-    property({ type: Boolean })
-], InputIcon.prototype, "readonly", void 0);
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], InputIcon.prototype, "_pressed", void 0);
 __decorate([
     property({ type: Boolean, noAttribute: true })
 ], InputIcon.prototype, "_focused", void 0);
-__decorate([
-    property({ type: Boolean, noAttribute: true })
-], InputIcon.prototype, "_parentDisabled", void 0);
 InputIcon = __decorate([
     customElement({
         tag: "ui5-input-icon",

package/dist/InputIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputIcon.js","sourceRoot":"","sources":["../src/InputIcon.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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type ValueState from \"@ui5/webcomponents-base/dist/types/ValueState.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport InputIconTemplate from \"./InputIconTemplate.js\";\nimport inputIconCss from \"./generated/themes/InputIcon.css.js\";\nimport \"./Icon.js\";\n\n/**\n * @class\n * ### Overview\n * The `ui5-input-icon` component represents an interactive icon that can be placed inside an `ui5-input` component.\n * Unlike the standard `ui5-icon`, this component provides button-like behavior with hover, focus, and active states,\n * matching the visual style of the input's built-in clear icon.\n *\n * ### Usage\n * Use `ui5-input-icon` for interactive icons that users can click (e.g., search, voice input, camera).\n * For decorative icons, use the standard `ui5-icon` component instead.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/InputIcon.js\";`\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.25.0\n */\n@customElement({\n\ttag: \"ui5-input-icon\",\n\trenderer: jsxRenderer,\n\ttemplate: InputIconTemplate,\n\tstyles: inputIconCss,\n\tlanguageAware: false,\n\tthemeAware: true,\n})\n/**\n * Fired when the `ui5-input-icon` is activated either with a click/tap or by using the Enter or Space key.\n * @public\n */\n@event(\"click\", {\n\tbubbles: true,\n})\nclass InputIcon extends UI5Element {\n\teventDetails!: {\n\t\tclick: void;\n\t}\n\n\t/**\n\t * Defines the icon name to be displayed.\n\t *\n\t * **Note:** Make sure you import the desired icon before using it.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * Defines the accessible name of the icon.\n\t *\n\t * **Note:** This property is used for accessibility purposes and will be announced by screen readers.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines whether the tooltip is shown.\n\t *\n\t * **Note:** The tooltip text should be provided via the `accessible-name` property.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tshowTooltip = false;\n\n\t/**\n\t * Defines the value state of the icon.\n\t *\n\t * **Note:** This property should match the parent input's value state for consistent styling.\n\t *\n\t * @default \"None\"\n\t * @public\n\t */\n\t@property()\n\tvalueState: `${ValueState}` = \"None\";\n\n\t/**\n\t * Defines whether the icon is disabled.\n\t *\n\t * **Note:** Disabled icons are not interactive and do not fire click events.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Defines whether the icon is readonly.\n\t *\n\t * **Note:** Readonly icons are not interactive and do not fire click events.\n\t *\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\treadonly = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_pressed = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_focused = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_parentDisabled = false;\n\n\t_onclick(e: MouseEvent) {\n\t\tif (this.disabled || this.readonly || this._parentDisabled) {\n\t\t\te.stopImmediatePropagation();\n\t\t\te.preventDefault();\n\t\t\treturn;\n\t\t}\n\n\t\te.stopImmediatePropagation();\n\t\tthis.fireDecoratorEvent(\"click\");\n\t}\n\n\t_onmousedown() {\n\t\tif (!this.disabled && !this.readonly && !this._parentDisabled) {\n\t\t\tthis._pressed = true;\n\t\t}\n\t}\n\n\t_onmouseup() {\n\t\tthis._pressed = false;\n\t}\n\n\t_onmouseleave() {\n\t\tthis._pressed = false;\n\t}\n\n\t_onfocus() {\n\t\tthis._focused = true;\n\t}\n\n\t_onblur() {\n\t\tthis._focused = false;\n\t\tthis._pressed = false;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (this.disabled || this.readonly || this._parentDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e) || isSpace(e)) {\n\t\t\tthis._pressed = true;\n\t\t\te.preventDefault(); // Prevent scrolling on Space\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (this.disabled || this.readonly || this._parentDisabled) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (isEnter(e) || isSpace(e)) {\n\t\t\tthis._pressed = false;\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t}\n\t}\n\n\tget effectiveTabIndex() {\n\t\treturn (this.disabled || this.readonly || this._parentDisabled) ? -1 : 0;\n\t}\n\n\tget effectiveAriaLabel() {\n\t\treturn this.accessibleName || undefined;\n\t}\n\n\tget effectiveTitle() {\n\t\treturn this.showTooltip && this.accessibleName ? this.accessibleName : undefined;\n\t}\n}\n\nInputIcon.define();\n\nexport default InputIcon;\n"]}
+{"version":3,"file":"InputIcon.js","sourceRoot":"","sources":["../src/InputIcon.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,iBAAiB,MAAM,wBAAwB,CAAC;AACvD,OAAO,YAAY,MAAM,qCAAqC,CAAC;AAC/D,OAAO,WAAW,CAAC;AAEnB;;;;;;;;;;;;;;;;;;GAkBG;AAgBH,IAAM,SAAS,GAAf,MAAM,SAAU,SAAQ,UAAU;IAAlC;;QA4BC;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;WAEG;QAEH,aAAQ,GAAG,KAAK,CAAC;IAiDlB,CAAC;IA/CA,QAAQ,CAAC,CAAa;QACrB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC7B,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;IAClC,CAAC;IAED,YAAY;QACX,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,UAAU;QACT,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,aAAa;QACZ,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,QAAQ;QACP,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;IACtB,CAAC;IAED,OAAO;QACN,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;QACtB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;IACvB,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;YACrB,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,6BAA6B;QAClD,CAAC;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAC9B,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACtB,IAAI,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAClC,CAAC;IACF,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC;IACzC,CAAC;IAED,IAAI,cAAc;QACjB,OAAO,IAAI,CAAC,cAAc,IAAI,SAAS,CAAC;IACzC,CAAC;CACD,CAAA;AAzEA;IADC,QAAQ,EAAE;uCACG;AAYd;IADC,QAAQ,EAAE;iDACa;AAMxB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;2CAC9B;AAMjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;2CAC9B;AAtCZ,SAAS;IAfd,aAAa,CAAC;QACd,GAAG,EAAE,gBAAgB;QACrB,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,iBAAiB;QAC3B,MAAM,EAAE,YAAY;QACpB,aAAa,EAAE,KAAK;QACpB,UAAU,EAAE,IAAI;KAChB,CAAC;IACF;;;OAGG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,OAAO,EAAE,IAAI;KACb,CAAC;GACI,SAAS,CAuFd;AAED,SAAS,CAAC,MAAM,EAAE,CAAC;AAEnB,eAAe,SAAS,CAAC","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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isSpace, isEnter } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport InputIconTemplate from \"./InputIconTemplate.js\";\nimport inputIconCss from \"./generated/themes/InputIcon.css.js\";\nimport \"./Icon.js\";\n\n/**\n * @class\n * ### Overview\n * The `ui5-input-icon` component represents an interactive icon that can be placed inside an `ui5-input` component.\n * Unlike the standard `ui5-icon`, this component provides button-like behavior with hover, focus, and active states,\n * matching the visual style of the input's built-in clear icon.\n *\n * ### Usage\n * Use `ui5-input-icon` for interactive icons that users can click (e.g., search, voice input, camera).\n * For decorative icons, use the standard `ui5-icon` component instead.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents/dist/InputIcon.js\";`\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.25.0\n */\n@customElement({\n\ttag: \"ui5-input-icon\",\n\trenderer: jsxRenderer,\n\ttemplate: InputIconTemplate,\n\tstyles: inputIconCss,\n\tlanguageAware: false,\n\tthemeAware: true,\n})\n/**\n * Fired when the `ui5-input-icon` is activated either with a click/tap or by using the Enter or Space key.\n * @public\n */\n@event(\"click\", {\n\tbubbles: true,\n})\nclass InputIcon extends UI5Element {\n\teventDetails!: {\n\t\tclick: void;\n\t}\n\n\t/**\n\t * Defines the icon name to be displayed.\n\t *\n\t * **Note:** Make sure you import the desired icon before using it.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tname?: string;\n\n\t/**\n\t * Defines the accessible name of the icon.\n\t *\n\t * **Note:** This property is used for accessibility purposes and will be announced by screen readers.\n\t * When set, it is also rendered as a native `title` tooltip.\n\t *\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_pressed = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_focused = false;\n\n\t_onclick(e: MouseEvent) {\n\t\te.stopImmediatePropagation();\n\t\tthis.fireDecoratorEvent(\"click\");\n\t}\n\n\t_onmousedown() {\n\t\tthis._pressed = true;\n\t}\n\n\t_onmouseup() {\n\t\tthis._pressed = false;\n\t}\n\n\t_onmouseleave() {\n\t\tthis._pressed = false;\n\t}\n\n\t_onfocus() {\n\t\tthis._focused = true;\n\t}\n\n\t_onblur() {\n\t\tthis._focused = false;\n\t\tthis._pressed = false;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e) || isSpace(e)) {\n\t\t\tthis._pressed = true;\n\t\t\te.preventDefault(); // Prevent scrolling on Space\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isEnter(e) || isSpace(e)) {\n\t\t\tthis._pressed = false;\n\t\t\tthis.fireDecoratorEvent(\"click\");\n\t\t}\n\t}\n\n\tget effectiveAriaLabel() {\n\t\treturn this.accessibleName || undefined;\n\t}\n\n\tget effectiveTitle() {\n\t\treturn this.accessibleName || undefined;\n\t}\n}\n\nInputIcon.define();\n\nexport default InputIcon;\n"]}

package/dist/InputIconTemplate.js

@@ -1,13 +1,11 @@
-import { jsx as _jsx, Fragment as _Fragment } from "@ui5/webcomponents-base/jsx-runtime";
+import { jsx as _jsx } from "@ui5/webcomponents-base/jsx-runtime";
 import Icon from "./Icon.js";
 export default function InputIconTemplate() {
-    return (_jsx(_Fragment, { children: !this.readonly &&
-            _jsx("div", { class: {
-                    "ui5-input-icon-root": true,
-                    "inputIcon": true,
-                    "inputIcon--pressed": this._pressed,
-                    "inputIcon--focused": this._focused,
-                    "inputIcon--disabled": this.disabled,
-                }, role: "button", tabindex: this.effectiveTabIndex, "aria-label": this.effectiveAriaLabel, "aria-disabled": this.disabled, title: this.effectiveTitle, onClick: this._onclick, onMouseDown: this._onmousedown, onMouseUp: this._onmouseup, onMouseLeave: this._onmouseleave, onFocus: this._onfocus, onBlur: this._onblur, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, part: "root", children: this.name && (_jsx(Icon, { name: this.name, class: "ui5-input-icon-inner", "aria-hidden": "true" })) }) }));
+    return (_jsx("div", { class: {
+            "ui5-input-icon-root": true,
+            "inputIcon": true,
+            "inputIcon--pressed": this._pressed,
+            "inputIcon--focused": this._focused,
+        }, role: "button", tabindex: -1, "aria-label": this.effectiveAriaLabel, title: this.effectiveTitle, onClick: this._onclick, onMouseDown: this._onmousedown, onMouseUp: this._onmouseup, onMouseLeave: this._onmouseleave, onFocus: this._onfocus, onBlur: this._onblur, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, part: "root", children: this.name && (_jsx(Icon, { name: this.name, class: "ui5-input-icon-inner", "aria-hidden": "true" })) }));
 }
 //# sourceMappingURL=InputIconTemplate.js.map

package/dist/InputIconTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputIconTemplate.js","sourceRoot":"","sources":["../src/InputIconTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACxC,OAAO,CACN,4BACE,CAAC,IAAI,CAAC,QAAQ;YACd,cACC,KAAK,EAAE;oBACN,qBAAqB,EAAE,IAAI;oBAC3B,WAAW,EAAE,IAAI;oBACjB,oBAAoB,EAAE,IAAI,CAAC,QAAQ;oBACnC,oBAAoB,EAAE,IAAI,CAAC,QAAQ;oBACnC,qBAAqB,EAAE,IAAI,CAAC,QAAQ;iBACpC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,IAAI,CAAC,iBAAiB,gBACpB,IAAI,CAAC,kBAAkB,mBACpB,IAAI,CAAC,QAAQ,EAC5B,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,MAAM,YAEV,IAAI,CAAC,IAAI,IAAI,CACb,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,sBAAsB,iBAChB,MAAM,GACjB,CACF,GACI,GAEL,CACH,CAAC;AACH,CAAC","sourcesContent":["import type InputIcon from \"./InputIcon.js\";\nimport Icon from \"./Icon.js\";\n\nexport default function InputIconTemplate(this: InputIcon) {\n\treturn (\n\t\t<>\n\t\t\t{!this.readonly &&\n\t\t\t\t<div\n\t\t\t\t\tclass={{\n\t\t\t\t\t\t\"ui5-input-icon-root\": true,\n\t\t\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\t\t\"inputIcon--pressed\": this._pressed,\n\t\t\t\t\t\t\"inputIcon--focused\": this._focused,\n\t\t\t\t\t\t\"inputIcon--disabled\": this.disabled,\n\t\t\t\t\t}}\n\t\t\t\t\trole=\"button\"\n\t\t\t\t\ttabindex={this.effectiveTabIndex}\n\t\t\t\t\taria-label={this.effectiveAriaLabel}\n\t\t\t\t\taria-disabled={this.disabled}\n\t\t\t\t\ttitle={this.effectiveTitle}\n\t\t\t\t\tonClick={this._onclick}\n\t\t\t\t\tonMouseDown={this._onmousedown}\n\t\t\t\t\tonMouseUp={this._onmouseup}\n\t\t\t\t\tonMouseLeave={this._onmouseleave}\n\t\t\t\t\tonFocus={this._onfocus}\n\t\t\t\t\tonBlur={this._onblur}\n\t\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t\t\tpart=\"root\"\n\t\t\t\t>\n\t\t\t\t\t{this.name && (\n\t\t\t\t\t\t<Icon\n\t\t\t\t\t\t\tname={this.name}\n\t\t\t\t\t\t\tclass=\"ui5-input-icon-inner\"\n\t\t\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t}\n\t\t</>\n\t);\n}\n"]}
+{"version":3,"file":"InputIconTemplate.js","sourceRoot":"","sources":["../src/InputIconTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,WAAW,CAAC;AAE7B,MAAM,CAAC,OAAO,UAAU,iBAAiB;IACxC,OAAO,CACN,cACC,KAAK,EAAE;YACN,qBAAqB,EAAE,IAAI;YAC3B,WAAW,EAAE,IAAI;YACjB,oBAAoB,EAAE,IAAI,CAAC,QAAQ;YACnC,oBAAoB,EAAE,IAAI,CAAC,QAAQ;SACnC,EACD,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,CAAC,gBACA,IAAI,CAAC,kBAAkB,EACnC,KAAK,EAAE,IAAI,CAAC,cAAc,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,WAAW,EAAE,IAAI,CAAC,YAAY,EAC9B,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,YAAY,EAAE,IAAI,CAAC,aAAa,EAChC,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,SAAS,EAAE,IAAI,CAAC,UAAU,EAC1B,OAAO,EAAE,IAAI,CAAC,QAAQ,EACtB,IAAI,EAAC,MAAM,YAEV,IAAI,CAAC,IAAI,IAAI,CACb,KAAC,IAAI,IACJ,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,KAAK,EAAC,sBAAsB,iBAChB,MAAM,GACjB,CACF,GACI,CACN,CAAC;AACH,CAAC","sourcesContent":["import type InputIcon from \"./InputIcon.js\";\nimport Icon from \"./Icon.js\";\n\nexport default function InputIconTemplate(this: InputIcon) {\n\treturn (\n\t\t<div\n\t\t\tclass={{\n\t\t\t\t\"ui5-input-icon-root\": true,\n\t\t\t\t\"inputIcon\": true,\n\t\t\t\t\"inputIcon--pressed\": this._pressed,\n\t\t\t\t\"inputIcon--focused\": this._focused,\n\t\t\t}}\n\t\t\trole=\"button\"\n\t\t\ttabindex={-1}\n\t\t\taria-label={this.effectiveAriaLabel}\n\t\t\ttitle={this.effectiveTitle}\n\t\t\tonClick={this._onclick}\n\t\t\tonMouseDown={this._onmousedown}\n\t\t\tonMouseUp={this._onmouseup}\n\t\t\tonMouseLeave={this._onmouseleave}\n\t\t\tonFocus={this._onfocus}\n\t\t\tonBlur={this._onblur}\n\t\t\tonKeyDown={this._onkeydown}\n\t\t\tonKeyUp={this._onkeyup}\n\t\t\tpart=\"root\"\n\t\t>\n\t\t\t{this.name && (\n\t\t\t\t<Icon\n\t\t\t\t\tname={this.name}\n\t\t\t\t\tclass=\"ui5-input-icon-inner\"\n\t\t\t\t\taria-hidden=\"true\"\n\t\t\t\t/>\n\t\t\t)}\n\t\t</div>\n\t);\n}\n"]}

package/dist/MultiComboBox.js

@@ -724,7 +724,9 @@ let MultiComboBox = MultiComboBox_1 = class MultiComboBox extends UI5Element {
         }
         else {
             this._previouslySelectedItems = this._getSelectedItems();
-            this.selectedItems?.filter(item => !item.isGroupItem).forEach(item => {
+            // Operate on all selectable items, not the stale selectedItems snapshot
+            const allSelectableItems = this._getItems().filter(item => !item.isGroupItem);
+            allSelectableItems.forEach(item => {
                 item.selected = e.target.checked;
             });
             if (!e.target.checked) {
@@ -1261,8 +1263,11 @@ let MultiComboBox = MultiComboBox_1 = class MultiComboBox extends UI5Element {
         const value = input && input.value;
         if (this.open) {
             const list = this._getList();
-            const selectedListItemsCount = this.items.filter(item => item.selected).length;
-            this._allSelected = selectedListItemsCount > 0 && ((selectedListItemsCount === this.items.length) || (list?.getSlottedNodes("items").length === selectedListItemsCount));
+            const selectableItems = this._getItems().filter(item => !item.isGroupItem);
+            const selectedListItemsCount = selectableItems.filter(item => item.selected).length;
+            const listItemsCount = list?.getSlottedNodes("items").length || 0;
+            // When filterSelected is true, only check against total items count since the list shows only selected items
+            this._allSelected = selectedListItemsCount > 0 && (selectedListItemsCount === selectableItems.length || (!this.filterSelected && listItemsCount === selectedListItemsCount));
         }
         this._effectiveShowClearIcon = (this.showClearIcon && !!this.value && !this.readonly && !this.disabled);
         if (input && !input.value) {