@ui5/webcomponents-fiori 1.23.0-rc.5 → 1.23.0

package/dist/ProductSwitchItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProductSwitchItem.js","sourceRoot":"","sources":["../src/ProductSwitchItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isSpace, isEnter, isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport ProductSwitchItemTemplate from \"./generated/templates/ProductSwitchItemTemplate.lit.js\";\nimport type { IProductSwitchItem } from \"./ProductSwitch.js\";\n\n// Styles\nimport ProductSwitchItemCss from \"./generated/themes/ProductSwitchItem.css.js\";\n\n/**\n * @class\n * <h3 class=\"comment-api-title\">Overview</h3>\n * The <code>ui5-product-switch-item</code> web component represents the items displayed in the\n * <code>ui5-product-switch</code> web component.\n * <br><br>\n * <b>Note:</b> <code>ui5-product-switch-item</code> is not supported when used outside of <code>ui5-product-switch</code>.\n * <br><br>\n *\n * <h3>Keyboard Handling</h3>\n * The <code>ui5-product-switch</code> provides advanced keyboard handling.\n * When focused, the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n * <br>\n * <ul>\n * <li>[SPACE/ENTER/RETURN] - Trigger <code>ui5-click</code> event</li>\n * </ul>\n *\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";</code>\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @implements {IProductSwitchItem}\n * @since 1.0.0-rc.5\n */\n@customElement({\n\ttag: \"ui5-product-switch-item\",\n\trenderer: litRender,\n\tstyles: ProductSwitchItemCss,\n\ttemplate: ProductSwitchItemTemplate,\n\tdependencies: [Icon],\n})\n/**\n * Fired when the <code>ui5-product-switch-item</code> is activated either with a\n * click/tap or by using the Enter or Space key.\n *\n * @public\n */\n@event(\"click\")\n@event(\"_focused\")\nclass ProductSwitchItem extends UI5Element implements IProductSwitchItem {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._deactivate = () => {\n\t\t\tif (this.active) {\n\t\t\t\tthis.active = false;\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Defines the title of the component.\n\t * @default \"\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the subtitle of the component.\n\t * @default \"\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property()\n\tsubtitleText!: string;\n\n\t/**\n\t * Defines the icon to be displayed as a graphical element within the component.\n\t * <br><br>\n\t * Example:\n\t * <br>\n\t * <pre>ui5-product-switch-item icon=\"palette\"</pre>\n\t *\n\t * See all the available icons in the <ui5-link target=\"_blank\" href=\"https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html\">Icon Explorer</ui5-link>.\n\t *\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines a target where the <code>targetSrc</code> content must be open.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>_self</code></li>\n\t * <li><code>_top</code></li>\n\t * <li><code>_blank</code></li>\n\t * <li><code>_parent</code></li>\n\t * <li><code>_search</code></li>\n\t * </ul>\n\t * @default \"_self\"\n\t * @public\n\t */\n\t@property({ defaultValue: \"_self\" })\n\ttarget!: string;\n\n\t/**\n\t * Defines the component target URI. Supports standard hyperlink behavior.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttargetSrc!: string;\n\n\t/**\n\t * Used to switch the active state (pressed or not) of the component.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tprivate active!: boolean;\n\n\t/**\n\t * Indicates whether the element is focused.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tprivate focused!: boolean;\n\n\t/**\n\t * Used to set the selected state of the component. Only one selected in a sequence.\n\t * <b>Note:</b> Set by the <code>ProductSwitch</code>\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Defines the component tabindex.\n\t */\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\t_deactivate: () => void;\n\n\tonEnterDOM() {\n\t\tdocument.addEventListener(\"mouseup\", this._deactivate);\n\t}\n\n\tonExitDOM() {\n\t\tdocument.removeEventListener(\"mouseup\", this._deactivate);\n\t}\n\n\t_onmousedown() {\n\t\tthis.active = true;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.active = true;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._fireItemClick();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.active = false;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\tif (isSpaceShift(e)) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis._fireItemClick();\n\t\t}\n\t}\n\n\t_onfocusout() {\n\t\tthis.active = false;\n\t\tthis.focused = false;\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.focused = true;\n\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\t_fireItemClick() {\n\t\tthis.fireEvent(\"click\", { item: this });\n\t}\n}\n\nProductSwitchItem.define();\n\nexport default ProductSwitchItem;\n"]}
+{"version":3,"file":"ProductSwitchItem.js","sourceRoot":"","sources":["../src/ProductSwitchItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,SAAS,MAAM,sDAAsD,CAAC;AAC7E,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,sCAAsC,CAAC;AACtF,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,yBAAyB,MAAM,wDAAwD,CAAC;AAG/F,SAAS;AACT,OAAO,oBAAoB,MAAM,6CAA6C,CAAC;AAE/E;;;;;;;;;;;;;;;;;;;;;;GAsBG;AAeH,IAAM,iBAAiB,GAAvB,MAAM,iBAAkB,SAAQ,UAAU;IACzC;QACC,KAAK,EAAE,CAAC;QAER,IAAI,CAAC,WAAW,GAAG,GAAG,EAAE;YACvB,IAAI,IAAI,CAAC,MAAM,EAAE;gBAChB,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;aACpB;QACF,CAAC,CAAC;IACH,CAAC;IAuFD,UAAU;QACT,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IACxD,CAAC;IAED,SAAS;QACR,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;IAC3D,CAAC;IAED,YAAY;QACX,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;IACpB,CAAC;IAED,UAAU,CAAC,CAAgB;QAC1B,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC;SACnB;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,CAAC,CAAC,cAAc,EAAE,CAAC;SACnB;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,IAAI,CAAC,cAAc,EAAE,CAAC;SACtB;IACF,CAAC;IAED,QAAQ,CAAC,CAAgB;QACxB,IAAI,OAAO,CAAC,CAAC,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YAC7B,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;SACpB;QAED,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE;YACf,IAAI,YAAY,CAAC,CAAC,CAAC,EAAE;gBACpB,CAAC,CAAC,eAAe,EAAE,CAAC;aACpB;YACD,IAAI,CAAC,cAAc,EAAE,CAAC;SACtB;IACF,CAAC;IAED,WAAW;QACV,IAAI,CAAC,MAAM,GAAG,KAAK,CAAC;QACpB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;IACtB,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC;QAEpB,IAAI,CAAC,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC,CAAC;IAC/B,CAAC;IAED,cAAc;QACb,IAAI,CAAC,SAAS,CAAC,OAAO,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACzC,CAAC;CACD,CAAA;AAnIA;IADC,QAAQ,EAAE;oDACQ;AASnB;IADC,QAAQ,EAAE;uDACW;AActB;IADC,QAAQ,EAAE;+CACG;AAgBd;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,OAAO,EAAE,CAAC;iDACpB;AAQhB;IADC,QAAQ,EAAE;oDACQ;AAOX;IADP,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACH;AAOjB;IADP,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACF;AAO1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;mDACT;AAMnB;IADC,QAAQ,CAAC,EAAE,YAAY,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;yDAC5B;AA5FnB,iBAAiB;IAdtB,aAAa,CAAC;QACd,GAAG,EAAE,yBAAyB;QAC9B,QAAQ,EAAE,SAAS;QACnB,MAAM,EAAE,oBAAoB;QAC5B,QAAQ,EAAE,yBAAyB;QACnC,YAAY,EAAE,CAAC,IAAI,CAAC;KACpB,CAAC;IACF;;;;OAIG;;IACF,KAAK,CAAC,OAAO,CAAC;IACd,KAAK,CAAC,UAAU,CAAC;GACZ,iBAAiB,CAqJtB;AAED,iBAAiB,CAAC,MAAM,EAAE,CAAC;AAE3B,eAAe,iBAAiB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport { isSpace, isEnter, isSpaceShift } from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport ProductSwitchItemTemplate from \"./generated/templates/ProductSwitchItemTemplate.lit.js\";\nimport type { IProductSwitchItem } from \"./ProductSwitch.js\";\n\n// Styles\nimport ProductSwitchItemCss from \"./generated/themes/ProductSwitchItem.css.js\";\n\n/**\n * @class\n * ### Overview\n * The `ui5-product-switch-item` web component represents the items displayed in the\n * `ui5-product-switch` web component.\n *\n * **Note:** `ui5-product-switch-item` is not supported when used outside of `ui5-product-switch`.\n *\n * ### Keyboard Handling\n * The `ui5-product-switch` provides advanced keyboard handling.\n * When focused, the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n *\n * - [SPACE/ENTER/RETURN] - Trigger `ui5-click` event\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/ProductSwitchItem.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @implements {IProductSwitchItem}\n * @since 1.0.0-rc.5\n */\n@customElement({\n\ttag: \"ui5-product-switch-item\",\n\trenderer: litRender,\n\tstyles: ProductSwitchItemCss,\n\ttemplate: ProductSwitchItemTemplate,\n\tdependencies: [Icon],\n})\n/**\n * Fired when the `ui5-product-switch-item` is activated either with a\n * click/tap or by using the Enter or Space key.\n * @public\n */\n@event(\"click\")\n@event(\"_focused\")\nclass ProductSwitchItem extends UI5Element implements IProductSwitchItem {\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._deactivate = () => {\n\t\t\tif (this.active) {\n\t\t\t\tthis.active = false;\n\t\t\t}\n\t\t};\n\t}\n\n\t/**\n\t * Defines the title of the component.\n\t * @default \"\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property()\n\ttitleText!: string;\n\n\t/**\n\t * Defines the subtitle of the component.\n\t * @default \"\"\n\t * @since 1.0.0-rc.15\n\t * @public\n\t */\n\t@property()\n\tsubtitleText!: string;\n\n\t/**\n\t * Defines the icon to be displayed as a graphical element within the component.\n\t *\n\t * Example:\n\t *\n\t * `<ui5-product-switch-item icon=\"palette\">`\n\t *\n\t * See all the available icons in the [Icon Explorer](https://sdk.openui5.org/test-resources/sap/m/demokit/iconExplorer/webapp/index.html).\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines a target where the `targetSrc` content must be open.\n\t *\n\t * Available options are:\n\t *\n\t * - `_self`\n\t * - `_top`\n\t * - `_blank`\n\t * - `_parent`\n\t * - `_search`\n\t * @default \"_self\"\n\t * @public\n\t */\n\t@property({ defaultValue: \"_self\" })\n\ttarget!: string;\n\n\t/**\n\t * Defines the component target URI. Supports standard hyperlink behavior.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property()\n\ttargetSrc!: string;\n\n\t/**\n\t * Used to switch the active state (pressed or not) of the component.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tprivate active!: boolean;\n\n\t/**\n\t * Indicates whether the element is focused.\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tprivate focused!: boolean;\n\n\t/**\n\t * Used to set the selected state of the component. Only one selected in a sequence.\n\t * **Note:** Set by the `ProductSwitch`\n\t */\n\t@property({ type: Boolean })\n\tselected!: boolean;\n\n\t/**\n\t * Defines the component tabindex.\n\t */\n\t@property({ defaultValue: \"-1\", noAttribute: true })\n\tforcedTabIndex!: string;\n\n\t_deactivate: () => void;\n\n\tonEnterDOM() {\n\t\tdocument.addEventListener(\"mouseup\", this._deactivate);\n\t}\n\n\tonExitDOM() {\n\t\tdocument.removeEventListener(\"mouseup\", this._deactivate);\n\t}\n\n\t_onmousedown() {\n\t\tthis.active = true;\n\t}\n\n\t_onkeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.active = true;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t}\n\n\t\tif (isEnter(e)) {\n\t\t\tthis._fireItemClick();\n\t\t}\n\t}\n\n\t_onkeyup(e: KeyboardEvent) {\n\t\tif (isSpace(e) || isEnter(e)) {\n\t\t\tthis.active = false;\n\t\t}\n\n\t\tif (isSpace(e)) {\n\t\t\tif (isSpaceShift(e)) {\n\t\t\t\te.stopPropagation();\n\t\t\t}\n\t\t\tthis._fireItemClick();\n\t\t}\n\t}\n\n\t_onfocusout() {\n\t\tthis.active = false;\n\t\tthis.focused = false;\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\tthis.focused = true;\n\n\t\tthis.fireEvent(\"_focused\", e);\n\t}\n\n\t_fireItemClick() {\n\t\tthis.fireEvent(\"click\", { item: this });\n\t}\n}\n\nProductSwitchItem.define();\n\nexport default ProductSwitchItem;\n"]}

package/dist/ShellBar.d.ts

@@ -80,37 +80,32 @@ interface IShelBarItemInfo {
 }
 /**
  * @class
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
- * The <code>ui5-shellbar</code> is meant to serve as an application header
+ * The `ui5-shellbar` is meant to serve as an application header
  * and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.
- * <br><br>
  *
- * <h3>Stable DOM Refs</h3>
+ * ### Stable DOM Refs
  *
- * You can use the following stable DOM refs for the <code>ui5-shellbar</code>:
- * <ul>
- * <li>logo</li>
- * <li>copilot</li>
- * <li>notifications</li>
- * <li>overflow</li>
- * <li>profile</li>
- * <li>product-switch</li>
- * </ul>
+ * You can use the following stable DOM refs for the `ui5-shellbar`:
  *
- * <h3>Keyboard Handling</h3>
+ * - logo
+ * - copilot
+ * - notifications
+ * - overflow
+ * - profile
+ * - product-switch
  *
- * <h4>Fast Navigation</h4>
- * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.
- * In order to use this functionality, you need to import the following module:
- * <code>import "@ui5/webcomponents-base/dist/features/F6Navigation.js"</code>
- * <br><br>
- *
- * <h3>ES6 Module Import</h3>
- * <code>import "@ui5/webcomponents-fiori/dist/ShellBar";</code>
+ * ### Keyboard Handling
  *
- * @csspart root - Used to style the outermost wrapper of the <code>ui5-shellbar</code>
+ * #### Fast Navigation
+ * This component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up`.
+ * In order to use this functionality, you need to import the following module:
+ * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
  *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/ShellBar.js";`
+ * @csspart root - Used to style the outermost wrapper of the `ui5-shellbar`
  * @constructor
  * @extends UI5Element
  * @public
@@ -118,23 +113,23 @@ interface IShelBarItemInfo {
  */
 declare class ShellBar extends UI5Element {
     /**
-     * Defines the <code>primaryTitle</code>.
-     * <br><br>
-     * <b>Note:</b> The <code>primaryTitle</code> would be hidden on S screen size (less than approx. 700px).
+     * Defines the `primaryTitle`.
+     *
+     * **Note:** The `primaryTitle` would be hidden on S screen size (less than approx. 700px).
      * @default ""
      * @public
      */
     primaryTitle: string;
     /**
-     * Defines the <code>secondaryTitle</code>.
-     * <br><br>
-     * <b>Note:</b> The <code>secondaryTitle</code> would be hidden on S and M screen sizes (less than approx. 1300px).
+     * Defines the `secondaryTitle`.
+     *
+     * **Note:** The `secondaryTitle` would be hidden on S and M screen sizes (less than approx. 1300px).
      * @default ""
      * @public
      */
     secondaryTitle: string;
     /**
-     * Defines the <code>notificationsCount</code>,
+     * Defines the `notificationsCount`,
      * displayed in the notification icon top-right corner.
      * @default ""
      * @public
@@ -154,15 +149,17 @@ declare class ShellBar extends UI5Element {
     showProductSwitch: boolean;
     /**
      * Defines, if the product CoPilot icon would be displayed.
-     * <br><b>Note:</b> By default the co-pilot is displayed as static SVG.
-     * If you need an animated co-pilot, you can import the <code>"@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js"</code> module as add-on feature.
+     *
+     * **Note:** By default the co-pilot is displayed as static SVG.
+     * If you need an animated co-pilot, you can import the `"@ui5/webcomponents-fiori/dist/features/CoPilotAnimation.js"` module as add-on feature.
      * @default false
      * @public
      */
     showCoPilot: boolean;
     /**
-     * Defines, if the Search Field would be displayed when there is a valid <code>searchField</code> slot.
-     * <br><b>Note:</b> By default the Search Field is not displayed.
+     * Defines, if the Search Field would be displayed when there is a valid `searchField` slot.
+     *
+     * **Note:** By default the Search Field is not displayed.
      * @default false
      * @public
      */
@@ -171,7 +168,7 @@ declare class ShellBar extends UI5Element {
      * An object of strings that defines additional accessibility roles for further customization.
      *
      * It supports the following fields:
-     *  - <code>logoRole</code>: the accessibility role for the <code>logo</code>
+     *  - `logoRole`: the accessibility role for the `logo`
      * @default {}
      * @public
      * @since 1.6.0
@@ -182,9 +179,8 @@ declare class ShellBar extends UI5Element {
      * for even further customization.
      *
      * It supports the following fields:
-     * - <code>profileButtonTitle</code>: defines the tooltip for the profile button
-     * - <code>logoTitle</code>: defines the tooltip for the logo
-     *
+     * - `profileButtonTitle`: defines the tooltip for the profile button
+     * - `logoTitle`: defines the tooltip for the logo
      * @default {}
      * @public
      * @since 1.1.0
@@ -196,23 +192,17 @@ declare class ShellBar extends UI5Element {
      *
      * It supports the following fields:
      *
-     * <ul>
-     * 		<li><code>expanded</code>: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
-     *			<ul>
-     *				<li><code>true</code></li>
-     *				<li><code>false</code></li>
-     *			</ul>
-     * 		</li>
-     * 		<li><code>hasPopup</code>: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values:
-     * 			<ul>
-     *				<li><code>Dialog</code></li>
-     *				<li><code>Grid</code></li>
-     *				<li><code>ListBox</code></li>
-     *				<li><code>Menu</code></li>
-     *				<li><code>Tree</code></li>
-     * 			</ul>
-     * 		</li>
-     * </ul>
+     * - `expanded`: Indicates whether the anchor element, or another grouping element it controls, is currently expanded or collapsed. Accepts the following string values:
+     *
+     *	- `true`
+     *	- `false`
+     *
+     * - `hasPopup`: Indicates the availability and type of interactive popup element, such as menu or dialog, that can be triggered by the anchor element. Accepts the following string values:
+     *	- `Dialog`
+     *	- `Grid`
+     *	- `ListBox`
+     *	- `Menu`
+     *	- `Tree`
      * @default {}
      * @public
      * @since 1.10.0
@@ -234,61 +224,54 @@ declare class ShellBar extends UI5Element {
     _coPilotPressed: boolean;
     _isXXLBreakpoint: boolean;
     /**
-     * Defines the <code>ui5-shellbar</code> aditional items.
-     * <br><br>
-     * <b>Note:</b>
-     * You can use the &nbsp;&lt;ui5-shellbar-item>&lt;/ui5-shellbar-item>.
+     * Defines the `ui5-shellbar` aditional items.
      *
+     * **Note:**
+     * You can use the `<ui5-shellbar-item></ui5-shellbar-item>`.
      * @public
      */
     items: Array<ShellBarItem>;
     /**
-     * You can pass <code>ui5-avatar</code> to set the profile image/icon.
+     * You can pass `ui5-avatar` to set the profile image/icon.
      * If no profile slot is set - profile will be excluded from actions.
      *
-     * Note: We recommend not using the <code>size</code> attribute of <code>ui5-avatar</code> because
-     * it should have specific size by design in the context of <code>ui5-shellbar</code> profile.
+     * **Note:** We recommend not using the `size` attribute of `ui5-avatar` because
+     * it should have specific size by design in the context of `ui5-shellbar` profile.
      * @since 1.0.0-rc.6
      * @public
      */
     profile: Array<HTMLElement>;
     /**
-     * Defines the logo of the <code>ui5-shellbar</code>.
-     * For example, you can use <code>ui5-avatar</code> or <code>img</code> elements as logo.
+     * Defines the logo of the `ui5-shellbar`.
+     * For example, you can use `ui5-avatar` or `img` elements as logo.
      * @since 1.0.0-rc.8
      * @public
      */
     logo: Array<HTMLElement>;
     /**
      * Defines the items displayed in menu after a click on the primary title.
-     * <br><br>
-     * <b>Note:</b>
-     * You can use the &nbsp;&lt;ui5-li>&lt;/ui5-li> and its ancestors.
      *
+     * **Note:** You can use the  `<ui5-li></ui5-li>` and its ancestors.
      * @since 0.10
      * @public
      */
     menuItems: Array<ListItemBase>;
     /**
-     * Defines the <code>ui5-input</code>, that will be used as a search field.
-     *
+     * Defines the `ui5-input`, that will be used as a search field.
      * @public
      */
     searchField: Array<Input>;
     /**
-     * Defines a <code>ui5-button</code> in the bar that will be placed in the beginning.
+     * Defines a `ui5-button` in the bar that will be placed in the beginning.
      * We encourage this slot to be used for a back or home button.
      * It gets overstyled to match ShellBar's styling.
-     *
      * @public
      */
     startButton: Array<IButton>;
     /**
-     * The container is positioned in the center of the <code>ui5-shellbar</code> and occupies one-third of the total length of the <code>ui5-shellbar</code>.
-     *
-     * <br><br>
-     * <b>Note:</b> If set, the <code>searchField</code> slot is not rendered.
+     * The container is positioned in the center of the `ui5-shellbar` and occupies one-third of the total length of the `ui5-shellbar`.
      *
+     * **Note:** If set, the `searchField` slot is not rendered.
      * @private
      */
     midContent: Array<HTMLElement>;
@@ -345,42 +328,42 @@ declare class ShellBar extends UI5Element {
     _handleCancelButtonPress(): void;
     _handleProductSwitchPress(e: MouseEvent): void;
     /**
-     * Returns the <code>logo</code> DOM ref.
+     * Returns the `logo` DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
      */
     get logoDomRef(): HTMLElement | null;
     /**
-     * Returns the <code>copilot</code> DOM ref.
+     * Returns the `copilot` DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
      */
     get copilotDomRef(): HTMLElement | null;
     /**
-     * Returns the <code>notifications</code> icon DOM ref.
+     * Returns the `notifications` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
      */
     get notificationsDomRef(): HTMLElement | null;
     /**
-     * Returns the <code>overflow</code> icon DOM ref.
+     * Returns the `overflow` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
      */
     get overflowDomRef(): HTMLElement | null;
     /**
-     * Returns the <code>profile</code> icon DOM ref.
+     * Returns the `profile` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
      */
     get profileDomRef(): HTMLElement | null;
     /**
-     * Returns the <code>product-switch</code> icon DOM ref.
+     * Returns the `product-switch` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16

package/dist/ShellBar.js

@@ -41,37 +41,32 @@ import { SHELLBAR_LABEL, SHELLBAR_LOGO, SHELLBAR_COPILOT, SHELLBAR_NOTIFICATIONS
 const HANDLE_RESIZE_DEBOUNCE_RATE = 200; // ms
 /**
  * @class
- * <h3 class="comment-api-title">Overview</h3>
+ * ### Overview
  *
- * The <code>ui5-shellbar</code> is meant to serve as an application header
+ * The `ui5-shellbar` is meant to serve as an application header
  * and includes numerous built-in features, such as: logo, profile image/icon, title, search field, notifications and so on.
- * <br><br>
  *
- * <h3>Stable DOM Refs</h3>
+ * ### Stable DOM Refs
  *
- * You can use the following stable DOM refs for the <code>ui5-shellbar</code>:
- * <ul>
- * <li>logo</li>
- * <li>copilot</li>
- * <li>notifications</li>
- * <li>overflow</li>
- * <li>profile</li>
- * <li>product-switch</li>
- * </ul>
+ * You can use the following stable DOM refs for the `ui5-shellbar`:
  *
- * <h3>Keyboard Handling</h3>
+ * - logo
+ * - copilot
+ * - notifications
+ * - overflow
+ * - profile
+ * - product-switch
  *
- * <h4>Fast Navigation</h4>
- * This component provides a build in fast navigation group which can be used via <code>F6 / Shift + F6</code> or <code> Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up</code>.
- * In order to use this functionality, you need to import the following module:
- * <code>import "@ui5/webcomponents-base/dist/features/F6Navigation.js"</code>
- * <br><br>
- *
- * <h3>ES6 Module Import</h3>
- * <code>import "@ui5/webcomponents-fiori/dist/ShellBar";</code>
+ * ### Keyboard Handling
  *
- * @csspart root - Used to style the outermost wrapper of the <code>ui5-shellbar</code>
+ * #### Fast Navigation
+ * This component provides a build in fast navigation group which can be used via `F6 / Shift + F6` or ` Ctrl + Alt(Option) + Down /  Ctrl + Alt(Option) + Up`.
+ * In order to use this functionality, you need to import the following module:
+ * `import "@ui5/webcomponents-base/dist/features/F6Navigation.js"`
  *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/ShellBar.js";`
+ * @csspart root - Used to style the outermost wrapper of the `ui5-shellbar`
  * @constructor
  * @extends UI5Element
  * @public
@@ -376,7 +371,7 @@ let ShellBar = ShellBar_1 = class ShellBar extends UI5Element {
         }, true);
     }
     /**
-     * Returns the <code>logo</code> DOM ref.
+     * Returns the `logo` DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
@@ -385,7 +380,7 @@ let ShellBar = ShellBar_1 = class ShellBar extends UI5Element {
         return this.shadowRoot.querySelector(`*[data-ui5-stable="logo"]`);
     }
     /**
-     * Returns the <code>copilot</code> DOM ref.
+     * Returns the `copilot` DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
@@ -394,7 +389,7 @@ let ShellBar = ShellBar_1 = class ShellBar extends UI5Element {
         return this.shadowRoot.querySelector(`*[data-ui5-stable="copilot"]`);
     }
     /**
-     * Returns the <code>notifications</code> icon DOM ref.
+     * Returns the `notifications` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
@@ -403,7 +398,7 @@ let ShellBar = ShellBar_1 = class ShellBar extends UI5Element {
         return this.shadowRoot.querySelector(`*[data-ui5-stable="notifications"]`);
     }
     /**
-     * Returns the <code>overflow</code> icon DOM ref.
+     * Returns the `overflow` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
@@ -412,7 +407,7 @@ let ShellBar = ShellBar_1 = class ShellBar extends UI5Element {
         return this.shadowRoot.querySelector(`*[data-ui5-stable="overflow"]`);
     }
     /**
-     * Returns the <code>profile</code> icon DOM ref.
+     * Returns the `profile` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
@@ -421,7 +416,7 @@ let ShellBar = ShellBar_1 = class ShellBar extends UI5Element {
         return this.shadowRoot.querySelector(`*[data-ui5-stable="profile"]`);
     }
     /**
-     * Returns the <code>product-switch</code> icon DOM ref.
+     * Returns the `product-switch` icon DOM ref.
      * @public
      * @default null
      * @since 1.0.0-rc.16
@@ -867,7 +862,6 @@ ShellBar = ShellBar_1 = __decorate([
     /**
      *
      * Fired, when the notification icon is activated.
-     *
      * @allowPreventDefault
      * @param {HTMLElement} targetRef dom ref of the activated element
      * @public
@@ -883,7 +877,6 @@ ShellBar = ShellBar_1 = __decorate([
     })
     /**
      * Fired, when the profile slot is present.
-     *
      * @param {HTMLElement} targetRef dom ref of the activated element
      * @public
      */
@@ -898,8 +891,8 @@ ShellBar = ShellBar_1 = __decorate([
     })
     /**
      * Fired, when the product switch icon is activated.
-     * <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>.
      *
+     * **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
      * @allowPreventDefault
      * @param {HTMLElement} targetRef dom ref of the activated element
      * @public
@@ -915,7 +908,6 @@ ShellBar = ShellBar_1 = __decorate([
     })
     /**
      * Fired, when the logo is activated.
-     *
      * @param {HTMLElement} targetRef dom ref of the activated element
      * @since 0.10
      * @public
@@ -931,7 +923,6 @@ ShellBar = ShellBar_1 = __decorate([
     })
     /**
      * Fired, when the co pilot is activated.
-     *
      * @param {HTMLElement} targetRef dom ref of the activated element
      * @since 0.10
      * @public
@@ -947,8 +938,8 @@ ShellBar = ShellBar_1 = __decorate([
     })
     /**
      * Fired, when a menu item is activated
-     * <b>Note:</b> You can prevent closing of overflow popover by calling <code>event.preventDefault()</code>.
      *
+     * **Note:** You can prevent closing of overflow popover by calling `event.preventDefault()`.
      * @param {HTMLElement} item DOM ref of the activated list item
      * @since 0.10
      * @public
@@ -964,8 +955,8 @@ ShellBar = ShellBar_1 = __decorate([
     })
     /**
      * Fired, when the search button is activated.
-     * <b>Note:</b> You can prevent expanding/collapsing of the search field by calling <code>event.preventDefault()</code>.
      *
+     * **Note:** You can prevent expanding/collapsing of the search field by calling `event.preventDefault()`.
      * @allowPreventDefault
      * @param {HTMLElement} targetRef dom ref of the activated element
      * @param {Boolean} searchFieldVisible whether the search field is visible