@openui5/sap.ui.webc.fiori 1.115.1 → 1.116.0

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

@@ -1,4 +1,4 @@
-sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/asset-registries/Illustrations", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/main/thirdparty/Title", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "./generated/templates/IllustratedMessageTemplate.lit", "./types/IllustrationMessageSize", "./types/IllustrationMessageType", "./illustrations/BeforeSearch", "./generated/themes/IllustratedMessage.css"], function (_exports, _UI5Element, _ResizeHandler, _Illustrations, _i18nBundle, _Title, _LitRenderer, _IllustratedMessageTemplate, _IllustrationMessageSize, _IllustrationMessageType, _BeforeSearch, _IllustratedMessage) {
+sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/ui/webc/common/thirdparty/base/decorators/customElement", "sap/ui/webc/common/thirdparty/base/decorators/property", "sap/ui/webc/common/thirdparty/base/decorators/slot", "sap/ui/webc/common/thirdparty/base/delegate/ResizeHandler", "sap/ui/webc/common/thirdparty/base/asset-registries/Illustrations", "sap/ui/webc/common/thirdparty/base/util/AriaLabelHelper", "sap/ui/webc/common/thirdparty/base/i18nBundle", "sap/ui/webc/main/thirdparty/Title", "sap/ui/webc/common/thirdparty/base/renderer/LitRenderer", "./types/IllustrationMessageSize", "./types/IllustrationMessageType", "./illustrations/BeforeSearch", "./generated/themes/IllustratedMessage.css", "./generated/templates/IllustratedMessageTemplate.lit"], function (_exports, _UI5Element, _customElement, _property, _slot, _ResizeHandler, _Illustrations, _AriaLabelHelper, _i18nBundle, _Title, _LitRenderer, _IllustrationMessageSize, _IllustrationMessageType, _BeforeSearch, _IllustratedMessage, _IllustratedMessageTemplate) {
   "use strict";
 
   Object.defineProperty(_exports, "__esModule", {
@@ -6,231 +6,25 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
   });
   _exports.default = void 0;
   _UI5Element = _interopRequireDefault(_UI5Element);
+  _customElement = _interopRequireDefault(_customElement);
+  _property = _interopRequireDefault(_property);
+  _slot = _interopRequireDefault(_slot);
   _ResizeHandler = _interopRequireDefault(_ResizeHandler);
   _Title = _interopRequireDefault(_Title);
   _LitRenderer = _interopRequireDefault(_LitRenderer);
-  _IllustratedMessageTemplate = _interopRequireDefault(_IllustratedMessageTemplate);
   _IllustrationMessageSize = _interopRequireDefault(_IllustrationMessageSize);
   _IllustrationMessageType = _interopRequireDefault(_IllustrationMessageType);
   _IllustratedMessage = _interopRequireDefault(_IllustratedMessage);
+  _IllustratedMessageTemplate = _interopRequireDefault(_IllustratedMessageTemplate);
   function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-  // Styles
-
-  const ILLUSTRATION_NOT_FOUND = "ILLUSTRATION_NOT_FOUND";
-
-  /**
-   * @public
-   */
-  const metadata = {
-    tag: "ui5-illustrated-message",
-    languageAware: true,
-    managedSlots: true,
-    properties: /** @lends sap.ui.webcomponents.fiori.IllustratedMessage.prototype */{
-      /**
-       * Defines the title of the component.
-       * <br><br>
-       * <b>Note:</b> Using this property, the default title text of illustration will be overwritten.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      titleText: {
-        type: String
-      },
-      /**
-       * Defines the subtitle of the component.
-       * <br><br>
-       * <b>Note:</b> Using this property, the default subtitle text of illustration will be overwritten.
-       * <br><br>
-       * <b>Note:</b> Using <code>subtitle</code> slot, the default of this property will be overwritten.
-       * @type {string}
-       * @defaultvalue ""
-       * @public
-       */
-      subtitleText: {
-        type: String
-      },
-      /**
-       * Determinates what is the current media of the component based on its width.
-       * @private
-      */
-      media: {
-        type: String
-      },
-      /**
-       * Determinates whether illustration is invalid.
-       * @private
-      */
-      invalid: {
-        type: Boolean
-      },
-      /**
-       * Defines the illustration name that will be displayed in the component.
-       * <br><br>
-       * Available illustrations are:
-       * <ul>
-       * <li><code>AddColumn</code></li>
-       * <li><code>AddPeople</code></li>
-       * <li><code>BalloonSky</code></li>
-       * <li><code>BeforeSearch</code></li>
-       * <li><code>Connection</code></li>
-       * <li><code>EmptyCalendar</code></li>
-       * <li><code>EmptyList</code></li>
-       * <li><code>EmptyPlanningCalendar</code></li>
-       * <li><code>ErrorScreen</code></li>
-       * <li><code>FilterTable</code></li>
-       * <li><code>GroupTable</code></li>
-       * <li><code>NoActivities</code></li>
-       * <li><code>NoData</code></li>
-       * <li><code>NoEntries</code></li>
-       * <li><code>NoFilterResults</code></li>
-       * <li><code>NoMail_v1</code></li>
-       * <li><code>NoMail</code></li>
-       * <li><code>NoNotifications</code></li>
-       * <li><code>NoSavedItems_v1</code></li>
-       * <li><code>NoSavedItems</code></li>
-       * <li><code>NoSearchResults</code></li>
-       * <li><code>NoTasks_v1</code></li>
-       * <li><code>NoTasks</code></li>
-       * <li><code>PageNotFound</code></li>
-       * <li><code>ReloadScreen</code></li>
-       * <li><code>ResizeColumn</code></li>
-       * <li><code>SearchEarth</code></li>
-       * <li><code>SearchFolder</code></li>
-       * <li><code>SimpleBalloon</code></li>
-       * <li><code>SimpleBell</code></li>
-       * <li><code>SimpleCalendar</code></li>
-       * <li><code>SimpleCheckMark</code></li>
-       * <li><code>SimpleConnection</code></li>
-       * <li><code>SimpleEmptyDoc</code></li>
-       * <li><code>SimpleEmptyList</code></li>
-       * <li><code>SimpleError</code></li>
-       * <li><code>SimpleMagnifier</code></li>
-       * <li><code>SimpleMail</code></li>
-       * <li><code>SimpleNoSavedItems</code></li>
-       * <li><code>SimpleNotFoundMagnifier</code></li>
-       * <li><code>SimpleReload</code></li>
-       * <li><code>SimpleTask</code></li>
-       * <li><code>SleepingBell</code></li>
-       * <li><code>SortColumn</code></li>
-       * <li><code>SuccessBalloon</code></li>
-       * <li><code>SuccessCheckMark</code></li>
-       * <li><code>SuccessHighFive</code></li>
-       * <li><code>SuccessScreen</code></li>
-       * <li><code>Tent</code></li>
-       * <li><code>UnableToLoad</code></li>
-       * <li><code>UnableToLoadImage</code></li>
-       * <li><code>UnableToUpload</code></li>
-       * <li><code>UploadCollection</code></li>
-       * <li><code>TntChartArea</code></li>
-       * <li><code>TntChartArea2</code></li>
-       * <li><code>TntChartBar</code></li>
-       * <li><code>TntChartBPMNFlow</code></li>
-       * <li><code>TntChartBullet</code></li>
-       * <li><code>TntChartDoughnut</code></li>
-       * <li><code>TntChartFlow</code></li>
-       * <li><code>TntChartGantt</code></li>
-       * <li><code>TntChartOrg</code></li>
-       * <li><code>TntChartPie</code></li>
-       * <li><code>TntCodePlaceholder</code></li>
-       * <li><code>TntCompany</code></li>
-       * <li><code>TntComponents</code></li>
-       * <li><code>TntExternalLink</code></li>
-       * <li><code>TntFaceID</code></li>
-       * <li><code>TntFingerprint</code></li>
-       * <li><code>TntLock</code></li>
-       * <li><code>TntMission</code></li>
-       * <li><code>TntNoApplications</code></li>
-       * <li><code>TntNoFlows</code></li>
-       * <li><code>TntNoUsers</code></li>
-       * <li><code>TntRadar</code></li>
-       * <li><code>TntSecrets</code></li>
-       * <li><code>TntServices</code></li>
-       * <li><code>TntSessionExpired</code></li>
-       * <li><code>TntSessionExpiring</code></li>
-       * <li><code>TntSuccess</code></li>
-       * <li><code>TntSuccessfulAuth</code></li>
-       * <li><code>TntSystems</code></li>
-       * <li><code>TntTeams</code></li>
-       * <li><code>TntTools</code></li>
-       * <li><code>TntUnableToLoad</code></li>
-       * <li><code>TntUnlock</code></li>
-       * <li><code>TntUnsuccessfulAuth</code></li>
-       * <li><code>TntUser2</code></li>
-       * </ul>
-       * <br><br>
-       * <b>Note:</b> By default the <code>BeforeSearch</code> illustration is loaded.
-       * <br>
-       * When using an illustration type, other than the default, it should be loaded in addition:
-       * <br>
-       * <code>import "@ui5/webcomponents-fiori/dist/illustrations/NoData.js";</code>
-       * <br><br>
-       * <b>Note:</b> TNT illustrations cointain <code>Tnt</code> prefix in their name.
-       * You can import them removing the <code>Tnt</code> prefix like this:
-       * <br>
-       * <code>import "@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js";</code>
-       * @type {IllustrationMessageType}
-       * @defaultvalue "BeforeSearch"
-       * @public
-       */
-      name: {
-        type: _IllustrationMessageType.default,
-        defaultValue: _IllustrationMessageType.default.BeforeSearch
-      },
-      /**
-       * Determines which illustration breakpoint variant is used.
-       * <br><br>
-       * Available options are:
-       * <ul>
-       * <li><code>Auto</code></li>
-       * <li><code>Base</code></li>
-       * <li><code>Spot</code></li>
-       * <li><code>Dialog</code></li>
-       * <li><code>Scene</code></li>
-       * </ul>
-       *
-       * As <code>IllustratedMessage</code> adapts itself around the <code>Illustration</code>, the other
-       * elements of the component are displayed differently on the different breakpoints/illustration sizes.
-       *
-       * @type {IllustrationMessageSize}
-       * @defaultvalue "Auto"
-       * @public
-       * @since 1.5.0
-       */
-      size: {
-        type: _IllustrationMessageSize.default,
-        defaultValue: _IllustrationMessageSize.default.Auto
-      }
-    },
-    slots: /** @lends sap.ui.webcomponents.fiori.IllustratedMessage.prototype */{
-      /**
-       * Defines the component actions.
-       * @type {sap.ui.webcomponents.main.IButton[]}
-       * @slot actions
-       * @public
-       */
-      "default": {
-        propertyName: "actions",
-        type: HTMLElement
-      },
-      /**
-       * Defines the subtitle of the component.
-       * <br><br>
-       * <b>Note:</b> Using this slot, the default subtitle text of illustration and the value of <code>subtitleText</code> property will be overwritten.
-       * @type {HTMLElement}
-       * @slot subtitle
-       * @public
-       * @since 1.0.0-rc.16
-       */
-      subtitle: {
-        type: HTMLElement
-      }
-    },
-    events: /** @lends sap.ui.webcomponents.fiori.IllustratedMessage.prototype */{
-      //
-    }
+  var __decorate = void 0 && (void 0).__decorate || function (decorators, target, key, desc) {
+    var c = arguments.length,
+      r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+      d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
   };
-
+  var IllustratedMessage_1;
   /**
    * @class
    *
@@ -272,31 +66,23 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
    *
    * @constructor
    * @author SAP SE
-   * @alias sap.ui.webcomponents.fiori.IllustratedMessage
-   * @extends UI5Element
+   * @alias sap.ui.webc.fiori.IllustratedMessage
+   * @extends sap.ui.webc.base.UI5Element
    * @tagname ui5-illustrated-message
    * @public
    * @since 1.0.0-rc.15
    */
-  class IllustratedMessage extends _UI5Element.default {
+  let IllustratedMessage = IllustratedMessage_1 = class IllustratedMessage extends _UI5Element.default {
     constructor() {
       super();
       this._handleResize = this.handleResize.bind(this);
-    }
-    static get metadata() {
-      return metadata;
-    }
-    static get render() {
-      return _LitRenderer.default;
-    }
-    static get styles() {
-      return _IllustratedMessage.default;
-    }
-    static get template() {
-      return _IllustratedMessageTemplate.default;
+      // this will store the last known offsetWidth of the IllustratedMessage DOM node for a given media (e.g. "Spot")
+      this._lastKnownOffsetWidthForMedia = {};
+      // this will store the last known media, in order to detect if IllustratedMessage has been hidden by expand/collapse container
+      this._lastKnownMedia = "base";
     }
     static async onDefine() {
-      IllustratedMessage.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
+      IllustratedMessage_1.i18nBundle = await (0, _i18nBundle.getI18nBundle)("@ui5/webcomponents-fiori");
     }
     static get BREAKPOINTS() {
       return {
@@ -313,24 +99,22 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
         SCENE: "scene"
       };
     }
-    static get dependencies() {
-      return [_Title.default];
-    }
-    onBeforeRendering() {
-      const illustrationData = (0, _Illustrations.getIllustrationDataSync)(this.name);
-      if (illustrationData === ILLUSTRATION_NOT_FOUND) {
-        this.invalid = true;
-        const illustrationPath = this.name.includes("Tnt") ? `tnt/${this.name.replace("Tnt", "")}` : this.name;
-
-        /* eslint-disable-next-line */
-        return console.warn(`Required illustration is not registered. You can either import the illustration as a module in order to use it e.g. "@ui5/webcomponents-fiori/dist/illustrations/${illustrationPath}.js".`);
+    async onBeforeRendering() {
+      let illustrationData = (0, _Illustrations.getIllustrationDataSync)(this.name);
+      // Gets the current illustration name given in the "name" attribute
+      const currentIllustration = this.getAttribute("name");
+      if (this.hasAttribute("name") && !this.isValidIllustration(currentIllustration)) {
+        // eslint-disable-next-line
+        console.warn(`The illustration "${currentIllustration}" does not exist. The default illustration "${_IllustrationMessageType.default.BeforeSearch}" is loaded instead.`);
+      }
+      if (illustrationData === undefined) {
+        illustrationData = await (0, _Illustrations.getIllustrationData)(this.name);
       }
-      this.invalid = false;
       this.spotSvg = illustrationData.spotSvg;
       this.dialogSvg = illustrationData.dialogSvg;
       this.sceneSvg = illustrationData.sceneSvg;
-      this.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData.title);
-      this.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData.subtitle);
+      this.illustrationTitle = IllustratedMessage_1.i18nBundle.getText(illustrationData.title);
+      this.illustrationSubtitle = IllustratedMessage_1.i18nBundle.getText(illustrationData.subtitle);
       if (this.size !== _IllustrationMessageSize.default.Auto) {
         this._handleCustomSize();
       }
@@ -345,17 +129,42 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       if (this.size !== _IllustrationMessageSize.default.Auto) {
         return;
       }
-      if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.BASE) {
-        this.media = IllustratedMessage.MEDIA.BASE;
-      } else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.SPOT) {
-        this.media = IllustratedMessage.MEDIA.SPOT;
-      } else if (this.offsetWidth <= IllustratedMessage.BREAKPOINTS.DIALOG) {
-        this.media = IllustratedMessage.MEDIA.DIALOG;
+      this._applyMedia();
+    }
+    _applyMedia() {
+      const currOffsetWidth = this.offsetWidth;
+      let newMedia = "";
+      if (this.offsetWidth <= IllustratedMessage_1.BREAKPOINTS.BASE) {
+        newMedia = IllustratedMessage_1.MEDIA.BASE;
+      } else if (this.offsetWidth <= IllustratedMessage_1.BREAKPOINTS.SPOT) {
+        newMedia = IllustratedMessage_1.MEDIA.SPOT;
+      } else if (this.offsetWidth <= IllustratedMessage_1.BREAKPOINTS.DIALOG) {
+        newMedia = IllustratedMessage_1.MEDIA.DIALOG;
       } else {
-        this.media = IllustratedMessage.MEDIA.SCENE;
+        newMedia = IllustratedMessage_1.MEDIA.SCENE;
+      }
+      const lastKnownOffsetWidth = this._lastKnownOffsetWidthForMedia[newMedia];
+      // prevents infinite resizing, when same width is detected for the same media,
+      // excluding the case in which, the control is placed inside expand/collapse container
+      if (!(lastKnownOffsetWidth && currOffsetWidth === lastKnownOffsetWidth) || this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0) {
+        this.media = newMedia;
+        this._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;
+        this._lastKnownMedia = newMedia;
       }
     }
-
+    _setSVGAccAttrs() {
+      const svg = this.shadowRoot.querySelector(".ui5-illustrated-message-illustration svg");
+      if (svg) {
+        if (this.ariaLabelText) {
+          svg.setAttribute("aria-label", this.ariaLabelText);
+        } else {
+          svg.removeAttribute("aria-label");
+        }
+      }
+    }
+    onAfterRendering() {
+      this._setSVGAccAttrs();
+    }
     /**
      * Modifies the IM styles in accordance to the `size` property's value.
      * Note: The resize handler has no effect when size is different than "Auto".
@@ -365,25 +174,28 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     _handleCustomSize() {
       switch (this.size) {
         case _IllustrationMessageSize.default.Base:
-          this.media = IllustratedMessage.MEDIA.BASE;
+          this.media = IllustratedMessage_1.MEDIA.BASE;
           return;
         case _IllustrationMessageSize.default.Spot:
-          this.media = IllustratedMessage.MEDIA.SPOT;
+          this.media = IllustratedMessage_1.MEDIA.SPOT;
           return;
         case _IllustrationMessageSize.default.Dialog:
-          this.media = IllustratedMessage.MEDIA.DIALOG;
+          this.media = IllustratedMessage_1.MEDIA.DIALOG;
           return;
         default:
-          this.media = IllustratedMessage.MEDIA.SCENE;
+          this.media = IllustratedMessage_1.MEDIA.SCENE;
       }
     }
+    get ariaLabelText() {
+      return (0, _AriaLabelHelper.getEffectiveAriaLabelText)(this);
+    }
     get effectiveIllustration() {
       switch (this.media) {
-        case IllustratedMessage.MEDIA.SPOT:
+        case IllustratedMessage_1.MEDIA.SPOT:
           return this.spotSvg;
-        case IllustratedMessage.MEDIA.DIALOG:
+        case IllustratedMessage_1.MEDIA.DIALOG:
           return this.dialogSvg;
-        case IllustratedMessage.MEDIA.SCENE:
+        case IllustratedMessage_1.MEDIA.SCENE:
           return this.sceneSvg;
         default:
           return "";
@@ -392,6 +204,9 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
     get hasFormattedSubtitle() {
       return !!this.subtitle.length;
     }
+    get hasFormattedTitle() {
+      return !!this.title.length;
+    }
     get effectiveTitleText() {
       return this.titleText ? this.titleText : this.illustrationTitle;
     }
@@ -399,15 +214,59 @@ sap.ui.define(["exports", "sap/ui/webc/common/thirdparty/base/UI5Element", "sap/
       return this.subtitleText ? this.subtitleText : this.illustrationSubtitle;
     }
     get hasTitle() {
-      return this.titleText || this.illustrationTitle;
+      return !!(this.hasFormattedTitle || this.titleText || this.illustrationTitle);
     }
     get hasSubtitle() {
-      return this.subtitleText || this.illustrationSubtitle;
+      return !!(this.hasFormattedSubtitle || this.subtitleText || this.illustrationSubtitle);
     }
     get hasActions() {
-      return !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;
+      return !!this.actions.length && this.media !== IllustratedMessage_1.MEDIA.BASE;
     }
-  }
+    isValidIllustration(currentIllustration) {
+      return currentIllustration in _IllustrationMessageType.default;
+    }
+  };
+  __decorate([(0, _property.default)({
+    type: _IllustrationMessageType.default,
+    defaultValue: _IllustrationMessageType.default.BeforeSearch
+  })], IllustratedMessage.prototype, "name", void 0);
+  __decorate([(0, _property.default)({
+    type: _IllustrationMessageSize.default,
+    defaultValue: _IllustrationMessageSize.default.Auto
+  })], IllustratedMessage.prototype, "size", void 0);
+  __decorate([(0, _property.default)()], IllustratedMessage.prototype, "subtitleText", void 0);
+  __decorate([(0, _property.default)()], IllustratedMessage.prototype, "titleText", void 0);
+  __decorate([(0, _property.default)({
+    defaultValue: ""
+  })], IllustratedMessage.prototype, "accessibleNameRef", void 0);
+  __decorate([(0, _property.default)({
+    noAttribute: true
+  })], IllustratedMessage.prototype, "spotSvg", void 0);
+  __decorate([(0, _property.default)({
+    noAttribute: true
+  })], IllustratedMessage.prototype, "sceneSvg", void 0);
+  __decorate([(0, _property.default)({
+    noAttribute: true
+  })], IllustratedMessage.prototype, "dialogSvg", void 0);
+  __decorate([(0, _property.default)()], IllustratedMessage.prototype, "media", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement
+  })], IllustratedMessage.prototype, "title", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement
+  })], IllustratedMessage.prototype, "subtitle", void 0);
+  __decorate([(0, _slot.default)({
+    type: HTMLElement,
+    "default": true
+  })], IllustratedMessage.prototype, "actions", void 0);
+  IllustratedMessage = IllustratedMessage_1 = __decorate([(0, _customElement.default)({
+    tag: "ui5-illustrated-message",
+    languageAware: true,
+    renderer: _LitRenderer.default,
+    styles: _IllustratedMessage.default,
+    template: _IllustratedMessageTemplate.default,
+    dependencies: [_Title.default]
+  })], IllustratedMessage);
   IllustratedMessage.define();
   var _default = IllustratedMessage;
   _exports.default = _default;

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

@@ -8,140 +8,127 @@ sap.ui.define(["exports"], function (_exports) {
   /**
    * Interface for components that may be slotted inside <code>ui5-page</code> as header and footer.
    *
-   * @name sap.ui.webcomponents.fiori.IBar
+   * @name sap.ui.webc.fiori.IBar
    * @interface
    * @public
    */
-  const IBar = "sap.ui.webcomponents.fiori.IBar";
-
+  const IBar = "sap.ui.webc.fiori.IBar";
   /**
    * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as filter items
    *
-   * @name sap.ui.webcomponents.fiori.IFilterItem
+   * @name sap.ui.webc.fiori.IFilterItem
    * @interface
    * @public
    */
   _exports.IBar = IBar;
-  const IFilterItem = "sap.ui.webcomponents.fiori.IFilterItem";
-
+  const IFilterItem = "sap.ui.webc.fiori.IFilterItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-filter-item</code> as values
    *
-   * @name sap.ui.webcomponents.fiori.IFilterItemOption
+   * @name sap.ui.webc.fiori.IFilterItemOption
    * @interface
    * @public
    */
   _exports.IFilterItem = IFilterItem;
-  const IFilterItemOption = "sap.ui.webcomponents.fiori.IFilterItemOption";
-
+  const IFilterItemOption = "sap.ui.webc.fiori.IFilterItemOption";
   /**
    * Interface for components that can be slotted inside <code>ui5-media-gallery</code> as items.
    *
-   * @name sap.ui.webcomponents.fiori.IMediaGalleryItem
+   * @name sap.ui.webc.fiori.IMediaGalleryItem
    * @interface
    * @public
    */
   _exports.IFilterItemOption = IFilterItemOption;
-  const IMediaGalleryItem = "sap.ui.webcomponents.fiori.IMediaGalleryItem";
-
+  const IMediaGalleryItem = "sap.ui.webc.fiori.IMediaGalleryItem";
   /**
    * Interface for components that may be slotted as an action inside <code>ui5-li-notification</code> and <code>ui5-li-notification-group</code>
    *
-   * @name sap.ui.webcomponents.fiori.INotificationAction
+   * @name sap.ui.webc.fiori.INotificationAction
    * @interface
    * @public
    */
   _exports.IMediaGalleryItem = IMediaGalleryItem;
-  const INotificationAction = "sap.ui.webcomponents.fiori.INotificationAction";
-
+  const INotificationAction = "sap.ui.webc.fiori.INotificationAction";
   /**
    * Interface for components that may be slotted inside a notification list
    *
-   * @name sap.ui.webcomponents.fiori.INotificationListItem
+   * @name sap.ui.webc.fiori.INotificationListItem
    * @interface
    * @public
    */
   _exports.INotificationAction = INotificationAction;
-  const INotificationListItem = "sap.ui.webcomponents.fiori.INotificationListItem";
-
+  const INotificationListItem = "sap.ui.webc.fiori.INotificationListItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-product-switch</code> as items
    *
-   * @name sap.ui.webcomponents.fiori.IProductSwitchItem
+   * @name sap.ui.webc.fiori.IProductSwitchItem
    * @interface
    * @public
    */
   _exports.INotificationListItem = INotificationListItem;
-  const IProductSwitchItem = "sap.ui.webcomponents.fiori.IProductSwitchItem";
-
+  const IProductSwitchItem = "sap.ui.webc.fiori.IProductSwitchItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-shellbar</code> as items
    *
-   * @name sap.ui.webcomponents.fiori.IShellBarItem
+   * @name sap.ui.webc.fiori.IShellBarItem
    * @interface
    * @public
    */
   _exports.IProductSwitchItem = IProductSwitchItem;
-  const IShellBarItem = "sap.ui.webcomponents.fiori.IShellBarItem";
-
+  const IShellBarItem = "sap.ui.webc.fiori.IShellBarItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-side-navigation</code> as items
    *
-   * @name sap.ui.webcomponents.fiori.ISideNavigationItem
+   * @name sap.ui.webc.fiori.ISideNavigationItem
    * @interface
    * @public
    */
   _exports.IShellBarItem = IShellBarItem;
-  const ISideNavigationItem = "sap.ui.webcomponents.fiori.ISideNavigationItem";
-
+  const ISideNavigationItem = "sap.ui.webc.fiori.ISideNavigationItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-side-navigation-item</code> as sub-items
    *
-   * @name sap.ui.webcomponents.fiori.ISideNavigationSubItem
+   * @name sap.ui.webc.fiori.ISideNavigationSubItem
    * @interface
    * @public
    */
   _exports.ISideNavigationItem = ISideNavigationItem;
-  const ISideNavigationSubItem = "sap.ui.webcomponents.fiori.ISideNavigationSubItem";
-
+  const ISideNavigationSubItem = "sap.ui.webc.fiori.ISideNavigationSubItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-view-settings-dialog</code> as sort items
    *
-   * @name sap.ui.webcomponents.fiori.ISortItem
+   * @name sap.ui.webc.fiori.ISortItem
    * @interface
    * @public
    */
   _exports.ISideNavigationSubItem = ISideNavigationSubItem;
-  const ISortItem = "sap.ui.webcomponents.fiori.ISortItem";
-
+  const ISortItem = "sap.ui.webc.fiori.ISortItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-timeline</code> as items
    *
-   * @name sap.ui.webcomponents.fiori.ITimelineItem
+   * @name sap.ui.webc.fiori.ITimelineItem
    * @interface
    * @public
    */
   _exports.ISortItem = ISortItem;
-  const ITimelineItem = "sap.ui.webcomponents.fiori.ITimelineItem";
-
+  const ITimelineItem = "sap.ui.webc.fiori.ITimelineItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-upload-collection</code> as items
    *
-   * @name sap.ui.webcomponents.fiori.IUploadCollectionItem
+   * @name sap.ui.webc.fiori.IUploadCollectionItem
    * @interface
    * @public
    */
   _exports.ITimelineItem = ITimelineItem;
-  const IUploadCollectionItem = "sap.ui.webcomponents.fiori.IUploadCollectionItem";
-
+  const IUploadCollectionItem = "sap.ui.webc.fiori.IUploadCollectionItem";
   /**
    * Interface for components that may be slotted inside <code>ui5-wizard</code> as wizard steps
    *
-   * @name sap.ui.webcomponents.fiori.IWizardStep
+   * @name sap.ui.webc.fiori.IWizardStep
    * @interface
    * @public
    */
   _exports.IUploadCollectionItem = IUploadCollectionItem;
-  const IWizardStep = "sap.ui.webcomponents.fiori.IWizardStep";
+  const IWizardStep = "sap.ui.webc.fiori.IWizardStep";
   _exports.IWizardStep = IWizardStep;
 });