@ui5/webcomponents-fiori 2.27.0-rc.0 → 2.27.0-rc.2

package/dist/UserSettingsItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserSettingsItem.js","sourceRoot":"","sources":["../src/UserSettingsItem.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport {\n\tcustomElement, property, slotStrict as slot, eventStrict as event,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport type { TabContainerTabSelectEventDetail } from \"@ui5/webcomponents/dist/TabContainer.js\";\nimport type Tab from \"@ui5/webcomponents/dist/Tab.js\";\nimport { getFirstFocusableElement } from \"@ui5/webcomponents-base/dist/util/FocusableElements.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport UserSettingsItemTemplate from \"./UserSettingsItemTemplate.js\";\nimport type UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsItemCss from \"./generated/themes/UserSettingsItem.css.js\";\n\ntype UserSettingsItemViewSelectEventDetail = {\n\tview: UserSettingsView;\n}\n\ntype UserSettingsItemBackClickEventDetail = {\n\tview: UserSettingsView;\n}\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-item` represents an item in the `ui5-user-settings-dialog`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsItem.js\";`\n *\n * You can disable the <code>UserSettingsItem</code> by setting the <code>enabled</code> property to <code>false</code>,\n * or use the <code>UserSettingsItem</code> in read-only mode by setting the <code>editable</code> property to false.\n *\n * <b>Note:</b> Disabled and read-only states shouldn't be used together.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.8.0\n */\n@customElement({\n\ttag: \"ui5-user-settings-item\",\n\trenderer: jsxRenderer,\n\ttemplate: UserSettingsItemTemplate,\n\tstyles: [UserSettingsItemCss],\n})\n\n/**\n * Fired when a selected view changed.\n * @param {UserSettingsView} view The selected `view`.\n * @public\n */\n@event(\"selection-change\", {\n\tcancelable: true,\n})\n\n/**\n *\n * @private\n */\n@event(\"_collapse\", {\n\tbubbles: true,\n})\n\nclass UserSettingsItem extends UI5Element {\n\teventDetails!: {\n\t\t\"_collapse\": void,\n\t\t\"selection-change\": UserSettingsItemViewSelectEventDetail,\n\t\t\"back-click\": UserSettingsItemBackClickEventDetail,\n\n\t}\n\t/**\n\t * Defines the text of the user settings item.\n\t *\n\t * @public\n\t * @default \"\"\n\t */\n\t@property({ type: String })\n\ttext = \"\";\n\n\t/**\n\t * Defines the tooltip of the component.\n\t *\n\t * A tooltip attribute should be provided to represent the meaning or function when the component is collapsed and only the icon is visible.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ type: String })\n\ttooltip = \"\";\n\n\t/**\n\t * Defines the headerText of the item.\n\t *\n\t * @public\n\t * @default \"\"\n\t */\n\t@property({ type: String })\n\theaderText?: string;\n\n\t/**\n\t * Shows item tab.\n\t *\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines whether the component is in disabled state.\n\t *\n\t * **Note:** A disabled component is completely noninteractive.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Indicates whether a loading indicator should be shown.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tloading = false;\n\n\t/**\n\t * Indicates why the control is in loading state.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tloadingReason?: string;\n\n\t/**\n\t * Defines the icon of the component.\n\t *\n\t * @default \"globe\"\n\t * @public\n\t */\n\t@property({ type: String })\n\ticon = \"globe\";\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the page views of the user settings item.\n\t *\n\t * If there are no tab views, the first page view will be shown unless there is selected one. If there is selected page\n\t * view it will be shown no matter if there are tab views.\n\t *\n\t * The page views are displayed by default if there is no selected tab view.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\t\"default\": true,\n\t\tindividualSlots: true,\n\t\tinvalidateOnChildChange: {\n\t\t\tproperties: true,\n\t\t\tslots: false,\n\t\t},\n\t})\n\tpages!: DefaultSlot<UserSettingsView>;\n\n\t/**\n\t * Defines the tab views of the user settings item.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tindividualSlots: true,\n\t\tinvalidateOnChildChange: {\n\t\t\tproperties: true,\n\t\t\tslots: false,\n\t\t},\n\t})\n\ttabs!: Slot<UserSettingsView>;\n\n\t/**\n\t * Indicates whether any of the element siblings have icon.\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_siblingsWithIcon = false;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_inMobileView = false;\n\n\t/**\n\t * @private\n\t */\n\t_individualSlot?: string;\n\n\t/**\n\t * Indicates that focus should be moved to the first interactive content element\n\t * once the content becomes available (e.g. after the loading state finishes).\n\t * @private\n\t */\n\t_pendingContentFocus = false;\n\n\tonAfterRendering() {\n\t\tif (this._pendingContentFocus && !this.loading) {\n\t\t\tthis._pendingContentFocus = false;\n\t\t\tthis._focusFirstContentElementWhenReady();\n\t\t}\n\t}\n\n\tget _hasSelectedPageView() {\n\t\treturn this.pages.some(view => view.selected);\n\t}\n\n\tget _selectedPageView() {\n\t\treturn this.pages.find(view => view.selected) || this.pages[0];\n\t}\n\n\tget ariaLabelledByText() {\n\t\treturn `${this.text} ${this.accessibleName || \"\"}`.trim();\n\t}\n\n\tget _tooltip() {\n\t\treturn this.tooltip ? this.tooltip : this.text;\n\t}\n\n\tget _icon() {\n\t\treturn this.icon;\n\t}\n\n\t_handleBackButtonClick() {\n\t\tif (this._hasSelectedPageView && this._selectedPageView.secondary) {\n\t\t\tconst selectedPageView = this._selectedPageView;\n\t\t\tconst eventPrevented = !this.fireDecoratorEvent(\"selection-change\", {\n\t\t\t\tview: selectedPageView,\n\t\t\t});\n\n\t\t\tif (!eventPrevented) {\n\t\t\t\tselectedPageView.selected = false;\n\t\t\t}\n\t\t} else {\n\t\t\tthis.fireDecoratorEvent(\"_collapse\");\n\t\t}\n\t}\n\n\t_handleTabSelect(e: CustomEvent<TabContainerTabSelectEventDetail>) {\n\t\tconst tab = e.detail.tab as Tab & { associatedSettingView: UserSettingsView };\n\t\tconst tabView = tab.associatedSettingView;\n\t\tconst eventPrevented = !this.fireDecoratorEvent(\"selection-change\", {\n\t\t\tview: tabView,\n\t\t});\n\n\t\tif (eventPrevented) {\n\t\t\te.preventDefault();\n\t\t} else {\n\t\t\tthis.tabs.forEach(view => {\n\t\t\t\tview.selected = false;\n\t\t\t});\n\t\t\ttabView.selected = true;\n\t\t}\n\t}\n\n\tget _shouldShowBackButton() {\n\t\treturn !!(this._inMobileView || (this._hasSelectedPageView && this._selectedPageView.secondary));\n\t}\n\n\t/**\n\t * Moves the focus to the first interactive element of the item's content,\n\t * skipping the navigation back button in the header.\n\t *\n\t * If the content is not yet available because the item is in loading state,\n\t * the focus is deferred until the loading finishes and the content is rendered.\n\t * @private\n\t */\n\tfocusFirstContentElement() {\n\t\tif (this.loading) {\n\t\t\tthis._pendingContentFocus = true;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusFirstContentElement();\n\t}\n\n\tasync _focusFirstContentElementWhenReady() {\n\t\t// The content (and its slotted views) may still be settling after the loading\n\t\t// state clears, so wait for the render to finish before moving the focus.\n\t\tawait renderFinished();\n\t\tthis._focusFirstContentElement();\n\t}\n\n\tasync _focusFirstContentElement() {\n\t\tconst root = this.getDomRef();\n\t\tif (!root) {\n\t\t\treturn;\n\t\t}\n\n\t\t// The content is rendered right after the header (which holds the back button),\n\t\t// so start the focus lookup from the element following the header.\n\t\tconst header = root.querySelector<HTMLElement>(\".ui5-user-settings-item-header-container\");\n\t\tconst contentElement = (header?.nextElementSibling || root.firstElementChild) as HTMLElement | null;\n\t\tif (!contentElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst focusable = await getFirstFocusableElement(contentElement, true);\n\t\tfocusable?.focus();\n\t}\n\n\tcaptureRef(this: UserSettingsView, ref: HTMLElement & { associatedSettingView?: UserSettingsView} | null) {\n\t\tif (ref) {\n\t\t\tref.associatedSettingView = this;\n\t\t}\n\t}\n}\n\nUserSettingsItem.define();\n\nexport default UserSettingsItem;\nexport type {\n\tUserSettingsItemViewSelectEventDetail,\n\tUserSettingsItemBackClickEventDetail,\n};\n"]}
+{"version":3,"file":"UserSettingsItem.js","sourceRoot":"","sources":["../src/UserSettingsItem.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AAEpE,OAAO,WAAW,MAAM,sDAAsD,CAAC;AAC/E,OAAO,EACN,aAAa,EAAE,QAAQ,EAAE,UAAU,IAAI,IAAI,EAAE,WAAW,IAAI,KAAK,GACjE,MAAM,4CAA4C,CAAC;AAGpD,OAAO,EAAE,wBAAwB,EAAE,MAAM,wDAAwD,CAAC;AAClG,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,wBAAwB,MAAM,+BAA+B,CAAC;AAErE,OAAO,mBAAmB,MAAM,4CAA4C,CAAC;AAU7E;;;;;;;;;;;;;;;;;;GAkBG;AAyBH,IAAM,gBAAgB,GAAtB,MAAM,gBAAiB,SAAQ,UAAU;IAAzC;;QAOC;;;;;WAKG;QAEH,SAAI,GAAG,EAAE,CAAC;QAEV;;;;;;WAMG;QAEH,YAAO,GAAG,EAAE,CAAC;QAWb;;;;;WAKG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;;;WAMG;QAEH,aAAQ,GAAG,KAAK,CAAC;QAEjB;;;;WAIG;QAEH,YAAO,GAAG,KAAK,CAAC;QAUhB;;;;;WAKG;QAEH,SAAI,GAAG,OAAO,CAAC;QA8Cf;;WAEG;QAEH,sBAAiB,GAAG,KAAK,CAAC;QAG1B,kBAAa,GAAG,KAAK,CAAC;QAOtB;;;;WAIG;QACH,yBAAoB,GAAG,KAAK,CAAC;IAqI9B,CAAC;IAnIA,gBAAgB;QACf,IAAI,IAAI,CAAC,oBAAoB,IAAI,CAAC,IAAI,CAAC,OAAO,EAAE,CAAC;YAChD,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;YAClC,IAAI,CAAC,kCAAkC,EAAE,CAAC;QAC3C,CAAC;IACF,CAAC;IAED,IAAI,oBAAoB;QACvB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAC/C,CAAC;IAED,IAAI,iBAAiB;QACpB,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;IAChE,CAAC;IAED,IAAI,kBAAkB;QACrB,OAAO,GAAG,IAAI,CAAC,IAAI,IAAI,IAAI,CAAC,cAAc,IAAI,EAAE,EAAE,CAAC,IAAI,EAAE,CAAC;IAC3D,CAAC;IAED,IAAI,QAAQ;QACX,OAAO,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;IAChD,CAAC;IAED,IAAI,KAAK;QACR,OAAO,IAAI,CAAC,IAAI,CAAC;IAClB,CAAC;IAED,sBAAsB;QACrB,IAAI,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,iBAAiB,CAAC,SAAS,EAAE,CAAC;YACnE,MAAM,gBAAgB,GAAG,IAAI,CAAC,iBAAiB,CAAC;YAChD,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;gBACnE,IAAI,EAAE,gBAAgB;aACtB,CAAC,CAAC;YAEH,IAAI,CAAC,cAAc,EAAE,CAAC;gBACrB,gBAAgB,CAAC,QAAQ,GAAG,KAAK,CAAC;gBAClC,MAAM,WAAW,GAAG,IAAI,CAAC,KAAK,EAAE,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,SAAS,IAAI,IAAI,KAAK,gBAAgB,CAAC,CAAC;gBAC3F,cAAc,EAAE,CAAC,IAAI,CAAC,GAAG,EAAE;oBAC1B,IAAI,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC;wBACvB,OAAO;oBACR,CAAC;oBACD,MAAM,QAAQ,GAAI,WAAmB,EAAE,kBAAkB,CAAC;oBAC1D,IAAI,QAAQ,EAAE,cAAc,EAAE,CAAC;wBAC9B,QAAQ,CAAC,cAAc,EAAE,EAAE,KAAK,EAAE,CAAC;oBACpC,CAAC;yBAAM,CAAC;wBACP,IAAI,CAAC,yBAAyB,EAAE,CAAC;oBAClC,CAAC;gBACF,CAAC,CAAC,CAAC;YACJ,CAAC;QACF,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACtC,CAAC;IACF,CAAC;IAED,gBAAgB,CAAC,CAAgD;QAChE,MAAM,GAAG,GAAG,CAAC,CAAC,MAAM,CAAC,GAAwD,CAAC;QAC9E,MAAM,OAAO,GAAG,GAAG,CAAC,qBAAqB,CAAC;QAC1C,MAAM,cAAc,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC,kBAAkB,EAAE;YACnE,IAAI,EAAE,OAAO;SACb,CAAC,CAAC;QAEH,IAAI,cAAc,EAAE,CAAC;YACpB,CAAC,CAAC,cAAc,EAAE,CAAC;QACpB,CAAC;aAAM,CAAC;YACP,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,EAAE;gBACxB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC;YACvB,CAAC,CAAC,CAAC;YACH,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC;QACzB,CAAC;IACF,CAAC;IAED,IAAI,qBAAqB;QACxB,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,aAAa,IAAI,CAAC,IAAI,CAAC,oBAAoB,IAAI,IAAI,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC;IAClG,CAAC;IAED;;;;;;;OAOG;IACH,wBAAwB;QACvB,IAAI,IAAI,CAAC,OAAO,EAAE,CAAC;YAClB,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC;YACjC,OAAO;QACR,CAAC;QAED,IAAI,CAAC,yBAAyB,EAAE,CAAC;IAClC,CAAC;IAED,KAAK,CAAC,kCAAkC;QACvC,8EAA8E;QAC9E,0EAA0E;QAC1E,MAAM,cAAc,EAAE,CAAC;QACvB,IAAI,CAAC,yBAAyB,EAAE,CAAC;IAClC,CAAC;IAED,KAAK,CAAC,yBAAyB;QAC9B,MAAM,IAAI,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;QAC9B,IAAI,CAAC,IAAI,EAAE,CAAC;YACX,OAAO;QACR,CAAC;QAED,gFAAgF;QAChF,mEAAmE;QACnE,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAc,0CAA0C,CAAC,CAAC;QAC3F,MAAM,cAAc,GAAG,CAAC,MAAM,EAAE,kBAAkB,IAAI,IAAI,CAAC,iBAAiB,CAAuB,CAAC;QACpG,IAAI,CAAC,cAAc,EAAE,CAAC;YACrB,OAAO;QACR,CAAC;QAED,MAAM,SAAS,GAAG,MAAM,wBAAwB,CAAC,cAAc,EAAE,IAAI,CAAC,CAAC;QACvE,SAAS,EAAE,KAAK,EAAE,CAAC;IACpB,CAAC;IAED;;;OAGG;IACH,gBAAgB;QACf,MAAM,UAAU,GAAG,IAAI,CAAC,UAAU,EAAE,aAAa,CAAc,sCAAsC,CAAC,CAAC;QACvG,UAAU,EAAE,KAAK,EAAE,CAAC;IACrB,CAAC;IAED,UAAU,CAAyB,GAAqE;QACvG,IAAI,GAAG,EAAE,CAAC;YACT,GAAG,CAAC,qBAAqB,GAAG,IAAI,CAAC;QAClC,CAAC;IACF,CAAC;CACD,CAAA;AArQA;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACjB;AAUV;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;iDACd;AASb;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;oDACP;AASpB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACX;AAUjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;kDACX;AAQjB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,CAAC;iDACZ;AAQhB;IADC,QAAQ,EAAE;uDACY;AASvB;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;8CACZ;AAQf;IADC,QAAQ,EAAE;wDACa;AAqBxB;IATC,IAAI,CAAC;QACL,IAAI,EAAE,WAAW;QACjB,SAAS,EAAE,IAAI;QACf,eAAe,EAAE,IAAI;QACrB,uBAAuB,EAAE;YACxB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,KAAK;SACZ;KACD,CAAC;+CACoC;AAetC;IARC,IAAI,CAAC;QACL,IAAI,EAAE,WAAW;QACjB,eAAe,EAAE,IAAI;QACrB,uBAAuB,EAAE;YACxB,UAAU,EAAE,IAAI;YAChB,KAAK,EAAE,KAAK;SACZ;KACD,CAAC;8CAC4B;AAM9B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;2DACrB;AAG1B;IADC,QAAQ,CAAC,EAAE,IAAI,EAAE,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC;uDACzB;AAlIjB,gBAAgB;IAxBrB,aAAa,CAAC;QACd,GAAG,EAAE,wBAAwB;QAC7B,QAAQ,EAAE,WAAW;QACrB,QAAQ,EAAE,wBAAwB;QAClC,MAAM,EAAE,CAAC,mBAAmB,CAAC;KAC7B,CAAC;IAEF;;;;OAIG;;IACF,KAAK,CAAC,kBAAkB,EAAE;QAC1B,UAAU,EAAE,IAAI;KAChB,CAAC;IAEF;;;OAGG;;IACF,KAAK,CAAC,WAAW,EAAE;QACnB,OAAO,EAAE,IAAI;KACb,CAAC;GAEI,gBAAgB,CAmRrB;AAED,gBAAgB,CAAC,MAAM,EAAE,CAAC;AAE1B,eAAe,gBAAgB,CAAC","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { DefaultSlot, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport {\n\tcustomElement, property, slotStrict as slot, eventStrict as event,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport type { TabContainerTabSelectEventDetail } from \"@ui5/webcomponents/dist/TabContainer.js\";\nimport type Tab from \"@ui5/webcomponents/dist/Tab.js\";\nimport { getFirstFocusableElement } from \"@ui5/webcomponents-base/dist/util/FocusableElements.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport UserSettingsItemTemplate from \"./UserSettingsItemTemplate.js\";\nimport type UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsItemCss from \"./generated/themes/UserSettingsItem.css.js\";\n\ntype UserSettingsItemViewSelectEventDetail = {\n\tview: UserSettingsView;\n}\n\ntype UserSettingsItemBackClickEventDetail = {\n\tview: UserSettingsView;\n}\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-item` represents an item in the `ui5-user-settings-dialog`.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsItem.js\";`\n *\n * You can disable the <code>UserSettingsItem</code> by setting the <code>enabled</code> property to <code>false</code>,\n * or use the <code>UserSettingsItem</code> in read-only mode by setting the <code>editable</code> property to false.\n *\n * <b>Note:</b> Disabled and read-only states shouldn't be used together.\n *\n * @constructor\n * @extends UI5Element\n * @public\n * @since 2.8.0\n */\n@customElement({\n\ttag: \"ui5-user-settings-item\",\n\trenderer: jsxRenderer,\n\ttemplate: UserSettingsItemTemplate,\n\tstyles: [UserSettingsItemCss],\n})\n\n/**\n * Fired when a selected view changed.\n * @param {UserSettingsView} view The selected `view`.\n * @public\n */\n@event(\"selection-change\", {\n\tcancelable: true,\n})\n\n/**\n *\n * @private\n */\n@event(\"_collapse\", {\n\tbubbles: true,\n})\n\nclass UserSettingsItem extends UI5Element {\n\teventDetails!: {\n\t\t\"_collapse\": void,\n\t\t\"selection-change\": UserSettingsItemViewSelectEventDetail,\n\t\t\"back-click\": UserSettingsItemBackClickEventDetail,\n\n\t}\n\t/**\n\t * Defines the text of the user settings item.\n\t *\n\t * @public\n\t * @default \"\"\n\t */\n\t@property({ type: String })\n\ttext = \"\";\n\n\t/**\n\t * Defines the tooltip of the component.\n\t *\n\t * A tooltip attribute should be provided to represent the meaning or function when the component is collapsed and only the icon is visible.\n\t * @default \"\"\n\t * @public\n\t */\n\t@property({ type: String })\n\ttooltip = \"\";\n\n\t/**\n\t * Defines the headerText of the item.\n\t *\n\t * @public\n\t * @default \"\"\n\t */\n\t@property({ type: String })\n\theaderText?: string;\n\n\t/**\n\t * Shows item tab.\n\t *\n\t * @public\n\t * @default false\n\t */\n\t@property({ type: Boolean })\n\tselected = false;\n\n\t/**\n\t * Defines whether the component is in disabled state.\n\t *\n\t * **Note:** A disabled component is completely noninteractive.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tdisabled = false;\n\n\t/**\n\t * Indicates whether a loading indicator should be shown.\n\t * @default false\n\t * @public\n\t */\n\t@property({ type: Boolean })\n\tloading = false;\n\n\t/**\n\t * Indicates why the control is in loading state.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\tloadingReason?: string;\n\n\t/**\n\t * Defines the icon of the component.\n\t *\n\t * @default \"globe\"\n\t * @public\n\t */\n\t@property({ type: String })\n\ticon = \"globe\";\n\n\t/**\n\t * Defines the accessible ARIA name of the component.\n\t * @default undefined\n\t * @public\n\t */\n\t@property()\n\taccessibleName?: string;\n\n\t/**\n\t * Defines the page views of the user settings item.\n\t *\n\t * If there are no tab views, the first page view will be shown unless there is selected one. If there is selected page\n\t * view it will be shown no matter if there are tab views.\n\t *\n\t * The page views are displayed by default if there is no selected tab view.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\t\"default\": true,\n\t\tindividualSlots: true,\n\t\tinvalidateOnChildChange: {\n\t\t\tproperties: true,\n\t\t\tslots: false,\n\t\t},\n\t})\n\tpages!: DefaultSlot<UserSettingsView>;\n\n\t/**\n\t * Defines the tab views of the user settings item.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tindividualSlots: true,\n\t\tinvalidateOnChildChange: {\n\t\t\tproperties: true,\n\t\t\tslots: false,\n\t\t},\n\t})\n\ttabs!: Slot<UserSettingsView>;\n\n\t/**\n\t * Indicates whether any of the element siblings have icon.\n\t */\n\t@property({ type: Boolean, noAttribute: true })\n\t_siblingsWithIcon = false;\n\n\t@property({ type: Boolean, noAttribute: true })\n\t_inMobileView = false;\n\n\t/**\n\t * @private\n\t */\n\t_individualSlot?: string;\n\n\t/**\n\t * Indicates that focus should be moved to the first interactive content element\n\t * once the content becomes available (e.g. after the loading state finishes).\n\t * @private\n\t */\n\t_pendingContentFocus = false;\n\n\tonAfterRendering() {\n\t\tif (this._pendingContentFocus && !this.loading) {\n\t\t\tthis._pendingContentFocus = false;\n\t\t\tthis._focusFirstContentElementWhenReady();\n\t\t}\n\t}\n\n\tget _hasSelectedPageView() {\n\t\treturn this.pages.some(view => view.selected);\n\t}\n\n\tget _selectedPageView() {\n\t\treturn this.pages.find(view => view.selected) || this.pages[0];\n\t}\n\n\tget ariaLabelledByText() {\n\t\treturn `${this.text} ${this.accessibleName || \"\"}`.trim();\n\t}\n\n\tget _tooltip() {\n\t\treturn this.tooltip ? this.tooltip : this.text;\n\t}\n\n\tget _icon() {\n\t\treturn this.icon;\n\t}\n\n\t_handleBackButtonClick() {\n\t\tif (this._hasSelectedPageView && this._selectedPageView.secondary) {\n\t\t\tconst selectedPageView = this._selectedPageView;\n\t\t\tconst eventPrevented = !this.fireDecoratorEvent(\"selection-change\", {\n\t\t\t\tview: selectedPageView,\n\t\t\t});\n\n\t\t\tif (!eventPrevented) {\n\t\t\t\tselectedPageView.selected = false;\n\t\t\t\tconst primaryView = this.pages?.find(view => !view.secondary && view !== selectedPageView);\n\t\t\t\trenderFinished().then(() => {\n\t\t\t\t\tif (!this.isConnected) {\n\t\t\t\t\t\treturn;\n\t\t\t\t\t}\n\t\t\t\t\tconst lastItem = (primaryView as any)?._lastNavigatedItem;\n\t\t\t\t\tif (lastItem?.getFocusDomRef) {\n\t\t\t\t\t\tlastItem.getFocusDomRef()?.focus();\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis._focusFirstContentElement();\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\t\t} else {\n\t\t\tthis.fireDecoratorEvent(\"_collapse\");\n\t\t}\n\t}\n\n\t_handleTabSelect(e: CustomEvent<TabContainerTabSelectEventDetail>) {\n\t\tconst tab = e.detail.tab as Tab & { associatedSettingView: UserSettingsView };\n\t\tconst tabView = tab.associatedSettingView;\n\t\tconst eventPrevented = !this.fireDecoratorEvent(\"selection-change\", {\n\t\t\tview: tabView,\n\t\t});\n\n\t\tif (eventPrevented) {\n\t\t\te.preventDefault();\n\t\t} else {\n\t\t\tthis.tabs.forEach(view => {\n\t\t\t\tview.selected = false;\n\t\t\t});\n\t\t\ttabView.selected = true;\n\t\t}\n\t}\n\n\tget _shouldShowBackButton() {\n\t\treturn !!(this._inMobileView || (this._hasSelectedPageView && this._selectedPageView.secondary));\n\t}\n\n\t/**\n\t * Moves the focus to the first interactive element of the item's content,\n\t * skipping the navigation back button in the header.\n\t *\n\t * If the content is not yet available because the item is in loading state,\n\t * the focus is deferred until the loading finishes and the content is rendered.\n\t * @private\n\t */\n\tfocusFirstContentElement() {\n\t\tif (this.loading) {\n\t\t\tthis._pendingContentFocus = true;\n\t\t\treturn;\n\t\t}\n\n\t\tthis._focusFirstContentElement();\n\t}\n\n\tasync _focusFirstContentElementWhenReady() {\n\t\t// The content (and its slotted views) may still be settling after the loading\n\t\t// state clears, so wait for the render to finish before moving the focus.\n\t\tawait renderFinished();\n\t\tthis._focusFirstContentElement();\n\t}\n\n\tasync _focusFirstContentElement() {\n\t\tconst root = this.getDomRef();\n\t\tif (!root) {\n\t\t\treturn;\n\t\t}\n\n\t\t// The content is rendered right after the header (which holds the back button),\n\t\t// so start the focus lookup from the element following the header.\n\t\tconst header = root.querySelector<HTMLElement>(\".ui5-user-settings-item-header-container\");\n\t\tconst contentElement = (header?.nextElementSibling || root.firstElementChild) as HTMLElement | null;\n\t\tif (!contentElement) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst focusable = await getFirstFocusableElement(contentElement, true);\n\t\tfocusable?.focus();\n\t}\n\n\t/**\n\t * @private\n\t * @since 2.27.0\n\t */\n\t_focusBackButton() {\n\t\tconst backButton = this.shadowRoot?.querySelector<HTMLElement>(\".ui5-user-settings-item-collapse-btn\");\n\t\tbackButton?.focus();\n\t}\n\n\tcaptureRef(this: UserSettingsView, ref: HTMLElement & { associatedSettingView?: UserSettingsView} | null) {\n\t\tif (ref) {\n\t\t\tref.associatedSettingView = this;\n\t\t}\n\t}\n}\n\nUserSettingsItem.define();\n\nexport default UserSettingsItem;\nexport type {\n\tUserSettingsItemViewSelectEventDetail,\n\tUserSettingsItemBackClickEventDetail,\n};\n"]}

package/dist/UserSettingsNotificationsView.d.ts

@@ -0,0 +1,82 @@
+import UserSettingsView from "./UserSettingsView.js";
+import type UserSettingsNotificationsViewItem from "./UserSettingsNotificationsViewItem.js";
+import type UserSettingsNotificationsViewGroup from "./UserSettingsNotificationsViewGroup.js";
+import type { ListItemClickEventDetail } from "@ui5/webcomponents/dist/List.js";
+import type I18nBundle from "@ui5/webcomponents-base/dist/i18nBundle.js";
+import type { DefaultSlot, Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+type UserSettingsNotificationsViewItemClickEventDetail = {
+    item: UserSettingsNotificationsViewItem;
+};
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-notifications-view` represents a view displayed in the
+ * `ui5-user-settings-item` that lists notification preferences. Individual settings
+ * are represented by `ui5-user-settings-notifications-view-item` elements, optionally
+ * grouped by `ui5-user-settings-notifications-view-group`.
+ *
+ * When a navigable item is clicked, the view drills into a sibling secondary view of
+ * its parent `ui5-user-settings-item`. When an item's `item-key` matches a target
+ * view's `id`, that view is opened and keeps its own `text`. Otherwise the first
+ * sibling marked as `secondary` is opened and its `text` is set to the clicked
+ * item's `text` so the drill-in header reflects the origin.
+ *
+ * Apps can override this behavior by preventing the `item-click` event.
+ *
+ * Applications should listen to the item's `switch-change` event (which bubbles) to
+ * be notified when a switch is toggled.
+ *
+ * Additional content (e.g. an information message strip) can be placed via the
+ * `additionalContent` slot, which is rendered above the list.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsNotificationsView.js";`
+ *
+ * @constructor
+ * @extends UserSettingsView
+ * @public
+ * @since 2.27.0
+ */
+declare class UserSettingsNotificationsView extends UserSettingsView {
+    eventDetails: {
+        "item-click": UserSettingsNotificationsViewItemClickEventDetail;
+    };
+    /**
+     * Defines the items of the component. Can be a mix of
+     * `ui5-user-settings-notifications-view-item` and
+     * `ui5-user-settings-notifications-view-group` elements.
+     *
+     * @public
+     */
+    items: DefaultSlot<UserSettingsNotificationsViewGroup | UserSettingsNotificationsViewItem>;
+    /**
+     * Defines header items rendered above the grouped items list.
+     * Each item is wrapped in a `role="form"` landmark — a separate Tab stop.
+     * Use this slot for product-level toggles (e.g. "Allow Notifications") that appear
+     * above the notification-type groups.
+     *
+     * @public
+     */
+    headerItems: Slot<UserSettingsNotificationsViewItem>;
+    /**
+     * Defines additional content displayed above the items list.
+     *
+     * @public
+     */
+    additionalContent: Slot<HTMLElement>;
+    static i18nBundle: I18nBundle;
+    getAllItems(): Array<UserSettingsNotificationsViewItem>;
+    getItemByKey(itemKey: string): UserSettingsNotificationsViewItem | undefined;
+    get _hasHeaderItems(): boolean;
+    _lastNavigatedItem: UserSettingsNotificationsViewItem | null;
+    get _listAccessibleName(): string;
+    _navigateToSecondaryView(item: UserSettingsNotificationsViewItem): void;
+    _processItemClick(item: UserSettingsNotificationsViewItem): void;
+    _handleItemClick: (e: CustomEvent<ListItemClickEventDetail>) => void;
+    _handleFormItemClick: (e: CustomEvent<{
+        item: UserSettingsNotificationsViewItem;
+    }>) => void;
+}
+export default UserSettingsNotificationsView;
+export type { UserSettingsNotificationsViewItemClickEventDetail, };

package/dist/UserSettingsNotificationsView.js

@@ -0,0 +1,167 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+var UserSettingsNotificationsView_1;
+import UserSettingsView from "./UserSettingsView.js";
+import UserSettingsNotificationsViewTemplate from "./UserSettingsNotificationsViewTemplate.js";
+import UserSettingViewCss from "./generated/themes/UserSettingsView.css.js";
+import UserSettingsNotificationsViewCss from "./generated/themes/UserSettingsNotificationsView.css.js";
+import { isInstanceOfUserSettingsNotificationsViewItem } from "./UserSettingsNotificationsViewItem.js";
+import { isInstanceOfUserSettingsNotificationsViewGroup } from "./UserSettingsNotificationsViewGroup.js";
+import { getFirstFocusableElement } from "@ui5/webcomponents-base/dist/util/FocusableElements.js";
+import { renderFinished } from "@ui5/webcomponents-base/dist/Render.js";
+import i18n from "@ui5/webcomponents-base/dist/decorators/i18n.js";
+import { customElement, slotStrict as slot, eventStrict as event, } from "@ui5/webcomponents-base/dist/decorators.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
+import { USER_SETTINGS_NOTIFICATIONS_LIST_LABEL, USER_SETTINGS_NOTIFICATIONS_PREFERENCES_LIST_LABEL, } from "./generated/i18n/i18n-defaults.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-notifications-view` represents a view displayed in the
+ * `ui5-user-settings-item` that lists notification preferences. Individual settings
+ * are represented by `ui5-user-settings-notifications-view-item` elements, optionally
+ * grouped by `ui5-user-settings-notifications-view-group`.
+ *
+ * When a navigable item is clicked, the view drills into a sibling secondary view of
+ * its parent `ui5-user-settings-item`. When an item's `item-key` matches a target
+ * view's `id`, that view is opened and keeps its own `text`. Otherwise the first
+ * sibling marked as `secondary` is opened and its `text` is set to the clicked
+ * item's `text` so the drill-in header reflects the origin.
+ *
+ * Apps can override this behavior by preventing the `item-click` event.
+ *
+ * Applications should listen to the item's `switch-change` event (which bubbles) to
+ * be notified when a switch is toggled.
+ *
+ * Additional content (e.g. an information message strip) can be placed via the
+ * `additionalContent` slot, which is rendered above the list.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsNotificationsView.js";`
+ *
+ * @constructor
+ * @extends UserSettingsView
+ * @public
+ * @since 2.27.0
+ */
+let UserSettingsNotificationsView = UserSettingsNotificationsView_1 = class UserSettingsNotificationsView extends UserSettingsView {
+    constructor() {
+        super(...arguments);
+        this._lastNavigatedItem = null;
+        this._handleItemClick = (e) => {
+            this._processItemClick(e.detail.item);
+        };
+        this._handleFormItemClick = (e) => {
+            this._processItemClick(e.detail.item);
+        };
+    }
+    getAllItems() {
+        const allItems = [...this.headerItems];
+        this.items.forEach(item => {
+            if (isInstanceOfUserSettingsNotificationsViewGroup(item)) {
+                item.items.forEach(child => {
+                    if (isInstanceOfUserSettingsNotificationsViewItem(child)) {
+                        allItems.push(child);
+                    }
+                });
+            }
+            else if (isInstanceOfUserSettingsNotificationsViewItem(item)) {
+                allItems.push(item);
+            }
+        });
+        return allItems;
+    }
+    getItemByKey(itemKey) {
+        return this.getAllItems().find(item => item.itemKey === itemKey);
+    }
+    get _hasHeaderItems() {
+        return this.headerItems.length > 0;
+    }
+    get _listAccessibleName() {
+        return this.secondary
+            ? UserSettingsNotificationsView_1.i18nBundle.getText(USER_SETTINGS_NOTIFICATIONS_PREFERENCES_LIST_LABEL)
+            : UserSettingsNotificationsView_1.i18nBundle.getText(USER_SETTINGS_NOTIFICATIONS_LIST_LABEL);
+    }
+    _navigateToSecondaryView(item) {
+        const parentItem = this.closest("[ui5-user-settings-item]");
+        const secondaryViews = parentItem?.pages?.filter(view => view !== this && view.secondary) ?? [];
+        const matched = item.itemKey ? secondaryViews.find(view => view.id === item.itemKey) : undefined;
+        const target = matched ?? secondaryViews[0];
+        if (!target) {
+            return;
+        }
+        if (!matched || !target.text) {
+            target.text = item.text;
+        }
+        this.selected = false;
+        this._lastNavigatedItem = item;
+        target.selected = true;
+        renderFinished().then(async () => {
+            if (!this.isConnected) {
+                return;
+            }
+            await target._waitForDomRef();
+            const focusable = await getFirstFocusableElement(target.getDomRef());
+            focusable?.focus();
+        });
+    }
+    _processItemClick(item) {
+        if (!isInstanceOfUserSettingsNotificationsViewItem(item) || !item.navigable) {
+            return;
+        }
+        if (!this.fireDecoratorEvent("item-click", { item })) {
+            return;
+        }
+        this._navigateToSecondaryView(item);
+    }
+};
+__decorate([
+    slot({
+        type: HTMLElement,
+        "default": true,
+        invalidateOnChildChange: true,
+    })
+], UserSettingsNotificationsView.prototype, "items", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+        invalidateOnChildChange: true,
+        individualSlots: true,
+    })
+], UserSettingsNotificationsView.prototype, "headerItems", void 0);
+__decorate([
+    slot({
+        type: HTMLElement,
+    })
+], UserSettingsNotificationsView.prototype, "additionalContent", void 0);
+__decorate([
+    i18n("@ui5/webcomponents-fiori")
+], UserSettingsNotificationsView, "i18nBundle", void 0);
+UserSettingsNotificationsView = UserSettingsNotificationsView_1 = __decorate([
+    customElement({
+        tag: "ui5-user-settings-notifications-view",
+        renderer: jsxRenderer,
+        template: UserSettingsNotificationsViewTemplate,
+        styles: [UserSettingViewCss, UserSettingsNotificationsViewCss],
+    })
+    /**
+     * Fired when a navigable item in the list is clicked.
+     *
+     * The event is cancelable: preventing it skips the built-in drill-in to the
+     * parent's secondary view, allowing the application to take over.
+     *
+     * @param {UserSettingsNotificationsViewItem} item The clicked notifications view item.
+     * @public
+     */
+    ,
+    event("item-click", {
+        cancelable: true,
+    })
+], UserSettingsNotificationsView);
+UserSettingsNotificationsView.define();
+export default UserSettingsNotificationsView;
+//# sourceMappingURL=UserSettingsNotificationsView.js.map

package/dist/UserSettingsNotificationsView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsView.js","sourceRoot":"","sources":["../src/UserSettingsNotificationsView.ts"],"names":[],"mappings":"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","sourcesContent":["import UserSettingsView from \"./UserSettingsView.js\";\nimport UserSettingsNotificationsViewTemplate from \"./UserSettingsNotificationsViewTemplate.js\";\nimport UserSettingViewCss from \"./generated/themes/UserSettingsView.css.js\";\nimport UserSettingsNotificationsViewCss from \"./generated/themes/UserSettingsNotificationsView.css.js\";\nimport type UserSettingsNotificationsViewItem from \"./UserSettingsNotificationsViewItem.js\";\nimport { isInstanceOfUserSettingsNotificationsViewItem } from \"./UserSettingsNotificationsViewItem.js\";\nimport type UserSettingsNotificationsViewGroup from \"./UserSettingsNotificationsViewGroup.js\";\nimport { isInstanceOfUserSettingsNotificationsViewGroup } from \"./UserSettingsNotificationsViewGroup.js\";\nimport type UserSettingsItem from \"./UserSettingsItem.js\";\nimport type { ListItemClickEventDetail } from \"@ui5/webcomponents/dist/List.js\";\nimport { getFirstFocusableElement } from \"@ui5/webcomponents-base/dist/util/FocusableElements.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\n\nimport {\n\tcustomElement, slotStrict as slot, eventStrict as event,\n} from \"@ui5/webcomponents-base/dist/decorators.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { DefaultSlot, Slot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport {\n\tUSER_SETTINGS_NOTIFICATIONS_LIST_LABEL,\n\tUSER_SETTINGS_NOTIFICATIONS_PREFERENCES_LIST_LABEL,\n} from \"./generated/i18n/i18n-defaults.js\";\n\ntype UserSettingsNotificationsViewItemClickEventDetail = {\n\titem: UserSettingsNotificationsViewItem;\n}\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-notifications-view` represents a view displayed in the\n * `ui5-user-settings-item` that lists notification preferences. Individual settings\n * are represented by `ui5-user-settings-notifications-view-item` elements, optionally\n * grouped by `ui5-user-settings-notifications-view-group`.\n *\n * When a navigable item is clicked, the view drills into a sibling secondary view of\n * its parent `ui5-user-settings-item`. When an item's `item-key` matches a target\n * view's `id`, that view is opened and keeps its own `text`. Otherwise the first\n * sibling marked as `secondary` is opened and its `text` is set to the clicked\n * item's `text` so the drill-in header reflects the origin.\n *\n * Apps can override this behavior by preventing the `item-click` event.\n *\n * Applications should listen to the item's `switch-change` event (which bubbles) to\n * be notified when a switch is toggled.\n *\n * Additional content (e.g. an information message strip) can be placed via the\n * `additionalContent` slot, which is rendered above the list.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsNotificationsView.js\";`\n *\n * @constructor\n * @extends UserSettingsView\n * @public\n * @since 2.27.0\n */\n@customElement({\n\ttag: \"ui5-user-settings-notifications-view\",\n\trenderer: jsxRenderer,\n\ttemplate: UserSettingsNotificationsViewTemplate,\n\tstyles: [UserSettingViewCss, UserSettingsNotificationsViewCss],\n})\n\n/**\n * Fired when a navigable item in the list is clicked.\n *\n * The event is cancelable: preventing it skips the built-in drill-in to the\n * parent's secondary view, allowing the application to take over.\n *\n * @param {UserSettingsNotificationsViewItem} item The clicked notifications view item.\n * @public\n */\n@event(\"item-click\", {\n\tcancelable: true,\n})\n\nclass UserSettingsNotificationsView extends UserSettingsView {\n\teventDetails!: {\n\t\t\"item-click\": UserSettingsNotificationsViewItemClickEventDetail;\n\t}\n\n\t/**\n\t * Defines the items of the component. Can be a mix of\n\t * `ui5-user-settings-notifications-view-item` and\n\t * `ui5-user-settings-notifications-view-group` elements.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\t\"default\": true,\n\t\tinvalidateOnChildChange: true,\n\t})\n\titems!: DefaultSlot<UserSettingsNotificationsViewGroup | UserSettingsNotificationsViewItem>;\n\n\t/**\n\t * Defines header items rendered above the grouped items list.\n\t * Each item is wrapped in a `role=\"form\"` landmark — a separate Tab stop.\n\t * Use this slot for product-level toggles (e.g. \"Allow Notifications\") that appear\n\t * above the notification-type groups.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t\tinvalidateOnChildChange: true,\n\t\tindividualSlots: true,\n\t})\n\theaderItems!: Slot<UserSettingsNotificationsViewItem>;\n\n\t/**\n\t * Defines additional content displayed above the items list.\n\t *\n\t * @public\n\t */\n\t@slot({\n\t\ttype: HTMLElement,\n\t})\n\tadditionalContent!: Slot<HTMLElement>;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\tgetAllItems(): Array<UserSettingsNotificationsViewItem> {\n\t\tconst allItems: Array<UserSettingsNotificationsViewItem> = [...this.headerItems];\n\n\t\tthis.items.forEach(item => {\n\t\t\tif (isInstanceOfUserSettingsNotificationsViewGroup(item)) {\n\t\t\t\titem.items.forEach(child => {\n\t\t\t\t\tif (isInstanceOfUserSettingsNotificationsViewItem(child)) {\n\t\t\t\t\t\tallItems.push(child);\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t} else if (isInstanceOfUserSettingsNotificationsViewItem(item)) {\n\t\t\t\tallItems.push(item);\n\t\t\t}\n\t\t});\n\n\t\treturn allItems;\n\t}\n\n\tgetItemByKey(itemKey: string): UserSettingsNotificationsViewItem | undefined {\n\t\treturn this.getAllItems().find(item => item.itemKey === itemKey);\n\t}\n\n\tget _hasHeaderItems(): boolean {\n\t\treturn this.headerItems.length > 0;\n\t}\n\n\t_lastNavigatedItem: UserSettingsNotificationsViewItem | null = null;\n\n\tget _listAccessibleName(): string {\n\t\treturn this.secondary\n\t\t\t? UserSettingsNotificationsView.i18nBundle.getText(USER_SETTINGS_NOTIFICATIONS_PREFERENCES_LIST_LABEL)\n\t\t\t: UserSettingsNotificationsView.i18nBundle.getText(USER_SETTINGS_NOTIFICATIONS_LIST_LABEL);\n\t}\n\n\t_navigateToSecondaryView(item: UserSettingsNotificationsViewItem) {\n\t\tconst parentItem = this.closest<UserSettingsItem>(\"[ui5-user-settings-item]\");\n\t\tconst secondaryViews = parentItem?.pages?.filter(view => view !== this && view.secondary) ?? [];\n\n\t\tconst matched = item.itemKey ? secondaryViews.find(view => view.id === item.itemKey) : undefined;\n\t\tconst target = matched ?? secondaryViews[0];\n\n\t\tif (!target) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!matched || !target.text) {\n\t\t\ttarget.text = item.text;\n\t\t}\n\n\t\tthis.selected = false;\n\t\tthis._lastNavigatedItem = item;\n\t\ttarget.selected = true;\n\n\t\trenderFinished().then(async () => {\n\t\t\tif (!this.isConnected) {\n\t\t\t\treturn;\n\t\t\t}\n\t\t\tawait target._waitForDomRef();\n\t\t\tconst focusable = await getFirstFocusableElement(target.getDomRef()!);\n\t\t\tfocusable?.focus();\n\t\t});\n\t}\n\n\t_processItemClick(item: UserSettingsNotificationsViewItem) {\n\t\tif (!isInstanceOfUserSettingsNotificationsViewItem(item) || !item.navigable) {\n\t\t\treturn;\n\t\t}\n\t\tif (!this.fireDecoratorEvent(\"item-click\", { item })) {\n\t\t\treturn;\n\t\t}\n\t\tthis._navigateToSecondaryView(item);\n\t}\n\n\t_handleItemClick = (e: CustomEvent<ListItemClickEventDetail>) => {\n\t\tthis._processItemClick(e.detail.item as UserSettingsNotificationsViewItem);\n\t};\n\n\t_handleFormItemClick = (e: CustomEvent<{ item: UserSettingsNotificationsViewItem }>) => {\n\t\tthis._processItemClick(e.detail.item);\n\t};\n}\n\nUserSettingsNotificationsView.define();\nexport default UserSettingsNotificationsView;\nexport type {\n\tUserSettingsNotificationsViewItemClickEventDetail,\n};\n"]}

package/dist/UserSettingsNotificationsViewGroup.d.ts

@@ -0,0 +1,29 @@
+import ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import type UserSettingsNotificationsViewItem from "./UserSettingsNotificationsViewItem.js";
+import type { DefaultSlot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-notifications-view-group` groups `ui5-user-settings-notifications-view-item`
+ * elements inside a `ui5-user-settings-notifications-view`. Its header renders as a plain bold
+ * section title with a separator line below, per the notifications design spec.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewGroup.js";`
+ *
+ * @constructor
+ * @extends ListItemGroup
+ * @public
+ * @since 2.27.0
+ */
+declare class UserSettingsNotificationsViewGroup extends ListItemGroup {
+    /**
+     * Defines the items of the `ui5-user-settings-notifications-view-group`.
+     * @public
+     */
+    items: DefaultSlot<UserSettingsNotificationsViewItem>;
+    get isUserSettingsNotificationsViewGroup(): boolean;
+}
+export declare const isInstanceOfUserSettingsNotificationsViewGroup: (object: any) => object is UserSettingsNotificationsViewGroup;
+export default UserSettingsNotificationsViewGroup;

package/dist/UserSettingsNotificationsViewGroup.js

@@ -0,0 +1,49 @@
+var __decorate = (this && this.__decorate) || function (decorators, target, key, desc) {
+    var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;
+    if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);
+    else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+    return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+import ListItemGroup from "@ui5/webcomponents/dist/ListItemGroup.js";
+import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
+import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
+import createInstanceChecker from "@ui5/webcomponents-base/dist/util/createInstanceChecker.js";
+import UserSettingsNotificationsViewGroupCss from "./generated/themes/UserSettingsNotificationsViewGroup.css.js";
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-notifications-view-group` groups `ui5-user-settings-notifications-view-item`
+ * elements inside a `ui5-user-settings-notifications-view`. Its header renders as a plain bold
+ * section title with a separator line below, per the notifications design spec.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewGroup.js";`
+ *
+ * @constructor
+ * @extends ListItemGroup
+ * @public
+ * @since 2.27.0
+ */
+let UserSettingsNotificationsViewGroup = class UserSettingsNotificationsViewGroup extends ListItemGroup {
+    get isUserSettingsNotificationsViewGroup() {
+        return true;
+    }
+};
+__decorate([
+    slot({
+        "default": true,
+        invalidateOnChildChange: true,
+        type: HTMLElement,
+    })
+], UserSettingsNotificationsViewGroup.prototype, "items", void 0);
+UserSettingsNotificationsViewGroup = __decorate([
+    customElement({
+        tag: "ui5-user-settings-notifications-view-group",
+        styles: [ListItemGroup.styles, UserSettingsNotificationsViewGroupCss],
+    })
+], UserSettingsNotificationsViewGroup);
+UserSettingsNotificationsViewGroup.define();
+export const isInstanceOfUserSettingsNotificationsViewGroup = createInstanceChecker("isUserSettingsNotificationsViewGroup");
+export default UserSettingsNotificationsViewGroup;
+//# sourceMappingURL=UserSettingsNotificationsViewGroup.js.map

package/dist/UserSettingsNotificationsViewGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserSettingsNotificationsViewGroup.js","sourceRoot":"","sources":["../src/UserSettingsNotificationsViewGroup.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,aAAa,MAAM,0CAA0C,CAAC;AACrE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,IAAI,MAAM,wDAAwD,CAAC;AAC1E,OAAO,qBAAqB,MAAM,4DAA4D,CAAC;AAC/F,OAAO,qCAAqC,MAAM,8DAA8D,CAAC;AAIjH;;;;;;;;;;;;;;;GAeG;AAKH,IAAM,kCAAkC,GAAxC,MAAM,kCAAmC,SAAQ,aAAa;IAY7D,IAAI,oCAAoC;QACvC,OAAO,IAAI,CAAC;IACb,CAAC;CACD,CAAA;AALQ;IALP,IAAI,CAAC;QACL,SAAS,EAAE,IAAI;QACf,uBAAuB,EAAE,IAAI;QAC7B,IAAI,EAAE,WAAW;KACjB,CAAC;iEAC4D;AAVzD,kCAAkC;IAJvC,aAAa,CAAC;QACd,GAAG,EAAE,4CAA4C;QACjD,MAAM,EAAE,CAAC,aAAa,CAAC,MAAM,EAAE,qCAAqC,CAAC;KACrE,CAAC;GACI,kCAAkC,CAevC;AAED,kCAAkC,CAAC,MAAM,EAAE,CAAC;AAE5C,MAAM,CAAC,MAAM,8CAA8C,GAAG,qBAAqB,CAAqC,sCAAsC,CAAC,CAAC;AAChK,eAAe,kCAAkC,CAAC","sourcesContent":["import ListItemGroup from \"@ui5/webcomponents/dist/ListItemGroup.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport createInstanceChecker from \"@ui5/webcomponents-base/dist/util/createInstanceChecker.js\";\nimport UserSettingsNotificationsViewGroupCss from \"./generated/themes/UserSettingsNotificationsViewGroup.css.js\";\nimport type UserSettingsNotificationsViewItem from \"./UserSettingsNotificationsViewItem.js\";\nimport type { DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\n\n/**\n * @class\n * ### Overview\n *\n * The `ui5-user-settings-notifications-view-group` groups `ui5-user-settings-notifications-view-item`\n * elements inside a `ui5-user-settings-notifications-view`. Its header renders as a plain bold\n * section title with a separator line below, per the notifications design spec.\n *\n * ### ES6 Module Import\n * `import \"@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewGroup.js\";`\n *\n * @constructor\n * @extends ListItemGroup\n * @public\n * @since 2.27.0\n */\n@customElement({\n\ttag: \"ui5-user-settings-notifications-view-group\",\n\tstyles: [ListItemGroup.styles, UserSettingsNotificationsViewGroupCss],\n})\nclass UserSettingsNotificationsViewGroup extends ListItemGroup {\n\t/**\n\t * Defines the items of the `ui5-user-settings-notifications-view-group`.\n\t * @public\n\t */\n\t@slot({\n\t\t\"default\": true,\n\t\tinvalidateOnChildChange: true,\n\t\ttype: HTMLElement,\n\t})\n\tdeclare items: DefaultSlot<UserSettingsNotificationsViewItem>;\n\n\tget isUserSettingsNotificationsViewGroup(): boolean {\n\t\treturn true;\n\t}\n}\n\nUserSettingsNotificationsViewGroup.define();\n\nexport const isInstanceOfUserSettingsNotificationsViewGroup = createInstanceChecker<UserSettingsNotificationsViewGroup>(\"isUserSettingsNotificationsViewGroup\");\nexport default UserSettingsNotificationsViewGroup;\n"]}

package/dist/UserSettingsNotificationsViewItem.d.ts

@@ -0,0 +1,100 @@
+import ListItemCustom from "@ui5/webcomponents/dist/ListItemCustom.js";
+import type { Slot } from "@ui5/webcomponents-base/dist/UI5Element.js";
+import type { AccessibilityInfo } from "@ui5/webcomponents-base/dist/types.js";
+type UserSettingsNotificationsViewItemSwitchChangeEventDetail = {
+    item: UserSettingsNotificationsViewItem;
+    checked: boolean;
+};
+/**
+ * @class
+ * ### Overview
+ *
+ * The `ui5-user-settings-notifications-view-item` represents a single notification setting
+ * within the `ui5-user-settings-notifications-view`.
+ *
+ * It displays a title and an optional byline. By default a trailing switch reflects
+ * the `checked` state. Applications can override the trailing control by providing content
+ * in the `endContent` slot (e.g. a `ui5-select` for a value picker); the built-in switch and
+ * its `switch-change` event are then suppressed. Items can additionally be flagged as
+ * `navigable` to display a navigation arrow and behave as clickable list rows.
+ *
+ * **Note:** The default switch and the `endContent` slot are mutually exclusive.
+ * When any content is provided in `endContent`, the trailing switch is not rendered
+ * and no `switch-change` event is fired.
+ *
+ * ### ES6 Module Import
+ * `import "@ui5/webcomponents-fiori/dist/UserSettingsNotificationsViewItem.js";`
+ *
+ * @constructor
+ * @extends ListItemCustom
+ * @public
+ * @since 2.27.0
+ */
+declare class UserSettingsNotificationsViewItem extends ListItemCustom {
+    eventDetails: ListItemCustom["eventDetails"] & {
+        "switch-change": UserSettingsNotificationsViewItemSwitchChangeEventDetail;
+        "_form-item-click": {
+            item: UserSettingsNotificationsViewItem;
+        };
+    };
+    /**
+     * Defines the unique identifier of the item.
+     *
+     * When the item is navigable, `itemKey` is also used to route to a matching sibling
+     * `secondary` view by id.
+     *
+     * @default ""
+     * @public
+     */
+    itemKey: string;
+    /**
+     * Defines the title text of the item.
+     * @default ""
+     * @public
+     */
+    text: string;
+    /**
+     * Defines the byline text of the item, rendered below the title.
+     * @default ""
+     * @public
+     */
+    bylineText: string;
+    /**
+     * Defines whether the trailing switch is on.
+     *
+     * Ignored when the `endContent` slot is used.
+     *
+     * @default false
+     * @public
+     */
+    checked: boolean;
+    /**
+     * Defines whether the item is navigable. When true, a navigation arrow is rendered
+     * and the whole row becomes clickable (fires the parent view's `item-click` event).
+     * @default false
+     * @public
+     */
+    navigable: boolean;
+    /**
+     * Defines custom content rendered at the trailing end of the item, replacing the
+     * default switch. Use this to place a `ui5-select`, `ui5-input`, or any other
+     * control instead of a boolean toggle.
+     *
+     * @public
+     */
+    endContent: Slot<HTMLElement>;
+    get isUserSettingsNotificationsViewItem(): boolean;
+    get typeNavigation(): boolean;
+    get _isHeaderItem(): boolean;
+    shouldForwardTabAfter(): boolean;
+    get _hasEndContent(): boolean;
+    get _accessibleSwitchName(): string;
+    _onkeyup(e: KeyboardEvent): void;
+    _handleSwitchChange: (e: Event) => void;
+    _handleFormItemClick: (e: MouseEvent) => void;
+    _handleEndClick: (e: MouseEvent) => void;
+    get accessibilityInfo(): AccessibilityInfo;
+}
+export declare const isInstanceOfUserSettingsNotificationsViewItem: (object: any) => object is UserSettingsNotificationsViewItem;
+export default UserSettingsNotificationsViewItem;
+export type { UserSettingsNotificationsViewItemSwitchChangeEventDetail, };