@ui5/webcomponents-fiori 0.0.0-037d08c67

package/dist/UserSettingsAccountViewTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsAccountViewTemplate.js","sourceRoot":"","sources":["../src/UserSettingsAccountViewTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,GAAG,MAAM,gCAAgC,CAAC;AACjD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,iBAAiB,MAAM,qDAAqD,CAAC;AACpF,OAAO,IAAI,MAAM,uCAAuC,CAAC;AACzD,OAAO,YAAY,MAAM,gDAAgD,CAAC;AAE1E,MAAM,CAAC,OAAO,UAAU,+BAA+B;IACtD,OAAO,CACN,cAAK,KAAK,EAAC,kCAAkC,YAC5C,eAAK,KAAK,EAAC,uDAAuD,aACjE,eAAK,KAAK,EAAC,2BAA2B,aACrC,MAAC,MAAM,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,SAAS,EAClF,YAAY,EAAE,iBAAiB,EAAE,KAAK,EAAC,kCAAkC,EAAC,WAAW,mBAC3F,IAAI,CAAC,QAAQ,EAAE,SAAS;oCACH,cAAK,GAAG,EAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAG,EAE1D,KAAC,GAAG,IAAC,IAAI,EAAC,OAAO,EAAC,YAAY,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,WAAW,EAAC,GAAG,EAC9D,KAAK,EAAE,IAAI,CAAC,kBAAkB,YAClC,KAAC,IAAI,IAAC,IAAI,EAAC,MAAM,EAAC,IAAI,EAAE,IAAI,GAAS,GAChC,IAEE,EACR,IAAI,CAAC,QAAQ,EAAE,SAAS;4BACN,KAAC,IAAI,IAAC,EAAE,EAAC,eAAe,EAAC,KAAK,EAAC,iCAAiC,YAAE,IAAI,CAAC,QAAQ,CAAC,SAAS,GAAQ,EAGnH,IAAI,CAAC,QAAQ,EAAE,YAAY;4BACT,KAAC,IAAI,IAAC,KAAK,EAAC,wCAAwC,YAAE,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAQ,EAE1G,IAAI,CAAC,QAAQ,EAAE,WAAW;4BACR,KAAC,IAAI,IAAC,KAAK,EAAC,uCAAuC,YAAE,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAQ,EAExG,IAAI,CAAC,iBAAiB;4BACtB,KAAC,MAAM,IAAC,EAAE,EAAC,oBAAoB,EAAC,IAAI,EAAE,YAAY,EAAE,KAAK,EAAC,+BAA+B,EACxF,OAAO,EAAE,IAAI,CAAC,yBAAyB,YAAG,IAAI,CAAC,wBAAwB,GAAU,IAE9E,EACN,gBAAa,IACR,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport Avatar from \"@ui5/webcomponents/dist/Avatar.js\";\nimport Tag from \"@ui5/webcomponents/dist/Tag.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Text from \"@ui5/webcomponents/dist/Text.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport personPlaceholder from \"@ui5/webcomponents-icons/dist/person-placeholder.js\";\nimport edit from \"@ui5/webcomponents-icons/dist/edit.js\";\nimport userSettings from \"@ui5/webcomponents-icons/dist/user-settings.js\";\n\nexport default function UserSettingsAccountViewTemplate(this: UserSettingsAccountView) {\n\treturn (\n\t\t<div class=\"ui5-user-settings-view-container\">\n\t\t\t<div class=\"ui5-user-settings-view ui5-user-settings-account-view\">\n\t\t\t\t<div class=\"ui5-user-settings-account\">\n\t\t\t\t\t<Avatar size=\"XL\" onClick={this._handleEditAvatarClick} initials={this._account?._initials}\n\t\t\t\t\t        fallbackIcon={personPlaceholder} class=\"ui5-user-settings-account-avatar\" interactive>\n\t\t\t\t\t\t{this._account?.avatarSrc &&\n                            <img src={this._account.avatarSrc}/>\n\t\t\t\t\t\t}\n\t\t\t\t\t\t<Tag slot=\"badge\" wrappingType=\"None\" design=\"Set1\" colorScheme=\"5\"\n\t\t\t\t\t\t     title={this._editAvatarTooltip}>\n\t\t\t\t\t\t\t<Icon slot=\"icon\" name={edit}></Icon>\n\t\t\t\t\t\t</Tag>\n\n\t\t\t\t\t</Avatar>\n\t\t\t\t\t{this._account?.titleText &&\n                        <Text id=\"account-title\" class=\"ui5-user-settings-account-title\">{this._account.titleText}</Text>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this._account?.subtitleText &&\n                        <Text class=\"ui5-user-settings-account-subtitleText\">{this._account.subtitleText}</Text>\n\t\t\t\t\t}\n\t\t\t\t\t{this._account?.description &&\n                        <Text class=\"ui5-user-settings-account-description\">{this._account.description}</Text>\n\t\t\t\t\t}\n\t\t\t\t\t{this.showManageAccount &&\n\t\t\t\t\t\t<Button id=\"account-manage-btn\" icon={userSettings} class=\"ui5-user-settings-account-btn\"\n\t\t\t\t\t\t\tonClick={this._handleManageAccountClick}>{this._manageAccountButtonText}</Button>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t\t<slot></slot>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/UserSettingsAppearanceView.d.ts

@@ -0,0 +1,29 @@
+import UserSettingsView from "./UserSettingsView.js";
+import type UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.js";
+import type UserSettingsAppearanceViewGroup from "./UserSettingsAppearanceViewGroup.js";
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+type UserSettingsAppearanceViewItemSelectEventDetail = {
+    item: UserSettingsAppearanceViewItem;
+};
+declare class UserSettingsAppearanceView extends UserSettingsView {
+    eventDetails: {
+        "selection-change": UserSettingsAppearanceViewItemSelectEventDetail;
+    };
+    /**
+     * Defines the items of the component.
+     *
+     * @public
+     */
+    items: DefaultSlot<UserSettingsAppearanceViewGroup | UserSettingsAppearanceViewItem>;
+    /**
+     * Defines additional content displayed below the items list.
+     *
+     * @public
+     */
+    additionalContent: Slot<HTMLElement>;
+    _getAllItems(): Array<UserSettingsAppearanceViewItem>;
+    _handleItemClick: (e: CustomEvent<ListItemClickEventDetail>) => void;
+}
+export default UserSettingsAppearanceView;
+export type { UserSettingsAppearanceViewItemSelectEventDetail, };

package/dist/UserSettingsAppearanceView.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;
+};
+import UserSettingsView from "./UserSettingsView.js";
+import UserSettingsAppearanceViewTemplate from "./UserSettingsAppearanceViewTemplate.js";
+import UserSettingViewCss from "./generated/themes/UserSettingsView.css.js";
+import { isInstanceOfUserSettingsAppearanceViewItem } from "./UserSettingsAppearanceViewItem.js";
+import { isInstanceOfUserSettingsAppearanceViewGroup } from "./UserSettingsAppearanceViewGroup.js";
+import { customElement, slotStrict as slot, eventStrict as event, } from "@ui5/webcomponents-base/dist/decorators.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+let UserSettingsAppearanceView = 
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-appearance-view` represents a view displayed in the `ui5-user-settings-item`.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceView.js";`
+ *
+ * @constructor
+ * @extends UserSettingsView
+ * @experimental
+ * @public
+ * @since 2.17.0
+ */
+class UserSettingsAppearanceView extends UserSettingsView {
+    constructor() {
+        super(...arguments);
+        this._handleItemClick = (e) => {
+            const listItem = e.detail.item;
+            if (isInstanceOfUserSettingsAppearanceViewItem(listItem)) {
+                const eventPrevented = !this.fireDecoratorEvent("selection-change", {
+                    item: listItem,
+                });
+                if (!eventPrevented) {
+                    this._getAllItems().forEach(viewItem => {
+                        viewItem.selected = false;
+                    });
+                    listItem.selected = true;
+                }
+            }
+        };
+    }
+    _getAllItems() {
+        const allItems = [];
+        this.items.forEach(item => {
+            if (isInstanceOfUserSettingsAppearanceViewGroup(item)) {
+                const groupItems = Array.from(item.children).filter(isInstanceOfUserSettingsAppearanceViewItem);
+                allItems.push(...groupItems);
+            }
+            else if (isInstanceOfUserSettingsAppearanceViewItem(item)) {
+                allItems.push(item);
+            }
+        });
+        return allItems;
+    }
+};
+__decorate([
+    slot({
+        type: HTMLElement,
+        "default": true,
+        invalidateOnChildChange: true,
+    })
+], UserSettingsAppearanceView.prototype, "items", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+    })
+], UserSettingsAppearanceView.prototype, "additionalContent", void 0);
+UserSettingsAppearanceView = __decorate([
+    customElement({
+        tag: "ui5-user-settings-appearance-view",
+        renderer: jsxRenderer,
+        template: UserSettingsAppearanceViewTemplate,
+        styles: [UserSettingViewCss],
+    })
+    /**
+     * Fired when an item is selected.
+     * @param {UserSettingsAppearanceViewItem} item The selected `user settings appearance view item`.
+     * @public
+     */
+    ,
+    event("selection-change", {
+        cancelable: true,
+    })
+    /**
+     * @class
+     * ### Overview
+     *
+     * The `ui5-user-settings-appearance-view` represents a view displayed in the `ui5-user-settings-item`.
+     *
+     * ### ES6 Module Import
+     * `import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceView.js";`
+     *
+     * @constructor
+     * @extends UserSettingsView
+     * @experimental
+     * @public
+     * @since 2.17.0
+     */
+], UserSettingsAppearanceView);
+UserSettingsAppearanceView.define();
+export default UserSettingsAppearanceView;
+//# sourceMappingURL=UserSettingsAppearanceView.js.map

package/dist/UserSettingsAppearanceView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsAppearanceView.js","sourceRoot":"","sources":["../src/UserSettingsAppearanceView.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AACrD,OAAO,kCAAkC,MAAM,yCAAyC,CAAC;AACzF,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAE5E,OAAO,EAAE,0CAA0C,EAAE,MAAM,qCAAqC,CAAC;AAEjG,OAAO,EAAE,2CAA2C,EAAE,MAAM,sCAAsC,CAAC;AAInG,OAAO,EACN,aAAa,EAAE,UAAU,IAAI,IAAI,EAAE,WAAW,IAAI,KAAK,GACvD,MAAM,4CAA4C,CAAC;AACpD,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAsC/E,IAAM,0BAA0B;AAfhC;;;;;;;;;;;;;;GAcG;AACH,MAAM,0BAA2B,SAAQ,gBAAgB;IAAzD;;QA0CC,qBAAgB,GAAG,CAAC,CAAwC,EAAE,EAAE;YAC/D,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,IAAiF,CAAC;YAC5G,IAAI,0CAA0C,CAAC,QAAQ,CAAC,EAAE,CAAC;gBAC1D,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;oBACnE,IAAI,EAAE,QAAQ;iBACd,CAAC,CAAC;gBAEH,IAAI,CAAC,cAAc,EAAE,CAAC;oBACrB,IAAI,CAAC,YAAY,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE;wBACtC,QAAQ,CAAC,QAAQ,GAAG,KAAK,CAAC;oBAC3B,CAAC,CAAC,CAAC;oBACH,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC;gBAC1B,CAAC;YACF,CAAC;QACF,CAAC,CAAC;IACH,CAAC;IA9BA,YAAY;QACX,MAAM,QAAQ,GAA0C,EAAE,CAAC;QAE3D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,2CAA2C,CAAC,IAAI,CAAC,EAAE,CAAC;gBACvD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,0CAA0C,CAAC,CAAC;gBAChG,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;YAC9B,CAAC;iBAAM,IAAI,0CAA0C,CAAC,IAAI,CAAC,EAAE,CAAC;gBAC7D,QAAQ,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;YACrB,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;IACjB,CAAC;CAiBD,CAAA;AA1CA;IALC,IAAI,CAAC;QACL,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,IAAI;QACf,uBAAuB,EAAE,IAAI;KAC7B,CAAC;yDACoF;AAUtF;IAHC,IAAI,CAAC;QACL,IAAI,EAAE,WAAW;KACjB,CAAC;qEACoC;AAzBjC,0BAA0B;IA/B/B,aAAa,CAAC;QACd,GAAG,EAAE,mCAAmC;QACxC,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,kCAAkC;QAC5C,MAAM,EAAE,CAAC,kBAAkB,CAAC;KAC5B,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,kBAAkB,EAAE;QAC1B,UAAU,EAAE,IAAI;KAChB,CAAC;IAEF;;;;;;;;;;;;;;OAcG;GACG,0BAA0B,CAyD/B;AAED,0BAA0B,CAAC,MAAM,EAAE,CAAC;AACpC,eAAe,0BAA0B,CAAC","sourcesContent":["import UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAppearanceViewTemplate from \"./UserSettingsAppearanceViewTemplate.js\";\nimport UserSettingViewCss from \"./generated/themes/UserSettingsView.css.js\";\nimport type UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport { isInstanceOfUserSettingsAppearanceViewItem } from \"./UserSettingsAppearanceViewItem.js\";\nimport type UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport { isInstanceOfUserSettingsAppearanceViewGroup } from \"./UserSettingsAppearanceViewGroup.js\";\nimport type { ListItemClickEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport type ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\n\nimport {\n\tcustomElement, slotStrict as slot, eventStrict as event,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { DefaultSlot, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\ntype UserSettingsAppearanceViewItemSelectEventDetail = {\n\titem: UserSettingsAppearanceViewItem;\n}\n\n@customElement({\n\ttag: \"ui5-user-settings-appearance-view\",\n\trenderer: jsxRenderer,\n\ttemplate: UserSettingsAppearanceViewTemplate,\n\tstyles: [UserSettingViewCss],\n})\n\n/**\n * Fired when an item is selected.\n * @param {UserSettingsAppearanceViewItem} item The selected `user settings appearance view item`.\n * @public\n */\n@event(\"selection-change\", {\n\tcancelable: true,\n})\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-appearance-view` represents a view displayed in the `ui5-user-settings-item`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsAppearanceView.js\";`\n *\n * @constructor\n * @extends UserSettingsView\n * @experimental\n * @public\n * @since 2.17.0\n */\nclass UserSettingsAppearanceView extends UserSettingsView {\n\teventDetails!: {\n\t\t\"selection-change\": UserSettingsAppearanceViewItemSelectEventDetail;\n\t}\n\n\t/**\n\t * Defines the items of the component.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\t\"default\": true,\n\t\tinvalidateOnChildChange: true,\n\t})\n\titems!: DefaultSlot<UserSettingsAppearanceViewGroup | UserSettingsAppearanceViewItem>;\n\n\t/**\n\t * Defines additional content displayed below the items list.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t})\n\tadditionalContent!: Slot<HTMLElement>;\n\n\t_getAllItems(): Array<UserSettingsAppearanceViewItem> {\n\t\tconst allItems: Array<UserSettingsAppearanceViewItem> = [];\n\n\t\tthis.items.forEach(item => {\n\t\t\tif (isInstanceOfUserSettingsAppearanceViewGroup(item)) {\n\t\t\t\tconst groupItems = Array.from(item.children).filter(isInstanceOfUserSettingsAppearanceViewItem);\n\t\t\t\tallItems.push(...groupItems);\n\t\t\t} else if (isInstanceOfUserSettingsAppearanceViewItem(item)) {\n\t\t\t\tallItems.push(item);\n\t\t\t}\n\t\t});\n\n\t\treturn allItems;\n\t}\n\n\t_handleItemClick = (e: CustomEvent<ListItemClickEventDetail>) => {\n\t\tconst listItem = e.detail.item as ListItemBase & { associatedSettingItem?: UserSettingsAppearanceViewItem };\n\t\tif (isInstanceOfUserSettingsAppearanceViewItem(listItem)) {\n\t\t\tconst eventPrevented = !this.fireDecoratorEvent(\"selection-change\", {\n\t\t\t\titem: listItem,\n\t\t\t});\n\n\t\t\tif (!eventPrevented) {\n\t\t\t\tthis._getAllItems().forEach(viewItem => {\n\t\t\t\t\tviewItem.selected = false;\n\t\t\t\t});\n\t\t\t\tlistItem.selected = true;\n\t\t\t}\n\t\t}\n\t};\n}\n\nUserSettingsAppearanceView.define();\nexport default UserSettingsAppearanceView;\nexport type {\n\tUserSettingsAppearanceViewItemSelectEventDetail,\n};\n"]}

package/dist/UserSettingsAppearanceViewGroup.d.ts

@@ -0,0 +1,30 @@
+import ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import type UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.js";
+import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-appearance-view-group` is a special list item group used to group appearance view items.
+ *
+ * This is the item to use inside a `ui5-user-settings-appearance-view`.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewGroup.js";`
+ *
+ * @constructor
+ * @extends ListItemGroup
+ * @experimental
+ * @public
+ * @since 2.17.0
+ */
+declare class UserSettingsAppearanceViewGroup extends ListItemGroup {
+    /**
+     * Defines the items of the <code>ui5-user-settings-appearance-view-group</code>.
+     * @public
+     */
+    items: DefaultSlot<UserSettingsAppearanceViewItem>;
+    get isUserSettingsAppearanceViewGroup(): boolean;
+}
+export declare const isInstanceOfUserSettingsAppearanceViewGroup: (object: any) => object is UserSettingsAppearanceViewGroup;
+export default UserSettingsAppearanceViewGroup;

package/dist/UserSettingsAppearanceViewGroup.js

@@ -0,0 +1,48 @@
+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;
+};
+import ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-appearance-view-group` is a special list item group used to group appearance view items.
+ *
+ * This is the item to use inside a `ui5-user-settings-appearance-view`.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewGroup.js";`
+ *
+ * @constructor
+ * @extends ListItemGroup
+ * @experimental
+ * @public
+ * @since 2.17.0
+ */
+let UserSettingsAppearanceViewGroup = class UserSettingsAppearanceViewGroup extends ListItemGroup {
+    get isUserSettingsAppearanceViewGroup() {
+        return true;
+    }
+};
+__decorate([
+    slot({
+        "default": true,
+        invalidateOnChildChange: true,
+        type: HTMLElement,
+    })
+], UserSettingsAppearanceViewGroup.prototype, "items", void 0);
+UserSettingsAppearanceViewGroup = __decorate([
+    customElement({
+        tag: "ui5-user-settings-appearance-view-group",
+    })
+], UserSettingsAppearanceViewGroup);
+UserSettingsAppearanceViewGroup.define();
+export const isInstanceOfUserSettingsAppearanceViewGroup = createInstanceChecker("isUserSettingsAppearanceViewGroup");
+export default UserSettingsAppearanceViewGroup;
+//# sourceMappingURL=UserSettingsAppearanceViewGroup.js.map

package/dist/UserSettingsAppearanceViewGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsAppearanceViewGroup.js","sourceRoot":"","sources":["../src/UserSettingsAppearanceViewGroup.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,qBAAqB,MAAM,4DAA4D,CAAC;AAI/F;;;;;;;;;;;;;;;;GAgBG;AAIH,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,aAAa;IAY1D,IAAI,iCAAiC;QACpC,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AALQ;IALP,IAAI,CAAC;QACL,SAAS,EAAE,IAAI;QACf,uBAAuB,EAAE,IAAI;QAC7B,IAAI,EAAE,WAAW;KACjB,CAAC;8DACyD;AAVtD,+BAA+B;IAHpC,aAAa,CAAC;QACd,GAAG,EAAE,yCAAyC;KAC9C,CAAC;GACI,+BAA+B,CAepC;AAED,+BAA+B,CAAC,MAAM,EAAE,CAAC;AAEzC,MAAM,CAAC,MAAM,2CAA2C,GAAG,qBAAqB,CAAkC,mCAAmC,CAAC,CAAC;AACvJ,eAAe,+BAA+B,CAAC","sourcesContent":["import ListItemGroup from \"@ui5/webcomponents/dist/ListItemGroup.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\nimport type UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-appearance-view-group` is a special list item group used to group appearance view items.\n *\n * This is the item to use inside a `ui5-user-settings-appearance-view`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewGroup.js\";`\n *\n * @constructor\n * @extends ListItemGroup\n * @experimental\n * @public\n * @since 2.17.0\n */\n@customElement({\n\ttag: \"ui5-user-settings-appearance-view-group\",\n})\nclass UserSettingsAppearanceViewGroup extends ListItemGroup {\n\t/**\n\t * Defines the items of the <code>ui5-user-settings-appearance-view-group</code>.\n\t * @public\n\t */\n\t@slot({\n\t\t\"default\": true,\n\t\tinvalidateOnChildChange: true,\n\t\ttype: HTMLElement,\n\t})\n\tdeclare items: DefaultSlot<UserSettingsAppearanceViewItem>;\n\n\tget isUserSettingsAppearanceViewGroup(): boolean {\n\t\treturn true;\n\t}\n}\n\nUserSettingsAppearanceViewGroup.define();\n\nexport const isInstanceOfUserSettingsAppearanceViewGroup = createInstanceChecker<UserSettingsAppearanceViewGroup>(\"isUserSettingsAppearanceViewGroup\");\nexport default UserSettingsAppearanceViewGroup;\n"]}

package/dist/UserSettingsAppearanceViewItem.d.ts

@@ -0,0 +1,31 @@
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import "@ui5/webcomponents-icons/dist/product.js";
+declare class UserSettingsAppearanceViewItem extends ListItemCustom {
+    /**
+     * Defines the unique identifier of the item.
+     * @default ""
+     * @public
+     */
+    itemKey: string;
+    /**
+     * Defines the text label displayed for the appearance item.
+     * @default ""
+     * @public
+     */
+    text: string;
+    /**
+     * Defines the icon of the appearance item.
+     * @default "product"
+     * @public
+     */
+    icon: string;
+    /**
+     * Defines the color scheme of the avatar.
+     * @default "Accent7"
+     * @public
+     */
+    colorScheme: string;
+    get isUserSettingsAppearanceViewItem(): boolean;
+}
+export declare const isInstanceOfUserSettingsAppearanceViewItem: (object: any) => object is UserSettingsAppearanceViewItem;
+export default UserSettingsAppearanceViewItem;

package/dist/UserSettingsAppearanceViewItem.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;
+};
+import UserSettingViewCss from "./generated/themes/UserSettingsView.css.js";
+import UserSettingsAppearanceViewItemTemplate from "./UserSettingsAppearanceViewItemTemplate.js";
+import UserSettingsAppearanceViewItemCss from "./generated/themes/UserSettingsAppearanceViewItem.css.js";
+import { customElement, property, } from "@ui5/webcomponents-base/dist/decorators.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
+// Import default icon used by appearance view items
+import "@ui5/webcomponents-icons/dist/product.js";
+let UserSettingsAppearanceViewItem = 
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-appearance-view-item` represents a theme/appearance option item
+ * within the `ui5-user-settings-appearance-view`.
+ *
+ * It displays a theme with an avatar icon, text label, and can be selected.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewItem.js";`
+ *
+ * @constructor
+ * @extends ListItemCustom
+ * @experimental
+ * @public
+ * @since 2.17.0
+ */
+class UserSettingsAppearanceViewItem extends ListItemCustom {
+    constructor() {
+        super(...arguments);
+        /**
+         * Defines the unique identifier of the item.
+         * @default ""
+         * @public
+         */
+        this.itemKey = "";
+        /**
+         * Defines the text label displayed for the appearance item.
+         * @default ""
+         * @public
+         */
+        this.text = "";
+        /**
+         * Defines the icon of the appearance item.
+         * @default "product"
+         * @public
+         */
+        this.icon = "product";
+        /**
+         * Defines the color scheme of the avatar.
+         * @default "Accent7"
+         * @public
+         */
+        this.colorScheme = "Accent7";
+    }
+    get isUserSettingsAppearanceViewItem() {
+        return true;
+    }
+};
+__decorate([
+    property()
+], UserSettingsAppearanceViewItem.prototype, "itemKey", void 0);
+__decorate([
+    property()
+], UserSettingsAppearanceViewItem.prototype, "text", void 0);
+__decorate([
+    property()
+], UserSettingsAppearanceViewItem.prototype, "icon", void 0);
+__decorate([
+    property()
+], UserSettingsAppearanceViewItem.prototype, "colorScheme", void 0);
+UserSettingsAppearanceViewItem = __decorate([
+    customElement({
+        tag: "ui5-user-settings-appearance-view-item",
+        renderer: jsxRenderer,
+        template: UserSettingsAppearanceViewItemTemplate,
+        styles: [ListItemCustom.styles, UserSettingViewCss, UserSettingsAppearanceViewItemCss],
+    })
+    /**
+     * @class
+     * ### Overview
+     *
+     * The `ui5-user-settings-appearance-view-item` represents a theme/appearance option item
+     * within the `ui5-user-settings-appearance-view`.
+     *
+     * It displays a theme with an avatar icon, text label, and can be selected.
+     *
+     * ### ES6 Module Import
+     * `import "@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewItem.js";`
+     *
+     * @constructor
+     * @extends ListItemCustom
+     * @experimental
+     * @public
+     * @since 2.17.0
+     */
+], UserSettingsAppearanceViewItem);
+UserSettingsAppearanceViewItem.define();
+export const isInstanceOfUserSettingsAppearanceViewItem = createInstanceChecker("isUserSettingsAppearanceViewItem");
+export default UserSettingsAppearanceViewItem;
+//# sourceMappingURL=UserSettingsAppearanceViewItem.js.map

package/dist/UserSettingsAppearanceViewItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsAppearanceViewItem.js","sourceRoot":"","sources":["../src/UserSettingsAppearanceViewItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,kBAAkB,MAAM,4CAA4C,CAAC;AAC5E,OAAO,sCAAsC,MAAM,6CAA6C,CAAC;AACjG,OAAO,iCAAiC,MAAM,0DAA0D,CAAC;AACzG,OAAO,EACN,aAAa,EAAE,QAAQ,GACvB,MAAM,4CAA4C,CAAC;AACpD,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,cAAc,MAAM,2CAA2C,CAAC;AACvE,OAAO,qBAAqB,MAAM,4DAA4D,CAAC;AAE/F,oDAAoD;AACpD,OAAO,0CAA0C,CAAC;AA2BlD,IAAM,8BAA8B;AAlBpC;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,8BAA+B,SAAQ,cAAc;IAA3D;;QACC;;;;WAIG;QAEH,YAAO,GAAG,EAAE,CAAC;QAEb;;;;WAIG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;;;WAIG;QAEH,SAAI,GAAG,SAAS,CAAC;QAEjB;;;;WAIG;QAEH,gBAAW,GAAG,SAAS,CAAC;IAKzB,CAAC;IAHA,IAAI,gCAAgC;QACnC,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AA7BA;IADC,QAAQ,EAAE;+DACE;AAQb;IADC,QAAQ,EAAE;4DACD;AAQV;IADC,QAAQ,EAAE;4DACM;AAQjB;IADC,QAAQ,EAAE;mEACa;AA/BnB,8BAA8B;IAzBnC,aAAa,CAAC;QACd,GAAG,EAAE,wCAAwC;QAC7C,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,sCAAsC;QAChD,MAAM,EAAE,CAAC,cAAc,CAAC,MAAM,EAAE,kBAAkB,EAAE,iCAAiC,CAAC;KACtF,CAAC;IAEF;;;;;;;;;;;;;;;;;OAiBG;GACG,8BAA8B,CAoCnC;AAED,8BAA8B,CAAC,MAAM,EAAE,CAAC;AAExC,MAAM,CAAC,MAAM,0CAA0C,GAAG,qBAAqB,CAAiC,kCAAkC,CAAC,CAAC;AACpJ,eAAe,8BAA8B,CAAC","sourcesContent":["import UserSettingViewCss from \"./generated/themes/UserSettingsView.css.js\";\nimport UserSettingsAppearanceViewItemTemplate from \"./UserSettingsAppearanceViewItemTemplate.js\";\nimport UserSettingsAppearanceViewItemCss from \"./generated/themes/UserSettingsAppearanceViewItem.css.js\";\nimport {\n\tcustomElement, property,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ListItemCustom from \"@ui5/webcomponents/dist/ListItemCustom.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\n\n// Import default icon used by appearance view items\nimport \"@ui5/webcomponents-icons/dist/product.js\";\n\n@customElement({\n\ttag: \"ui5-user-settings-appearance-view-item\",\n\trenderer: jsxRenderer,\n\ttemplate: UserSettingsAppearanceViewItemTemplate,\n\tstyles: [ListItemCustom.styles, UserSettingViewCss, UserSettingsAppearanceViewItemCss],\n})\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-appearance-view-item` represents a theme/appearance option item\n * within the `ui5-user-settings-appearance-view`.\n *\n * It displays a theme with an avatar icon, text label, and can be selected.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsAppearanceViewItem.js\";`\n *\n * @constructor\n * @extends ListItemCustom\n * @experimental\n * @public\n * @since 2.17.0\n */\nclass UserSettingsAppearanceViewItem extends ListItemCustom {\n\t/**\n\t * Defines the unique identifier of the item.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\titemKey = \"\";\n\n\t/**\n\t * Defines the text label displayed for the appearance item.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttext = \"\";\n\n\t/**\n\t * Defines the icon of the appearance item.\n\t * @default \"product\"\n\t * @public\n\t */\n\t@property()\n\ticon = \"product\";\n\n\t/**\n\t * Defines the color scheme of the avatar.\n\t * @default \"Accent7\"\n\t * @public\n\t */\n\t@property()\n\tcolorScheme = \"Accent7\";\n\n\tget isUserSettingsAppearanceViewItem(): boolean {\n\t\treturn true;\n\t}\n}\n\nUserSettingsAppearanceViewItem.define();\n\nexport const isInstanceOfUserSettingsAppearanceViewItem = createInstanceChecker<UserSettingsAppearanceViewItem>(\"isUserSettingsAppearanceViewItem\");\nexport default UserSettingsAppearanceViewItem;\n"]}

package/dist/UserSettingsAppearanceViewItemTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.js";
+export default function UserSettingsAppearanceViewItemTemplate(this: UserSettingsAppearanceViewItem): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UserSettingsAppearanceViewItemTemplate.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import ListItemCustomTemplate from "@ui5/webcomponents/dist/ListItemCustomTemplate.js";
+import Avatar from "@ui5/webcomponents/dist/Avatar.js";
+import AvatarSize from "@ui5/webcomponents/dist/types/AvatarSize.js";
+export default function UserSettingsAppearanceViewItemTemplate() {
+    return ListItemCustomTemplate.call(this, {
+        listItemContent: listItemContent.bind(this),
+    });
+}
+function listItemContent() {
+    return (_jsx("div", { class: "list-item", children: _jsxs("div", { class: "item-left", children: [_jsx(Avatar, { class: "avatar-cozy", shape: "Square", icon: this.icon, "color-scheme": this.colorScheme, size: AvatarSize.S }), _jsx(Avatar, { class: "avatar-compact", shape: "Square", icon: this.icon, "color-scheme": this.colorScheme, size: AvatarSize.XS }), _jsx("div", { class: "item-texts", children: _jsx("span", { class: "item-title", children: this.text }) })] }) }));
+}
+//# sourceMappingURL=UserSettingsAppearanceViewItemTemplate.js.map

package/dist/UserSettingsAppearanceViewItemTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsAppearanceViewItemTemplate.js","sourceRoot":"","sources":["../src/UserSettingsAppearanceViewItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,sBAAsB,MAAM,mDAAmD,CAAC;AACvF,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,UAAU,MAAM,6CAA6C,CAAC;AAErE,MAAM,CAAC,OAAO,UAAU,sCAAsC;IAC7D,OAAO,sBAAsB,CAAC,IAAI,CAAC,IAAI,EAAE;QACxC,eAAe,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;KAC3C,CAAC,CAAC;AACJ,CAAC;AAED,SAAS,eAAe;IACvB,OAAO,CACN,cAAK,KAAK,EAAC,WAAW,YACrB,eAAK,KAAK,EAAC,WAAW,aAErB,KAAC,MAAM,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,kBAAgB,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,CAAC,GAAW,EACzH,KAAC,MAAM,IAAC,KAAK,EAAC,gBAAgB,EAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAE,IAAI,CAAC,IAAI,kBAAgB,IAAI,CAAC,WAAW,EAAE,IAAI,EAAE,UAAU,CAAC,EAAE,GAAW,EAC7H,cAAK,KAAK,EAAC,YAAY,YACtB,eAAM,KAAK,EAAC,YAAY,YAAE,IAAI,CAAC,IAAI,GAAQ,GACtC,IACD,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport ListItemCustomTemplate from \"@ui5/webcomponents/dist/ListItemCustomTemplate.js\";\nimport Avatar from \"@ui5/webcomponents/dist/Avatar.js\";\nimport AvatarSize from \"@ui5/webcomponents/dist/types/AvatarSize.js\";\n\nexport default function UserSettingsAppearanceViewItemTemplate(this: UserSettingsAppearanceViewItem) {\n\treturn ListItemCustomTemplate.call(this, {\n\t\tlistItemContent: listItemContent.bind(this),\n\t});\n}\n\nfunction listItemContent(this: UserSettingsAppearanceViewItem) {\n\treturn (\n\t\t<div class=\"list-item\">\n\t\t\t<div class=\"item-left\">\n\t\t\t\t{/* Two avatars are rendered for different content density modes - CSS controls visibility */}\n\t\t\t\t<Avatar class=\"avatar-cozy\" shape=\"Square\" icon={this.icon} color-scheme={this.colorScheme} size={AvatarSize.S}></Avatar>\n\t\t\t\t<Avatar class=\"avatar-compact\" shape=\"Square\" icon={this.icon} color-scheme={this.colorScheme} size={AvatarSize.XS}></Avatar>\n\t\t\t\t<div class=\"item-texts\">\n\t\t\t\t\t<span class=\"item-title\">{this.text}</span>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/UserSettingsAppearanceViewTemplate.d.ts

@@ -0,0 +1,2 @@
+import type UserSettingsAppearanceView from "./UserSettingsAppearanceView.js";
+export default function UserSettingsAppearanceViewTemplate(this: UserSettingsAppearanceView): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/UserSettingsAppearanceViewTemplate.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import List from "@ui5/webcomponents/dist/List.js";
+export default function UserSettingsAppearanceViewTemplate() {
+    return (_jsx("div", { class: "ui5-user-settings-view-container", children: _jsxs("div", { class: "ui5-user-settings-view", children: [_jsx("slot", { name: "additionalContent" }), _jsx(List, { "header-text": this.text, class: "user-settings-appearance-view-list", onItemClick: this._handleItemClick, children: _jsx("slot", {}) })] }) }));
+}
+//# sourceMappingURL=UserSettingsAppearanceViewTemplate.js.map

package/dist/UserSettingsAppearanceViewTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsAppearanceViewTemplate.js","sourceRoot":"","sources":["../src/UserSettingsAppearanceViewTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,kCAAkC;IACzD,OAAO,CACN,cAAK,KAAK,EAAC,kCAAkC,YAC5C,eAAK,KAAK,EAAC,wBAAwB,aAClC,eAAM,IAAI,EAAC,mBAAmB,GAAQ,EACtC,KAAC,IAAI,mBAAc,IAAI,CAAC,IAAI,EAAE,KAAK,EAAC,oCAAoC,EAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,YAC1G,gBAAa,GACP,IACF,GACD,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport List from \"@ui5/webcomponents/dist/List.js\";\n\nexport default function UserSettingsAppearanceViewTemplate(this: UserSettingsAppearanceView) {\n\treturn (\n\t\t<div class=\"ui5-user-settings-view-container\">\n\t\t\t<div class=\"ui5-user-settings-view\">\n\t\t\t\t<slot name=\"additionalContent\"></slot>\n\t\t\t\t<List header-text={this.text} class=\"user-settings-appearance-view-list\" onItemClick={this._handleItemClick} >\n\t\t\t\t\t<slot></slot>\n\t\t\t\t</List>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"]}

package/dist/UserSettingsDialog.d.ts

@@ -0,0 +1,119 @@
+import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { Slot, DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { InputEventDetail } from "@ui5/webcomponents/dist/Input.js";
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { PopupBeforeCloseEventDetail } from "@ui5/webcomponents/dist/Popup.js";
+import type UserSettingsItem from "./UserSettingsItem.js";
+type UserSettingsItemSelectEventDetail = {
+    item: UserSettingsItem;
+};
+type UserSettingsBeforeCloseEventDetail = PopupBeforeCloseEventDetail;
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-dialog` is an SAP Fiori-specific web component used in the `ui5-user-menu`.
+ * It allows the user to easily view information and settings for an account.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsDialog.js";`
+ *
+ * @constructor
+ * @extends UI5Element
+ * @experimental
+ * @public
+ * @since 2.8.0
+ */
+declare class UserSettingsDialog extends UI5Element {
+    eventDetails: {
+        "selection-change": UserSettingsItemSelectEventDetail;
+        "open": void;
+        "before-close": UserSettingsBeforeCloseEventDetail;
+        "close": void;
+    };
+    /**
+     * Defines, if the User Settings Dialog is opened.
+     *
+     * @default false
+     * @public
+     */
+    open: boolean;
+    /**
+     * Defines the headerText of the item.
+     *
+     * @public
+     * @default undefined
+     */
+    headerText?: string;
+    /**
+     * Defines if the Search Field would be displayed.
+     *
+     * **Note:** By default the Search Field is not displayed.
+     * @default false
+     * @public
+     */
+    showSearchField: boolean;
+    /**
+     * Defines the user settings items.
+     *
+     * **Note:**  If no setting item is set as `selected`, the first one will be selected.
+     * @public
+     */
+    items: DefaultSlot<UserSettingsItem>;
+    /**
+     * Defines the fixed user settings items.
+     *
+     * @public
+     */
+    fixedItems: Slot<UserSettingsItem>;
+    static i18nBundle: I18nBundle;
+    /**
+     * @private
+     */
+    _searchValue: string;
+    /**
+     * @private
+     */
+    _collapsed: boolean;
+    /**
+     * @private
+     */
+    _selectedSetting?: UserSettingsItem;
+    /**
+     * @private
+     */
+    _filteredItems: Array<UserSettingsItem>;
+    /**
+     * @private
+     */
+    _filteredFixedItems: Array<UserSettingsItem>;
+    /**
+     * @private
+     */
+    _showNoSearchResult: boolean;
+    /**
+     * Defines the current media query size.
+     * @private
+     */
+    _mediaRange?: any;
+    onBeforeRendering(): void;
+    _handleItemClick(e: CustomEvent<ListItemClickEventDetail>): void;
+    _handleDialogAfterOpen(): void;
+    _handleDialogBeforeClose(e: CustomEvent<PopupBeforeCloseEventDetail>): void;
+    _handleDialogAfterClose(): void;
+    get accessibleNameText(): string;
+    get ariaRoleDescList(): string;
+    get closeButtonText(): string;
+    get noSearchResultsText(): string;
+    get _selectedItemSlotName(): string | undefined;
+    get _showSettingWithNavigation(): boolean;
+    _handleCloseButtonClick(): void;
+    _handleCollapseClick(): void;
+    _handleInput(e: CustomEvent<InputEventDetail>): void;
+    captureRef(ref: HTMLElement & {
+        associatedSettingItem?: UI5Element;
+    } | null): void;
+}
+export default UserSettingsDialog;
+export type { UserSettingsItemSelectEventDetail, UserSettingsBeforeCloseEventDetail, };