@openui5/sap.ui.webc.fiori 1.103.1 → 1.106.0

package/src/sap/ui/webc/fiori/thirdparty/WizardStep.js

@@ -1,46 +1,171 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element'], function (UI5Element) { 'use strict';
-
-	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
-
-	const metadata = {
-		tag: "ui5-wizard-step",
-		properties:  {
-			titleText: {
-				type: String,
-			},
-			subtitleText: {
-				type: String,
-			},
-			icon: {
-				type: String,
-			},
-			disabled: {
-				type: Boolean,
-			},
-			selected: {
-				type: Boolean,
-			},
-			branching: {
-				type: Boolean,
-			},
-		},
-		slots:  {
-			"default": {
-				type: Node,
-			},
-		},
-		events:  {
-		},
-	};
-	class WizardStep extends UI5Element__default {
-		static get metadata() {
-			return metadata;
-		}
-	}
-	WizardStep.define();
-
-	return WizardStep;
-
-});
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element"], function (_exports, _UI5Element) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _UI5Element = _interopRequireDefault(_UI5Element);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+  /**
+   * @public
+   */
+  const metadata = {
+    tag: "ui5-wizard-step",
+    properties:
+    /** @lends sap.ui.webcomponents.fiori.WizardStep.prototype */
+    {
+      /**
+       * Defines the <code>titleText</code> of the step.
+       * <br><br>
+       *
+       * <b>Note:</b> The text is displayed in the <code>ui5-wizard</code> navigation header.
+       *
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       * @since 1.0.0-rc.15
+       */
+      titleText: {
+        type: String
+      },
+
+      /**
+       * Defines the <code>subtitleText</code> of the step.
+       * <br><br>
+       *
+       * <b>Note:</b> the text is displayed in the <code>ui5-wizard</code> navigation header.
+       *
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       * @since 1.0.0-rc.15
+       */
+      subtitleText: {
+        type: String
+      },
+
+      /**
+       * Defines the <code>icon</code> of the step.
+       * <br><br>
+       *
+       * <b>Note:</b> The icon is displayed in the <code>ui5-wizard</code> navigation header.
+       * <br><br>
+       *
+       * The SAP-icons font provides numerous options.
+       * See all the available icons in the <ui5-link target="_blank" href="https://openui5.hana.ondemand.com/test-resources/sap/m/demokit/iconExplorer/webapp/index.html" class="api-table-content-cell-link">Icon Explorer</ui5-link>.
+       * @type {string}
+       * @defaultvalue ""
+       * @public
+       */
+      icon: {
+        type: String
+      },
+
+      /**
+       * Defines if the step is <code>disabled</code>. When disabled the step is displayed,
+       * but the user can't select the step by clicking or navigate to it with scrolling.
+       * <br><br>
+       *
+       * <b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.
+       * In this case the <code>selected</code> property would take precedence.
+       *
+       * @type {boolean}
+       * @defaultvalue false
+       * @public
+       */
+      disabled: {
+        type: Boolean
+      },
+
+      /**
+       * Defines the step's <code>selected</code> state - the step that is currently active.
+       * <br><br>
+       *
+       * <b>Note:</b> Step can't be <code>selected</code> and <code>disabled</code> at the same time.
+       * In this case the <code>selected</code> property would take precedence.
+       *
+       * @type {boolean}
+       * @defaultvalue false
+       * @public
+       */
+      selected: {
+        type: Boolean
+      },
+
+      /**
+       * When <code>branching</code> is enabled a dashed line would be displayed after the step,
+       * meant to indicate that the next step is not yet known and depends on user choice in the current step.
+       * <br><br>
+       *
+       * <b>Note:</b> It is recommended to use <code>branching</code> on the last known step
+       * and later add new steps when it becomes clear how the wizard flow should continue.
+       *
+       * @type {boolean}
+       * @defaultvalue false
+       * @public
+       */
+      branching: {
+        type: Boolean
+      }
+    },
+    slots:
+    /** @lends sap.ui.webcomponents.fiori.WizardStep.prototype */
+    {
+      /**
+       * Defines the step content.
+       * @type {Node[]}
+       * @slot
+       * @public
+       */
+      "default": {
+        type: Node
+      }
+    },
+    events:
+    /** @lends sap.ui.webcomponents.fiori.WizardStep.prototype */
+    {}
+  };
+  /**
+   * @class
+   *
+   * <h3 class="comment-api-title">Overview</h3>
+   *
+   * A component that represents a logical step as part of the <code>ui5-wizard</code>.
+   * It is meant to aggregate arbitrary HTML elements that form the content of a single step.
+   *
+   * <h3>Structure</h3>
+   * <ul>
+   * <li>Each wizard step has arbitrary content.</li>
+   * <li>Each wizard step might have texts - defined by the <code>titleText</code> and <code>subtitleText</code> properties.</li>
+   * <li>Each wizard step might have an icon - defined by the <code>icon</code> property.</li>
+   * <li>Each wizard step might display a number in place of the <code>icon</code>, when it's missing.</li>
+   * </ul>
+   *
+   * <h3>Usage</h3>
+   * The <code>ui5-wizard-step</code> component should be used only as slot of the <code>ui5-wizard</code> component
+   * and should not be used standalone.
+   *
+   * @constructor
+   * @author SAP SE
+   * @alias sap.ui.webcomponents.fiori.WizardStep
+   * @extends UI5Element
+   * @tagname ui5-wizard-step
+   * @since 1.0.0-rc.10
+   * @implements sap.ui.webcomponents.fiori.IWizardStep
+   * @public
+   */
+
+  class WizardStep extends _UI5Element.default {
+    static get metadata() {
+      return metadata;
+    }
+
+  }
+
+  WizardStep.define();
+  var _default = WizardStep;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/fiori/thirdparty/WizardTab.js

@@ -1,106 +1,230 @@
-sap.ui.define(['sap/ui/webc/common/thirdparty/base/UI5Element', 'sap/ui/webc/common/thirdparty/base/renderer/LitRenderer', 'sap/ui/webc/common/thirdparty/base/Keys', 'sap/ui/webc/main/thirdparty/Icon', './generated/templates/WizardTabTemplate.lit', './generated/themes/WizardTab.css'], function (UI5Element, litRender, Keys, Icon, WizardTabTemplate_lit, WizardTab_css) { 'use strict';
-
-	function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e['default'] : e; }
-
-	var UI5Element__default = /*#__PURE__*/_interopDefaultLegacy(UI5Element);
-	var litRender__default = /*#__PURE__*/_interopDefaultLegacy(litRender);
-	var Icon__default = /*#__PURE__*/_interopDefaultLegacy(Icon);
-
-	const metadata = {
-		tag: "ui5-wizard-tab",
-		properties:  {
-			icon: {
-				type: String,
-			},
-			titleText: {
-				type: String,
-			},
-			subtitleText: {
-				type: String,
-			},
-			number: {
-				type: String,
-			},
-			disabled: {
-				type: Boolean,
-			},
-			selected: {
-				type: Boolean,
-			},
-			hideSeparator: {
-				type: Boolean,
-			},
-			activeSeparator: {
-				type: Boolean,
-			},
-			branchingSeparator: {
-				type: Boolean,
-			},
-			_tabIndex: {
-				type: String,
-				defaultValue: "-1",
-			},
-			_wizardTabAccInfo: {
-				type: Object,
-			},
-		},
-		slots:  {
-		},
-		events:  {
-			"selection-change-requested": {},
-		},
-	};
-	class WizardTab extends UI5Element__default {
-		static get metadata() {
-			return metadata;
-		}
-		static get render() {
-			return litRender__default;
-		}
-		static get styles() {
-			return WizardTab_css;
-		}
-		static get template() {
-			return WizardTabTemplate_lit;
-		}
-		static get dependencies() {
-			return [Icon__default];
-		}
-		_onclick() {
-			if (!this.disabled) {
-				this.fireEvent("selection-change-requested");
-			}
-		}
-		_onkeyup(event) {
-			if (this.disabled) {
-				return;
-			}
-			if ((Keys.isSpace(event) || Keys.isEnter(event)) && !Keys.isSpaceShift(event)) {
-				event.preventDefault();
-				this.fireEvent("selection-change-requested");
-			}
-		}
-		_onfocusin() {
-			this.fireEvent("focused");
-		}
-		get tabIndex() {
-			return this._tabIndex;
-		}
-		get hasTexts() {
-			return this.titleText || this.subtitleText;
-		}
-		get accInfo() {
-			return {
-				"ariaSetsize": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,
-				"ariaPosinset": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,
-				"ariaLabel": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,
-				"ariaCurrent": this.selected ? "true" : undefined,
-				"ariaDisabled": this.disabled ? "true" : undefined,
-			};
-		}
-	}
-	WizardTab.define();
-
-	return WizardTab;
-
-});
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "sap/ui/webc/common/thirdparty/base/Keys", "sap/ui/webc/main/thirdparty/Icon", "./generated/templates/WizardTabTemplate.lit", "./generated/themes/WizardTab.css"], function (_exports, _UI5Element, _LitRenderer, _Keys, _Icon, _WizardTabTemplate, _WizardTab) {
+  "use strict";
+
+  Object.defineProperty(_exports, "__esModule", {
+    value: true
+  });
+  _exports.default = void 0;
+  _UI5Element = _interopRequireDefault(_UI5Element);
+  _LitRenderer = _interopRequireDefault(_LitRenderer);
+  _Icon = _interopRequireDefault(_Icon);
+  _WizardTabTemplate = _interopRequireDefault(_WizardTabTemplate);
+  _WizardTab = _interopRequireDefault(_WizardTab);
+
+  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+  const metadata = {
+    tag: "ui5-wizard-tab",
+    properties:
+    /** @lends sap.ui.webcomponents.fiori.WizardTab.prototype */
+    {
+      /**
+       * Defines the <code>icon</code> of the step.
+       * @type {string}
+       * @defaultvalue ""
+       * @private
+       */
+      icon: {
+        type: String
+      },
+
+      /**
+       * Defines the <code>titleText</code> of the step.
+       * @type {string}
+       * @defaultvalue ""
+       * @private
+       * @since 1.0.0-rc.15
+       */
+      titleText: {
+        type: String
+      },
+
+      /**
+       * Defines the <code>subtitleText</code> of the step.
+       * @type {string}
+       * @defaultvalue ""
+       * @private
+       * @since 1.0.0-rc.15
+       */
+      subtitleText: {
+        type: String
+      },
+
+      /**
+       * Defines the number that will be displayed in place of the <code>icon</code>, when it's missing.
+       * @type {string}
+       * @defaultvalue ""
+       * @private
+       */
+      number: {
+        type: String
+      },
+
+      /**
+       * Defines if the step is <code>disabled</code> - the step is not responding to user interaction.
+       * @type {boolean}
+       * @defaultvalue false
+       * @private
+       */
+      disabled: {
+        type: Boolean
+      },
+
+      /**
+       * Defines if the step is <selected>selected</code>.
+       * <br><br>
+       *
+       * @type {boolean}
+       * @defaultvalue false
+       * @private
+       */
+      selected: {
+        type: Boolean
+      },
+
+      /**
+       * Defines if the step's separator is hidden or not.
+       * @type {boolean}
+       * @defaultvalue false
+       * @private
+       */
+      hideSeparator: {
+        type: Boolean
+      },
+
+      /**
+       * Defines if the step's separator is active or not.
+       * @type {boolean}
+       * @defaultvalue false
+       * @private
+       */
+      activeSeparator: {
+        type: Boolean
+      },
+
+      /**
+       * Defines if the step's separator is dashed or not.
+       * @type {boolean}
+       * @defaultvalue false
+       * @private
+       */
+      branchingSeparator: {
+        type: Boolean
+      },
+
+      /**
+       * Defines the tabindex of the step.
+       * @type {string}
+       * @defaultvalue -1
+       * @private
+       */
+      _tabIndex: {
+        type: String,
+        defaultValue: "-1"
+      },
+      _wizardTabAccInfo: {
+        type: Object
+      }
+    },
+    slots:
+    /** @lends sap.ui.webcomponents.fiori.WizardTab.prototype */
+    {},
+    events:
+    /** @lends sap.ui.webcomponents.fiori.WizardTab.prototype */
+    {
+      /**
+       * Fired when clicking on none disabled step.
+       *
+       * @event sap.ui.webcomponents.fiori.WizardTab#selection-change-requested
+       * @private
+       */
+      "selection-change-requested": {}
+    }
+  };
+  /**
+   * @class
+   *
+   * <h3 class="comment-api-title">Overview</h3>
+   * Private component, used internally by the <code>ui5-wizard</code>
+   * to represent a "step" in the navigation header of the <code>ui5-wizard</code>.
+   *
+   * <h3>Usage</h3>
+   *
+   * <h3>ES6 Module Import</h3>
+   *
+   * <code>import "@ui5/webcomponents/dist/WizardTab.js";</code> (imported with <ui5-wizard>)
+   *
+   * @constructor
+   * @author SAP SE
+   * @alias sap.ui.webcomponents.fiori.WizardTab
+   * @extends UI5Element
+   * @tagname ui5-wizard-tab
+   * @private
+   */
+
+  class WizardTab extends _UI5Element.default {
+    static get metadata() {
+      return metadata;
+    }
+
+    static get render() {
+      return _LitRenderer.default;
+    }
+
+    static get styles() {
+      return _WizardTab.default;
+    }
+
+    static get template() {
+      return _WizardTabTemplate.default;
+    }
+
+    static get dependencies() {
+      return [_Icon.default];
+    }
+
+    _onclick() {
+      if (!this.disabled) {
+        this.fireEvent("selection-change-requested");
+      }
+    }
+
+    _onkeyup(event) {
+      if (this.disabled) {
+        return;
+      }
+
+      if (((0, _Keys.isSpace)(event) || (0, _Keys.isEnter)(event)) && !(0, _Keys.isSpaceShift)(event)) {
+        event.preventDefault();
+        this.fireEvent("selection-change-requested");
+      }
+    }
+
+    _onfocusin() {
+      this.fireEvent("focused");
+    }
+
+    get tabIndex() {
+      return this._tabIndex;
+    }
+
+    get hasTexts() {
+      return this.titleText || this.subtitleText;
+    }
+
+    get accInfo() {
+      return {
+        "ariaSetsize": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaSetsize,
+        "ariaPosinset": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaPosinset,
+        "ariaLabel": this._wizardTabAccInfo && this._wizardTabAccInfo.ariaLabel,
+        "ariaCurrent": this.selected ? "true" : undefined,
+        "ariaDisabled": this.disabled ? "true" : undefined
+      };
+    }
+
+  }
+
+  WizardTab.define();
+  var _default = WizardTab;
+  _exports.default = _default;
+});

package/src/sap/ui/webc/fiori/thirdparty/css/themes/Bar.css

@@ -1 +1 @@
-:host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(.ui5-bar-content){margin:0 .25rem}
+:host{background-color:var(--sapPageHeader_Background);height:var(--_ui5_bar_base_height);width:100%;box-shadow:inset 0 -.0625rem var(--sapPageHeader_BorderColor);display:block}.ui5-bar-root{display:flex;align-items:center;justify-content:space-between;height:inherit;width:inherit;background-color:inherit;box-shadow:inherit;border-radius:inherit}.ui5-bar-root .ui5-bar-startcontent-container{padding-inline-start:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-start}.ui5-bar-root .ui5-bar-content-container{min-width:30%}.ui5-bar-root.ui5-bar-root-shrinked .ui5-bar-content-container{min-width:0;overflow:hidden}.ui5-bar-root .ui5-bar-endcontent-container{padding-inline-end:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:flex-end}.ui5-bar-root .ui5-bar-midcontent-container{padding-left:.5rem;padding-right:.5rem;display:flex;flex-direction:row;align-items:center;justify-content:center}:host([design=Footer]){background-color:var(--sapPageFooter_Background);border-top:.0625rem solid var(--sapPageFooter_BorderColor);box-shadow:none}:host([design=Subheader]){height:var(--_ui5_bar_subheader_height)}:host([design=FloatingFooter]){border-radius:var(--sapElement_BorderCornerRadius);background-color:var(--sapPageFooter_Background);box-shadow:var(--sapContent_Shadow1);border:none}::slotted(*){margin:0 .25rem}

package/src/sap/ui/webc/fiori/thirdparty/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_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}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns="2"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns="2"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--middle{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--end{border-inline-start:var(--_ui5_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background)}.ui5-fcl-arrow{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{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-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}.ui5-fcl--ie .ui5-fcl-arrow{margin:0 -.75rem}
+.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_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}.ui5-fcl-column-animation{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}:host([_visible-columns="2"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--start{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns="2"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--middle{border-inline-start:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--middle{border-inline-end:var(--_ui5_fcl_column_border)}:host([_visible-columns="3"]) .ui5-fcl-column--end{border-inline-start:var(--_ui5_fcl_column_border)}.ui5-fcl-column--hidden{display:none}.ui5-fcl-arrow-container{display:flex;align-items:center;justify-content:center;width:1rem;background-color:var(--sapShell_Background)}.ui5-fcl-arrow{position:relative;width:1.5rem;height:1.5rem;min-width:1.5rem;will-change:transform;overflow:visible;z-index:1}.ui5-fcl-arrow:before{background-image:var(--_ui5_fcl_decoration_top);background-position-y:-.3125rem;bottom:100%}.ui5-fcl-arrow:after{background-image:var(--_ui5_fcl_decoration_bottom);background-position-y:.3125rem;top:100%}.ui5-fcl-arrow:after,.ui5-fcl-arrow:before{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-arrow:hover:after,.ui5-fcl-arrow:hover:before{height:7rem}

package/src/sap/ui/webc/fiori/thirdparty/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_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)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{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;top:0;left:0;right:0;bottom:0;-webkit-user-select:none;-moz-user-select:none;-ms-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_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}
+: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_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)}:host([focused]) .ui5-media-gallery-item-root{outline:var(--_ui5_media_gallery_thumbnail_focus_outline);outline-offset:-1px}:host([_thumbnail-design][selected]) .ui5-media-gallery-item-root{border:var(--_ui5_media_gallery_thumbnail_selected_border)}:host([_thumbnail-design][focused][selected]) .ui5-media-gallery-item-root{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;top:0;left:0;right:0;bottom: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_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/src/sap/ui/webc/fiori/thirdparty/css/themes/NotificationListItem.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;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host([wrapping-type=None]) .ui5-nli-content--ie .ui5-nli-description{max-height:32px}:host([wrapping-type=None]) .ui5-nli-content--ie .ui5-nli-title-text{max-height:32px}:host([_show-more-pressed]) .ui5-nli-content--ie .ui5-nli-title-text{max-height:inherit}:host([_show-more-pressed]) .ui5-nli-content--ie .ui5-nli-description{max-height:inherit}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}
+.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;width:100%;min-height:var(--_ui5_list_item_base_height);background:var(--ui5-listitem-background-color);cursor:pointer}:host([has-border]){border-bottom:var(--ui5-listitem-border-bottom)}:host([focused]) .ui5-nli-focusable{outline:none}:host([focused]) .ui5-nli-focusable:after{content:"";border:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:host([busy]){opacity:.6;pointer-events:none}:host([busy]) .ui5-nli-busy{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ui5-nli-action{flex-shrink:0;margin-inline-end:.5rem}.ui5-nli-overflow-btn{margin-inline-end:.5rem}.ui5-prio-icon{min-width:1rem;min-height:1rem;padding-inline-end:.625rem}.ui5-prio-icon--message-error{color:var(--sapNegativeElementColor)}.ui5-prio-icon--message-warning{color:var(--sapCriticalElementColor)}.ui5-prio-icon--message-success{color:var(--sapPositiveElementColor)}:host([wrapping-type=None]) .ui5-nli-title-text{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host(:not([wrapping-type=Normal])) .ui5-nli-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}:host([_show-more-pressed]) .ui5-nli-title-text{-webkit-line-clamp:unset}:host([_show-more-pressed]) .ui5-nli-description{-webkit-line-clamp:unset}:host([read]) .ui5-nli-title-text{font-weight:400}:host(:first-of-type){border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type){border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}:host(:first-of-type) .ui5-nli-focusable:after{border-top-left-radius:var(--_ui5-notification_item-border-raius);border-top-right-radius:var(--_ui5-notification_item-border-raius)}:host(:last-of-type) .ui5-nli-focusable:after{border-bottom-left-radius:var(--_ui5-notification_item-border-raius);border-bottom-right-radius:var(--_ui5-notification_item-border-raius)}.ui5-nli-root{display:flex;flex-direction:row-reverse;position:relative;width:100%;padding-inline:1rem .5rem;padding-block:1rem;box-sizing:border-box;cursor:pointer}.ui5-nli-content{display:flex;flex-direction:column;flex:1;min-width:0;width:100%;padding-inline:.75rem 1rem;font-family:"72override",var(--sapFontFamily);box-sizing:border-box}.ui5-nli-title-text-wrapper{display:flex;flex-direction:row}.ui5-nli-title-text{display:flex;margin-bottom:.25rem;box-sizing:border-box}.ui5-nli-title-text{color:var(--sapGroup_TitleTextColor);font-weight:700;font-size:var(--sapFontHeader6Size)}.ui5-nli-description{display:flex;margin-top:.5rem;color:var(--sapTextColor);font-size:var(--sapFontSize);box-sizing:border-box}.ui5-nli-footer{display:flex;color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);padding-top:.5rem;box-sizing:border-box;flex-wrap:wrap;align-items:center}.ui5-nli-footer-divider{position:relative;align-items:center;margin-inline:.5rem}.ui5-nli-footer-showMore{margin-inline-start:1rem}::slotted([slot^=footnotes]){color:var(--sapContent_LabelColor);font-size:var(--sapFontSize);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.ui5-nli-actions{display:flex;box-sizing:border-box}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/Page.css

@@ -1 +1 @@
-:host(:not([hidden])){width:100%;height:100%;display:inline-block}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host([floating-footer]) .ui5-page-footer-root{opacity:1;bottom:.5rem}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=S]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=L]) ::slotted([ui5-bar][design=Footer]),:host([media-range=M]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([media-range=XL]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:var(--_ui5_page_transparent_bg)}:host([background-design=List]){background-color:var(--_ui5_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}
+:host(:not([hidden])){width:100%;height:100%;display:block}.ui5-page-root{height:inherit;overflow:hidden;position:relative;z-index:0;box-sizing:border-box;background-color:inherit}.ui5-page-header-root{z-index:1}.ui5-page-content-root{overflow:hidden auto;position:absolute;will-change:scroll-position;width:100%;top:2.75rem;bottom:0;box-sizing:border-box}.ui5-page-footer-root{box-sizing:border-box;position:absolute;bottom:0;left:0;z-index:2;width:100%}:host([floating-footer]) .ui5-page-footer-root{opacity:1;bottom:.5rem}:host([media-range=S]) .ui5-page-content-root,:host([media-range=S][floating-footer]) .ui5-page-footer-root{padding:0 1rem}:host([media-range=S]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 .25rem}:host([media-range=S]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 .25rem}:host([media-range=L]) .ui5-page-content-root,:host([media-range=L][floating-footer]) .ui5-page-footer-root,:host([media-range=M]) .ui5-page-content-root,:host([media-range=M][floating-footer]) .ui5-page-footer-root{padding:0 2rem}:host([media-range=L]) ::slotted([ui5-bar][slot=header]),:host([media-range=M]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=L]) ::slotted([ui5-bar][design=Footer]),:host([media-range=M]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 1.25rem}:host([media-range=XL]) .ui5-page-content-root,:host([media-range=XL][floating-footer]) .ui5-page-footer-root{padding:0 3rem}:host([media-range=XL]) ::slotted([ui5-bar][slot=header]){box-sizing:border-box;padding:0 2.25rem}:host([media-range=XL]) ::slotted([ui5-bar][design=Footer]){box-sizing:border-box;padding:0 2.25rem}:host([disable-scrolling]) .ui5-page-content-root{overflow:hidden}:host([hide-footer]:not([floating-footer])) .ui5-page-footer-root{display:none}:host([floating-footer]:not([hide-footer])) .ui5-page-footer-root{animation:bounceShow .35s ease-in-out forwards}:host([floating-footer][hide-footer]) .ui5-page-footer-root{animation:bounceHide .35s ease-in-out forwards}:host([background-design=Solid]){background-color:var(--sapBackgroundColor)}:host([background-design=Transparent]){background-color:var(--_ui5_page_transparent_bg)}:host([background-design=List]){background-color:var(--_ui5_page_list_bg)}@keyframes bounceShow{0%{transform:translateY(100%);opacity:0}to{opacity:1}}@keyframes bounceHide{0%{transform:translateY(-5%);opacity:1}to{transform:translateY(100%);opacity:0}}

package/src/sap/ui/webc/fiori/thirdparty/css/themes/ProductSwitchItem.css

@@ -1 +1 @@
-:host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;-ms-user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:"";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}
+:host{width:var(--_ui5_product_switch_item_width);height:var(--_ui5_product_switch_item_height);margin:.25rem;border-radius:.25rem;box-sizing:border-box;background:var(--sapList_Background)}:host([selected]){background:var(--sapList_SelectionBackgroundColor);border:.125rem solid var(--sapList_SelectionBorderColor)}:host(:hover){background:var(--sapList_Hover_Background)}:host([selected]:hover){background:var(--sapList_Hover_SelectionBackground)}:host([active]),:host([selected][active]){background:var(--sapList_Active_Background)}:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-icon,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,:host([active]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{color:var(--sapList_Active_TextColor)}:host([focused]){outline:var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);outline-offset:var(--_ui5_product_switch_item_outline_offset)}:host([active][focused]){outline-color:var(--_ui5_product_switch_item_active_outline_color)}.ui5-product-switch-item-root{user-select:none;width:100%;height:100%;flex-direction:column;display:flex;align-items:center;text-decoration:none;outline:none;box-sizing:border-box;padding:.5rem;padding-top:4rem;cursor:pointer;border:var(--_ui5_product_switch_item_border)}:host([icon]) .ui5-product-switch-item-root{padding-top:.5rem}:host([selected]) .ui5-product-switch-item-root{padding:.375rem}.ui5-product-switch-item-root .ui5-product-switch-item-icon{width:3rem;height:3rem;padding:.75rem;margin-bottom:.5rem;box-sizing:border-box;color:var(--sapContent_IconColor);pointer-events:none}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{display:flex;align-items:center;flex-direction:column;max-width:10.25rem}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:1.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;pointer-events:none;text-align:center}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{font-size:var(--sapFontHeader6Size);color:var(--sapGroup_TitleTextColor)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title:only-child{white-space:normal;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSmallSize);color:var(--sapContent_LabelColor)}@media only screen and (max-width:600px){:host{margin:0;width:100%;max-width:600px;height:5rem;border-radius:0}.ui5-product-switch-item-root{padding:0 1rem;flex-direction:row}:host([icon]) .ui5-product-switch-item-root{padding-top:0}.ui5-product-switch-item-root .ui5-product-switch-item-icon{padding:.875rem;color:var(--sapContent_NonInteractiveIconColor);margin:0 .75rem 0 0}.ui5-product-switch-item-root .ui5-product-switch-item-text-content{align-items:flex-start;max-width:100%}:host([icon]) .ui5-product-switch-item-root .ui5-product-switch-item-text-content{max-width:calc(100% - 3.75rem)}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle,.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-title{line-height:normal}.ui5-product-switch-item-root .ui5-product-switch-item-text-content .ui5-product-switch-item-subtitle{font-size:var(--sapFontSize);padding-top:.75rem}}[ui5-product-switch-item][focused]{outline:none;position:relative}[ui5-product-switch-item][focused] .ui5-product-switch-item-root:after{content:"";position:absolute;border-color:var(--_ui5_product_switch_item_outline_color);border-width:var(--_ui5_product_switch_item_outline_width);border-style:dotted;top:var(--_ui5_product_switch_item_outline_offset_positive);bottom:var(--_ui5_product_switch_item_outline_offset_positive);left:var(--_ui5_product_switch_item_outline_offset_positive);right:var(--_ui5_product_switch_item_outline_offset_positive)}[ui5-product-switch-item][active][focused] .ui5-product-switch-item-root:after{border-color:var(--_ui5_product_switch_item_active_outline_color)}