@ui5/webcomponents-fiori 1.17.0-rc.1 → 1.17.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.17.0](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.2...v1.17.0) (2023-09-01)
+
+**Note:** Version bump only for package @ui5/webcomponents-fiori
+
+
+
+
+
+# [1.17.0-rc.2](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.1...v1.17.0-rc.2) (2023-08-24)
+
+
+### Bug Fixes
+
+* **ui5-page:** enhance storybook samples ([#7448](https://github.com/SAP/ui5-webcomponents/issues/7448)) ([d0b8b01](https://github.com/SAP/ui5-webcomponents/commit/d0b8b01c053853915646b077860a247400cff691))
+
+
+
+
+
 # [1.17.0-rc.1](https://github.com/SAP/ui5-webcomponents/compare/v1.17.0-rc.0...v1.17.0-rc.1) (2023-08-17)
 
 **Note:** Version bump only for package @ui5/webcomponents-fiori

package/dist/Page.d.ts

@@ -49,12 +49,7 @@ declare class Page extends UI5Element {
      * <br><br>
      * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.
      * <br><br>
-     * Available options are:
-     * <ul>
-     * <li><code>Solid</code></li> (default)
-     * <li><code>Transparent</code></li>
-     * <li><code>List</code></li>
-     * </ul>
+     *
      * @type {sap.ui.webc.fiori.types.PageBackgroundDesign}
      * @name sap.ui.webc.fiori.Page.prototype.backgroundDesign
      * @defaultvalue "Solid"

package/dist/Page.js.map

@@ -1 +1 @@
-{"version":3,"file":"Page.js","sourceRoot":"","sources":["../src/Page.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport MediaRange from \"@ui5/webcomponents-base/dist/MediaRange.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport PageBackgroundDesign from \"./types/PageBackgroundDesign.js\";\n\n// Template\nimport PageTemplate from \"./generated/templates/PageTemplate.lit.js\";\n\n// Styles\nimport PageCss from \"./generated/themes/Page.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-page</code> is a container component that holds one whole screen of an application.\n * The page has three distinct areas that can hold content - a header, content area and a footer.\n * <h3>Structure</h3>\n * <h4>Header</h4>\n * The top most area of the page is occupied by the header. The standard header includes a navigation button and a title.\n * <h4>Content</h4>\n * The content occupies the main part of the page. Only the content area is scrollable by default.\n * This can be prevented by setting  <code>enableScrolling</code> to <code>false</code>.\n * <h4>Footer</h4>\n * The footer is optional and occupies the fixed bottom part of the page. Alternatively, the footer can be floating above the bottom part of the content.\n * This is enabled with the <code>floatingFooter</code> property.\n *\n * <b>Note:</b> <code>ui5-page</code> occipues the whole available space of its parent. In order to achieve the intended design you have to make sure\n * that there is enough space for the <code>ui5-page</code> to be rendered.\n * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-page</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>content - Used to style the content section of the component</li>\n * </ul>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/Page.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.Page\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-page\n * @since 1.0.0-rc.12\n * @public\n */\n@customElement({\n\ttag: \"ui5-page\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: [\n\t\tbrowserScrollbarCSS,\n\t\tPageCss,\n\t],\n\ttemplate: PageTemplate,\n})\nclass Page extends UI5Element {\n\t/**\n\t * Defines the background color of the <code>ui5-page</code>.\n\t * <br><br>\n\t * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.\n\t * <br><br>\n\t * Available options are:\n\t * <ul>\n\t * <li><code>Solid</code></li> (default)\n\t * <li><code>Transparent</code></li>\n\t * <li><code>List</code></li>\n\t * </ul>\n\t * @type {sap.ui.webc.fiori.types.PageBackgroundDesign}\n\t * @name sap.ui.webc.fiori.Page.prototype.backgroundDesign\n\t * @defaultvalue \"Solid\"\n\t * @public\n\t */\n\t@property({ type: PageBackgroundDesign, defaultValue: PageBackgroundDesign.Solid })\n\tbackgroundDesign!: `${PageBackgroundDesign}`;\n\n\t/**\n\t * Disables vertical scrolling of page content.\n\t * If set to true, there will be no vertical scrolling at all.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.Page.prototype.disableScrolling\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisableScrolling!: boolean;\n\n\t/**\n\t * Defines if the footer should float over the content.\n\t * <br><br>\n\t * <b>Note:</b> When set to true the footer floats over the content with a slight offset from the bottom, otherwise it is fixed at the very bottom of the page.\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.Page.prototype.floatingFooter\n\t * @defaultvalue true\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tfloatingFooter!: boolean;\n\n\t/**\n\t * Defines the footer visibility.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.Page.prototype.hideFooter\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideFooter!: boolean;\n\n\t/**\n\t * Defines the current media query size.\n\t *\n\t * @type {string}\n\t * @private\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\tmediaRange!: string;\n\n\t/**\n\t * Defines the header HTML Element.\n\t *\n\t * @type {sap.ui.webc.fiori.IBar}\n\t * @name sap.ui.webc.fiori.Page.prototype.header\n\t * @slot\n\t * @public\n\t */\n\t@slot()\n\theader!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the content HTML Element.\n\t *\n\t * @type {HTMLElement[]}\n\t * @name sap.ui.webc.fiori.Page.prototype.default\n\t * @slot content\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the footer HTML Element.\n\t *\n\t * @type {sap.ui.webc.fiori.IBar}\n\t * @name sap.ui.webc.fiori.Page.prototype.footer\n\t * @slot\n\t * @public\n\t */\n\t@slot()\n\tfooter!: Array<HTMLElement>;\n\n\t_updateMediaRange: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._updateMediaRange = this.updateMediaRange.bind(this);\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._updateMediaRange);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._updateMediaRange);\n\t}\n\n\tupdateMediaRange() {\n\t\tthis.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, this.getDomRef()!.offsetWidth);\n\t}\n\n\tget _contentBottom() {\n\t\treturn !this.floatingFooter && !this.hideFooter ? \"2.75rem\" : \"0\";\n\t}\n\n\tget _contentPaddingBottom() {\n\t\treturn this.floatingFooter && !this.hideFooter ? \"3.5rem\" : \"0\";\n\t}\n\n\tget _contentTop() {\n\t\treturn this.header.length ? \"2.75rem\" : \"0rem\";\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"padding-bottom\": this.footer.length && this._contentPaddingBottom,\n\t\t\t\t\"bottom\": this.footer.length && this._contentBottom,\n\t\t\t\t\"top\": this._contentTop,\n\t\t\t},\n\t\t\tfooter: {},\n\t\t};\n\t}\n}\n\nPage.define();\n\nexport default Page;\n"]}
+{"version":3,"file":"Page.js","sourceRoot":"","sources":["../src/Page.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport MediaRange from \"@ui5/webcomponents-base/dist/MediaRange.js\";\nimport browserScrollbarCSS from \"@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js\";\nimport PageBackgroundDesign from \"./types/PageBackgroundDesign.js\";\n\n// Template\nimport PageTemplate from \"./generated/templates/PageTemplate.lit.js\";\n\n// Styles\nimport PageCss from \"./generated/themes/Page.css.js\";\n\n/**\n * @class\n *\n * <h3 class=\"comment-api-title\">Overview</h3>\n *\n * The <code>ui5-page</code> is a container component that holds one whole screen of an application.\n * The page has three distinct areas that can hold content - a header, content area and a footer.\n * <h3>Structure</h3>\n * <h4>Header</h4>\n * The top most area of the page is occupied by the header. The standard header includes a navigation button and a title.\n * <h4>Content</h4>\n * The content occupies the main part of the page. Only the content area is scrollable by default.\n * This can be prevented by setting  <code>enableScrolling</code> to <code>false</code>.\n * <h4>Footer</h4>\n * The footer is optional and occupies the fixed bottom part of the page. Alternatively, the footer can be floating above the bottom part of the content.\n * This is enabled with the <code>floatingFooter</code> property.\n *\n * <b>Note:</b> <code>ui5-page</code> occipues the whole available space of its parent. In order to achieve the intended design you have to make sure\n * that there is enough space for the <code>ui5-page</code> to be rendered.\n * <b>Note:</b> In order for the <code>ui5-page</code> to be displayed, the parent element should have fixed height.\n *\n * <h3>CSS Shadow Parts</h3>\n *\n * <ui5-link target=\"_blank\" href=\"https://developer.mozilla.org/en-US/docs/Web/CSS/::part\">CSS Shadow Parts</ui5-link> allow developers to style elements inside the Shadow DOM.\n * <br>\n * The <code>ui5-page</code> exposes the following CSS Shadow Parts:\n * <ul>\n * <li>content - Used to style the content section of the component</li>\n * </ul>\n *\n * <h3>ES6 Module Import</h3>\n *\n * <code>import \"@ui5/webcomponents-fiori/dist/Page.js\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.Page\n * @extends sap.ui.webc.base.UI5Element\n * @tagname ui5-page\n * @since 1.0.0-rc.12\n * @public\n */\n@customElement({\n\ttag: \"ui5-page\",\n\tlanguageAware: true,\n\trenderer: litRender,\n\tstyles: [\n\t\tbrowserScrollbarCSS,\n\t\tPageCss,\n\t],\n\ttemplate: PageTemplate,\n})\nclass Page extends UI5Element {\n\t/**\n\t * Defines the background color of the <code>ui5-page</code>.\n\t * <br><br>\n\t * <b>Note:</b> When a ui5-list is placed inside the page, we recommend using “List” to ensure better color contrast.\n\t * <br><br>\n\t *\n\t * @type {sap.ui.webc.fiori.types.PageBackgroundDesign}\n\t * @name sap.ui.webc.fiori.Page.prototype.backgroundDesign\n\t * @defaultvalue \"Solid\"\n\t * @public\n\t */\n\t@property({ type: PageBackgroundDesign, defaultValue: PageBackgroundDesign.Solid })\n\tbackgroundDesign!: `${PageBackgroundDesign}`;\n\n\t/**\n\t * Disables vertical scrolling of page content.\n\t * If set to true, there will be no vertical scrolling at all.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.Page.prototype.disableScrolling\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisableScrolling!: boolean;\n\n\t/**\n\t * Defines if the footer should float over the content.\n\t * <br><br>\n\t * <b>Note:</b> When set to true the footer floats over the content with a slight offset from the bottom, otherwise it is fixed at the very bottom of the page.\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.Page.prototype.floatingFooter\n\t * @defaultvalue true\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tfloatingFooter!: boolean;\n\n\t/**\n\t * Defines the footer visibility.\n\t *\n\t * @type {boolean}\n\t * @name sap.ui.webc.fiori.Page.prototype.hideFooter\n\t * @defaultvalue false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\thideFooter!: boolean;\n\n\t/**\n\t * Defines the current media query size.\n\t *\n\t * @type {string}\n\t * @private\n\t * @since 1.0.0-rc.15\n\t */\n\t@property()\n\tmediaRange!: string;\n\n\t/**\n\t * Defines the header HTML Element.\n\t *\n\t * @type {sap.ui.webc.fiori.IBar}\n\t * @name sap.ui.webc.fiori.Page.prototype.header\n\t * @slot\n\t * @public\n\t */\n\t@slot()\n\theader!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the content HTML Element.\n\t *\n\t * @type {HTMLElement[]}\n\t * @name sap.ui.webc.fiori.Page.prototype.default\n\t * @slot content\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: Array<HTMLElement>;\n\n\t/**\n\t * Defines the footer HTML Element.\n\t *\n\t * @type {sap.ui.webc.fiori.IBar}\n\t * @name sap.ui.webc.fiori.Page.prototype.footer\n\t * @slot\n\t * @public\n\t */\n\t@slot()\n\tfooter!: Array<HTMLElement>;\n\n\t_updateMediaRange: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._updateMediaRange = this.updateMediaRange.bind(this);\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._updateMediaRange);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._updateMediaRange);\n\t}\n\n\tupdateMediaRange() {\n\t\tthis.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, this.getDomRef()!.offsetWidth);\n\t}\n\n\tget _contentBottom() {\n\t\treturn !this.floatingFooter && !this.hideFooter ? \"2.75rem\" : \"0\";\n\t}\n\n\tget _contentPaddingBottom() {\n\t\treturn this.floatingFooter && !this.hideFooter ? \"3.5rem\" : \"0\";\n\t}\n\n\tget _contentTop() {\n\t\treturn this.header.length ? \"2.75rem\" : \"0rem\";\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\tcontent: {\n\t\t\t\t\"padding-bottom\": this.footer.length && this._contentPaddingBottom,\n\t\t\t\t\"bottom\": this.footer.length && this._contentBottom,\n\t\t\t\t\"top\": this._contentTop,\n\t\t\t},\n\t\t\tfooter: {},\n\t\t};\n\t}\n}\n\nPage.define();\n\nexport default Page;\n"]}

package/dist/ShellBarItem.d.ts

@@ -30,6 +30,8 @@ declare class ShellBarItem extends UI5Element {
     icon: string;
     /**
      * Defines the item text.
+     * <br><br>
+     * <b>Note:</b> The text is only displayed inside the overflow popover list view.
      * @type {string}
      * @defaultvalue ""
      * @name sap.ui.webc.fiori.ShellBarItem.prototype.text

package/dist/ShellBarItem.js

@@ -53,7 +53,6 @@ ShellBarItem = __decorate([
      * @allowPreventDefault
      * @param {HTMLElement} targetRef DOM ref of the clicked element
      * @public
-     * @native
      */
     ,
     event("click", {

package/dist/ShellBarItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShellBarItem.js","sourceRoot":"","sources":["../src/ShellBarItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAMrF;;;;;;;;;;;;;;;;GAgBG;AAiBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAgCpC,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC;IAC5E,CAAC;IAED,cAAc,CAAC,CAAa;QAC3B,OAAO,IAAI,CAAC,SAAS,CAA+B,OAAO,EAAE;YAC5D,SAAS,EAAG,CAAC,CAAC,MAAsB;SACpC,EAAE,IAAI,CAAC,CAAC;IACV,CAAC;CACD,CAAA;AAhCA;IADC,QAAQ,EAAE;0CACG;AAUd;IADC,QAAQ,EAAE;0CACG;AAWd;IADC,QAAQ,EAAE;2CACI;AA9BV,YAAY;IAhBjB,aAAa,CAAC,mBAAmB,CAAC;IACnC;;;;;;;;OAQG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,MAAM,EAAE;YACP,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAChC;KACD,CAAC;GAEI,YAAY,CAyCjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.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\";\n\ntype ShellBarItemClickEventDetail = {\n\ttargetRef: HTMLElement,\n};\n\n/**\n * @class\n * The <code>ui5-shellbar-item</code> represents a custom item, that\n * might be added to the <code>ui5-shellbar</code>.\n * <br><br>\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/ShellBarItem\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.ShellBarItem\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-shellbar-item\n * @implements sap.ui.webc.fiori.IShellBarItem\n * @public\n */\n@customElement(\"ui5-shellbar-item\")\n/**\n * Fired, when the item is pressed.\n *\n * @event sap.ui.webc.fiori.ShellBarItem#click\n * @allowPreventDefault\n * @param {HTMLElement} targetRef DOM ref of the clicked element\n * @public\n * @native\n */\n@event(\"click\", {\n\tdetail: {\n\t\ttargetRef: { type: HTMLElement },\n\t},\n})\n\nclass ShellBarItem extends UI5Element {\n\t/**\n\t * Defines the name of the item's icon.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @name sap.ui.webc.fiori.ShellBarItem.prototype.icon\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines the item text.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @name sap.ui.webc.fiori.ShellBarItem.prototype.text\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines the count displayed in the top-right corner.\n\t * @type {string}\n\t * @defaultValue \"\"\n\t * @name sap.ui.webc.fiori.ShellBarItem.prototype.count\n\t * @since 1.0.0-rc.6\n\t * @public\n\t */\n\t@property()\n\tcount!: string;\n\n\tget stableDomRef() {\n\t\treturn this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n\t}\n\n\tfireClickEvent(e: MouseEvent) {\n\t\treturn this.fireEvent<ShellBarItemClickEventDetail>(\"click\", {\n\t\t\ttargetRef: (e.target as HTMLElement),\n\t\t}, true);\n\t}\n}\n\nShellBarItem.define();\n\nexport default ShellBarItem;\n\nexport type { ShellBarItemClickEventDetail };\n"]}
+{"version":3,"file":"ShellBarItem.js","sourceRoot":"","sources":["../src/ShellBarItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,kDAAkD,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAMrF;;;;;;;;;;;;;;;;GAgBG;AAgBH,IAAM,YAAY,GAAlB,MAAM,YAAa,SAAQ,UAAU;IAkCpC,IAAI,YAAY;QACf,OAAO,IAAI,CAAC,YAAY,CAAC,gBAAgB,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,iBAAiB,CAAC;IAC5E,CAAC;IAED,cAAc,CAAC,CAAa;QAC3B,OAAO,IAAI,CAAC,SAAS,CAA+B,OAAO,EAAE;YAC5D,SAAS,EAAG,CAAC,CAAC,MAAsB;SACpC,EAAE,IAAI,CAAC,CAAC;IACV,CAAC;CACD,CAAA;AAlCA;IADC,QAAQ,EAAE;0CACG;AAYd;IADC,QAAQ,EAAE;0CACG;AAWd;IADC,QAAQ,EAAE;2CACI;AAhCV,YAAY;IAfjB,aAAa,CAAC,mBAAmB,CAAC;IACnC;;;;;;;OAOG;;IACF,KAAK,CAAC,OAAO,EAAE;QACf,MAAM,EAAE;YACP,SAAS,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE;SAChC;KACD,CAAC;GAEI,YAAY,CA2CjB;AAED,YAAY,CAAC,MAAM,EAAE,CAAC;AAEtB,eAAe,YAAY,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.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\";\n\ntype ShellBarItemClickEventDetail = {\n\ttargetRef: HTMLElement,\n};\n\n/**\n * @class\n * The <code>ui5-shellbar-item</code> represents a custom item, that\n * might be added to the <code>ui5-shellbar</code>.\n * <br><br>\n * <h3>ES6 Module Import</h3>\n * <code>import \"@ui5/webcomponents-fiori/dist/ShellBarItem\";</code>\n *\n * @constructor\n * @author SAP SE\n * @alias sap.ui.webc.fiori.ShellBarItem\n * @extends sap.ui.webc.base.UI5Element\n * @abstract\n * @tagname ui5-shellbar-item\n * @implements sap.ui.webc.fiori.IShellBarItem\n * @public\n */\n@customElement(\"ui5-shellbar-item\")\n/**\n * Fired, when the item is pressed.\n *\n * @event sap.ui.webc.fiori.ShellBarItem#click\n * @allowPreventDefault\n * @param {HTMLElement} targetRef DOM ref of the clicked element\n * @public\n */\n@event(\"click\", {\n\tdetail: {\n\t\ttargetRef: { type: HTMLElement },\n\t},\n})\n\nclass ShellBarItem extends UI5Element {\n\t/**\n\t * Defines the name of the item's icon.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @name sap.ui.webc.fiori.ShellBarItem.prototype.icon\n\t * @public\n\t */\n\t@property()\n\ticon!: string;\n\n\t/**\n\t * Defines the item text.\n     * <br><br>\n     * <b>Note:</b> The text is only displayed inside the overflow popover list view.\n\t * @type {string}\n\t * @defaultvalue \"\"\n\t * @name sap.ui.webc.fiori.ShellBarItem.prototype.text\n\t * @public\n\t */\n\t@property()\n\ttext!: string;\n\n\t/**\n\t * Defines the count displayed in the top-right corner.\n\t * @type {string}\n\t * @defaultValue \"\"\n\t * @name sap.ui.webc.fiori.ShellBarItem.prototype.count\n\t * @since 1.0.0-rc.6\n\t * @public\n\t */\n\t@property()\n\tcount!: string;\n\n\tget stableDomRef() {\n\t\treturn this.getAttribute(\"stable-dom-ref\") || `${this._id}-stable-dom-ref`;\n\t}\n\n\tfireClickEvent(e: MouseEvent) {\n\t\treturn this.fireEvent<ShellBarItemClickEventDetail>(\"click\", {\n\t\t\ttargetRef: (e.target as HTMLElement),\n\t\t}, true);\n\t}\n}\n\nShellBarItem.define();\n\nexport default ShellBarItem;\n\nexport type { ShellBarItemClickEventDetail };\n"]}