npm - @ui5/webcomponents-fiori - Versions diffs - 2.27.2 → 2.28.0-rc.0 - Mend

@ui5/webcomponents-fiori 2.27.2 → 2.28.0-rc.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (346) hide show

package/dist/IllustratedMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IllustratedMessage.js","sourceRoot":"","sources":["../src/IllustratedMessage.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot, DefaultSlot, ChangeInfo } 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-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { attachThemeLoaded, detachThemeLoaded } from \"@ui5/webcomponents-base/dist/Theming.js\";\nimport { getIllustrationDataSync, getIllustrationData } from \"@ui5/webcomponents-base/dist/asset-registries/Illustrations.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport executeTemplate from \"@ui5/webcomponents-base/dist/renderer/executeTemplate.js\";\nimport type { IButton } from \"@ui5/webcomponents/dist/Button.js\";\nimport IllustrationMessageDesign from \"./types/IllustrationMessageDesign.js\";\nimport IllustrationMessageType from \"./types/IllustrationMessageType.js\";\nimport \"./illustrations/BeforeSearch.js\";\n\n// Styles\nimport IllustratedMessageCss from \"./generated/themes/IllustratedMessage.css.js\";\n\n// Template\nimport IllustratedMessageTemplate from \"./IllustratedMessageTemplate.js\";\n\nconst getEffectiveIllustrationName = (name: string): string => {\n\tif (name.startsWith(\"Tnt\")) {\n\t\treturn name.replace(\"Tnt\", \"tnt/\");\n\t}\n\n\tif (name.includes(\"/\")) {\n\t\treturn name;\n\t}\n\n\treturn `fiori/${name}`;\n};\n\n/*\n @class\n \n ### Overview\n * An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\n * illustration, and conversational tone to better communicate an empty or a success state than just show\n * a message alone.\n \n Each illustration has default internationalised title and subtitle texts. Also they can be managed with\n * `titleText` and `subtitleText` properties.\n \n To display the desired illustration, use the `name` property, where you can find the list of all available illustrations.\n \n Note: By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n \n `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"`\n \n Note: Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n \n `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"`\n \n ### Structure\n * The IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n \n - Illustration\n * - Title\n * - Subtitle\n * - Actions\n \n ### Usage\n * `ui5-illustrated-message` is meant to be used inside container component, for example a `ui5-card`,\n * a `ui5-dialog` or a `ui5-page`\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";`\n * @csspart subtitle - Used to style the subtitle wrapper of the `ui5-illustrated-message`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.15\n /\n\n@customElement({\n\ttag: \"ui5-illustrated-message\",\n\tlanguageAware: true,\n\tthemeAware: true,\n\trenderer: jsxRenderer,\n\tstyles: IllustratedMessageCss,\n\ttemplate: IllustratedMessageTemplate,\n})\nclass IllustratedMessage extends UI5Element {\n\t/\n\t Defines the illustration name that will be displayed in the component.\n\t\n\t Example:\n\t\n\t `name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\t\n\t Note: To use the TNT illustrations,\n\t* you need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\t\n\t Example:\n\t\n\t `name='tnt/Avatar'` or `name='TntAvatar'`.\n\t\n\t Note: By default the `BeforeSearch` illustration is loaded.\n\t* When using an illustration type, other than the default, it should be loaded in addition:\n\t\n\t `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\t\n\t For TNT illustrations:\n\t\n\t `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`\n\t* @default \"BeforeSearch\"\n\t* @public\n\t/\n\t@property()\n\tname = \"BeforeSearch\";\n\n\t/\n\t Determines which illustration breakpoint variant is used.\n\t\n\t As `IllustratedMessage` adapts itself around the `Illustration`, the other\n\t* elements of the component are displayed differently on the different breakpoints/illustration designs.\n\t* @default \"Auto\"\n\t* @public\n\t* @since 2.0.0\n\t/\n\t@property()\n\tdesign: `${IllustrationMessageDesign}` = \"Auto\";\n\n\t/\n\t Defines the subtitle of the component.\n\t\n\t Note: Using this property, the default subtitle text of illustration will be overwritten.\n\t\n\t Note: Using `subtitle` slot, the default of this property will be overwritten.\n\t* @default undefined\n\t* @public\n\t/\n\t@property()\n\tsubtitleText?: string;\n\n\t/\n\t Defines the title of the component.\n\t\n\t Note: Using this property, the default title text of illustration will be overwritten.\n\t* @default undefined\n\t* @public\n\t/\n\t@property()\n\ttitleText?: string;\n\n\t/\n\t Receives id(or many ids) of the elements that label the component.\n\t* @default undefined\n\t* @public\n\t* @since 1.7.0\n\t/\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/\n\t Illustration breakpoint variant for the <code>Dot</code> design.\n\t\n\t @private\n\t* @since 1.24.0\n\t/\n\t@property({ noAttribute: true })\n\tdotSvg?: string;\n\n\t/\n\t Illustration breakpoint variant for the <code>Spot</code> design.\n\t\n\t @private\n\t* @since 1.9.0\n\t/\n\t@property({ noAttribute: true })\n\tspotSvg?: string;\n\n\t/\n\t Illustration breakpoint variant for the `Scene` design.\n\t* @private\n\t* @since 1.9.0\n\t/\n\t@property({ noAttribute: true })\n\tsceneSvg?: string;\n\n\t/\n\t Illustration breakpoint variant for the `Dialog` design.\n\t* @private\n\t* @since 1.9.0\n\t/\n\t@property({ noAttribute: true })\n\tdialogSvg?: string;\n\n\t/\n\t Template function for the Dot design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tdotTemplate?: object;\n\n\t/\n\t Template function for the Spot design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tspotTemplate?: object;\n\n\t/\n\t Template function for the Scene design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tsceneTemplate?: object;\n\n\t/\n\t Template function for the Dialog design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tdialogTemplate?: object;\n\n\t/\n\t Determinates what is the current media of the component based on its width.\n\t* @private\n\t/\n\t@property()\n\tmedia?: string;\n\n\t/\n \t Defines whether the illustration is decorative.\n\t\n\t When set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.\n\t* @default false\n\t* @public\n \t* @since 2.10.0\n\t/\n\t@property({ type: Boolean })\n\tdecorative = false;\n\n\t/\n\t Defines the title of the component.\n\t\n\t Note: Using this slot, the default title text of illustration and the value of `title` property will be overwritten.\n\t* @public\n\t* @since 1.7.0\n\t/\n\t@slot({ type: HTMLElement })\n\ttitle!: Slot<HTMLElement> & string;\n\n\t/\n\t Defines the subtitle of the component.\n\t\n\t Note: Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.\n\t* @public\n\t* @since 1.0.0-rc.16\n\t/\n\t@slot({ type: HTMLElement })\n\tsubtitle!: Slot<HTMLElement>;\n\n\t/\n\t Defines the component actions.\n\t\n\t Note: Not displayed when the `design` property is set to `Base`.\n\t* @public\n\t/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: DefaultSlot<IButton>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\t_contentHeightForMedia: Record<string, number>;\n\t_handleResize: ResizeObserverCallback;\n\t_handleThemeLoaded: () => void;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\tthis._handleThemeLoaded = () => {\n\t\t\t// Cached content-height are theme-dependent, so clear them when the theme changes.\n\t\t\t// This hook is needed because `onInvalidation` does not fire when the theme changes\n\t\t\tthis._contentHeightForMedia = {};\n\t\t};\n\t\t// this will store the height of the inner content of the IllustratedMessage (illustration + title + subtitle + actions) for a given media (e.g. \"Spot\")\n\t\tthis._contentHeightForMedia = {};\n\t}\n\n\tstatic get BREAKPOINTS() {\n\t\treturn {\n\t\t\tDIALOG: 681,\n\t\t\tSPOT: 360,\n\t\t\tDOT: 260,\n\t\t\tBASE: 160,\n\t\t};\n\t}\n\n\tstatic get MEDIA() {\n\t\treturn {\n\t\t\tBASE: \"base\",\n\t\t\tDOT: \"dot\",\n\t\t\tSPOT: \"spot\",\n\t\t\tDIALOG: \"dialog\",\n\t\t\tSCENE: \"scene\",\n\t\t};\n\t}\n\n\tasync onBeforeRendering() {\n\t\t// Gets the current illustration name given in the \"name\" attribute\n\t\tlet effectiveName = getEffectiveIllustrationName(this.name);\n\t\tlet illustrationData = getIllustrationDataSync(effectiveName);\n\n\t\tif (this.hasAttribute(\"name\") && !this.isValidIllustration(effectiveName)) {\n\t\t\teffectiveName = getEffectiveIllustrationName(IllustrationMessageType.BeforeSearch);\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.warn(`The illustration \"${effectiveName!}\" does not exist. The default illustration \"${IllustrationMessageType.BeforeSearch}\" is loaded instead.`);\n\t\t}\n\n\t\tif (illustrationData === undefined) {\n\t\t\tillustrationData = await getIllustrationData(effectiveName);\n\t\t}\n\n\t\t// Check if illustration uses templates (safe variant)\n\t\tif (illustrationData && \"dotTemplate\" in illustrationData && illustrationData.dotTemplate) {\n\t\t\tthis.dotTemplate = executeTemplate(illustrationData.dotTemplate, this);\n\t\t}\n\t\tif (illustrationData && \"spotTemplate\" in illustrationData && illustrationData.spotTemplate) {\n\t\t\tthis.spotTemplate = executeTemplate(illustrationData.spotTemplate, this);\n\t\t}\n\t\tif (illustrationData && \"dialogTemplate\" in illustrationData && illustrationData.dialogTemplate) {\n\t\t\tthis.dialogTemplate = executeTemplate(illustrationData.dialogTemplate, this);\n\t\t}\n\t\tif (illustrationData && \"sceneTemplate\" in illustrationData && illustrationData.sceneTemplate) {\n\t\t\tthis.sceneTemplate = executeTemplate(illustrationData.sceneTemplate, this);\n\t\t}\n\n\t\t// Check if illustration uses SVG strings (unsafe variant)\n\t\tif (illustrationData && \"dotSvg\" in illustrationData) {\n\t\t\tthis.dotSvg = illustrationData.dotSvg;\n\t\t}\n\t\tif (illustrationData && \"spotSvg\" in illustrationData) {\n\t\t\tthis.spotSvg = illustrationData.spotSvg;\n\t\t}\n\t\tif (illustrationData && \"dialogSvg\" in illustrationData) {\n\t\t\tthis.dialogSvg = illustrationData.dialogSvg;\n\t\t}\n\t\tif (illustrationData && \"sceneSvg\" in illustrationData) {\n\t\t\tthis.sceneSvg = illustrationData.sceneSvg;\n\t\t}\n\n\t\tthis.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData!.title);\n\t\tthis.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData!.subtitle);\n\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\tthis._handleCustomSize();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize);\n\t\tattachThemeLoaded(this._handleThemeLoaded);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t\tdetachThemeLoaded(this._handleThemeLoaded);\n\t}\n\n\tonInvalidation(changeInfo: ChangeInfo) {\n\t\tif (\n\t\t\t(changeInfo.type === \"property\" && [\"name\", \"titleText\", \"subtitleText\"].includes(changeInfo.name))\n\t\t\t\|\| (changeInfo.type === \"slot\" && [\"title\", \"subtitle\", \"default\"].includes(changeInfo.name))\n\t\t) {\n\t\t\tthis._contentHeightForMedia = {};\n\t\t}\n\t}\n\n\thandleResize() {\n\t\tif (this.design === IllustrationMessageDesign.Auto) {\n\t\t\tthis._checkHeightConstraints();\n\t\t\tthis._applyMedia();\n\t\t}\n\t}\n\n\t/\n\t Checks if the current height of the component is enough to display the illustration, title, subtitle and actions.\n\t * If not, the minimum required height for the current media is stored in the `_contentHeightForMedia` object.\n\t * @private\n\t /\n\t_checkHeightConstraints() {\n\t\t// The `scrollHeight > clientHeight` guard is load-bearing: the cache must be populated ONLY\n\t\t// when the content genuinely overflows the container. When the host container has\n\t\t// `height: auto`, its clientHeight equals the content height and there is by definition no\n\t\t// real constraint — recording that height would falsely poison `_contentHeightForMedia` and\n\t\t// cause spurious downgrades on the next render (e.g. after a width shrink-and-grow).\n\t\tif (this.media && this.scrollHeight > this.clientHeight) { // needs vertical responsiveness\n\t\t\tconst innerEl = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-illustrated-message-inner\");\n\t\t\tconst innerElHeight = innerEl ? innerEl.scrollHeight : 0;\n\t\t\tinnerElHeight && (this._contentHeightForMedia[this.media] = innerElHeight);\n\t\t}\n\t}\n\n\t_applyMedia() {\n\t\tconst width = this.offsetWidth;\n\t\tlet media = \"\",\n\t\t\tmediaIndex = -1;\n\n\t\tif (width <= IllustratedMessage.BREAKPOINTS.BASE) {\n\t\t\tmedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (width <= IllustratedMessage.BREAKPOINTS.DOT) {\n\t\t\tmedia = IllustratedMessage.MEDIA.DOT;\n\t\t} else if (width <= IllustratedMessage.BREAKPOINTS.SPOT) {\n\t\t\tmedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (width <= IllustratedMessage.BREAKPOINTS.DIALOG) {\n\t\t\tmedia = IllustratedMessage.MEDIA.DIALOG;\n\t\t} else {\n\t\t\tmedia = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\n\t\tmediaIndex = Object.values(IllustratedMessage.MEDIA).indexOf(media);\n\n\t\twhile (mediaIndex > 0 && this._mediaExceedsContainerHeight(media)) {\n\t\t\tmediaIndex--;\n\t\t\tmedia = Object.values(IllustratedMessage.MEDIA)[mediaIndex];\n\t\t}\n\n\t\tthis.media = media;\n\t}\n\n\t_mediaExceedsContainerHeight(media: string): boolean {\n\t\treturn !!this._contentHeightForMedia[media] && this.clientHeight < this._contentHeightForMedia[media];\n\t}\n\n\t_setSVGAccAttrs() {\n\t\tconst svg = this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration svg\");\n\n\t\tif (!svg) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.decorative) {\n\t\t\tsvg.setAttribute(\"role\", \"presentation\");\n\t\t\tsvg.setAttribute(\"aria-hidden\", \"true\");\n\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t} else {\n\t\t\tsvg.removeAttribute(\"role\");\n\t\t\tsvg.removeAttribute(\"aria-hidden\");\n\n\t\t\t// Set aria-label only when not decorative and text exists\n\t\t\tif (this.ariaLabelText) {\n\t\t\t\tsvg.setAttribute(\"aria-label\", this.ariaLabelText);\n\t\t\t} else {\n\t\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t\t}\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._setSVGAccAttrs();\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\treturn;\n\t\t}\n\t\tconst heightMeasurementNeeded = this.media && !(this.media in this._contentHeightForMedia);\n\t\tconst mightOverflow = this.scrollHeight > this.clientHeight;\n\t\tif (heightMeasurementNeeded \|\| mightOverflow) {\n\t\t\tthis._checkHeightConstraints();\n\t\t\tthis._applyMedia();\n\t\t}\n\t}\n\n\t/\n\t Modifies the IM styles in accordance to the `size` property's value.\n\t * Note: The resize handler has no effect when size is different than \"Auto\".\n\t * @private\n\t * @since 1.5.0\n\t */\n\t_handleCustomSize() {\n\t\tswitch (this.design) {\n\t\tcase IllustrationMessageDesign.Base:\n\t\t\tthis.media = IllustratedMessage.MEDIA.BASE;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Spot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dialog:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.ExtraSmall:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Small:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Medium:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tdefault:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t}\n\n\tget ariaLabelText(): string \| undefined {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget effectiveIllustration(): string \| object \| undefined {\n\t\tswitch (this.media) {\n\t\tcase IllustratedMessage.MEDIA.DOT:\n\t\t\treturn this.dotTemplate \|\| this.dotSvg;\n\t\tcase IllustratedMessage.MEDIA.SPOT:\n\t\t\treturn this.spotTemplate \|\| this.spotSvg;\n\t\tcase IllustratedMessage.MEDIA.DIALOG:\n\t\t\treturn this.dialogTemplate \|\| this.dialogSvg;\n\t\tcase IllustratedMessage.MEDIA.SCENE:\n\t\t\treturn this.sceneTemplate \|\| this.sceneSvg;\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget hasFormattedSubtitle(): boolean {\n\t\treturn !!this.subtitle.length;\n\t}\n\n\tget hasFormattedTitle(): boolean {\n\t\treturn !!this.title.length;\n\t}\n\n\tget effectiveTitleText(): string \| undefined {\n\t\treturn this.titleText ? this.titleText : this.illustrationTitle;\n\t}\n\n\tget effectiveSubitleText(): string \| undefined {\n\t\treturn this.subtitleText ? this.subtitleText : this.illustrationSubtitle;\n\t}\n\n\tget hasTitle(): boolean {\n\t\treturn !!(this.hasFormattedTitle \|\| this.titleText \|\| this.illustrationTitle);\n\t}\n\n\tget hasSubtitle(): boolean {\n\t\treturn !!(this.hasFormattedSubtitle \|\| this.subtitleText \|\| this.illustrationSubtitle);\n\t}\n\n\tget hasActions(): boolean {\n\t\treturn !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;\n\t}\n\n\tisValidIllustration(currentIllustration: string): boolean {\n\t\tcurrentIllustration = currentIllustration.startsWith(\"tnt/\") ? currentIllustration.replace(\"tnt/\", \"Tnt\") : currentIllustration.replace(\"fiori/\", \"\");\n\n\t\treturn currentIllustration in IllustrationMessageType;\n\t}\n}\n\nIllustratedMessage.define();\n\nexport default IllustratedMessage;\n"]}
1	+ {"version":3,"file":"IllustratedMessage.js","sourceRoot":"","sources":["../src/IllustratedMessage.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot, DefaultSlot, ChangeInfo } 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-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { attachThemeLoaded, detachThemeLoaded } from \"@ui5/webcomponents-base/dist/Theming.js\";\nimport { getIllustrationDataSync, getIllustrationData } from \"@ui5/webcomponents-base/dist/asset-registries/Illustrations.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport executeTemplate from \"@ui5/webcomponents-base/dist/renderer/executeTemplate.js\";\nimport type { IButton } from \"@ui5/webcomponents/dist/Button.js\";\nimport IllustrationMessageDesign from \"./types/IllustrationMessageDesign.js\";\nimport IllustrationMessageType from \"./types/IllustrationMessageType.js\";\nimport \"./illustrations/BeforeSearch.js\";\n\n// Styles\nimport IllustratedMessageCss from \"./generated/themes/IllustratedMessage.css.js\";\n\n// Template\nimport IllustratedMessageTemplate from \"./IllustratedMessageTemplate.js\";\n\nconst getEffectiveIllustrationName = (name: string): string => {\n\tif (name.startsWith(\"Tnt\")) {\n\t\treturn name.replace(\"Tnt\", \"tnt/\");\n\t}\n\n\tif (name.includes(\"/\")) {\n\t\treturn name;\n\t}\n\n\treturn `fiori/${name}`;\n};\n\nconst MEDIA = {\n\tBASE: \"base\",\n\tDOT: \"dot\",\n\tSPOT: \"spot\",\n\tDIALOG: \"dialog\",\n\tSCENE: \"scene\",\n} as const;\n\ntype Media = typeof MEDIA[keyof typeof MEDIA];\n\ntype DimensionsForMedia = {\n\tbeforeRendering: { width: number; height: number; },\n\tafterRendering?: { width: number; height: number; },\n};\n\n/*\n @class\n \n ### Overview\n * An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\n * illustration, and conversational tone to better communicate an empty or a success state than just show\n * a message alone.\n \n Each illustration has default internationalised title and subtitle texts. Also they can be managed with\n * `titleText` and `subtitleText` properties.\n \n To display the desired illustration, use the `name` property, where you can find the list of all available illustrations.\n \n Note: By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n \n `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"`\n \n Note: Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n \n `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"`\n \n ### Structure\n * The IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n \n - Illustration\n * - Title\n * - Subtitle\n * - Actions\n \n ### Usage\n * `ui5-illustrated-message` is meant to be used inside container component, for example a `ui5-card`,\n * a `ui5-dialog` or a `ui5-page`\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";`\n * @csspart subtitle - Used to style the subtitle wrapper of the `ui5-illustrated-message`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0\n /\n\n@customElement({\n\ttag: \"ui5-illustrated-message\",\n\tlanguageAware: true,\n\tthemeAware: true,\n\trenderer: jsxRenderer,\n\tstyles: IllustratedMessageCss,\n\ttemplate: IllustratedMessageTemplate,\n})\nclass IllustratedMessage extends UI5Element {\n\t/\n\t Defines the illustration name that will be displayed in the component.\n\t\n\t Example:\n\t\n\t `name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\t\n\t Note: To use the TNT illustrations,\n\t* you need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\t\n\t Example:\n\t\n\t `name='tnt/Avatar'` or `name='TntAvatar'`.\n\t\n\t Note: By default the `BeforeSearch` illustration is loaded.\n\t* When using an illustration type, other than the default, it should be loaded in addition:\n\t\n\t `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\t\n\t For TNT illustrations:\n\t\n\t `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`\n\t* @default \"BeforeSearch\"\n\t* @public\n\t/\n\t@property()\n\tname = \"BeforeSearch\";\n\n\t/\n\t Determines which illustration breakpoint variant is used.\n\t\n\t As `IllustratedMessage` adapts itself around the `Illustration`, the other\n\t* elements of the component are displayed differently on the different breakpoints/illustration designs.\n\t* @default \"Auto\"\n\t* @public\n\t* @since 2.0.0\n\t/\n\t@property()\n\tdesign: `${IllustrationMessageDesign}` = \"Auto\";\n\n\t/\n\t Defines the subtitle of the component.\n\t\n\t Note: Using this property, the default subtitle text of illustration will be overwritten.\n\t\n\t Note: Using `subtitle` slot, the default of this property will be overwritten.\n\t* @default undefined\n\t* @public\n\t/\n\t@property()\n\tsubtitleText?: string;\n\n\t/\n\t Defines the title of the component.\n\t\n\t Note: Using this property, the default title text of illustration will be overwritten.\n\t* @default undefined\n\t* @public\n\t/\n\t@property()\n\ttitleText?: string;\n\n\t/\n\t Receives id(or many ids) of the elements that label the component.\n\t* @default undefined\n\t* @public\n\t* @since 1.7.0\n\t/\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/\n\t Illustration breakpoint variant for the <code>Dot</code> design.\n\t\n\t @private\n\t* @since 1.24.0\n\t/\n\t@property({ noAttribute: true })\n\tdotSvg?: string;\n\n\t/\n\t Illustration breakpoint variant for the <code>Spot</code> design.\n\t\n\t @private\n\t* @since 1.9.0\n\t/\n\t@property({ noAttribute: true })\n\tspotSvg?: string;\n\n\t/\n\t Illustration breakpoint variant for the `Scene` design.\n\t* @private\n\t* @since 1.9.0\n\t/\n\t@property({ noAttribute: true })\n\tsceneSvg?: string;\n\n\t/\n\t Illustration breakpoint variant for the `Dialog` design.\n\t* @private\n\t* @since 1.9.0\n\t/\n\t@property({ noAttribute: true })\n\tdialogSvg?: string;\n\n\t/\n\t Template function for the Dot design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tdotTemplate?: object;\n\n\t/\n\t Template function for the Spot design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tspotTemplate?: object;\n\n\t/\n\t Template function for the Scene design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tsceneTemplate?: object;\n\n\t/\n\t Template function for the Dialog design (safe variant).\n\t* @private\n\t* @since 2.16.0\n\t/\n\t@property({ noAttribute: true })\n\tdialogTemplate?: object;\n\n\t/\n\t Determinates what is the current media of the component based on its width.\n\t* @private\n\t/\n\t@property()\n\tmedia?: string;\n\n\t/\n \t Defines whether the illustration is decorative.\n\t\n\t When set to `true`, the attributes `role=\"presentation\"` and `aria-hidden=\"true\"` are applied to the SVG element.\n\t* @default false\n\t* @public\n \t* @since 2.10.0\n\t/\n\t@property({ type: Boolean })\n\tdecorative = false;\n\n\t/\n\t Defines the title of the component.\n\t\n\t Note: Using this slot, the default title text of illustration and the value of `title` property will be overwritten.\n\t* @public\n\t* @since 1.7.0\n\t/\n\t@slot({ type: HTMLElement })\n\ttitle!: Slot<HTMLElement> & string;\n\n\t/\n\t Defines the subtitle of the component.\n\t\n\t Note: Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.\n\t* @public\n\t* @since 1.0.0\n\t/\n\t@slot({ type: HTMLElement })\n\tsubtitle!: Slot<HTMLElement>;\n\n\t/\n\t Defines the component actions.\n\t\n\t Note: Not displayed when the `design` property is set to `Base`.\n\t* @public\n\t/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: DefaultSlot<IButton>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\t_contentHeightForMedia: Record<string, number>;\n\t// tracks changes to the `media` property; cleared when the rendered media brings no further resizing;\n\t// required to prevent a circular chain of `media` changes (A -> B -> A -> ...) where a media change triggers a resize that reverts it to a previous media of same chained sequence.\n\t_ongoingMediaChange: Array<{ media: Media; dimensions: DimensionsForMedia }>;\n\t_handleResize: ResizeObserverCallback;\n\t_handleThemeLoaded: () => void;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\tthis._handleThemeLoaded = () => {\n\t\t\t// Cached content-height are theme-dependent, so clear them when the theme changes.\n\t\t\t// This hook is needed because `onInvalidation` does not fire when the theme changes\n\t\t\tthis._contentHeightForMedia = {};\n\t\t};\n\t\t// this will store the height of the inner content of the IllustratedMessage (illustration + title + subtitle + actions) for a given media (e.g. \"Spot\")\n\t\tthis._contentHeightForMedia = {};\n\t\tthis._ongoingMediaChange = [];\n\t}\n\n\tstatic get BREAKPOINTS() {\n\t\treturn {\n\t\t\tDIALOG: 681,\n\t\t\tSPOT: 360,\n\t\t\tDOT: 260,\n\t\t\tBASE: 160,\n\t\t};\n\t}\n\n\tstatic get MEDIA() {\n\t\treturn MEDIA;\n\t}\n\n\tasync onBeforeRendering() {\n\t\t// Gets the current illustration name given in the \"name\" attribute\n\t\tlet effectiveName = getEffectiveIllustrationName(this.name);\n\t\tlet illustrationData = getIllustrationDataSync(effectiveName);\n\n\t\tif (this.hasAttribute(\"name\") && !this.isValidIllustration(effectiveName)) {\n\t\t\teffectiveName = getEffectiveIllustrationName(IllustrationMessageType.BeforeSearch);\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.warn(`The illustration \"${effectiveName!}\" does not exist. The default illustration \"${IllustrationMessageType.BeforeSearch}\" is loaded instead.`);\n\t\t}\n\n\t\tif (illustrationData === undefined) {\n\t\t\tillustrationData = await getIllustrationData(effectiveName);\n\t\t}\n\n\t\t// Check if illustration uses templates (safe variant)\n\t\tif (illustrationData && \"dotTemplate\" in illustrationData && illustrationData.dotTemplate) {\n\t\t\tthis.dotTemplate = executeTemplate(illustrationData.dotTemplate, this);\n\t\t}\n\t\tif (illustrationData && \"spotTemplate\" in illustrationData && illustrationData.spotTemplate) {\n\t\t\tthis.spotTemplate = executeTemplate(illustrationData.spotTemplate, this);\n\t\t}\n\t\tif (illustrationData && \"dialogTemplate\" in illustrationData && illustrationData.dialogTemplate) {\n\t\t\tthis.dialogTemplate = executeTemplate(illustrationData.dialogTemplate, this);\n\t\t}\n\t\tif (illustrationData && \"sceneTemplate\" in illustrationData && illustrationData.sceneTemplate) {\n\t\t\tthis.sceneTemplate = executeTemplate(illustrationData.sceneTemplate, this);\n\t\t}\n\n\t\t// Check if illustration uses SVG strings (unsafe variant)\n\t\tif (illustrationData && \"dotSvg\" in illustrationData) {\n\t\t\tthis.dotSvg = illustrationData.dotSvg;\n\t\t}\n\t\tif (illustrationData && \"spotSvg\" in illustrationData) {\n\t\t\tthis.spotSvg = illustrationData.spotSvg;\n\t\t}\n\t\tif (illustrationData && \"dialogSvg\" in illustrationData) {\n\t\t\tthis.dialogSvg = illustrationData.dialogSvg;\n\t\t}\n\t\tif (illustrationData && \"sceneSvg\" in illustrationData) {\n\t\t\tthis.sceneSvg = illustrationData.sceneSvg;\n\t\t}\n\n\t\tthis.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData!.title);\n\t\tthis.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData!.subtitle);\n\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\tthis._handleCustomSize();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize);\n\t\tattachThemeLoaded(this._handleThemeLoaded);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t\tdetachThemeLoaded(this._handleThemeLoaded);\n\t}\n\n\tonInvalidation(changeInfo: ChangeInfo) {\n\t\tif (\n\t\t\t(changeInfo.type === \"property\" && [\"name\", \"titleText\", \"subtitleText\"].includes(changeInfo.name))\n\t\t\t\|\| (changeInfo.type === \"slot\" && [\"title\", \"subtitle\", \"default\"].includes(changeInfo.name))\n\t\t) {\n\t\t\tthis._contentHeightForMedia = {};\n\t\t}\n\t}\n\n\thandleResize() {\n\t\tif (this.design === IllustrationMessageDesign.Auto) {\n\t\t\tthis._checkHeightConstraints();\n\t\t\tthis._applyMedia();\n\t\t}\n\t}\n\n\t/\n\t Checks if the current height of the component is enough to display the illustration, title, subtitle and actions.\n\t * If not, the minimum required height for the current media is stored in the `_contentHeightForMedia` object.\n\t * @private\n\t /\n\t_checkHeightConstraints() {\n\t\t// The `scrollHeight > clientHeight` guard is load-bearing: the cache must be populated ONLY\n\t\t// when the content genuinely overflows the container. When the host container has\n\t\t// `height: auto`, its clientHeight equals the content height and there is by definition no\n\t\t// real constraint — recording that height would falsely poison `_contentHeightForMedia` and\n\t\t// cause spurious downgrades on the next render (e.g. after a width shrink-and-grow).\n\t\tif (this.media && this.scrollHeight > this.clientHeight) { // needs vertical responsiveness\n\t\t\tconst innerEl = this.shadowRoot!.querySelector<HTMLElement>(\".ui5-illustrated-message-inner\");\n\t\t\tconst innerElHeight = innerEl ? innerEl.scrollHeight : 0;\n\t\t\tinnerElHeight && (this._contentHeightForMedia[this.media] = innerElHeight);\n\t\t}\n\t}\n\n\t_applyMedia() {\n\t\tconst width = this.offsetWidth;\n\t\tconst height = this.offsetHeight;\n\t\tlet media: Media = MEDIA.SCENE,\n\t\t\tmediaIndex = -1;\n\n\t\tif (width <= IllustratedMessage.BREAKPOINTS.BASE) {\n\t\t\tmedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (width <= IllustratedMessage.BREAKPOINTS.DOT) {\n\t\t\tmedia = IllustratedMessage.MEDIA.DOT;\n\t\t} else if (width <= IllustratedMessage.BREAKPOINTS.SPOT) {\n\t\t\tmedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (width <= IllustratedMessage.BREAKPOINTS.DIALOG) {\n\t\t\tmedia = IllustratedMessage.MEDIA.DIALOG;\n\t\t} else {\n\t\t\tmedia = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\n\t\tmediaIndex = Object.values(IllustratedMessage.MEDIA).indexOf(media);\n\n\t\twhile (mediaIndex > 0 && this._mediaExceedsContainerHeight(media)) {\n\t\t\tmediaIndex--;\n\t\t\tmedia = Object.values(IllustratedMessage.MEDIA)[mediaIndex];\n\t\t}\n\n\t\tif (this.media && this._wouldRevertLastMediaChange(media, width, height)) {\n\t\t\t// circular chain of media changes detected, so settle on the currently applied media to escape oscillation\n\t\t\treturn;\n\t\t}\n\n\t\tif (media === this.media) {\n\t\t\treturn; // no media change\n\t\t}\n\n\t\tthis._ongoingMediaChange.push({ media, dimensions: { beforeRendering: { width, height } } }); // register media change step\n\t\tthis._ongoingMediaChange = this._ongoingMediaChange.slice(-2); // we need to keep only the last two steps to detect oscillation\n\t\tthis.media = media;\n\t}\n\n\t_wouldRevertLastMediaChange(media: Media, newWidth: number, newHeight: number): boolean {\n\t\tconst steps = this._ongoingMediaChange;\n\t\tconst currentAppliedMedia = steps.length >= 1 ? steps[steps.length - 1] : null;\n\t\tconst previousAppliedMedia = steps.length >= 2 ? steps[steps.length - 2] : null;\n\t\tconst newDimensions = { width: newWidth, height: newHeight };\n\n\t\tif (previousAppliedMedia?.media !== media\n\t\t\t\|\| !currentAppliedMedia?.dimensions.afterRendering\n\t\t\t\|\| !previousAppliedMedia?.dimensions.afterRendering) {\n\t\t\treturn false;\n\t\t}\n\n\t\t// circular chain: previousApplied -> currentApplied -> previousApplied\n\t\treturn this._dimensionsMatch(previousAppliedMedia.dimensions.beforeRendering, newDimensions)\n\t\t\t&& this._dimensionsMatch(previousAppliedMedia.dimensions.afterRendering, currentAppliedMedia.dimensions.beforeRendering)\n\t\t\t&& this._dimensionsMatch(currentAppliedMedia.dimensions.afterRendering, newDimensions);\n\t}\n\n\t_dimensionsMatch(dimensions1: { width: number; height: number }, dimensions2: { width: number; height: number }): boolean {\n\t\treturn dimensions1.width === dimensions2.width\n\t\t\t&& dimensions1.height === dimensions2.height;\n\t}\n\n\t_trackMediaAfterRendering() {\n\t\tconst steps = this._ongoingMediaChange;\n\t\tconst lastStep = steps.length > 0 ? steps[steps.length - 1] : null;\n\t\tif (lastStep && this.media as Media === lastStep.media) {\n\t\t\tlastStep.dimensions.afterRendering = { width: this.offsetWidth, height: this.offsetHeight };\n\n\t\t\tif (this._dimensionsMatch(lastStep.dimensions.beforeRendering, lastStep.dimensions.afterRendering)) {\n\t\t\t\tthis._ongoingMediaChange = []; // media settled (no further resize triggered)\n\t\t\t}\n\t\t}\n\t}\n\n\t_mediaExceedsContainerHeight(media: string): boolean {\n\t\treturn !!this._contentHeightForMedia[media] && this.clientHeight < this._contentHeightForMedia[media];\n\t}\n\n\t_setSVGAccAttrs() {\n\t\tconst svg = this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration svg\");\n\n\t\tif (!svg) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.decorative) {\n\t\t\tsvg.setAttribute(\"role\", \"presentation\");\n\t\t\tsvg.setAttribute(\"aria-hidden\", \"true\");\n\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t} else {\n\t\t\tsvg.removeAttribute(\"role\");\n\t\t\tsvg.removeAttribute(\"aria-hidden\");\n\n\t\t\t// Set aria-label only when not decorative and text exists\n\t\t\tif (this.ariaLabelText) {\n\t\t\t\tsvg.setAttribute(\"aria-label\", this.ariaLabelText);\n\t\t\t} else {\n\t\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t\t}\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._setSVGAccAttrs();\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._trackMediaAfterRendering();\n\n\t\tconst heightMeasurementNeeded = this.media && !(this.media in this._contentHeightForMedia);\n\t\tconst mightOverflow = this.scrollHeight > this.clientHeight;\n\t\tif (heightMeasurementNeeded \|\| mightOverflow) {\n\t\t\tthis._checkHeightConstraints();\n\t\t\tthis._applyMedia();\n\t\t}\n\t}\n\n\t/\n\t Modifies the IM styles in accordance to the `size` property's value.\n\t * Note: The resize handler has no effect when size is different than \"Auto\".\n\t * @private\n\t * @since 1.5.0\n\t */\n\t_handleCustomSize() {\n\t\tswitch (this.design) {\n\t\tcase IllustrationMessageDesign.Base:\n\t\t\tthis.media = IllustratedMessage.MEDIA.BASE;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Spot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dialog:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.ExtraSmall:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Small:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Medium:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tdefault:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t}\n\n\tget ariaLabelText(): string \| undefined {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget effectiveIllustration(): string \| object \| undefined {\n\t\tswitch (this.media) {\n\t\tcase IllustratedMessage.MEDIA.DOT:\n\t\t\treturn this.dotTemplate \|\| this.dotSvg;\n\t\tcase IllustratedMessage.MEDIA.SPOT:\n\t\t\treturn this.spotTemplate \|\| this.spotSvg;\n\t\tcase IllustratedMessage.MEDIA.DIALOG:\n\t\t\treturn this.dialogTemplate \|\| this.dialogSvg;\n\t\tcase IllustratedMessage.MEDIA.SCENE:\n\t\t\treturn this.sceneTemplate \|\| this.sceneSvg;\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget hasFormattedSubtitle(): boolean {\n\t\treturn !!this.subtitle.length;\n\t}\n\n\tget hasFormattedTitle(): boolean {\n\t\treturn !!this.title.length;\n\t}\n\n\tget effectiveTitleText(): string \| undefined {\n\t\treturn this.titleText ? this.titleText : this.illustrationTitle;\n\t}\n\n\tget effectiveSubitleText(): string \| undefined {\n\t\treturn this.subtitleText ? this.subtitleText : this.illustrationSubtitle;\n\t}\n\n\tget hasTitle(): boolean {\n\t\treturn !!(this.hasFormattedTitle \|\| this.titleText \|\| this.illustrationTitle);\n\t}\n\n\tget hasSubtitle(): boolean {\n\t\treturn !!(this.hasFormattedSubtitle \|\| this.subtitleText \|\| this.illustrationSubtitle);\n\t}\n\n\tget hasActions(): boolean {\n\t\treturn !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;\n\t}\n\n\tisValidIllustration(currentIllustration: string): boolean {\n\t\tcurrentIllustration = currentIllustration.startsWith(\"tnt/\") ? currentIllustration.replace(\"tnt/\", \"Tnt\") : currentIllustration.replace(\"fiori/\", \"\");\n\n\t\treturn currentIllustration in IllustrationMessageType;\n\t}\n}\n\nIllustratedMessage.define();\n\nexport default IllustratedMessage;\n"]}

package/dist/MediaGallery.d.ts CHANGED Viewed

@@ -57,6 +57,7 @@ type MediaGallerySelectionChangeEventDetail = {
  * @extends UI5Element
  * @public
  * @since 1.1.0
+ * @ui5subcomponent MediaGalleryItem
  */
 declare class MediaGallery extends UI5Element {
     eventDetails: {

package/dist/MediaGallery.js CHANGED Viewed

@@ -67,6 +67,7 @@ const COLUMNS_COUNT = {
  * @extends UI5Element
  * @public
  * @since 1.1.0
+ * @ui5subcomponent MediaGalleryItem
  */
 let MediaGallery = MediaGallery_1 = class MediaGallery extends UI5Element {
     constructor() {

package/dist/MediaGallery.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../src/MediaGallery.ts"],"names":[],"mappings":"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","sourcesContent":["import ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport MediaRange from \"@ui5/webcomponents-base/dist/MediaRange.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport type { CarouselNavigateEventDetail } from \"@ui5/webcomponents/dist/Carousel.js\";\nimport Carousel from \"@ui5/webcomponents/dist/Carousel.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-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport MediaGalleryItemLayout from \"./types/MediaGalleryItemLayout.js\";\nimport MediaGalleryLayout from \"./types/MediaGalleryLayout.js\";\nimport type MediaGalleryMenuHorizontalAlign from \"./types/MediaGalleryMenuHorizontalAlign.js\";\nimport type MediaGalleryMenuVerticalAlign from \"./types/MediaGalleryMenuVerticalAlign.js\";\n\n// Styles\nimport MediaGalleryCss from \"./generated/themes/MediaGallery.css.js\";\n\n// Template\nimport MediaGalleryTemplate from \"./MediaGalleryTemplate.js\";\n\n/*\n Interface for components that can be slotted inside `ui5-media-gallery` as items.\n * @public\n /\ninterface IMediaGalleryItem extends UI5Element, ITabbable {\n\tselected: boolean,\n\tdisabled: boolean,\n\tdisplayedContent: HTMLElement \| null;\n\tlayout: `${MediaGalleryItemLayout}`\n}\n\ntype MediaGallerySelectionChangeEventDetail = {\n\titem: IMediaGalleryItem;\n}\n\n// The allowed number of thumbnail columns on each size\n// (relevant when `showAllThumbnails` is enabled)\nconst COLUMNS_COUNT: Record<string, number> = {\n\t\"S\": 1,\n\t\"M\": 2,\n\t\"L\": 3,\n\t\"XL\": 4,\n};\n\n/\n @class\n \n ### Overview\n \n The `ui5-media-gallery` component allows the user to browse through multimedia items. Currently,\n * the supported items are images and videos. The items should be defined using the `ui5-media-gallery-item`\n * component.\n \n The items are initially displayed as thumbnails. When the user selects a thumbnail, the corresponding item\n * is displayed in larger size.\n \n The component is responsive by default and adjusts the position of the menu with respect to viewport size,\n * but the application is able to further customize the layout via the provided API.\n \n ### Keyboard Handling\n * The `ui5-media-gallery` provides advanced keyboard handling.\n \n When the thumbnails menu is focused the following keyboard\n * shortcuts allow the user to navigate through the thumbnail items:\n \n - [Up] or [Down] - Navigates up and down the items\n * - [Home] - Navigates to first item\n * - [End] - Navigates to the last item\n * - [Space], [Enter] - Selects an item\n \n ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/MediaGallery.js\";`\n \n `import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.1.0\n /\n@customElement({\n\ttag: \"ui5-media-gallery\",\n\trenderer: jsxRenderer,\n\tstyles: [MediaGalleryCss],\n\ttemplate: MediaGalleryTemplate,\n\tdependencies: [\n\t\tMediaGalleryItem,\n\t\tButton,\n\t\tCarousel,\n\t],\n})\n\n/\n Fired when selection is changed by user interaction.\n * @param {HTMLElement} item the selected item.\n * @public\n /\n@event(\"selection-change\", {\n\tbubbles: true,\n})\n\n/\n Fired when the thumbnails overflow button is clicked.\n * @public\n /\n@event(\"overflow-click\", {\n\tbubbles: true,\n})\n\n/\n Fired when the display area is clicked.\n * The display area is the central area that contains\n * the enlarged content of the currently selected item.\n * @public\n /\n@event(\"display-area-click\", {\n\tbubbles: true,\n})\n\nclass MediaGallery extends UI5Element {\n\teventDetails!: {\n\t\t\"selection-change\": MediaGallerySelectionChangeEventDetail,\n\t\t\"overflow-click\": void,\n\t\t\"display-area-click\": void,\n\t}\n\t/\n\t If set to `true`, all thumbnails are rendered in a scrollable container.\n\t * If `false`, only up to five thumbnails are rendered, followed by\n\t * an overflow button that shows the count of the remaining thumbnails.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowAllThumbnails = false;\n\n\t/\n\t If enabled, a `display-area-click` event is fired\n\t * when the user clicks or taps on the display area.\n\t \n\t The display area is the central area that contains\n\t * the enlarged content of the currently selected item.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tinteractiveDisplayArea = false;\n\n\t/\n\t Determines the layout of the component.\n\t * @default \"Auto\"\n\t * @public\n\t /\n\t@property()\n\tlayout: `${MediaGalleryLayout}` = \"Auto\";\n\n\t/\n\t Determines the horizontal alignment of the thumbnails menu\n\t * vs. the central display area.\n\t * @default \"Left\"\n\t * @public\n\t /\n\t@property()\n\tmenuHorizontalAlign: `${MediaGalleryMenuHorizontalAlign}` = \"Left\";\n\n\t/\n\t Determines the vertical alignment of the thumbnails menu\n\t * vs. the central display area.\n\t * @default \"Bottom\"\n\t * @public\n\t /\n\t@property()\n\tmenuVerticalAlign: `${MediaGalleryMenuVerticalAlign}` = \"Bottom\";\n\n\t/\n\t Determines the actual applied layout type\n\t * (esp. needed when the app did not specify a fixed layout type\n\t * but selected `Auto` layout type).\n\t * @default \"Vertical\"\n\t * @private\n\t /\n\t@property()\n\teffectiveLayout: `${MediaGalleryLayout}` = \"Vertical\";\n\n\t/\n\t Defines the current media query size.\n\t * @private\n\t /\n\t@property()\n\tmediaRange = \"S\";\n\n\t/\n\t The number of items in the overflow.\n\t * @private\n\t /\n\t@property({ type: Number, noAttribute: true })\n\t_overflowSize = 0;\n\n\t/\n\t Defines the component items.\n\t \n\t Note: Only one selected item is allowed.\n\t \n\t Note: Use the `ui5-media-gallery-item` component to define the desired items.\n\t * @public\n\t /\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tindividualSlots: true,\n\t\tinvalidateOnChildChange: true,\n\t\t\"default\": true,\n\t})\n\titems!: DefaultSlot<IMediaGalleryItem>;\n\n\t_itemNavigation: ItemNavigation;\n\t_onResize: () => void;\n\t_selectedItem?: IMediaGalleryItem;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._onResize = this._updateLayout.bind(this);\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tnavigationMode: NavigationMode.Auto,\n\t\t\tgetItemsCallback: () => this._getFocusableItems(),\n\t\t});\n\t}\n\n\tonEnterDOM() {\n\t\t!isPhone() && ResizeHandler.register(this, this._onResize);\n\t}\n\n\tonExitDOM() {\n\t\t!isPhone() && ResizeHandler.deregister(this, this._onResize);\n\t}\n\n\tonAfterRendering() {\n\t\tthis._updateLayout();\n\t\tthis._updateSelection();\n\t}\n\n\t_updateSelection() {\n\t\tif (this.items.length === 0) {\n\t\t\tthis._selectedItem = undefined;\n\t\t\tif (this._mainItem) {\n\t\t\t\tconst oldContent = this._mainItem.displayedContent;\n\t\t\t\toldContent?.remove();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tlet itemToSelect = this.items.find(item => item.selected);\n\t\tif (!itemToSelect \|\| !this._isSelectableItem(itemToSelect)) {\n\t\t\titemToSelect = this._findSelectableItem();\n\t\t}\n\t\tif (itemToSelect && itemToSelect !== this._selectedItem) {\n\t\t\tthis._selectItem(itemToSelect);\n\t\t}\n\t}\n\n\t_isSelectableItem(this: void, item: IMediaGalleryItem) {\n\t\treturn !item.disabled && !item.hidden;\n\t}\n\n\t_findSelectableItem() {\n\t\treturn this.items.find(this._isSelectableItem);\n\t}\n\n\t_updateMediaRange(width: number) {\n\t\tthis.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, width);\n\t}\n\n\t_updateLayout() {\n\t\tconst rootNode = this.getDomRef()!,\n\t\t\theight = rootNode.offsetHeight,\n\t\t\twidth = rootNode.offsetWidth;\n\n\t\tif (!width \|\| !height \|\| isPhone()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._updateMediaRange(width);\n\t\tthis.effectiveLayout = this._infereffectiveLayout();\n\t\tthis._overflowSize = this._calculateOverflowSize(width, height);\n\n\t\tthis._toggleDisplaySquareSize(this._shouldHaveSquareDisplay);\n\t\tthis._toggleMainItem9x16size(this._shouldHaveWideDisplay);\n\t}\n\n\t_calculateOverflowSize(width: number, height: number) {\n\t\tconst marginSize = MediaGallery.THUMBNAIL_MARGIN;\n\t\tlet columnHeight,\n\t\t\tcolumnsCount;\n\n\t\tif (this.showAllThumbnails) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tif (this.effectiveLayout === MediaGalleryLayout.Horizontal) {\n\t\t\tcolumnHeight = height - marginSize;\n\t\t\tcolumnsCount = this.showAllThumbnails ? COLUMNS_COUNT[this.mediaRange] : 1;\n\t\t} else {\n\t\t\tcolumnHeight = width - (marginSize 2); // column is flexed to appear as a row in this case\n\t\t\tcolumnsCount = 1;\n\t\t}\n\t\treturn this._getOverflowSize(columnHeight, columnsCount);\n\t}\n\n\t_toggleDisplaySquareSize(enable: boolean) {\n\t\tthis._display!.style.width = \"\"; // restore default width\n\n\t\tif (enable) {\n\t\t\tconst marginSize = MediaGallery.THUMBNAIL_MARGIN,\n\t\t\t\twidth = this._display!.offsetWidth;\n\n\t\t\tlet availableHeight = this.getDomRef()!.offsetHeight - (2 * marginSize);\n\t\t\tif (this.effectiveLayout === MediaGalleryLayout.Vertical) {\n\t\t\t\tavailableHeight -= (MediaGallery.THUMBNAIL_HEIGHT + marginSize);\n\t\t\t}\n\n\t\t\tif (width > availableHeight) {\n\t\t\t\t// set to square\n\t\t\t\tthis._display!.style.width = `${availableHeight}px`;\n\t\t\t}\n\t\t}\n\t}\n\n\t_toggleMainItem9x16size(enable: boolean) {\n\t\tif (!this._mainItem) {\n\t\t\treturn;\n\t\t}\n\t\tconst width = this._mainItem.offsetWidth,\n\t\t\tcontentHeight = enable ? `${(width / 16) * 9}px` : \"\";\n\n\t\tthis._mainItem.contentHeight = contentHeight;\n\t}\n\n\t_infereffectiveLayout() {\n\t\tif (this.layout === MediaGalleryLayout.Auto) {\n\t\t\treturn (this._isPhoneSize) ? MediaGalleryLayout.Vertical\n\t\t\t\t: MediaGalleryLayout.Horizontal;\n\t\t}\n\t\treturn this.layout;\n\t}\n\n\t_getMaxAllowedThumbnailsInColumn(columnHeight: number) {\n\t\tlet maxAllowedItems = Math.floor(columnHeight / MediaGallery.THUMBNAIL_HEIGHT);\n\t\tif (!this.showAllThumbnails) {\n\t\t\tmaxAllowedItems = Math.min(maxAllowedItems, 5);\n\t\t}\n\t\treturn maxAllowedItems;\n\t}\n\n\t_getOverflowSize(columnHeight: number, columnsCount: number) {\n\t\tconst maxAlowedThumbnailsInColumn = this._getMaxAllowedThumbnailsInColumn(columnHeight),\n\t\t\toverflowSize = Math.max(0, this.items.length - maxAlowedThumbnailsInColumn * columnsCount);\n\t\tif (overflowSize === this.items.length \|\| overflowSize === 0) {\n\t\t\treturn overflowSize;\n\t\t}\n\t\treturn overflowSize + 1; // overflow 1 extra item to make room for overflow btn as well\n\t}\n\n\t_getFocusableItems() {\n\t\tif (!this._showThumbnails) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst items: Array<ITabbable> = this._visibleItems.filter(item => !item.disabled);\n\n\t\tif (this._overflowBtn) {\n\t\t\titems.push(this._overflowBtn);\n\t\t}\n\t\treturn items;\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this._itemNavigation._getCurrentItem();\n\t}\n\n\t_selectItem(item: IMediaGalleryItem, userInteraction = false) {\n\t\tif (item === this._selectedItem) {\n\t\t\treturn;\n\t\t}\n\t\tthis._selectedItem = item;\n\n\t\tthis._updateSelectedFlag(item);\n\t\tthis._itemNavigation.setCurrentItem(item);\n\n\t\tif (userInteraction) {\n\t\t\tthis.fireDecoratorEvent(\"selection-change\", { item });\n\t\t}\n\n\t\tif (isPhone()) {\n\t\t\tthis._selectItemOnPhone(item);\n\t\t} else {\n\t\t\tthis._displayContent(item);\n\t\t}\n\t}\n\n\t_updateSelectedFlag(itemToSelect: IMediaGalleryItem) {\n\t\tthis.items.forEach(next => { next.selected = false; });\n\t\titemToSelect.selected = true;\n\t}\n\n\t_selectItemOnPhone(item: IMediaGalleryItem) {\n\t\tconst selectableItemIndex = this._selectableItems.indexOf(item),\n\t\t\tcarousel = this._carousel;\n\t\tcarousel && carousel.navigateTo(selectableItemIndex);\n\t}\n\n\t_displayContent(item: IMediaGalleryItem) {\n\t\tlet clone;\n\t\tconst mainItem = this._mainItem,\n\t\t\toldContent = mainItem!.displayedContent,\n\t\t\tnewContent = item.displayedContent;\n\n\t\tmainItem!._thumbnailDesign = false;\n\t\toldContent && oldContent.remove();\n\n\t\tif (newContent) {\n\t\t\tclone = newContent.cloneNode(true);\n\t\t\tmainItem!.layout = item.layout;\n\t\t\tmainItem!.appendChild(clone);\n\t\t}\n\t}\n\n\t_onThumbnailClick(e: MouseEvent) {\n\t\tconst target = e.target as HTMLElement;\n\t\tconst item = target.closest<IMediaGalleryItem>(\"[ui5-media-gallery-item]\")!;\n\n\t\tif (item.disabled) {\n\t\t\treturn;\n\t\t}\n\t\tif (item !== this._selectedItem) {\n\t\t\tthis._selectItem(item, true /* userInteraction /);\n\t\t}\n\t}\n\n\t_onOverflowBtnClick() {\n\t\tthis.fireDecoratorEvent(\"overflow-click\");\n\t}\n\n\t_onDisplayAreaClick() {\n\t\tif (!this.interactiveDisplayArea) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"display-area-click\");\n\t}\n\n\t_onCarouselNavigate(e: CustomEvent<CarouselNavigateEventDetail>) {\n\t\tconst selectedIndex = e.detail.selectedIndex,\n\t\t\titem = this._selectableItems[selectedIndex];\n\n\t\tthis.fireDecoratorEvent(\"selection-change\", { item });\n\t}\n\n\tget _mainItemTabIndex() {\n\t\treturn this.interactiveDisplayArea ? 0 : undefined;\n\t}\n\n\tget _selectableItems() {\n\t\treturn this.items.filter(this._isSelectableItem);\n\t}\n\n\tget _carousel() {\n\t\treturn this.shadowRoot!.querySelector<Carousel>(\"[ui5-carousel]\");\n\t}\n\n\tget _display() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-media-gallery-display\");\n\t}\n\n\tget _mainItem() {\n\t\treturn this.shadowRoot!.querySelector<MediaGalleryItem>(\".ui5-media-gallery-display [ui5-media-gallery-item]\");\n\t}\n\n\tget _overflowBtn() {\n\t\treturn this.shadowRoot!.querySelector<Button>(\".ui5-media-gallery-overflow [ui5-button]\");\n\t}\n\n\tget _visibleItems() {\n\t\tconst visibleItemsCount = this.items.length - this._overflowSize;\n\t\treturn this.items.slice(0, visibleItemsCount);\n\t}\n\n\tget _isPhonePlatform() {\n\t\treturn isPhone();\n\t}\n\n\tget _showThumbnails() {\n\t\treturn !isPhone();\n\t}\n\n\tget _showOverflowBtn() {\n\t\treturn this._overflowSize > 0;\n\t}\n\n\tget _isPhoneSize() {\n\t\treturn this.mediaRange === \"S\";\n\t}\n\n\tget _mainItemHasWideLayout() {\n\t\treturn this._mainItem && (this._mainItem.layout === MediaGalleryItemLayout.Wide);\n\t}\n\n\tget _shouldHaveWideDisplay() {\n\t\treturn !!this._mainItemHasWideLayout\n\t\t\t&& this.showAllThumbnails\n\t\t\t&& (this.effectiveLayout === MediaGalleryLayout.Horizontal);\n\t}\n\n\tget _shouldHaveSquareDisplay() {\n\t\t// by default it should be square\n\t\t// with the only exception when a wide 916 item should be displayed\n\t\treturn !this._shouldHaveWideDisplay;\n\t}\n\n\tstatic get THUMBNAIL_HEIGHT() {\n\t\treturn 80; // px\n\t}\n\n\tstatic get THUMBNAIL_MARGIN() {\n\t\treturn 16; // px\n\t}\n}\n\nMediaGallery.define();\n\nexport default MediaGallery;\n\nexport type {\n\tMediaGallerySelectionChangeEventDetail,\n\tIMediaGalleryItem,\n};\n"]}
1	+ {"version":3,"file":"MediaGallery.js","sourceRoot":"","sources":["../src/MediaGallery.ts"],"names":[],"mappings":"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","sourcesContent":["import ItemNavigation from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport MediaRange from \"@ui5/webcomponents-base/dist/MediaRange.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport NavigationMode from \"@ui5/webcomponents-base/dist/types/NavigationMode.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport type { CarouselNavigateEventDetail } from \"@ui5/webcomponents/dist/Carousel.js\";\nimport Carousel from \"@ui5/webcomponents/dist/Carousel.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-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport type { ITabbable } from \"@ui5/webcomponents-base/dist/delegate/ItemNavigation.js\";\nimport MediaGalleryItem from \"./MediaGalleryItem.js\";\nimport MediaGalleryItemLayout from \"./types/MediaGalleryItemLayout.js\";\nimport MediaGalleryLayout from \"./types/MediaGalleryLayout.js\";\nimport type MediaGalleryMenuHorizontalAlign from \"./types/MediaGalleryMenuHorizontalAlign.js\";\nimport type MediaGalleryMenuVerticalAlign from \"./types/MediaGalleryMenuVerticalAlign.js\";\n\n// Styles\nimport MediaGalleryCss from \"./generated/themes/MediaGallery.css.js\";\n\n// Template\nimport MediaGalleryTemplate from \"./MediaGalleryTemplate.js\";\n\n/*\n Interface for components that can be slotted inside `ui5-media-gallery` as items.\n * @public\n /\ninterface IMediaGalleryItem extends UI5Element, ITabbable {\n\tselected: boolean,\n\tdisabled: boolean,\n\tdisplayedContent: HTMLElement \| null;\n\tlayout: `${MediaGalleryItemLayout}`\n}\n\ntype MediaGallerySelectionChangeEventDetail = {\n\titem: IMediaGalleryItem;\n}\n\n// The allowed number of thumbnail columns on each size\n// (relevant when `showAllThumbnails` is enabled)\nconst COLUMNS_COUNT: Record<string, number> = {\n\t\"S\": 1,\n\t\"M\": 2,\n\t\"L\": 3,\n\t\"XL\": 4,\n};\n\n/\n @class\n \n ### Overview\n \n The `ui5-media-gallery` component allows the user to browse through multimedia items. Currently,\n * the supported items are images and videos. The items should be defined using the `ui5-media-gallery-item`\n * component.\n \n The items are initially displayed as thumbnails. When the user selects a thumbnail, the corresponding item\n * is displayed in larger size.\n \n The component is responsive by default and adjusts the position of the menu with respect to viewport size,\n * but the application is able to further customize the layout via the provided API.\n \n ### Keyboard Handling\n * The `ui5-media-gallery` provides advanced keyboard handling.\n \n When the thumbnails menu is focused the following keyboard\n * shortcuts allow the user to navigate through the thumbnail items:\n \n - [Up] or [Down] - Navigates up and down the items\n * - [Home] - Navigates to first item\n * - [End] - Navigates to the last item\n * - [Space], [Enter] - Selects an item\n \n ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/MediaGallery.js\";`\n \n `import \"@ui5/webcomponents-fiori/dist/MediaGalleryItem.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.1.0\n * @ui5subcomponent MediaGalleryItem\n /\n@customElement({\n\ttag: \"ui5-media-gallery\",\n\trenderer: jsxRenderer,\n\tstyles: [MediaGalleryCss],\n\ttemplate: MediaGalleryTemplate,\n\tdependencies: [\n\t\tMediaGalleryItem,\n\t\tButton,\n\t\tCarousel,\n\t],\n})\n\n/\n Fired when selection is changed by user interaction.\n * @param {HTMLElement} item the selected item.\n * @public\n /\n@event(\"selection-change\", {\n\tbubbles: true,\n})\n\n/\n Fired when the thumbnails overflow button is clicked.\n * @public\n /\n@event(\"overflow-click\", {\n\tbubbles: true,\n})\n\n/\n Fired when the display area is clicked.\n * The display area is the central area that contains\n * the enlarged content of the currently selected item.\n * @public\n /\n@event(\"display-area-click\", {\n\tbubbles: true,\n})\n\nclass MediaGallery extends UI5Element {\n\teventDetails!: {\n\t\t\"selection-change\": MediaGallerySelectionChangeEventDetail,\n\t\t\"overflow-click\": void,\n\t\t\"display-area-click\": void,\n\t}\n\t/\n\t If set to `true`, all thumbnails are rendered in a scrollable container.\n\t * If `false`, only up to five thumbnails are rendered, followed by\n\t * an overflow button that shows the count of the remaining thumbnails.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tshowAllThumbnails = false;\n\n\t/\n\t If enabled, a `display-area-click` event is fired\n\t * when the user clicks or taps on the display area.\n\t \n\t The display area is the central area that contains\n\t * the enlarged content of the currently selected item.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tinteractiveDisplayArea = false;\n\n\t/\n\t Determines the layout of the component.\n\t * @default \"Auto\"\n\t * @public\n\t /\n\t@property()\n\tlayout: `${MediaGalleryLayout}` = \"Auto\";\n\n\t/\n\t Determines the horizontal alignment of the thumbnails menu\n\t * vs. the central display area.\n\t * @default \"Left\"\n\t * @public\n\t /\n\t@property()\n\tmenuHorizontalAlign: `${MediaGalleryMenuHorizontalAlign}` = \"Left\";\n\n\t/\n\t Determines the vertical alignment of the thumbnails menu\n\t * vs. the central display area.\n\t * @default \"Bottom\"\n\t * @public\n\t /\n\t@property()\n\tmenuVerticalAlign: `${MediaGalleryMenuVerticalAlign}` = \"Bottom\";\n\n\t/\n\t Determines the actual applied layout type\n\t * (esp. needed when the app did not specify a fixed layout type\n\t * but selected `Auto` layout type).\n\t * @default \"Vertical\"\n\t * @private\n\t /\n\t@property()\n\teffectiveLayout: `${MediaGalleryLayout}` = \"Vertical\";\n\n\t/\n\t Defines the current media query size.\n\t * @private\n\t /\n\t@property()\n\tmediaRange = \"S\";\n\n\t/\n\t The number of items in the overflow.\n\t * @private\n\t /\n\t@property({ type: Number, noAttribute: true })\n\t_overflowSize = 0;\n\n\t/\n\t Defines the component items.\n\t \n\t Note: Only one selected item is allowed.\n\t \n\t Note: Use the `ui5-media-gallery-item` component to define the desired items.\n\t * @public\n\t /\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tindividualSlots: true,\n\t\tinvalidateOnChildChange: true,\n\t\t\"default\": true,\n\t})\n\titems!: DefaultSlot<IMediaGalleryItem>;\n\n\t_itemNavigation: ItemNavigation;\n\t_onResize: () => void;\n\t_selectedItem?: IMediaGalleryItem;\n\n\tconstructor() {\n\t\tsuper();\n\t\tthis._onResize = this._updateLayout.bind(this);\n\n\t\tthis._itemNavigation = new ItemNavigation(this, {\n\t\t\tnavigationMode: NavigationMode.Auto,\n\t\t\tgetItemsCallback: () => this._getFocusableItems(),\n\t\t});\n\t}\n\n\tonEnterDOM() {\n\t\t!isPhone() && ResizeHandler.register(this, this._onResize);\n\t}\n\n\tonExitDOM() {\n\t\t!isPhone() && ResizeHandler.deregister(this, this._onResize);\n\t}\n\n\tonAfterRendering() {\n\t\tthis._updateLayout();\n\t\tthis._updateSelection();\n\t}\n\n\t_updateSelection() {\n\t\tif (this.items.length === 0) {\n\t\t\tthis._selectedItem = undefined;\n\t\t\tif (this._mainItem) {\n\t\t\t\tconst oldContent = this._mainItem.displayedContent;\n\t\t\t\toldContent?.remove();\n\t\t\t}\n\t\t\treturn;\n\t\t}\n\t\tlet itemToSelect = this.items.find(item => item.selected);\n\t\tif (!itemToSelect \|\| !this._isSelectableItem(itemToSelect)) {\n\t\t\titemToSelect = this._findSelectableItem();\n\t\t}\n\t\tif (itemToSelect && itemToSelect !== this._selectedItem) {\n\t\t\tthis._selectItem(itemToSelect);\n\t\t}\n\t}\n\n\t_isSelectableItem(this: void, item: IMediaGalleryItem) {\n\t\treturn !item.disabled && !item.hidden;\n\t}\n\n\t_findSelectableItem() {\n\t\treturn this.items.find(this._isSelectableItem);\n\t}\n\n\t_updateMediaRange(width: number) {\n\t\tthis.mediaRange = MediaRange.getCurrentRange(MediaRange.RANGESETS.RANGE_4STEPS, width);\n\t}\n\n\t_updateLayout() {\n\t\tconst rootNode = this.getDomRef()!,\n\t\t\theight = rootNode.offsetHeight,\n\t\t\twidth = rootNode.offsetWidth;\n\n\t\tif (!width \|\| !height \|\| isPhone()) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis._updateMediaRange(width);\n\t\tthis.effectiveLayout = this._infereffectiveLayout();\n\t\tthis._overflowSize = this._calculateOverflowSize(width, height);\n\n\t\tthis._toggleDisplaySquareSize(this._shouldHaveSquareDisplay);\n\t\tthis._toggleMainItem9x16size(this._shouldHaveWideDisplay);\n\t}\n\n\t_calculateOverflowSize(width: number, height: number) {\n\t\tconst marginSize = MediaGallery.THUMBNAIL_MARGIN;\n\t\tlet columnHeight,\n\t\t\tcolumnsCount;\n\n\t\tif (this.showAllThumbnails) {\n\t\t\treturn 0;\n\t\t}\n\n\t\tif (this.effectiveLayout === MediaGalleryLayout.Horizontal) {\n\t\t\tcolumnHeight = height - marginSize;\n\t\t\tcolumnsCount = this.showAllThumbnails ? COLUMNS_COUNT[this.mediaRange] : 1;\n\t\t} else {\n\t\t\tcolumnHeight = width - (marginSize 2); // column is flexed to appear as a row in this case\n\t\t\tcolumnsCount = 1;\n\t\t}\n\t\treturn this._getOverflowSize(columnHeight, columnsCount);\n\t}\n\n\t_toggleDisplaySquareSize(enable: boolean) {\n\t\tthis._display!.style.width = \"\"; // restore default width\n\n\t\tif (enable) {\n\t\t\tconst marginSize = MediaGallery.THUMBNAIL_MARGIN,\n\t\t\t\twidth = this._display!.offsetWidth;\n\n\t\t\tlet availableHeight = this.getDomRef()!.offsetHeight - (2 * marginSize);\n\t\t\tif (this.effectiveLayout === MediaGalleryLayout.Vertical) {\n\t\t\t\tavailableHeight -= (MediaGallery.THUMBNAIL_HEIGHT + marginSize);\n\t\t\t}\n\n\t\t\tif (width > availableHeight) {\n\t\t\t\t// set to square\n\t\t\t\tthis._display!.style.width = `${availableHeight}px`;\n\t\t\t}\n\t\t}\n\t}\n\n\t_toggleMainItem9x16size(enable: boolean) {\n\t\tif (!this._mainItem) {\n\t\t\treturn;\n\t\t}\n\t\tconst width = this._mainItem.offsetWidth,\n\t\t\tcontentHeight = enable ? `${(width / 16) * 9}px` : \"\";\n\n\t\tthis._mainItem.contentHeight = contentHeight;\n\t}\n\n\t_infereffectiveLayout() {\n\t\tif (this.layout === MediaGalleryLayout.Auto) {\n\t\t\treturn (this._isPhoneSize) ? MediaGalleryLayout.Vertical\n\t\t\t\t: MediaGalleryLayout.Horizontal;\n\t\t}\n\t\treturn this.layout;\n\t}\n\n\t_getMaxAllowedThumbnailsInColumn(columnHeight: number) {\n\t\tlet maxAllowedItems = Math.floor(columnHeight / MediaGallery.THUMBNAIL_HEIGHT);\n\t\tif (!this.showAllThumbnails) {\n\t\t\tmaxAllowedItems = Math.min(maxAllowedItems, 5);\n\t\t}\n\t\treturn maxAllowedItems;\n\t}\n\n\t_getOverflowSize(columnHeight: number, columnsCount: number) {\n\t\tconst maxAlowedThumbnailsInColumn = this._getMaxAllowedThumbnailsInColumn(columnHeight),\n\t\t\toverflowSize = Math.max(0, this.items.length - maxAlowedThumbnailsInColumn * columnsCount);\n\t\tif (overflowSize === this.items.length \|\| overflowSize === 0) {\n\t\t\treturn overflowSize;\n\t\t}\n\t\treturn overflowSize + 1; // overflow 1 extra item to make room for overflow btn as well\n\t}\n\n\t_getFocusableItems() {\n\t\tif (!this._showThumbnails) {\n\t\t\treturn [];\n\t\t}\n\n\t\tconst items: Array<ITabbable> = this._visibleItems.filter(item => !item.disabled);\n\n\t\tif (this._overflowBtn) {\n\t\t\titems.push(this._overflowBtn);\n\t\t}\n\t\treturn items;\n\t}\n\n\tgetFocusDomRef() {\n\t\treturn this._itemNavigation._getCurrentItem();\n\t}\n\n\t_selectItem(item: IMediaGalleryItem, userInteraction = false) {\n\t\tif (item === this._selectedItem) {\n\t\t\treturn;\n\t\t}\n\t\tthis._selectedItem = item;\n\n\t\tthis._updateSelectedFlag(item);\n\t\tthis._itemNavigation.setCurrentItem(item);\n\n\t\tif (userInteraction) {\n\t\t\tthis.fireDecoratorEvent(\"selection-change\", { item });\n\t\t}\n\n\t\tif (isPhone()) {\n\t\t\tthis._selectItemOnPhone(item);\n\t\t} else {\n\t\t\tthis._displayContent(item);\n\t\t}\n\t}\n\n\t_updateSelectedFlag(itemToSelect: IMediaGalleryItem) {\n\t\tthis.items.forEach(next => { next.selected = false; });\n\t\titemToSelect.selected = true;\n\t}\n\n\t_selectItemOnPhone(item: IMediaGalleryItem) {\n\t\tconst selectableItemIndex = this._selectableItems.indexOf(item),\n\t\t\tcarousel = this._carousel;\n\t\tcarousel && carousel.navigateTo(selectableItemIndex);\n\t}\n\n\t_displayContent(item: IMediaGalleryItem) {\n\t\tlet clone;\n\t\tconst mainItem = this._mainItem,\n\t\t\toldContent = mainItem!.displayedContent,\n\t\t\tnewContent = item.displayedContent;\n\n\t\tmainItem!._thumbnailDesign = false;\n\t\toldContent && oldContent.remove();\n\n\t\tif (newContent) {\n\t\t\tclone = newContent.cloneNode(true);\n\t\t\tmainItem!.layout = item.layout;\n\t\t\tmainItem!.appendChild(clone);\n\t\t}\n\t}\n\n\t_onThumbnailClick(e: MouseEvent) {\n\t\tconst target = e.target as HTMLElement;\n\t\tconst item = target.closest<IMediaGalleryItem>(\"[ui5-media-gallery-item]\")!;\n\n\t\tif (item.disabled) {\n\t\t\treturn;\n\t\t}\n\t\tif (item !== this._selectedItem) {\n\t\t\tthis._selectItem(item, true /* userInteraction /);\n\t\t}\n\t}\n\n\t_onOverflowBtnClick() {\n\t\tthis.fireDecoratorEvent(\"overflow-click\");\n\t}\n\n\t_onDisplayAreaClick() {\n\t\tif (!this.interactiveDisplayArea) {\n\t\t\treturn;\n\t\t}\n\n\t\tthis.fireDecoratorEvent(\"display-area-click\");\n\t}\n\n\t_onCarouselNavigate(e: CustomEvent<CarouselNavigateEventDetail>) {\n\t\tconst selectedIndex = e.detail.selectedIndex,\n\t\t\titem = this._selectableItems[selectedIndex];\n\n\t\tthis.fireDecoratorEvent(\"selection-change\", { item });\n\t}\n\n\tget _mainItemTabIndex() {\n\t\treturn this.interactiveDisplayArea ? 0 : undefined;\n\t}\n\n\tget _selectableItems() {\n\t\treturn this.items.filter(this._isSelectableItem);\n\t}\n\n\tget _carousel() {\n\t\treturn this.shadowRoot!.querySelector<Carousel>(\"[ui5-carousel]\");\n\t}\n\n\tget _display() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-media-gallery-display\");\n\t}\n\n\tget _mainItem() {\n\t\treturn this.shadowRoot!.querySelector<MediaGalleryItem>(\".ui5-media-gallery-display [ui5-media-gallery-item]\");\n\t}\n\n\tget _overflowBtn() {\n\t\treturn this.shadowRoot!.querySelector<Button>(\".ui5-media-gallery-overflow [ui5-button]\");\n\t}\n\n\tget _visibleItems() {\n\t\tconst visibleItemsCount = this.items.length - this._overflowSize;\n\t\treturn this.items.slice(0, visibleItemsCount);\n\t}\n\n\tget _isPhonePlatform() {\n\t\treturn isPhone();\n\t}\n\n\tget _showThumbnails() {\n\t\treturn !isPhone();\n\t}\n\n\tget _showOverflowBtn() {\n\t\treturn this._overflowSize > 0;\n\t}\n\n\tget _isPhoneSize() {\n\t\treturn this.mediaRange === \"S\";\n\t}\n\n\tget _mainItemHasWideLayout() {\n\t\treturn this._mainItem && (this._mainItem.layout === MediaGalleryItemLayout.Wide);\n\t}\n\n\tget _shouldHaveWideDisplay() {\n\t\treturn !!this._mainItemHasWideLayout\n\t\t\t&& this.showAllThumbnails\n\t\t\t&& (this.effectiveLayout === MediaGalleryLayout.Horizontal);\n\t}\n\n\tget _shouldHaveSquareDisplay() {\n\t\t// by default it should be square\n\t\t// with the only exception when a wide 916 item should be displayed\n\t\treturn !this._shouldHaveWideDisplay;\n\t}\n\n\tstatic get THUMBNAIL_HEIGHT() {\n\t\treturn 80; // px\n\t}\n\n\tstatic get THUMBNAIL_MARGIN() {\n\t\treturn 16; // px\n\t}\n}\n\nMediaGallery.define();\n\nexport default MediaGallery;\n\nexport type {\n\tMediaGallerySelectionChangeEventDetail,\n\tIMediaGalleryItem,\n};\n"]}

package/dist/NotificationList.d.ts CHANGED Viewed

@@ -40,6 +40,8 @@ type NotificationItemCloseEventDetail = NotificationItemEventDetail;
  * @extends UI5Element
  * @since 2.0.0
  * @public
+ * @ui5subcomponent NotificationListGroupItem
+ * @ui5subcomponent NotificationListItem
  */
 declare class NotificationList extends UI5Element {
     eventDetails: {

package/dist/NotificationList.js CHANGED Viewed

@@ -48,6 +48,8 @@ import { NOTIFICATION_LIST_ACCESSIBLE_NAME, } from "./generated/i18n/i18n-defaul
  * @extends UI5Element
  * @since 2.0.0
  * @public
+ * @ui5subcomponent NotificationListGroupItem
+ * @ui5subcomponent NotificationListItem
  */
 let NotificationList = NotificationList_1 = class NotificationList extends UI5Element {
     get _accessibleName() {

package/dist/NotificationList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../src/NotificationList.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,IAAI,MAAM,iDAAiD,CAAC;AACnE,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAWpE,WAAW;AACX,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,SAAS;AACT,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAE7E,QAAQ;AACR,OAAO,EACN,iCAAiC,GACjC,MAAM,mCAAmC,CAAC;AAU3C~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG~~;AAwCH,IAAM,gBAAgB,wBAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAuBxC,IAAI,eAAe;QAClB,OAAO,kBAAgB,CAAC,eAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;IACpF,CAAC;IAKD,eAAe;QACd,OAAO,IAAI,CAAC,SAAS,EAAE,eAAe,EAAE,IAAI,EAAE,CAAC;IAChD,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,IAAI,CAAC,UAAU,EAAE,aAAa,CAAC,kCAAkC,CAA6B,CAAC;IACvG,CAAC;IAED,YAAY,CAAC,CAAwC;QACpD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAgC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,YAAY,CAAC,CAAwC;QACpD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAgC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,YAAY,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACtD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,aAAa,CAAC,CAAyC;QACtD,MAAM,IAAI,GAAG,CAAC,CAAC,MAAM,CAAC,IAAgC,CAAC;QAEvD,IAAI,CAAC,IAAI,CAAC,kBAAkB,CAAC,aAAa,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;YACvD,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;IACF,CAAC;IAED,WAAW;QACV,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;CACD,CAAA;AApDA;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;+CACC;AAQ9C;IADC,QAAQ,EAAE;oDACS;AAOb;IADN,IAAI,CAAC,0BAA0B,CAAC;+CACE;AA5B9B,gBAAgB;IAvCrB,aAAa,CAAC;QACd,GAAG,EAAE,uBAAuB;QAC5B,QAAQ,EAAE,WAAW;QACrB,aAAa,EAAE,IAAI;QACnB,MAAM,EAAE,CAAC,mBAAmB,CAAC;QAC7B,QAAQ,EAAE,wBAAwB;KAClC,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE;QACpB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,YAAY,EAAE;QACpB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,aAAa,EAAE;QACrB,OAAO,EAAE,IAAI;QACb,UAAU,EAAE,IAAI;KAChB,CAAC;GAEI,gBAAgB,CAiErB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type {\n\tListItemClickEventDetail,\n\tListItemToggleEventDetail,\n\tListItemCloseEventDetail,\n} from \"@ui5/webcomponents/dist/List.js\";\nimport type NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListInternal from \"./NotificationListInternal.js\";\n\n// Template\nimport NotificationListTemplate from \"./NotificationListTemplate.js\";\n\n// Styles\nimport NotificationListCss from \"./generated/themes/NotificationList.css.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_ACCESSIBLE_NAME,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype NotificationItemEventDetail = {\n\titem: NotificationListItemBase,\n}\n\ntype NotificationItemClickEventDetail = NotificationItemEventDetail;\ntype NotificationItemToggleEventDetail = NotificationItemEventDetail;\ntype NotificationItemCloseEventDetail = NotificationItemEventDetail;\n\n/*\n @class\n * ### Overview\n * The `ui5-notification-list` web component represents\n * a container for `ui5-li-notification-group` and `ui5-li-notification`.\n \n ### Keyboard Handling\n \n #### Basic Navigation\n * The `ui5-notification-list` provides advanced keyboard handling.\n * When a list is focused the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n \n - [Up] or [Left] - Navigates up the items\n * - [Down] or [Right] - Navigates down the items\n * - [Home] - Navigates to first item\n * - [End] - Navigates to the last item\n \n #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NotificationList.js\";``\n * @constructor\n * @extends UI5Element\n * @since 2.0.0\n * @public\n /\n@customElement({\n\ttag: \"ui5-notification-list\",\n\trenderer: jsxRenderer,\n\tlanguageAware: true,\n\tstyles: [NotificationListCss],\n\ttemplate: NotificationListTemplate,\n})\n\n/\n Fired when an item is clicked.\n * @param {HTMLElement} item The clicked item.\n * @public\n /\n@event(\"item-click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/\n Fired when the `Close` button of any item is clicked.\n * @param {HTMLElement} item the item about to be closed.\n * @public\n /\n@event(\"item-close\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/\n Fired when an item is toggled.\n \n @param {HTMLElement} item the toggled item.\n * @public\n /\n@event(\"item-toggle\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\nclass NotificationList extends UI5Element {\n\teventDetails!: {\n\t\t\"item-click\": NotificationItemClickEventDetail,\n\t\t\"item-close\": NotificationItemCloseEventDetail,\n\t\t\"item-toggle\": NotificationItemToggleEventDetail,\n\t\t\"load-more\": void,\n\t}\n\t/\n\t Defines the items of the component.\n\t \n\t @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: DefaultSlot<NotificationListItemBase>;\n\n\t/\n\t Defines the text that is displayed when the component contains no items.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tnoDataText?: string;\n\n\tget _accessibleName() {\n\t\treturn NotificationList.i18nFioriBundle.getText(NOTIFICATION_LIST_ACCESSIBLE_NAME);\n\t}\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tgetEnabledItems() {\n\t\treturn this.innerList?.getEnabledItems() \|\| [];\n\t}\n\n\tget innerList() {\n\t\treturn this.shadowRoot?.querySelector(\"[ui5-notification-list-internal]\") as NotificationListInternal;\n\t}\n\n\t_onItemClick(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-click\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemClose(e: CustomEvent<ListItemCloseEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-close\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemToggle(e: CustomEvent<ListItemToggleEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-toggle\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n}\n\nNotificationList.define();\n\nexport default NotificationList;\nexport type {\n\tNotificationItemClickEventDetail,\n\tNotificationItemToggleEventDetail,\n\tNotificationItemCloseEventDetail,\n};\n"]}
1	+ {"version":3,"file":"NotificationList.js","sourceRoot":"","sources":["../src/NotificationList.ts"],"names":[],"mappings":"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","sourcesContent":["import customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport type {\n\tListItemClickEventDetail,\n\tListItemToggleEventDetail,\n\tListItemCloseEventDetail,\n} from \"@ui5/webcomponents/dist/List.js\";\nimport type NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListInternal from \"./NotificationListInternal.js\";\n\n// Template\nimport NotificationListTemplate from \"./NotificationListTemplate.js\";\n\n// Styles\nimport NotificationListCss from \"./generated/themes/NotificationList.css.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_ACCESSIBLE_NAME,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype NotificationItemEventDetail = {\n\titem: NotificationListItemBase,\n}\n\ntype NotificationItemClickEventDetail = NotificationItemEventDetail;\ntype NotificationItemToggleEventDetail = NotificationItemEventDetail;\ntype NotificationItemCloseEventDetail = NotificationItemEventDetail;\n\n/*\n @class\n * ### Overview\n * The `ui5-notification-list` web component represents\n * a container for `ui5-li-notification-group` and `ui5-li-notification`.\n \n ### Keyboard Handling\n \n #### Basic Navigation\n * The `ui5-notification-list` provides advanced keyboard handling.\n * When a list is focused the user can use the following keyboard\n * shortcuts in order to perform a navigation:\n \n - [Up] or [Left] - Navigates up the items\n * - [Down] or [Right] - Navigates down the items\n * - [Home] - Navigates to first item\n * - [End] - Navigates to the last item\n \n #### Fast Navigation\n * This component provides a build in fast navigation group which can be used via [F6] / [Shift] + [F6] / [Ctrl] + [Alt/Option] / [Down] or [Ctrl] + [Alt/Option] + [Up].\n * In order to use this functionality, you need to import the following module:\n * `import \"@ui5/webcomponents-base/dist/features/F6Navigation.js\"`\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NotificationList.js\";``\n * @constructor\n * @extends UI5Element\n * @since 2.0.0\n * @public\n * @ui5subcomponent NotificationListGroupItem\n * @ui5subcomponent NotificationListItem\n /\n@customElement({\n\ttag: \"ui5-notification-list\",\n\trenderer: jsxRenderer,\n\tlanguageAware: true,\n\tstyles: [NotificationListCss],\n\ttemplate: NotificationListTemplate,\n})\n\n/\n Fired when an item is clicked.\n * @param {HTMLElement} item The clicked item.\n * @public\n /\n@event(\"item-click\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/\n Fired when the `Close` button of any item is clicked.\n * @param {HTMLElement} item the item about to be closed.\n * @public\n /\n@event(\"item-close\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\n/\n Fired when an item is toggled.\n \n @param {HTMLElement} item the toggled item.\n * @public\n /\n@event(\"item-toggle\", {\n\tbubbles: true,\n\tcancelable: true,\n})\n\nclass NotificationList extends UI5Element {\n\teventDetails!: {\n\t\t\"item-click\": NotificationItemClickEventDetail,\n\t\t\"item-close\": NotificationItemCloseEventDetail,\n\t\t\"item-toggle\": NotificationItemToggleEventDetail,\n\t\t\"load-more\": void,\n\t}\n\t/\n\t Defines the items of the component.\n\t \n\t @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: DefaultSlot<NotificationListItemBase>;\n\n\t/\n\t Defines the text that is displayed when the component contains no items.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tnoDataText?: string;\n\n\tget _accessibleName() {\n\t\treturn NotificationList.i18nFioriBundle.getText(NOTIFICATION_LIST_ACCESSIBLE_NAME);\n\t}\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nFioriBundle: I18nBundle;\n\n\tgetEnabledItems() {\n\t\treturn this.innerList?.getEnabledItems() \|\| [];\n\t}\n\n\tget innerList() {\n\t\treturn this.shadowRoot?.querySelector(\"[ui5-notification-list-internal]\") as NotificationListInternal;\n\t}\n\n\t_onItemClick(e: CustomEvent<ListItemClickEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-click\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemClose(e: CustomEvent<ListItemCloseEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-close\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onItemToggle(e: CustomEvent<ListItemToggleEventDetail>) {\n\t\tconst item = e.detail.item as NotificationListItemBase;\n\n\t\tif (!this.fireDecoratorEvent(\"item-toggle\", { item })) {\n\t\t\te.preventDefault();\n\t\t}\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n}\n\nNotificationList.define();\n\nexport default NotificationList;\nexport type {\n\tNotificationItemClickEventDetail,\n\tNotificationItemToggleEventDetail,\n\tNotificationItemCloseEventDetail,\n};\n"]}

package/dist/NotificationListGroupItem.d.ts CHANGED Viewed

@@ -36,7 +36,7 @@ type NotificationListGroupItemToggleEventDetail = {
  * `import "@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js";`
  * @constructor
  * @extends NotificationListItemBase
- * @since 1.0.0-rc.8
+ * @since 1.0.0
  * @public
  */
 declare class NotificationListGroupItem extends NotificationListItemBase {

package/dist/NotificationListGroupItem.js CHANGED Viewed

@@ -52,7 +52,7 @@ import NotificationListGroupItemCss from "./generated/themes/NotificationListGro
  * `import "@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js";`
  * @constructor
  * @extends NotificationListItemBase
- * @since 1.0.0-rc.8
+ * @since 1.0.0
  * @public
  */
 let NotificationListGroupItem = NotificationListGroupItem_1 = class NotificationListGroupItem extends NotificationListItemBase {

package/dist/NotificationListGroupItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationListGroupItem.js","sourceRoot":"","sources":["../src/NotificationListGroupItem.ts"],"names":[],"mappings":";;;;;;;AAAA,OAAO,EACN,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,GACzC,MAAM,sCAAsC,CAAC;AAC9C,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,QAAQ,MAAM,qDAAqD,CAAC;AAC3E,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,KAAK,MAAM,yDAAyD,CAAC;AAC5E,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAG/E,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAGrE,QAAQ;AACR,OAAO,wBAAwB,MAAM,yDAAyD,CAAC;AAC/F,OAAO,uBAAuB,MAAM,wDAAwD,CAAC;AAE7F,QAAQ;AACR,OAAO,EACN,gCAAgC,EAChC,iCAAiC,EACjC,gCAAgC,EAChC,uDAAuD,GACvD,MAAM,mCAAmC,CAAC;AAE3C,YAAY;AACZ,OAAO,iCAAiC,MAAM,wCAAwC,CAAC;AAEvF,SAAS;AACT,OAAO,4BAA4B,MAAM,qDAAqD,CAAC;AAO/F;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AA6BH,IAAM,yBAAyB,iCAA/B,MAAM,yBAA0B,SAAQ,wBAAwB;IAAhE;;QAKC;;;;WAIG;QAEH,cAAS,GAAG,KAAK,CAAC;QAElB;;;;;;WAMG;QAEH,YAAO,GAAqC,MAAM,CAAC;IAiJpD,CAAC;IAvIA,iBAAiB;QAChB,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,CAAC,UAAU,GAAG,CAAC,CAAC;QACrB,CAAC,CAAC,CAAC;QAEH,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,uBAAuB,EAAE,CAAC;QAChC,CAAC;QACD,IAAI,CAAC,UAAU,GAAG,KAAK,CAAC;IACzB,CAAC;IAED;;;OAGG;IACH,uBAAuB;QACtB,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;YACzB,IAAI,CAAC,OAAO,GAAG,KAAK,CAAC;QACtB,CAAC,CAAC,CAAC;IACJ,CAAC;IAED,IAAI,wBAAwB;QAC3B,OAAO,2BAAyB,CAAC,eAAe,CAAC,OAAO,CAAC,uDAAuD,CAAC,CAAC;IACnH,CAAC;IAED,IAAI,gBAAgB;QACnB,OAAO,GAAG,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,UAAU,EAAE,CAAC;IAC/C,CAAC;IAED,IAAI,UAAU;QACb,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;YACpB,OAAO,2BAAyB,CAAC,eAAe,CAAC,OAAO,CAAC,iCAAiC,CAAC,CAAC;QAC7F,CAAC;QAED,OAAO,2BAAyB,CAAC,eAAe,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC5F,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,2BAAyB,CAAC,eAAe,CAAC,OAAO,CAAC,gCAAgC,CAAC,CAAC;IAC5F,CAAC;IAED,IAAI,cAAc;QACjB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC;QAEpB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,OAAO,GAAG,EAAE,UAAU,CAAC;QACxB,CAAC;QAED,MAAM,GAAG,GAAG,EAAE,CAAC;QAEf,IAAI,IAAI,CAAC,YAAY,EAAE,CAAC;YACvB,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,aAAa,CAAC,CAAC;QAC9B,CAAC;QAED,OAAO,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IACtB,CAAC;IAED,IAAI,SAAS;QACZ,OAAO,CAAC,IAAI,CAAC,SAAS,CAAC;IACxB,CAAC;IAED,IAAI,UAAU;QACb,OAAO,KAAK,CAAC;IACd,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,uBAAuB,CAAC;IAC5E,CAAC;IAED,eAAe;QACd,IAAI,CAAC,SAAS,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC;QACjC,IAAI,CAAC,kBAAkB,CAAC,QAAQ,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC;IACnD,CAAC;IAED;;;OAGG;IACH,oBAAoB;QACnB,IAAI,CAAC,eAAe,EAAE,CAAC;IACxB,CAAC;IAED,WAAW;QACV,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;IACtC,CAAC;IAED,gBAAgB;QACf,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,EAAE,EAAE,aAAa,CAAC,+BAA+B,CAA8B,CAAC;QAChH,OAAO,SAAS,CAAC,gBAAgB,EAAE,CAAC;IACrC,CAAC;IAED,KAAK,CAAC,UAAU,CAAC,CAAgB;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;QACzC,IAAI,CAAC,SAAS,EAAE,CAAC;YAChB,OAAO;QACR,CAAC;QAED,IAAI,IAAI,CAAC,gBAAgB,EAAE,EAAE,OAAO,CAAC,QAAQ,CAAC,EAAE,CAAC;YAChD,OAAO;QACR,CAAC;QAED,MAAM,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC;QAE1B,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACzB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACvB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QACzB,MAAM,IAAI,GAAG,MAAM,CAAC,CAAC,CAAC,CAAC;QACvB,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;QAEzB,IAAI,KAAK,EAAE,CAAC;YACX,IAAI,CAAC,eAAe,EAAE,CAAC;QACxB,CAAC;QAED,IAAI,IAAI,IAAI,KAAK,EAAE,CAAC;YACnB,SAAS;YACT,IAAI,IAAI,CAAC,SAAS,EAAE,CAAC;gBACpB,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,CAAC,CAAC,wBAAwB,EAAE,CAAC;YAC9B,CAAC;QACF,CAAC;QAED,IAAI,KAAK,IAAI,IAAI,EAAE,CAAC;YACnB,WAAW;YACX,IAAI,CAAC,IAAI,CAAC,SAAS,EAAE,CAAC;gBACrB,IAAI,CAAC,eAAe,EAAE,CAAC;gBACvB,CAAC,CAAC,wBAAwB,EAAE,CAAC;YAC9B,CAAC;QACF,CAAC;IACF,CAAC;IAED,eAAe;QACd,OAAO,IAAI,CAAC,SAAS,EAAE,EAAE,aAAa,CAAC,uBAAuB,CAAgB,CAAC;IAChF,CAAC;CACD,CAAA;AA3JA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;4DACV;AAUlB;IADC,QAAQ,EAAE;0DACwC;AAQnD;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;wDACJ;AA7BpC,yBAAyB;IA5B9B,aAAa,CAAC;QACd,GAAG,EAAE,2BAA2B;QAChC,aAAa,EAAE,IAAI;QACnB,QAAQ,EAAE,WAAW;QACrB,MAAM,EAAE;YACP,4BAA4B;SAC5B;QACD,QAAQ,EAAE,iCAAiC;KAC3C,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,QAAQ,EAAE;QAChB,OAAO,EAAE,IAAI;KACb,CAAC;IAEF;;;;;OAKG;;IACF,KAAK,CAAC,WAAW,EAAE;QACnB,OAAO,EAAE,IAAI;KACb,CAAC;GAEI,yBAAyB,CAsK9B;AAED,yBAAyB,CAAC,MAAM,EAAE,CAAC;AAEnC,eAAe,yBAAyB,CAAC","sourcesContent":["import {\n\tisSpace, isPlus, isMinus, isLeft, isRight,\n} from \"@ui5/webcomponents-base/dist/Keys.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-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type NotificationListGrowingMode from \"@ui5/webcomponents/dist/types/NotificationListGrowingMode.js\";\nimport type NotificationListGroupList from \"./NotificationListGroupList.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListItem from \"./NotificationListItem.js\";\n\n// Icons\nimport iconNavigationRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport iconNavigationDownArrow from \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_GROUP_ITEM_TXT,\n\tNOTIFICATION_LIST_GROUP_COLLAPSED,\n\tNOTIFICATION_LIST_GROUP_EXPANDED,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListGroupItemTemplate from \"./NotificationListGroupItemTemplate.js\";\n\n// Styles\nimport NotificationListGroupItemCss from \"./generated/themes/NotificationListGroupItem.css.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\ntype NotificationListGroupItemToggleEventDetail = {\n\titem: NotificationListGroupItem,\n};\n\n/*\n @class\n \n ### Overview\n * The `ui5-li-notification-group` is a special type of list item,\n * that unlike others can group items within self, usually `ui5-li-notification` items.\n \n The component consists of:\n \n - `Toggle` button to expand and collapse the group\n * - `TitleText` to entitle the group\n * - Items of the group\n \n ### Usage\n * The component should be used inside a `ui5-notification-list`.\n \n ### Keyboard Handling\n * The `ui5-li-notification-group` provides advanced keyboard handling.\n * This component provides fast navigation when the header is focused using the following keyboard shortcuts:\n \n - [Space] - toggles expand / collapse of the group\n * - [Plus] - expands the group\n * - [Minus] - collapses the group\n * - [Right] - expands the group\n * - [Left] - collapses the group\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js\";`\n * @constructor\n * @extends NotificationListItemBase\n * @since 1.0.0-rc.8\n * @public\n /\n@customElement({\n\ttag: \"ui5-li-notification-group\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tNotificationListGroupItemCss,\n\t],\n\ttemplate: NotificationListGroupItemTemplate,\n})\n\n/\n Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.\n * @public\n /\n@event(\"toggle\", {\n\tbubbles: true,\n})\n\n/\n Fired when additional items are requested.\n \n @public\n * @since 2.2.0\n /\n@event(\"load-more\", {\n\tbubbles: true,\n})\n\nclass NotificationListGroupItem extends NotificationListItemBase {\n\teventDetails!: NotificationListItemBase[\"eventDetails\"] & {\n\t\ttoggle: NotificationListGroupItemToggleEventDetail;\n\t\t\"load-more\": void;\n\t}\n\t/\n\t Defines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tcollapsed = false;\n\n\t/\n\t Defines whether the component will have growing capability by pressing a `More` button.\n\t * When button is pressed `load-more` event will be fired.\n\t * @default \"None\"\n\t * @public\n\t * @since 2.2.0\n\t /\n\t@property()\n\tgrowing: `${NotificationListGrowingMode}` = \"None\";\n\n\t/\n\t Defines the items of the `ui5-li-notification-group`,\n\t * usually `ui5-li-notification` items.\n\t * @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: DefaultSlot<NotificationListItem>\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\n\t\tthis.items.forEach(item => {\n\t\t\titem._ariaLevel = 2;\n\t\t});\n\n\t\tif (this.loading) {\n\t\t\tthis.clearChildBusyIndicator();\n\t\t}\n\t\tthis.actionable = false;\n\t}\n\n\t/\n\t Clears child items loading state to show a single loading over the entire group,\n\t * instead of multiple BusyIndicator instances\n\t /\n\tclearChildBusyIndicator() {\n\t\tthis.items.forEach(item => {\n\t\t\titem.loading = false;\n\t\t});\n\t}\n\n\tget toggleIconAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE);\n\t}\n\n\tget accInvisibleText() {\n\t\treturn `${this.groupText} ${this.expandText}`;\n\t}\n\n\tget expandText() {\n\t\tif (this.collapsed) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_COLLAPSED);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_EXPANDED);\n\t}\n\n\tget groupText() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TXT);\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\n\t\tif (this.loading) {\n\t\t\treturn `${id}-loading`;\n\t\t}\n\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\n\t\treturn ids.join(\" \");\n\t}\n\n\tget _expanded() {\n\t\treturn !this.collapsed;\n\t}\n\n\tget _pressable() {\n\t\treturn false;\n\t}\n\n\tget groupCollapsedIcon() {\n\t\treturn this.collapsed ? iconNavigationRightArrow : iconNavigationDownArrow;\n\t}\n\n\ttoggleCollapsed() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireDecoratorEvent(\"toggle\", { item: this });\n\t}\n\n\t/\n\t Event handlers\n\t \n\t /\n\t_onHeaderToggleClick() {\n\t\tthis.toggleCollapsed();\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n\n\tgetGrowingButton() {\n\t\tconst innerList = this.getDomRef()?.querySelector(\"[ui5-notification-group-list]\") as NotificationListGroupList;\n\t\treturn innerList.getGrowingButton();\n\t}\n\n\tasync _onkeydown(e: KeyboardEvent) {\n\t\tconst isFocused = this.matches(\":focus\");\n\t\tif (!isFocused) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.getGrowingButton()?.matches(\":focus\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait super._onkeydown(e);\n\n\t\tconst space = isSpace(e);\n\t\tconst plus = isPlus(e);\n\t\tconst minus = isMinus(e);\n\t\tconst left = isLeft(e);\n\t\tconst right = isRight(e);\n\n\t\tif (space) {\n\t\t\tthis.toggleCollapsed();\n\t\t}\n\n\t\tif (plus \|\| right) {\n\t\t\t// expand\n\t\t\tif (this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\n\t\tif (minus \|\| left) {\n\t\t\t// collapse\n\t\t\tif (!this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\t}\n\n\tgetHeaderDomRef() {\n\t\treturn this.getDomRef()?.querySelector(\".ui5-nli-group-header\") as HTMLElement;\n\t}\n}\n\nNotificationListGroupItem.define();\n\nexport default NotificationListGroupItem;\nexport type {\n\tNotificationListGroupItemToggleEventDetail,\n};\n"]}
1	+ {"version":3,"file":"NotificationListGroupItem.js","sourceRoot":"","sources":["../src/NotificationListGroupItem.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tisSpace, isPlus, isMinus, isLeft, isRight,\n} from \"@ui5/webcomponents-base/dist/Keys.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-strict.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type NotificationListGrowingMode from \"@ui5/webcomponents/dist/types/NotificationListGrowingMode.js\";\nimport type NotificationListGroupList from \"./NotificationListGroupList.js\";\nimport NotificationListItemBase from \"./NotificationListItemBase.js\";\nimport type NotificationListItem from \"./NotificationListItem.js\";\n\n// Icons\nimport iconNavigationRightArrow from \"@ui5/webcomponents-icons/dist/navigation-right-arrow.js\";\nimport iconNavigationDownArrow from \"@ui5/webcomponents-icons/dist/navigation-down-arrow.js\";\n\n// Texts\nimport {\n\tNOTIFICATION_LIST_GROUP_ITEM_TXT,\n\tNOTIFICATION_LIST_GROUP_COLLAPSED,\n\tNOTIFICATION_LIST_GROUP_EXPANDED,\n\tNOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Templates\nimport NotificationListGroupItemTemplate from \"./NotificationListGroupItemTemplate.js\";\n\n// Styles\nimport NotificationListGroupItemCss from \"./generated/themes/NotificationListGroupItem.css.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\ntype NotificationListGroupItemToggleEventDetail = {\n\titem: NotificationListGroupItem,\n};\n\n/*\n @class\n \n ### Overview\n * The `ui5-li-notification-group` is a special type of list item,\n * that unlike others can group items within self, usually `ui5-li-notification` items.\n \n The component consists of:\n \n - `Toggle` button to expand and collapse the group\n * - `TitleText` to entitle the group\n * - Items of the group\n \n ### Usage\n * The component should be used inside a `ui5-notification-list`.\n \n ### Keyboard Handling\n * The `ui5-li-notification-group` provides advanced keyboard handling.\n * This component provides fast navigation when the header is focused using the following keyboard shortcuts:\n \n - [Space] - toggles expand / collapse of the group\n * - [Plus] - expands the group\n * - [Minus] - collapses the group\n * - [Right] - expands the group\n * - [Left] - collapses the group\n \n ### ES6 Module Import\n \n `import \"@ui5/webcomponents-fiori/dist/NotificationListGroupItem.js\";`\n * @constructor\n * @extends NotificationListItemBase\n * @since 1.0.0\n * @public\n /\n@customElement({\n\ttag: \"ui5-li-notification-group\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tNotificationListGroupItemCss,\n\t],\n\ttemplate: NotificationListGroupItemTemplate,\n})\n\n/\n Fired when the `ui5-li-notification-group` is expanded/collapsed by user interaction.\n * @public\n /\n@event(\"toggle\", {\n\tbubbles: true,\n})\n\n/\n Fired when additional items are requested.\n \n @public\n * @since 2.2.0\n /\n@event(\"load-more\", {\n\tbubbles: true,\n})\n\nclass NotificationListGroupItem extends NotificationListItemBase {\n\teventDetails!: NotificationListItemBase[\"eventDetails\"] & {\n\t\ttoggle: NotificationListGroupItemToggleEventDetail;\n\t\t\"load-more\": void;\n\t}\n\t/\n\t Defines if the group is collapsed or expanded.\n\t * @default false\n\t * @public\n\t /\n\t@property({ type: Boolean })\n\tcollapsed = false;\n\n\t/\n\t Defines whether the component will have growing capability by pressing a `More` button.\n\t * When button is pressed `load-more` event will be fired.\n\t * @default \"None\"\n\t * @public\n\t * @since 2.2.0\n\t /\n\t@property()\n\tgrowing: `${NotificationListGrowingMode}` = \"None\";\n\n\t/\n\t Defines the items of the `ui5-li-notification-group`,\n\t * usually `ui5-li-notification` items.\n\t * @public\n\t /\n\t@slot({ type: HTMLElement, \"default\": true })\n\titems!: DefaultSlot<NotificationListItem>\n\n\tonBeforeRendering() {\n\t\tsuper.onBeforeRendering();\n\n\t\tthis.items.forEach(item => {\n\t\t\titem._ariaLevel = 2;\n\t\t});\n\n\t\tif (this.loading) {\n\t\t\tthis.clearChildBusyIndicator();\n\t\t}\n\t\tthis.actionable = false;\n\t}\n\n\t/\n\t Clears child items loading state to show a single loading over the entire group,\n\t * instead of multiple BusyIndicator instances\n\t /\n\tclearChildBusyIndicator() {\n\t\tthis.items.forEach(item => {\n\t\t\titem.loading = false;\n\t\t});\n\t}\n\n\tget toggleIconAccessibleName() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TOGGLE_ICON_COLLAPSE_TITLE);\n\t}\n\n\tget accInvisibleText() {\n\t\treturn `${this.groupText} ${this.expandText}`;\n\t}\n\n\tget expandText() {\n\t\tif (this.collapsed) {\n\t\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_COLLAPSED);\n\t\t}\n\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_EXPANDED);\n\t}\n\n\tget groupText() {\n\t\treturn NotificationListGroupItem.i18nFioriBundle.getText(NOTIFICATION_LIST_GROUP_ITEM_TXT);\n\t}\n\n\tget ariaLabelledBy() {\n\t\tconst id = this._id;\n\n\t\tif (this.loading) {\n\t\t\treturn `${id}-loading`;\n\t\t}\n\n\t\tconst ids = [];\n\n\t\tif (this.hasTitleText) {\n\t\t\tids.push(`${id}-title-text`);\n\t\t}\n\n\t\treturn ids.join(\" \");\n\t}\n\n\tget _expanded() {\n\t\treturn !this.collapsed;\n\t}\n\n\tget _pressable() {\n\t\treturn false;\n\t}\n\n\tget groupCollapsedIcon() {\n\t\treturn this.collapsed ? iconNavigationRightArrow : iconNavigationDownArrow;\n\t}\n\n\ttoggleCollapsed() {\n\t\tthis.collapsed = !this.collapsed;\n\t\tthis.fireDecoratorEvent(\"toggle\", { item: this });\n\t}\n\n\t/\n\t Event handlers\n\t \n\t /\n\t_onHeaderToggleClick() {\n\t\tthis.toggleCollapsed();\n\t}\n\n\t_onLoadMore() {\n\t\tthis.fireDecoratorEvent(\"load-more\");\n\t}\n\n\tgetGrowingButton() {\n\t\tconst innerList = this.getDomRef()?.querySelector(\"[ui5-notification-group-list]\") as NotificationListGroupList;\n\t\treturn innerList.getGrowingButton();\n\t}\n\n\tasync _onkeydown(e: KeyboardEvent) {\n\t\tconst isFocused = this.matches(\":focus\");\n\t\tif (!isFocused) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (this.getGrowingButton()?.matches(\":focus\")) {\n\t\t\treturn;\n\t\t}\n\n\t\tawait super._onkeydown(e);\n\n\t\tconst space = isSpace(e);\n\t\tconst plus = isPlus(e);\n\t\tconst minus = isMinus(e);\n\t\tconst left = isLeft(e);\n\t\tconst right = isRight(e);\n\n\t\tif (space) {\n\t\t\tthis.toggleCollapsed();\n\t\t}\n\n\t\tif (plus \|\| right) {\n\t\t\t// expand\n\t\t\tif (this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\n\t\tif (minus \|\| left) {\n\t\t\t// collapse\n\t\t\tif (!this.collapsed) {\n\t\t\t\tthis.toggleCollapsed();\n\t\t\t\te.stopImmediatePropagation();\n\t\t\t}\n\t\t}\n\t}\n\n\tgetHeaderDomRef() {\n\t\treturn this.getDomRef()?.querySelector(\".ui5-nli-group-header\") as HTMLElement;\n\t}\n}\n\nNotificationListGroupItem.define();\n\nexport default NotificationListGroupItem;\nexport type {\n\tNotificationListGroupItemToggleEventDetail,\n};\n"]}

package/dist/NotificationListItem.d.ts CHANGED Viewed

@@ -59,7 +59,7 @@ type NotificationListItemClickEventDetail = {
  *
  * @constructor
  * @extends NotificationListItemBase
- * @since 1.0.0-rc.8
+ * @since 1.0.0
  * @public
  * @csspart title-text - Used to style the titleText of the notification list item
  */
@@ -78,7 +78,7 @@ declare class NotificationListItem extends NotificationListItemBase {
     * and a `ShowMore/Less` button would be displayed.
     * @default "None"
     * @public
-    * @since 1.0.0-rc.15
+    * @since 1.0.0
     */
     wrappingType: `${WrappingType}`;
     /**

package/dist/NotificationListItem.js CHANGED Viewed

@@ -91,7 +91,7 @@ const ICON_PER_STATUS_DESIGN = {
  *
  * @constructor
  * @extends NotificationListItemBase
- * @since 1.0.0-rc.8
+ * @since 1.0.0
  * @public
  * @csspart title-text - Used to style the titleText of the notification list item
  */
@@ -106,7 +106,7 @@ let NotificationListItem = NotificationListItem_1 = class NotificationListItem e
         * and a `ShowMore/Less` button would be displayed.
         * @default "None"
         * @public
-        * @since 1.0.0-rc.15
+        * @since 1.0.0
         */
         this.wrappingType = "None";
         /**