@ui5/webcomponents-fiori 0.0.0-df5b4199a → 0.0.0-e03cd01f3

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 { customElement, 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 (listItem.tagName === "UI5-USER-SETTINGS-APPEARANCE-VIEW-ITEM") {
+                const item = listItem;
+                const eventPrevented = !this.fireDecoratorEvent("selection-change", {
+                    item,
+                });
+                if (!eventPrevented) {
+                    this._getAllItems().forEach(viewItem => {
+                        viewItem.selected = false;
+                    });
+                    item.selected = true;
+                }
+            }
+        };
+    }
+    _getAllItems() {
+        const allItems = [];
+        this.items.forEach(item => {
+            if (item.tagName === "UI5-USER-SETTINGS-APPEARANCE-VIEW-GROUP") {
+                const group = item;
+                const groupItems = Array.from(group.children).filter(child => child.tagName === "UI5-USER-SETTINGS-APPEARANCE-VIEW-ITEM");
+                allItems.push(...groupItems);
+            }
+            else if (item.tagName === "UI5-USER-SETTINGS-APPEARANCE-VIEW-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;AAM5E,OAAO,EACN,aAAa,EAAE,IAAI,EAAE,WAAW,IAAI,KAAK,GACzC,MAAM,4CAA4C,CAAC;AACpD,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAqC/E,IAAM,0BAA0B;AAfhC;;;;;;;;;;;;;;GAcG;AACH,MAAM,0BAA2B,SAAQ,gBAAgB;IAAzD;;QA6CC,qBAAgB,GAAG,CAAC,CAAwC,EAAE,EAAE;YAC/D,MAAM,QAAQ,GAAG,CAAC,CAAC,MAAM,CAAC,IAAiF,CAAC;YAC5G,IAAI,QAAQ,CAAC,OAAO,KAAK,wCAAwC,EAAE,CAAC;gBACnE,MAAM,IAAI,GAAG,QAA0C,CAAC;gBACxD,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;oBACnE,IAAI;iBACJ,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,IAAI,CAAC,QAAQ,GAAG,IAAI,CAAC;gBACtB,CAAC;YACF,CAAC;QACF,CAAC,CAAC;IACH,CAAC;IAlCA,YAAY;QACX,MAAM,QAAQ,GAA0C,EAAE,CAAC;QAE3D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,IAAI,CAAC,OAAO,KAAK,yCAAyC,EAAE,CAAC;gBAChE,MAAM,KAAK,GAAG,IAAuC,CAAC;gBACtD,MAAM,UAAU,GAAG,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,MAAM,CACnD,KAAK,CAAC,EAAE,CAAC,KAAK,CAAC,OAAO,KAAK,wCAAwC,CAC1B,CAAC;gBAC3C,QAAQ,CAAC,IAAI,CAAC,GAAG,UAAU,CAAC,CAAC;YAC9B,CAAC;iBAAM,IAAI,IAAI,CAAC,OAAO,KAAK,wCAAwC,EAAE,CAAC;gBACtE,QAAQ,CAAC,IAAI,CAAC,IAAsC,CAAC,CAAC;YACvD,CAAC;QACF,CAAC,CAAC,CAAC;QAEH,OAAO,QAAQ,CAAC;IACjB,CAAC;CAkBD,CAAA;AA9CA;IALC,IAAI,CAAC;QACL,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,IAAI;QACf,uBAAuB,EAAE,IAAI;KAC7B,CAAC;yDAC8E;AAUhF;IAHC,IAAI,CAAC;QACL,IAAI,EAAE,WAAW;KACjB,CAAC;qEACqC;AAzBlC,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,CA6D/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 type UserSettingsAppearanceViewGroup 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, slot, eventStrict as event,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.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!: Array<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?: Array<HTMLElement>;\n\n\t_getAllItems(): Array<UserSettingsAppearanceViewItem> {\n\t\tconst allItems: Array<UserSettingsAppearanceViewItem> = [];\n\n\t\tthis.items.forEach(item => {\n\t\t\tif (item.tagName === \"UI5-USER-SETTINGS-APPEARANCE-VIEW-GROUP\") {\n\t\t\t\tconst group = item as UserSettingsAppearanceViewGroup;\n\t\t\t\tconst groupItems = Array.from(group.children).filter(\n\t\t\t\t\tchild => child.tagName === \"UI5-USER-SETTINGS-APPEARANCE-VIEW-ITEM\",\n\t\t\t\t) as Array<UserSettingsAppearanceViewItem>;\n\t\t\t\tallItems.push(...groupItems);\n\t\t\t} else if (item.tagName === \"UI5-USER-SETTINGS-APPEARANCE-VIEW-ITEM\") {\n\t\t\t\tallItems.push(item as UserSettingsAppearanceViewItem);\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 (listItem.tagName === \"UI5-USER-SETTINGS-APPEARANCE-VIEW-ITEM\") {\n\t\t\tconst item = listItem as UserSettingsAppearanceViewItem;\n\t\t\tconst eventPrevented = !this.fireDecoratorEvent(\"selection-change\", {\n\t\t\t\titem,\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\titem.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,27 @@
+import ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import type UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.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: Array<UserSettingsAppearanceViewItem>;
+}
+export default UserSettingsAppearanceViewGroup;

package/dist/UserSettingsAppearanceViewGroup.js

@@ -0,0 +1,43 @@
+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.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 {
+};
+__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 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,iDAAiD,CAAC;AAGnE;;;;;;;;;;;;;;;;GAgBG;AAIH,IAAM,+BAA+B,GAArC,MAAM,+BAAgC,SAAQ,aAAa;CAW1D,CAAA;AADQ;IALP,IAAI,CAAC;QACL,SAAS,EAAE,IAAI;QACf,uBAAuB,EAAE,IAAI;QAC7B,IAAI,EAAE,WAAW;KACjB,CAAC;8DACmD;AAVhD,+BAA+B;IAHpC,aAAa,CAAC;QACd,GAAG,EAAE,yCAAyC;KAC9C,CAAC;GACI,+BAA+B,CAWpC;AAED,+BAA+B,CAAC,MAAM,EAAE,CAAC;AACzC,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.js\";\nimport type UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.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: Array<UserSettingsAppearanceViewItem>;\n}\n\nUserSettingsAppearanceViewGroup.define();\nexport default UserSettingsAppearanceViewGroup;\n"]}

package/dist/UserSettingsAppearanceViewItem.d.ts

@@ -0,0 +1,29 @@
+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;
+}
+export default UserSettingsAppearanceViewItem;

package/dist/UserSettingsAppearanceViewItem.js

@@ -0,0 +1,103 @@
+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 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";
+    }
+};
+__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 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;AAEvE,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;IACzB,CAAC;CAAA,CAAA;AAzBA;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,CAgCnC;AAED,8BAA8B,CAAC,MAAM,EAAE,CAAC;AACxC,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\";\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\nUserSettingsAppearanceViewItem.define();\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/UserSettingsItemTemplate.js

@@ -15,6 +15,6 @@ export default function UserSettingsItemTemplate() {
                     :
                         null });
     const loadingState = _jsx("div", { class: "ui5-user-settings-item-loading-container", children: _jsx(BusyIndicator, { active: this.loading, class: "ui5-user-settings-item-busy", delay: 0, "aria-description": this.loadingReason }) });
-    return (_jsxs("div", { class: "ui5-user-settings-item", children: [_jsx("header", { class: "ui5-user-settings-item-header-container", tabindex: 0, children: _jsxs("div", { class: "ui5-user-settings-item-header", children: [_jsx(Button, { icon: "nav-back", design: "Transparent", onClick: this._handleBackButtonClick, class: "ui5-user-settings-item-collapse-btn", style: { display: this._shouldShowBackButton ? "block" : "" } }), _jsx(Title, { level: "H2", size: "H4", children: this._hasSelectedPageView ? this._selectedPageView.text : this.headerText })] }) }), this.loading ? loadingState : content] }));
+    return (_jsxs("div", { class: "ui5-user-settings-item", children: [_jsx("header", { class: "ui5-user-settings-item-header-container", children: _jsxs("div", { class: "ui5-user-settings-item-header", children: [_jsx(Button, { icon: "nav-back", design: "Transparent", onClick: this._handleBackButtonClick, class: "ui5-user-settings-item-collapse-btn", style: { display: this._shouldShowBackButton ? "block" : "" } }), _jsx(Title, { level: "H2", size: "H4", children: this._hasSelectedPageView ? this._selectedPageView.text : this.headerText })] }) }), this.loading ? loadingState : content] }));
 }
 //# sourceMappingURL=UserSettingsItemTemplate.js.map

package/dist/UserSettingsItemTemplate.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsItemTemplate.js","sourceRoot":"","sources":["../src/UserSettingsItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,GAAG,MAAM,gCAAgC,CAAC;AACjD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,wCAAwC,CAAC;AAChD,OAAO,2CAA2C,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,wBAAwB;IAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACnE,KAAC,YAAY,IAAC,uBAAuB,EAAC,aAAa,EAAC,KAAK,EAAC,6BAA6B,EAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,YACxH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACrB,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,YAC7E,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAI,GAC/B,CACN,GACa;QACf,CAAC;YACD,4BACE,IAAI,CAAC,iBAAiB,CAAC,CAAC;oBACxB,cAAK,KAAK,EAAC,uCAAuC,YACjD,eAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,eAAe,GAAI,GACjD;oBACN,CAAC;wBACD,IAAI,GAEH,CAAC;IAEL,MAAM,YAAY,GAAG,cAAK,KAAK,EAAC,0CAA0C,YACzE,KAAC,aAAa,IACb,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,KAAK,EAAC,6BAA6B,EACnC,KAAK,EAAE,CAAC,sBACU,IAAI,CAAC,aAAa,GACrB,GACX,CAAC;IAEP,OAAO,CACN,eAAK,KAAK,EAAC,wBAAwB,aAClC,iBAAQ,KAAK,EAAC,yCAAyC,EAAC,QAAQ,EAAE,CAAC,YAClE,eAAK,KAAK,EAAC,+BAA+B,aACzC,KAAC,MAAM,IAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAC,qCAAqC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,GAAW,EAEvM,KAAC,KAAK,IAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,YAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAS,IAC1G,GACE,EAER,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,IACjC,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsItem from \"./UserSettingsItem.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport TabContainer from \"@ui5/webcomponents/dist/TabContainer.js\";\nimport Tab from \"@ui5/webcomponents/dist/Tab.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport \"@ui5/webcomponents-icons/dist/globe.js\";\nimport \"@ui5/webcomponents-icons/dist/nav-back.js\";\n\nexport default function UserSettingsItemTemplate(this: UserSettingsItem) {\n\tconst content = this.tabs.length > 0 && !this._hasSelectedPageView ?\n\t\t<TabContainer contentBackgroundDesign=\"Transparent\" class=\"ui5-user-settings-item-tabs\" onTabSelect={this._handleTabSelect}>\n\t\t\t{this.tabs.map(view =>\n\t\t\t\t<Tab text={view.text} selected={view.selected} ref={this.captureRef.bind(view)}>\n\t\t\t\t\t<slot name={view._individualSlot} />\n\t\t\t\t</Tab>\n\t\t\t)}\n\t\t</TabContainer>\n\t\t:\n\t\t<>\n\t\t\t{this._selectedPageView ?\n\t\t\t\t<div class=\"ui5-user-settings-item-view-container\">\n\t\t\t\t\t<slot name={this._selectedPageView._individualSlot} />\n\t\t\t\t</div>\n\t\t\t\t:\n\t\t\t\tnull\n\t\t\t}\n\t\t</>;\n\n\tconst loadingState = <div class=\"ui5-user-settings-item-loading-container\">\n\t\t<BusyIndicator\n\t\t\tactive={this.loading}\n\t\t\tclass=\"ui5-user-settings-item-busy\"\n\t\t\tdelay={0}\n\t\t\taria-description={this.loadingReason}>\n\t\t</BusyIndicator>\n\t</div>;\n\n\treturn (\n\t\t<div class=\"ui5-user-settings-item\">\n\t\t\t<header class=\"ui5-user-settings-item-header-container\" tabindex={0}>\n\t\t\t\t<div class=\"ui5-user-settings-item-header\">\n\t\t\t\t\t<Button icon=\"nav-back\" design=\"Transparent\" onClick={this._handleBackButtonClick} class=\"ui5-user-settings-item-collapse-btn\" style={{ display: this._shouldShowBackButton ? \"block\" : \"\" }}></Button>\n\n\t\t\t\t\t<Title level=\"H2\" size=\"H4\">{this._hasSelectedPageView ? this._selectedPageView.text : this.headerText}</Title>\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t{this.loading ? loadingState : content}\n\t\t</div>\n\t);\n}\n"]}
+{"version":3,"file":"UserSettingsItemTemplate.js","sourceRoot":"","sources":["../src/UserSettingsItemTemplate.tsx"],"names":[],"mappings":";AACA,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,MAAM,MAAM,mCAAmC,CAAC;AACvD,OAAO,YAAY,MAAM,yCAAyC,CAAC;AACnE,OAAO,GAAG,MAAM,gCAAgC,CAAC;AACjD,OAAO,KAAK,MAAM,kCAAkC,CAAC;AACrD,OAAO,wCAAwC,CAAC;AAChD,OAAO,2CAA2C,CAAC;AAEnD,MAAM,CAAC,OAAO,UAAU,wBAAwB;IAC/C,MAAM,OAAO,GAAG,IAAI,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,IAAI,CAAC,oBAAoB,CAAC,CAAC;QACnE,KAAC,YAAY,IAAC,uBAAuB,EAAC,aAAa,EAAC,KAAK,EAAC,6BAA6B,EAAC,WAAW,EAAE,IAAI,CAAC,gBAAgB,YACxH,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CACrB,KAAC,GAAG,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,GAAG,EAAE,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,YAC7E,eAAM,IAAI,EAAE,IAAI,CAAC,eAAe,GAAI,GAC/B,CACN,GACa;QACf,CAAC;YACD,4BACE,IAAI,CAAC,iBAAiB,CAAC,CAAC;oBACxB,cAAK,KAAK,EAAC,uCAAuC,YACjD,eAAM,IAAI,EAAE,IAAI,CAAC,iBAAiB,CAAC,eAAe,GAAI,GACjD;oBACN,CAAC;wBACD,IAAI,GAEH,CAAC;IAEL,MAAM,YAAY,GAAG,cAAK,KAAK,EAAC,0CAA0C,YACzE,KAAC,aAAa,IACb,MAAM,EAAE,IAAI,CAAC,OAAO,EACpB,KAAK,EAAC,6BAA6B,EACnC,KAAK,EAAE,CAAC,sBACU,IAAI,CAAC,aAAa,GACrB,GACX,CAAC;IAEP,OAAO,CACN,eAAK,KAAK,EAAC,wBAAwB,aAClC,iBAAQ,KAAK,EAAC,yCAAyC,YACtD,eAAK,KAAK,EAAC,+BAA+B,aACzC,KAAC,MAAM,IAAC,IAAI,EAAC,UAAU,EAAC,MAAM,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,sBAAsB,EAAE,KAAK,EAAC,qCAAqC,EAAC,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,CAAC,qBAAqB,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,EAAE,GAAW,EAEvM,KAAC,KAAK,IAAC,KAAK,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,YAAE,IAAI,CAAC,oBAAoB,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,UAAU,GAAS,IAC1G,GACE,EAER,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,OAAO,IACjC,CACN,CAAC;AACH,CAAC","sourcesContent":["import type UserSettingsItem from \"./UserSettingsItem.js\";\nimport BusyIndicator from \"@ui5/webcomponents/dist/BusyIndicator.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport TabContainer from \"@ui5/webcomponents/dist/TabContainer.js\";\nimport Tab from \"@ui5/webcomponents/dist/Tab.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport \"@ui5/webcomponents-icons/dist/globe.js\";\nimport \"@ui5/webcomponents-icons/dist/nav-back.js\";\n\nexport default function UserSettingsItemTemplate(this: UserSettingsItem) {\n\tconst content = this.tabs.length > 0 && !this._hasSelectedPageView ?\n\t\t<TabContainer contentBackgroundDesign=\"Transparent\" class=\"ui5-user-settings-item-tabs\" onTabSelect={this._handleTabSelect}>\n\t\t\t{this.tabs.map(view =>\n\t\t\t\t<Tab text={view.text} selected={view.selected} ref={this.captureRef.bind(view)}>\n\t\t\t\t\t<slot name={view._individualSlot} />\n\t\t\t\t</Tab>\n\t\t\t)}\n\t\t</TabContainer>\n\t\t:\n\t\t<>\n\t\t\t{this._selectedPageView ?\n\t\t\t\t<div class=\"ui5-user-settings-item-view-container\">\n\t\t\t\t\t<slot name={this._selectedPageView._individualSlot} />\n\t\t\t\t</div>\n\t\t\t\t:\n\t\t\t\tnull\n\t\t\t}\n\t\t</>;\n\n\tconst loadingState = <div class=\"ui5-user-settings-item-loading-container\">\n\t\t<BusyIndicator\n\t\t\tactive={this.loading}\n\t\t\tclass=\"ui5-user-settings-item-busy\"\n\t\t\tdelay={0}\n\t\t\taria-description={this.loadingReason}>\n\t\t</BusyIndicator>\n\t</div>;\n\n\treturn (\n\t\t<div class=\"ui5-user-settings-item\">\n\t\t\t<header class=\"ui5-user-settings-item-header-container\">\n\t\t\t\t<div class=\"ui5-user-settings-item-header\">\n\t\t\t\t\t<Button icon=\"nav-back\" design=\"Transparent\" onClick={this._handleBackButtonClick} class=\"ui5-user-settings-item-collapse-btn\" style={{ display: this._shouldShowBackButton ? \"block\" : \"\" }}></Button>\n\n\t\t\t\t\t<Title level=\"H2\" size=\"H4\">{this._hasSelectedPageView ? this._selectedPageView.text : this.headerText}</Title>\n\t\t\t\t</div>\n\t\t\t</header>\n\n\t\t\t{this.loading ? loadingState : content}\n\t\t</div>\n\t);\n}\n"]}

package/dist/bundle.esm.js

@@ -48,6 +48,9 @@ import UserSettingsItem from "./UserSettingsItem.js";
 import SettingsDialog from "./UserSettingsDialog.js";
 import UserSettingsView from "./UserSettingsView.js";
 import UserSettingsAccountView from "./UserSettingsAccountView.js";
+import UserSettingsAppearanceView from "./UserSettingsAppearanceView.js";
+import UserSettingsAppearanceViewItem from "./UserSettingsAppearanceViewItem.js";
+import UserSettingsAppearanceViewGroup from "./UserSettingsAppearanceViewGroup.js";
 import Timeline from "./Timeline.js";
 import TimelineGroupItem from "./TimelineGroupItem.js";
 import NavigationLayout from "./NavigationLayout.js";

package/dist/bundle.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}
+{"version":3,"file":"bundle.esm.js","sourceRoot":"","sources":["../src/bundle.esm.ts"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable @typescript-eslint/no-unused-vars */\nimport testAssets from \"@ui5/webcomponents/dist/bundle.esm.js\";\nimport * as defaultFioriTexts from \"./generated/i18n/i18n-defaults.js\";\n\n// FIORI assets\nimport \"./Assets.js\";\n\n// FIORI illustrations\nimport \"./illustrations/AllIllustrations.js\";\n\n// FIORI components\nimport BarcodeScannerDialog from \"./BarcodeScannerDialog.js\";\nimport DynamicPage from \"./DynamicPage.js\";\nimport DynamicPageHeader from \"./DynamicPageHeader.js\";\nimport DynamicPageTitle from \"./DynamicPageTitle.js\";\nimport DynamicPageHeaderActions from \"./DynamicPageHeaderActions.js\";\nimport DynamicSideContent from \"./DynamicSideContent.js\";\nimport FilterItem from \"./FilterItem.js\";\nimport FilterItemOption from \"./FilterItemOption.js\";\nimport FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\nimport GroupItem from \"./GroupItem.js\";\nimport IllustratedMessage from \"./IllustratedMessage.js\";\nimport MediaGallery from \"./MediaGallery.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport NavigationMenu from \"./NavigationMenu.js\";\nimport NavigationMenuItem from \"./NavigationMenuItem.js\";\nimport NotificationListGroupItem from \"./NotificationListGroupItem.js\";\nimport NotificationListItem from \"./NotificationListItem.js\";\nimport NotificationList from \"./NotificationList.js\";\nimport Page from \"./Page.js\";\nimport ProductSwitch from \"./ProductSwitch.js\";\nimport ProductSwitchItem from \"./ProductSwitchItem.js\";\nimport ShellBar from \"./ShellBar.js\";\nimport SearchField from \"./SearchField.js\";\nimport SearchScope from \"./SearchScope.js\";\nimport Search from \"./Search.js\";\nimport ShellBarSearch from \"./ShellBarSearch.js\";\nimport SearchMessageArea from \"./SearchMessageArea.js\";\nimport SearchItem from \"./SearchItem.js\";\nimport SearchItemShowMore from \"./SearchItemShowMore.js\";\nimport SearchItemGroup from \"./SearchItemGroup.js\";\nimport ShellBarBranding from \"./ShellBarBranding.js\";\nimport ShellBarSpacer from \"./ShellBarSpacer.js\";\nimport ShellBarItem from \"./ShellBarItem.js\";\nimport SideNavigationItem from \"./SideNavigationItem.js\";\nimport SideNavigationSubItem from \"./SideNavigationSubItem.js\";\nimport SideNavigationGroup from \"./SideNavigationGroup.js\";\nimport SideNavigation from \"./SideNavigation.js\";\nimport SortItem from \"./SortItem.js\";\nimport UserSettingsItem from \"./UserSettingsItem.js\";\nimport SettingsDialog from \"./UserSettingsDialog.js\";\nimport UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsAccountView from \"./UserSettingsAccountView.js\";\nimport UserSettingsAppearanceView from \"./UserSettingsAppearanceView.js\";\nimport UserSettingsAppearanceViewItem from \"./UserSettingsAppearanceViewItem.js\";\nimport UserSettingsAppearanceViewGroup from \"./UserSettingsAppearanceViewGroup.js\";\nimport Timeline from \"./Timeline.js\";\nimport TimelineGroupItem from \"./TimelineGroupItem.js\";\nimport NavigationLayout from \"./NavigationLayout.js\";\nimport UploadCollection from \"./UploadCollection.js\";\nimport UploadCollectionItem from \"./UploadCollectionItem.js\";\nimport UserMenu from \"./UserMenu.js\";\nimport UserMenuAccount from \"./UserMenuAccount.js\";\nimport UserMenuItem from \"./UserMenuItem.js\";\nimport UserMenuItemGroup from \"./UserMenuItemGroup.js\";\nimport ViewSettingsDialog from \"./ViewSettingsDialog.js\";\nimport Wizard from \"./Wizard.js\";\n\ntestAssets.defaultTexts = { ...testAssets.defaultTexts, ...defaultFioriTexts };\nexport default testAssets;\n"]}

package/dist/css/themes/DynamicPage.css

@@ -1 +1 @@
-.ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:3}:host{display:block;height:100%;background-color:var(--ui5-v2-17-0-rc-3_dynamic_page_background);isolation:isolate}.ui5-dynamic-page-root{container-type:inline-size;height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:0;padding:0 .5rem .5rem;box-sizing:border-box;z-index:2;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-17-0-rc-3_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-17-0-rc-3_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_background_color);box-sizing:content-box;width:auto}::slotted([slot="titleArea"]){width:auto}@container (max-width: 599px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_content_padding_S)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_padding_S)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_padding_S)}}@container (min-width: 600px) and (max-width: 1023px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_content_padding_M)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_padding_M)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_padding_M)}}@container (min-width: 1024px) and (max-width: 1439px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_content_padding_L)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_padding_L)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_padding_L)}}@container (min-width: 1440px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_content_padding_XL)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_padding_XL)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_padding_XL)}}
+.ui5-dynamic-page-title-header-wrapper{position:sticky;top:0;z-index:3}:host{display:block;height:100%;background-color:var(--ui5-v2-18-0_dynamic_page_background);isolation:isolate}.ui5-dynamic-page-root{container-type:inline-size;height:inherit;overflow-y:hidden}.ui5-dynamic-page-scroll-container{overflow-y:auto;height:100%}.ui5-dynamic-page-scroll-container{display:flex;flex-direction:column}.ui5-dynamic-page-content{flex-grow:1;position:relative}.ui5-dynamic-page-fit-content{position:absolute;inset:0}.ui5-dynamic-page-footer{position:sticky;bottom:0;padding:0 .5rem .5rem;box-sizing:border-box;z-index:2;opacity:0;transform:translateY(100%);transition:opacity .35s ease-in-out,transform .35s ease-in-out}.ui5-dynamic-page-spacer{height:var(--_ui5-v2-18-0_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-fit-content{bottom:var(--_ui5-v2-18-0_dynamic_page_footer_spacer)}:host([show-footer]) .ui5-dynamic-page-footer{transform:translateY(0);opacity:1}::slotted([slot="footerArea"]){border-radius:.25rem;background-color:var(--_ui5-v2-18-0_dynamic_page_header_background_color);box-sizing:content-box;width:auto}::slotted([slot="titleArea"]){width:auto}@container (max-width: 599px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-18-0_dynamic_page_content_padding_S)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_title_padding_S)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_header_padding_S)}}@container (min-width: 600px) and (max-width: 1023px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-18-0_dynamic_page_content_padding_M)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_title_padding_M)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_header_padding_M)}}@container (min-width: 1024px) and (max-width: 1439px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-18-0_dynamic_page_content_padding_L)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_title_padding_L)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_header_padding_L)}}@container (min-width: 1440px){.ui5-dynamic-page-fit-content{padding:var(--_ui5-v2-18-0_dynamic_page_content_padding_XL)}::slotted([slot="titleArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_title_padding_XL)}::slotted([slot="headerArea"]){padding:var(--_ui5-v2-18-0_dynamic_page_header_padding_XL)}}

package/dist/css/themes/DynamicPageHeader.css

@@ -1 +1 @@
-:host{background-color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_background_color);display:block;box-shadow:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-box-shadow)}.ui5-dynamic-page-header-root{background:inherit}
+:host{background-color:var(--_ui5-v2-18-0_dynamic_page_header_background_color);display:block;box-shadow:var(--_ui5-v2-18-0_dynamic_page_header-box-shadow)}.ui5-dynamic-page-header-root{background:inherit}

package/dist/css/themes/DynamicPageHeaderActions.css

@@ -1 +1 @@
-.ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-actions-background);border:1px solid var(--ui5-sapButton_BorderColor);box-shadow:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-actions-box-shadow);color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-actions-background-pressed);color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-17-0-rc-3_dynamic_page_actions-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-17-0-rc-3_dynamic_page_actions-lines-color))}}}
+.ui5-dynamic-page-header-actions-root{position:relative;display:flex;justify-content:center;align-items:center;width:100%;.ui5-dynamic-page-header-action{position:relative;z-index:1;min-width:1.5rem;height:1.5rem;background-color:var(--_ui5-v2-18-0_dynamic_page_header-actions-background);border:1px solid var(--sapButton_BorderColor);box-shadow:var(--_ui5-v2-18-0_dynamic_page_header-actions-box-shadow);color:var(--_ui5-v2-18-0_dynamic_page_header-actions-color)}.ui5-dynamic-page-header-action-pin[pressed]{background-color:var(--_ui5-v2-18-0_dynamic_page_header-actions-background-pressed);color:var(--_ui5-v2-18-0_dynamic_page_header-actions-color-pressed)}.ui5-dynamic-page-header-actions--wrapper{position:absolute;display:flex;gap:.5rem;z-index:1;&:before,&:after{content:"";position:absolute;top:50%;transform:translateY(-100%);width:6.125rem;height:.0625rem;z-index:0}&:before{right:50%;background:linear-gradient(to right,transparent,var(--_ui5-v2-18-0_dynamic_page_actions-lines-color))}&:after{left:50%;background:linear-gradient(to left,transparent,var(--_ui5-v2-18-0_dynamic_page_actions-lines-color))}}}

package/dist/css/themes/DynamicPageTitle.css

@@ -1 +1 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-17-0-rc-3_dynamic_page_header_background_color);min-height:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_min_height);word-wrap:break-word;padding-top:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_padding_top);padding-bottom:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_padding_bottom);border-bottom:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_border)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-17-0-rc-3_dynamic_page_header-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_hover_background);cursor:pointer;border-bottom:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_hover_border)}:host([snapped]){box-shadow:var(--ui5-sapContent_HeaderShadow)}:host([has-snapped-title-on-mobile]){min-height:var(--_ui5-v2-17-0-rc-3_dynamic_page_snapped_title_on_mobile_min_height);line-height:var(--_ui5-v2-17-0-rc-3_dynamic_page_snapped_title_on_mobile_line_height)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_breadcrumbs_padding_top) 0 var(--_ui5-v2-17-0-rc-3_dynamic_page_title_breadcrumbs_padding_bottom) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--ui5-sapObjectHeader_Title_FontFamily);color:var(--ui5-sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_heading_padding_top) 0 0 0;margin:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_heading_margin)}::slotted([ui5-title][size="H5"][slot="heading"]){font-size:var(--ui5-sapObjectHeader_Title_FontSize)}::slotted([ui5-title][size="H5"][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][size="H5"][slot="heading"]){font-size:var(--ui5-sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--ui5-sapObjectHeader_Subtitle_TextColor);font-size:var(--ui5-sapFontSize);margin-top:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_subheading_margin_top);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page--snapped-title-on-mobile{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.ui5-dynamic-page-title--content{padding:.6rem 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_actions_separator_height);width:.0625rem;vertical-align:middle;background:var(--ui5-sapToolbar_SeparatorColor);margin:.5rem .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area ::slotted([slot="navigationBar"]){flex:0 1.6 auto}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}.ui5-dynamic-page-title--subheading{max-width:fit-content;z-index:1}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_focus_outline);outline-offset:var(--_ui5-v2-17-0-rc-3_dynamic_page_title_focus_outline_offset)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}
+.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host{display:flex;flex-direction:column;position:relative;width:100%;background-color:var(--_ui5-v2-18-0_dynamic_page_header_background_color);min-height:var(--_ui5-v2-18-0_dynamic_page_title_min_height);word-wrap:break-word;padding-top:var(--_ui5-v2-18-0_dynamic_page_title_padding_top);padding-bottom:var(--_ui5-v2-18-0_dynamic_page_title_padding_bottom);border-bottom:var(--_ui5-v2-18-0_dynamic_page_title_border)}:host(:not([interactive])){box-shadow:var(--_ui5-v2-18-0_dynamic_page_header-box-shadow)}:host .ui5-dynamic-page-title-root{display:inherit;flex-direction:inherit;width:inherit;height:inherit}:host:host([interactive]:hover),:host:host([interactive][hovered]){background-color:var(--_ui5-v2-18-0_dynamic_page_title_hover_background);cursor:pointer;border-bottom:var(--_ui5-v2-18-0_dynamic_page_title_hover_border)}:host([snapped]){box-shadow:var(--sapContent_HeaderShadow)}:host([has-snapped-title-on-mobile]){min-height:var(--_ui5-v2-18-0_dynamic_page_snapped_title_on_mobile_min_height);line-height:var(--_ui5-v2-18-0_dynamic_page_snapped_title_on_mobile_line_height)}::slotted([ui5-breadcrumbs][slot="breadcrumbs"]){padding:var(--_ui5-v2-18-0_dynamic_page_title_breadcrumbs_padding_top) 0 var(--_ui5-v2-18-0_dynamic_page_title_breadcrumbs_padding_bottom) 0}::slotted([ui5-title][slot="heading"]),::slotted([ui5-title][slot="snappedHeading"]){font-family:var(--sapObjectHeader_Title_FontFamily);color:var(--sapObjectHeader_Title_TextColor);padding:var(--_ui5-v2-18-0_dynamic_page_title_heading_padding_top) 0 0 0;margin:var(--_ui5-v2-18-0_dynamic_page_title_heading_margin)}::slotted([ui5-title][size="H5"][slot="heading"]){font-size:var(--sapObjectHeader_Title_FontSize)}::slotted([ui5-title][size="H5"][slot="snappedHeading"]),:host([snapped]) ::slotted([ui5-title][size="H5"][slot="heading"]){font-size:var(--sapObjectHeader_Title_SnappedFontSize);text-overflow:ellipsis}::slotted([slot="content"]),::slotted([slot="snappedSubheading"]){color:var(--sapObjectHeader_Subtitle_TextColor);font-size:var(--sapFontSize);margin-top:var(--_ui5-v2-18-0_dynamic_page_title_subheading_margin_top);min-width:0}::slotted([ui5-tag]){max-width:100%}::slotted([ui5-toolbar][slot="actionsBar"]){padding:0 0 0 1rem}.ui5-dynamic-page-title--wrapper{display:flex}.ui5-dynamic-page-title--heading{flex-shrink:1;min-width:1px}.ui5-dynamic-page--snapped-title-on-mobile{display:flex;justify-content:space-between;align-items:center;pointer-events:none}.ui5-dynamic-page-title--content{padding:.6rem 0 0 1rem;flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions{flex-shrink:1.6;min-width:3rem;flex-grow:1;display:flex}.ui5-dynamic-page-title--actions ::slotted([slot="actionsBar"]){border:none;flex:1}.ui5-dynamic-page-title--actions .ui5-dynamic-page-title--actions-separator{flex:0 1;&:before{content:"";display:inline-block;height:var(--_ui5-v2-18-0_dynamic_page_title_actions_separator_height);width:.0625rem;vertical-align:middle;background:var(--sapToolbar_SeparatorColor);margin:.5rem .5rem 0 .25rem}}::slotted([slot="navigationBar"]){border:none;margin-left:auto;flex:0 1;padding-left:0;padding-right:0}.ui5-dynamic-page-title--top-area ::slotted([slot="navigationBar"]){flex:0 1.6 auto}.ui5-dynamic-page-title--top-area{display:flex;justify-content:space-between;align-items:center}.ui5-dynamic-page-title--subheading{max-width:fit-content;z-index:1}:host([desktop]:focus),.ui5-dynamic-page-title-focus-area:focus-visible{outline:var(--_ui5-v2-18-0_dynamic_page_title_focus_outline);outline-offset:var(--_ui5-v2-18-0_dynamic_page_title_focus_outline_offset)}.ui5-dynamic-page-title-focus-area{outline:none;position:absolute;top:0;left:0;width:100%;height:100%}

package/dist/css/themes/FlexibleColumnLayout.css

@@ -1 +1 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5-v2-17-0-rc-3_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}:host([_resizing]) .ui5-fcl-column{pointer-events:none}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column:not(.ui5-fcl-column-collapse-animation){min-width:15.5rem}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1rem;background-color:var(--ui5-sapShell_Background);border-inline-start:var(--_ui5-v2-17-0-rc-3_fcl_column_border);border-inline-end:var(--_ui5-v2-17-0-rc-3_fcl_column_border);position:relative;box-sizing:border-box;z-index:1}.ui5-fcl-separator:focus{outline:var(--ui5-sapContent_FocusWidth) var(--ui5-sapContent_FocusStyle) var(--ui5-sapContent_FocusColor);outline-offset:calc(-1 * var(--ui5-sapContent_FocusWidth))}.ui5-fcl-grip{cursor:col-resize;overflow:visible;display:flex;justify-content:center;align-items:center;width:1.5rem;height:2rem;z-index:10}.ui5-fcl-grip-icon{color:var(--ui5-sapButton_TextColor)}.ui5-fcl-arrow{position:absolute;top:1rem;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:10;cursor:pointer}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-17-0-rc-3_fcl_decoration_top);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-17-0-rc-3_fcl_decoration_bottom);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:calc(50% - 1rem)}.ui5-fcl-separator:hover .ui5-fcl-arrow+.ui5-fcl-grip:before{height:calc(40% - 1rem)}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}
+.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}:host(:not([hidden])){display:block;background:var(--_ui5-v2-18-0_fcl_solid_bg)}.ui5-fcl-root{height:100%;display:flex;flex-direction:row}.ui5-fcl-column{background:inherit;box-sizing:border-box;will-change:width;overflow-y:auto}:host([_resizing]) .ui5-fcl-column{pointer-events:none}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.ui5-fcl-column:not(.ui5-fcl-column-collapse-animation){min-width:15.5rem}.ui5-fcl-column--hidden{display:none}.ui5-fcl-separator{display:flex;flex-direction:column;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background);border-inline-start:var(--_ui5-v2-18-0_fcl_column_border);border-inline-end:var(--_ui5-v2-18-0_fcl_column_border);position:relative;box-sizing:border-box;z-index:1}.ui5-fcl-separator:focus{outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:calc(-1 * var(--sapContent_FocusWidth))}.ui5-fcl-grip{cursor:col-resize;overflow:visible;display:flex;justify-content:center;align-items:center;width:1.5rem;height:2rem;z-index:10}.ui5-fcl-grip-icon{color:var(--sapButton_TextColor)}.ui5-fcl-arrow{position:absolute;top:1rem;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:10;cursor:pointer}.ui5-fcl-grip:before{background-image:var(--_ui5-v2-18-0_fcl_decoration_top);bottom:calc(50% + 1rem)}.ui5-fcl-grip:after{background-image:var(--_ui5-v2-18-0_fcl_decoration_bottom);top:calc(50% + 1rem)}.ui5-fcl-grip:before,.ui5-fcl-grip:after{content:"";position:absolute;left:0;height:4rem;width:100%;transition:all .1s ease-in;background-repeat:no-repeat;background-size:.0625rem 100%;background-position-x:calc(50% - .03125rem)}.ui5-fcl-separator:hover .ui5-fcl-grip:before,.ui5-fcl-separator:hover .ui5-fcl-grip:after{height:calc(50% - 1rem)}.ui5-fcl-separator:hover .ui5-fcl-arrow+.ui5-fcl-grip:before{height:calc(40% - 1rem)}[aria-hidden] ::slotted([slot="startColumn"]),[aria-hidden] ::slotted([slot="midColumn"]),[aria-hidden] ::slotted([slot="endColumn"]){visibility:hidden}

package/dist/css/themes/IllustratedMessage.css

@@ -1 +1 @@
-:host(:not([hidden])){display:block}:host{box-sizing:border-box;width:100%;height:100%;padding:1rem}.ui5-illustrated-message-root,.ui5-illustrated-message-inner,.ui5-illustrated-message-text-and-actions-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:inherit;min-height:0;flex-basis:content}.ui5-illustrated-message-illustration{margin:2rem 0}.ui5-illustrated-message-illustration svg{max-height:100%;max-width:100%}.ui5-illustrated-message-illustration.ui5-illustrated-message-illustration-fit-content{position:relative;width:0;padding:0 0 0 100%;height:100%;display:flex;align-items:center}.ui5-illustrated-message-illustration.ui5-illustrated-message-illustration-fit-content svg{position:absolute;height:100%;width:100%;left:0;top:0}.ui5-illustrated-message-title [ui5-title],.ui5-illustrated-message-title ::slotted([slot="title"]){text-align:center;margin-bottom:1rem;font-size:var(--ui5-sapFontHeader2Size);font-family:var(--ui5-sapFontHeaderFamily);font-weight:700;max-width:61.9375rem}.ui5-illustrated-message-subtitle{text-align:center;font-size:var(--ui5-sapFontLargeSize);font-family:var(--ui5-sapFontFamily);color:var(--ui5-sapTextColor);margin-bottom:.5rem;max-width:61.9375rem}.ui5-illustrated-message-actions{margin:1rem 0}:host([media="dialog"]) .ui5-illustrated-message-illustration{margin:1rem 0}:host([media="dialog"]) .ui5-illustrated-message-title [ui5-title],:host([media="dialog"]) ::slotted([slot="title"]){margin-bottom:.5rem;font-size:var(--ui5-sapFontHeader3Size);max-width:40.5625rem}:host([media="dialog"]) .ui5-illustrated-message-subtitle{margin-bottom:.5rem;font-size:var(--ui5-sapFontSize);max-width:40.5625rem}:host([media="dialog"]) .ui5-illustrated-message-actions{margin-top:.5rem;margin-bottom:1rem}:host([media="spot"]){padding:.5rem}:host([media="spot"]) .ui5-illustrated-message-illustration{margin-bottom:.5rem;margin-top:0}:host([media="spot"]) .ui5-illustrated-message-title [ui5-title],:host([media="spot"]) ::slotted([slot="title"]){margin-bottom:.5rem;font-size:var(--ui5-sapFontHeader4Size);max-width:21.5rem}:host([media="spot"]) .ui5-illustrated-message-subtitle{font-size:var(--ui5-sapFontSize);max-width:21.5rem;margin-bottom:.5rem}:host([media="spot"]) .ui5-illustrated-message-actions{margin:.5rem 0}:host([media="dot"]){padding:.25rem;min-height:4rem}:host([media="dot"]) .ui5-illustrated-message-inner{flex-direction:row}:host([media="dot"]) .ui5-illustrated-message-illustration{margin:0 .25rem 0 0;height:2.8125rem;width:2.8125rem;align-self:baseline}:host([media="dot"]) .ui5-illustrated-message-title [ui5-title],:host([media="dot"]) ::slotted([slot="title"]){margin-bottom:.25rem;font-size:var(--ui5-sapFontHeader5Size);max-width:12.6875rem}:host([media="dot"]) .ui5-illustrated-message-subtitle{font-size:var(--ui5-sapFontSize);max-width:12.6875rem;margin-bottom:.25rem}:host([media="dot"]) .ui5-illustrated-message-actions{margin:.25rem 0}:host([media="base"]) .ui5-illustrated-message-illustration{display:none}:host([media="base"]) .ui5-illustrated-message-title [ui5-title],:host([media="base"]) ::slotted([slot="title"]){margin-bottom:.25rem;font-size:var(--ui5-sapFontHeader5Size);max-width:10rem}:host([media="base"]) .ui5-illustrated-message-subtitle{font-size:var(--ui5-sapFontSize);max-width:10rem;margin-bottom:0rem}.ui5-illustrated-message-util{position:fixed;top:-9999px;left:-9999px}.sapIllus_BlendModeMultiply{mix-blend-mode:multiply}.sapIllus_MaskTypeAlpha{mask-type:alpha}.sapIllus_BackgroundColor{fill:var(--ui5-sapIllus_BackgroundColor)}.sapIllus_BrandColorPrimary{fill:var(--ui5-sapIllus_BrandColorPrimary)}.sapIllus_BrandColorSecondary{fill:var(--ui5-sapIllus_BrandColorSecondary)}.sapIllus_StrokeDetailColor{fill:var(--ui5-sapIllus_StrokeDetailColor)}.sapIllus_Layering1{fill:var(--ui5-sapIllus_Layering1)}.sapIllus_Layering2{fill:var(--ui5-sapIllus_Layering2)}.sapIllus_ObjectFillColor{fill:var(--ui5-sapIllus_ObjectFillColor)}.sapIllus_AccentColor{fill:var(--ui5-sapIllus_AccentColor)}.sapIllus_NoColor{fill:var(--ui5-sapIllus_NoColor)}.sapIllus_PatternShadow{fill:var(--ui5-sapIllus_PatternShadow)}.sapIllus_PatternHighlight{fill:var(--ui5-sapIllus_PatternHighlight)}.sapIllus_NoColor_Fill{fill:var(--ui5-sapIllus_NoColor)}.sapIllus_BrandColorPrimary_Fill{fill:var(--ui5-sapIllus_BrandColorPrimary)}.sapIllus_ObjectFillColor_Fill{fill:var(--ui5-sapIllus_ObjectFillColor)}
+:host(:not([hidden])){display:block}:host{box-sizing:border-box;width:100%;height:100%;padding:1rem}.ui5-illustrated-message-root,.ui5-illustrated-message-inner,.ui5-illustrated-message-text-and-actions-container{display:flex;flex-direction:column;align-items:center;justify-content:center;height:inherit;min-height:0;flex-basis:content}.ui5-illustrated-message-illustration{margin:2rem 0}.ui5-illustrated-message-illustration svg{max-height:100%;max-width:100%}.ui5-illustrated-message-illustration.ui5-illustrated-message-illustration-fit-content{position:relative;width:0;padding:0 0 0 100%;height:100%;display:flex;align-items:center}.ui5-illustrated-message-illustration.ui5-illustrated-message-illustration-fit-content svg{position:absolute;height:100%;width:100%;left:0;top:0}.ui5-illustrated-message-title [ui5-title],.ui5-illustrated-message-title ::slotted([slot="title"]){text-align:center;margin-bottom:1rem;font-size:var(--sapFontHeader2Size);font-family:var(--sapFontHeaderFamily);font-weight:700;max-width:61.9375rem}.ui5-illustrated-message-subtitle{text-align:center;font-size:var(--sapFontLargeSize);font-family:var(--sapFontFamily);color:var(--sapTextColor);margin-bottom:.5rem;max-width:61.9375rem}.ui5-illustrated-message-actions{margin:1rem 0}:host([media="dialog"]) .ui5-illustrated-message-illustration{margin:1rem 0}:host([media="dialog"]) .ui5-illustrated-message-title [ui5-title],:host([media="dialog"]) ::slotted([slot="title"]){margin-bottom:.5rem;font-size:var(--sapFontHeader3Size);max-width:40.5625rem}:host([media="dialog"]) .ui5-illustrated-message-subtitle{margin-bottom:.5rem;font-size:var(--sapFontSize);max-width:40.5625rem}:host([media="dialog"]) .ui5-illustrated-message-actions{margin-top:.5rem;margin-bottom:1rem}:host([media="spot"]){padding:.5rem}:host([media="spot"]) .ui5-illustrated-message-illustration{margin-bottom:.5rem;margin-top:0}:host([media="spot"]) .ui5-illustrated-message-title [ui5-title],:host([media="spot"]) ::slotted([slot="title"]){margin-bottom:.5rem;font-size:var(--sapFontHeader4Size);max-width:21.5rem}:host([media="spot"]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:21.5rem;margin-bottom:.5rem}:host([media="spot"]) .ui5-illustrated-message-actions{margin:.5rem 0}:host([media="dot"]){padding:.25rem;min-height:4rem}:host([media="dot"]) .ui5-illustrated-message-inner{flex-direction:row}:host([media="dot"]) .ui5-illustrated-message-illustration{margin:0 .25rem 0 0;height:2.8125rem;width:2.8125rem;align-self:baseline}:host([media="dot"]) .ui5-illustrated-message-title [ui5-title],:host([media="dot"]) ::slotted([slot="title"]){margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);max-width:12.6875rem}:host([media="dot"]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:12.6875rem;margin-bottom:.25rem}:host([media="dot"]) .ui5-illustrated-message-actions{margin:.25rem 0}:host([media="base"]) .ui5-illustrated-message-illustration{display:none}:host([media="base"]) .ui5-illustrated-message-title [ui5-title],:host([media="base"]) ::slotted([slot="title"]){margin-bottom:.25rem;font-size:var(--sapFontHeader5Size);max-width:10rem}:host([media="base"]) .ui5-illustrated-message-subtitle{font-size:var(--sapFontSize);max-width:10rem;margin-bottom:0rem}.ui5-illustrated-message-util{position:fixed;top:-9999px;left:-9999px}.sapIllus_BlendModeMultiply{mix-blend-mode:multiply}.sapIllus_MaskTypeAlpha{mask-type:alpha}.sapIllus_BackgroundColor{fill:var(--sapIllus_BackgroundColor)}.sapIllus_BrandColorPrimary{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_BrandColorSecondary{fill:var(--sapIllus_BrandColorSecondary)}.sapIllus_StrokeDetailColor{fill:var(--sapIllus_StrokeDetailColor)}.sapIllus_Layering1{fill:var(--sapIllus_Layering1)}.sapIllus_Layering2{fill:var(--sapIllus_Layering2)}.sapIllus_ObjectFillColor{fill:var(--sapIllus_ObjectFillColor)}.sapIllus_AccentColor{fill:var(--sapIllus_AccentColor)}.sapIllus_NoColor{fill:var(--sapIllus_NoColor)}.sapIllus_PatternShadow{fill:var(--sapIllus_PatternShadow)}.sapIllus_PatternHighlight{fill:var(--sapIllus_PatternHighlight)}.sapIllus_NoColor_Fill{fill:var(--sapIllus_NoColor)}.sapIllus_BrandColorPrimary_Fill{fill:var(--sapIllus_BrandColorPrimary)}.sapIllus_ObjectFillColor_Fill{fill:var(--sapIllus_ObjectFillColor)}

package/dist/css/themes/MediaGallery.css

@@ -1 +1 @@
-:host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--ui5-sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-17-0-rc-3_media_gallery_overflow_btn_background);color:var(--_ui5-v2-17-0-rc-3_media_gallery_overflow_btn_color);border:var(--_ui5-v2-17-0-rc-3_media_gallery_overflow_btn_border)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}
+:host{height:100%}:host,.ui5-media-gallery-display-wrapper,.ui5-media-gallery-display{width:100%}.ui5-media-gallery-root{width:inherit;height:inherit;background:var(--sapBaseColor);display:flex;flex-direction:column;position:relative}:host([menu-vertical-align="Top"]) .ui5-media-gallery-root{flex-direction:column-reverse}:host([effective-layout="Horizontal"]) .ui5-media-gallery-root{flex-direction:row-reverse}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-root{flex-direction:row}.ui5-media-gallery-display-wrapper{display:flex;justify-content:center;position:relative}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-display-wrapper{flex-grow:3;flex-basis:0}.ui5-media-gallery-display{position:relative;margin:1rem;display:flex;justify-content:center}.ui5-media-gallery-display [ui5-media-gallery-item]{z-index:1}[ui5-carousel]{width:calc(100% - 2rem)}[ui5-carousel]::part(item){padding:0;overflow:hidden}.ui5-media-gallery-thumbnails-wrapper{margin-block:1rem 0}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnails-wrapper{margin-block:0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnails-wrapper{margin-inline:1rem 0}:host([show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-x:auto;overflow-y:hidden}:host([effective-layout="Horizontal"][show-all-thumbnails]) .ui5-media-gallery-thumbnails-wrapper{overflow-y:auto;overflow-x:hidden;flex-grow:1;flex-basis:0}.ui5-media-gallery-thumbnails-wrapper ul{height:5rem;display:flex;flex-wrap:nowrap;padding-left:0;margin-top:0;margin-bottom:0;list-style-type:none;padding-inline-start:0}:host([effective-layout="Horizontal"]) ul{width:5rem;flex-wrap:wrap}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="M"]) ul{width:10rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="L"]) ul{width:15rem}:host([effective-layout="Horizontal"][show-all-thumbnails][media-range="XL"]) ul{width:20rem}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow [ui5-button]{width:4rem;height:4rem;flex-shrink:0}.ui5-media-gallery-overflow [ui5-button]{background:var(--_ui5-v2-18-0_media_gallery_overflow_btn_background);color:var(--_ui5-v2-18-0_media_gallery_overflow_btn_color);border:var(--_ui5-v2-18-0_media_gallery_overflow_btn_border)}.ui5-media-gallery-thumbnail,.ui5-media-gallery-overflow{margin:0 0 0 1rem}:host([menu-vertical-align="Top"]) .ui5-media-gallery-thumbnail,:host([menu-vertical-align="Top"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"]) .ui5-media-gallery-overflow{margin:1rem 0 0 1rem}:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-thumbnail,:host([effective-layout="Horizontal"][menu-horizontal-align="Right"]) .ui5-media-gallery-overflow{margin:1rem 1rem 0 0}

package/dist/css/themes/MediaGalleryItem.css

@@ -1 +1 @@
-:host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-17-0-rc-3_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--ui5-sapTile_Interactive_BorderColor);background:var(--ui5-sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-17-0-rc-3_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-17-0-rc-3_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--ui5-sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-17-0-rc-3_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--ui5-sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;margin:auto}
+:host{width:100%;height:100%;position:relative;display:flex}:host([_square]){height:0;padding-top:100%}.ui5-media-gallery-item-root{width:100%;height:100%;display:flex}:host([_square]) .ui5-media-gallery-item-root{position:absolute;top:0;left:0}:host([layout="Wide"]) .ui5-media-gallery-item-root{align-items:center}:host([_thumbnail-design]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-18-0_media_gallery_thumbnail_border);box-sizing:border-box}:host([_interactive]) .ui5-media-gallery-item-root{cursor:pointer}:host([_thumbnail-design]:not([disabled]):not([selected])) .ui5-media-gallery-item-root:hover{border-color:var(--sapTile_Interactive_BorderColor);background:var(--sapList_Hover_Background)}.ui5-media-gallery-item-root:focus{outline:var(--_ui5-v2-18-0_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5-v2-18-0_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root:focus{outline-offset:-3px}.ui5-media-gallery-item-wrapper{width:100%;height:100%;display:flex;justify-content:center}:host([layout="Wide"]) .ui5-media-gallery-item-wrapper{z-index:1}:host([layout="Wide"]:not([_thumbnail-design])) .ui5-media-gallery-item-wrapper{height:56.25%}[ui5-icon]{position:absolute;width:4.5rem;height:4.55rem;align-self:center}.ui5-media-gallery-item-mask-layer{position:absolute;inset:0;-webkit-user-select:none;-moz-user-select:none;user-select:none}:host(:not([_thumbnail-design])) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapBaseColor);mix-blend-mode:multiply;opacity:.2;box-shadow:var(--_ui5-v2-18-0_media_gallery_item_overlay_box_shadow);pointer-events:none}:host(:not([_thumbnail-design])[layout="Wide"]) .ui5-media-gallery-item-mask-layer{z-index:0}:host([disabled]) .ui5-media-gallery-item-mask-layer{z-index:2;background:var(--sapContent_ImagePlaceholderBackground);opacity:.5;cursor:default}::slotted([slot^=thumbnail]),:host([layout="Wide"]) ::slotted(*){width:100%;height:100%;object-fit:cover}::slotted(*){max-width:100%;max-height:100%;object-fit:contain;margin:auto}

package/dist/css/themes/NavigationLayout.css

@@ -1 +1 @@
-:host(:not([hidden])){position:absolute;inset:0;display:block;background:var(--ui5-sapBackgroundColor);box-sizing:border-box;overflow:hidden}.ui5-nl-root{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.ui5-nl-header{z-index:3}.ui5-nl-section{display:flex;flex:1;min-height:0;position:relative}.ui5-nl-aside{transition:transform .3s;z-index:2}:host([is-phone]) .ui5-nl-aside{position:absolute;top:0;left:0;bottom:0;width:100%}:host([is-phone]) ::slotted([ui5-side-navigation][slot="sideContent"]){width:100%;box-shadow:none}.ui5-nl-content{flex:1;min-width:0;overflow:auto}:host([side-collapsed][is-phone]) .ui5-nl-aside{transform:translate(-100%)}:host([side-collapsed][is-phone]) :dir(rtl) .ui5-nl-aside{transform:translate(100%)}:host([has-side-navigation]) ::slotted([ui5-shellbar][slot="header"]){padding-inline:.875rem 1rem}
+:host(:not([hidden])){position:absolute;inset:0;display:block;background:var(--sapBackgroundColor);box-sizing:border-box;overflow:hidden}.ui5-nl-root{width:100%;height:100%;display:flex;flex-direction:column;box-sizing:border-box}.ui5-nl-header{z-index:3}.ui5-nl-section{display:flex;flex:1;min-height:0;position:relative}.ui5-nl-aside{transition:transform .3s;z-index:2}:host([is-phone]) .ui5-nl-aside{position:absolute;top:0;left:0;bottom:0;width:100%}:host([is-phone]) ::slotted([ui5-side-navigation][slot="sideContent"]){width:100%;box-shadow:none}.ui5-nl-content{flex:1;min-width:0;overflow:auto}:host([side-collapsed][is-phone]) .ui5-nl-aside{transform:translate(-100%)}:host([side-collapsed][is-phone]) :dir(rtl) .ui5-nl-aside{transform:translate(100%)}:host([has-side-navigation]) ::slotted([ui5-shellbar][slot="header"]){padding-inline:.875rem 1rem}

package/dist/css/themes/NavigationMenu.css

@@ -1 +1 @@
-.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}::slotted([ui5-navigation-menu-item]:not(:last-of-type)){margin-block-end:var(--_ui5-v2-17-0-rc-3_side_navigation_item_bottom_margin)}.ui5-navigation-menu .ui5-navigation-menu-main{padding:var(--_ui5-v2-17-0-rc-3_side_navigation_popup_padding)}.ui5-menu-rp.ui5-navigation-menu{min-width:10rem;background:var(--ui5-sapGroup_ContentBackground);border:none}
+.ui5-hidden-text{position:absolute;clip:rect(1px,1px,1px,1px);user-select:none;left:-1000px;top:-1000px;pointer-events:none;font-size:0}::slotted([ui5-navigation-menu-item]:not(:last-of-type)){margin-block-end:var(--_ui5-v2-18-0_side_navigation_item_bottom_margin)}.ui5-navigation-menu .ui5-navigation-menu-main{padding:var(--_ui5-v2-18-0_side_navigation_popup_padding)}.ui5-menu-rp.ui5-navigation-menu{min-width:10rem;background:var(--sapGroup_ContentBackground);border:none}