@ui5/webcomponents-fiori 2.20.0-rc.2 → 2.20.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.
- package/CHANGELOG.md +27 -0
- package/dist/.tsbuildinfo +1 -1
- package/dist/FlexibleColumnLayout.d.ts +0 -1
- package/dist/FlexibleColumnLayout.js +3 -3
- package/dist/FlexibleColumnLayout.js.map +1 -1
- package/dist/NavigationLayout.js +0 -12
- package/dist/NavigationLayout.js.map +1 -1
- package/dist/NotificationListGroupList.d.ts +1 -0
- package/dist/NotificationListGroupList.js +1 -0
- package/dist/NotificationListGroupList.js.map +1 -1
- package/dist/NotificationListInternal.d.ts +1 -0
- package/dist/NotificationListInternal.js +1 -0
- package/dist/NotificationListInternal.js.map +1 -1
- package/dist/ShellBar.d.ts +1 -1
- package/dist/ShellBar.js.map +1 -1
- package/dist/ShellBarItem.d.ts +19 -2
- package/dist/ShellBarItem.js +16 -2
- package/dist/ShellBarItem.js.map +1 -1
- package/dist/SideNavigation.js +1 -0
- package/dist/SideNavigation.js.map +1 -1
- package/dist/Wizard.js +1 -1
- package/dist/Wizard.js.map +1 -1
- package/dist/css/themes/ShellBar.css +1 -1
- package/dist/css/themes/ShellBarLegacy.css +1 -1
- package/dist/custom-elements-internal.json +8206 -4492
- package/dist/custom-elements.json +5602 -2779
- package/dist/generated/assets/i18n/messagebundle_ar.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_bg.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ca.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cnr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cs.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_cy.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_da.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_de.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_el.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_GB.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_sappsd.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saprigi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_en_US_saptrc.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_es.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_es_MX.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_et.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_fr_CA.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_hu.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_id.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_it.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_iw.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ja.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_kk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ko.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_lv.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_mk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ms.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_nl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_no.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pt.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_pt_PT.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ro.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_ru.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sh.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sl.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_sv.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_th.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_tr.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_uk.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_vi.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_zh_CN.json +1 -1
- package/dist/generated/assets/i18n/messagebundle_zh_TW.json +1 -1
- package/dist/generated/themes/ShellBar.css.d.ts +1 -1
- package/dist/generated/themes/ShellBar.css.js +1 -1
- package/dist/generated/themes/ShellBar.css.js.map +1 -1
- package/dist/generated/themes/ShellBarLegacy.css.d.ts +1 -1
- package/dist/generated/themes/ShellBarLegacy.css.js +1 -1
- package/dist/generated/themes/ShellBarLegacy.css.js.map +1 -1
- package/dist/shellbar/templates/ShellBarLegacyTemplate.js +1 -1
- package/dist/shellbar/templates/ShellBarLegacyTemplate.js.map +1 -1
- package/dist/vscode.html-custom-data.json +501 -412
- package/dist/web-types.json +1253 -1065
- package/package.json +10 -8
- package/src/i18n/messagebundle_ar.properties +2 -0
- package/src/i18n/messagebundle_bg.properties +2 -0
- package/src/i18n/messagebundle_ca.properties +2 -0
- package/src/i18n/messagebundle_cnr.properties +2 -0
- package/src/i18n/messagebundle_cs.properties +2 -0
- package/src/i18n/messagebundle_cy.properties +2 -0
- package/src/i18n/messagebundle_da.properties +3 -1
- package/src/i18n/messagebundle_de.properties +2 -0
- package/src/i18n/messagebundle_el.properties +2 -0
- package/src/i18n/messagebundle_en.properties +2 -0
- package/src/i18n/messagebundle_en_GB.properties +2 -0
- package/src/i18n/messagebundle_en_US_sappsd.properties +2 -0
- package/src/i18n/messagebundle_en_US_saprigi.properties +2 -0
- package/src/i18n/messagebundle_en_US_saptrc.properties +2 -0
- package/src/i18n/messagebundle_es.properties +2 -0
- package/src/i18n/messagebundle_es_MX.properties +2 -0
- package/src/i18n/messagebundle_et.properties +2 -0
- package/src/i18n/messagebundle_fi.properties +2 -0
- package/src/i18n/messagebundle_fr.properties +2 -0
- package/src/i18n/messagebundle_fr_CA.properties +2 -0
- package/src/i18n/messagebundle_hi.properties +2 -0
- package/src/i18n/messagebundle_hr.properties +2 -0
- package/src/i18n/messagebundle_hu.properties +2 -0
- package/src/i18n/messagebundle_id.properties +2 -0
- package/src/i18n/messagebundle_it.properties +2 -0
- package/src/i18n/messagebundle_iw.properties +2 -0
- package/src/i18n/messagebundle_ja.properties +2 -0
- package/src/i18n/messagebundle_kk.properties +2 -0
- package/src/i18n/messagebundle_ko.properties +2 -0
- package/src/i18n/messagebundle_lt.properties +2 -0
- package/src/i18n/messagebundle_lv.properties +2 -0
- package/src/i18n/messagebundle_mk.properties +2 -0
- package/src/i18n/messagebundle_ms.properties +2 -0
- package/src/i18n/messagebundle_nl.properties +2 -0
- package/src/i18n/messagebundle_no.properties +2 -0
- package/src/i18n/messagebundle_pl.properties +2 -0
- package/src/i18n/messagebundle_pt.properties +2 -0
- package/src/i18n/messagebundle_pt_PT.properties +2 -0
- package/src/i18n/messagebundle_ro.properties +2 -0
- package/src/i18n/messagebundle_ru.properties +2 -0
- package/src/i18n/messagebundle_sh.properties +2 -0
- package/src/i18n/messagebundle_sk.properties +2 -0
- package/src/i18n/messagebundle_sl.properties +2 -0
- package/src/i18n/messagebundle_sr.properties +2 -0
- package/src/i18n/messagebundle_sv.properties +2 -0
- package/src/i18n/messagebundle_th.properties +2 -0
- package/src/i18n/messagebundle_tr.properties +2 -0
- package/src/i18n/messagebundle_uk.properties +3 -1
- package/src/i18n/messagebundle_vi.properties +2 -0
- package/src/i18n/messagebundle_zh_CN.properties +2 -0
- package/src/i18n/messagebundle_zh_TW.properties +2 -0
- package/src/shellbar/templates/ShellBarLegacyTemplate.tsx +1 -1
- package/src/themes/ShellBar.css +12 -1
- package/src/themes/ShellBarLegacy.css +4 -1
|
@@ -160,7 +160,6 @@ let FlexibleColumnLayout = FlexibleColumnLayout_1 = class FlexibleColumnLayout e
|
|
|
160
160
|
* @default {}
|
|
161
161
|
* @public
|
|
162
162
|
* @since 2.16.0
|
|
163
|
-
* @experimental
|
|
164
163
|
*/
|
|
165
164
|
this.layoutsConfiguration = {};
|
|
166
165
|
/**
|
|
@@ -1110,7 +1109,7 @@ __decorate([
|
|
|
1110
1109
|
property({ type: Number })
|
|
1111
1110
|
], FlexibleColumnLayout.prototype, "_width", void 0);
|
|
1112
1111
|
__decorate([
|
|
1113
|
-
property({ type: Array })
|
|
1112
|
+
property({ type: Array, noAttribute: true })
|
|
1114
1113
|
], FlexibleColumnLayout.prototype, "_columnLayout", void 0);
|
|
1115
1114
|
__decorate([
|
|
1116
1115
|
property({ type: Number })
|
|
@@ -1160,12 +1159,13 @@ FlexibleColumnLayout = FlexibleColumnLayout_1 = __decorate([
|
|
|
1160
1159
|
})
|
|
1161
1160
|
/**
|
|
1162
1161
|
* Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.
|
|
1162
|
+
*
|
|
1163
|
+
* **Note:** The `layout-configuration-change` event is in an experimental state and is a subject to change.
|
|
1163
1164
|
* @param {FCLLayout} layout The current layout
|
|
1164
1165
|
* @param {MEDIA} media The current media type
|
|
1165
1166
|
* @param {array} columnLayout The effective column layout, f.e ["67%", "33%", "0px"]
|
|
1166
1167
|
* @public
|
|
1167
1168
|
* @since 2.16.0
|
|
1168
|
-
* @experimental
|
|
1169
1169
|
*/
|
|
1170
1170
|
,
|
|
1171
1171
|
event("layout-configuration-change", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlexibleColumnLayout.js","sourceRoot":"","sources":["../src/FlexibleColumnLayout.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot } 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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { supportsTouch } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport AnimationMode from \"@ui5/webcomponents-base/dist/types/AnimationMode.js\";\nimport { getAnimationMode } from \"@ui5/webcomponents-base/dist/config/AnimationMode.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport \"@ui5/webcomponents-icons/dist/vertical-grip.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport {\n\tisLeft,\n\tisRight,\n\tisLeftShift,\n\tisRightShift,\n\tisHome,\n\tisEnd,\n\tisEnter,\n\tisSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { PassiveEventListenerObject, AriaLandmarkRole } from \"@ui5/webcomponents-base\";\nimport FCLLayout from \"./types/FCLLayout.js\";\nimport {\n\tgetDefaultLayoutsByMedia,\n\tgetNextLayoutByArrowPress,\n} from \"./fcl-utils/FCLLayout.js\";\n\n// Texts\nimport {\n\tFCL_START_COLUMN_TXT,\n\tFCL_MIDDLE_COLUMN_TXT,\n\tFCL_END_COLUMN_TXT,\n\tFCL_START_SEPARATOR_TOOLTIP,\n\tFCL_END_SEPARATOR_TOOLTIP,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport FlexibleColumnLayoutTemplate from \"./FlexibleColumnLayoutTemplate.js\";\n\n// Styles\nimport FlexibleColumnLayoutCss from \"./generated/themes/FlexibleColumnLayout.css.js\";\n\nenum MEDIA {\n\tPHONE = \"phone\",\n\tTABLET = \"tablet\",\n\tDESKTOP = \"desktop\",\n}\n\nconst BREAKPOINTS = {\n\t\"PHONE\": 599,\n\t\"TABLET\": 1023,\n} as const;\n\nconst COLUMN = {\n\tSTART: 0,\n\tMID: 1,\n\tEND: 2,\n} as const;\n\nconst SEPARATOR_DEFAULT_VALUES = {\n\tSTART: 50,\n\tEND: 75,\n} as const;\n\nconst COLUMN_MIN_WIDTH = 248;\n\ntype SeparatorMovementSession = {\n\tseparator: HTMLElement,\n\tcursorPositionX: number, // the position X of the mouse/finger that indicates where to move the separator\n\ttmpFCLLayout: FCLLayout, // the layout that corresponds to the latest separator position\n};\n\ntype FlexibleColumnLayoutColumnLayout = Array<string | 0>;\n\ntype LayoutConfiguration = {\n\t\"tablet\"?: {\n\t\t[layoutName in FCLLayout]?: {\n\t\t\tlayout: FlexibleColumnLayoutColumnLayout,\n\t\t}\n\t},\n\t\"desktop\"?: {\n\t\t[layoutName in FCLLayout]?: {\n\t\t\tlayout: FlexibleColumnLayoutColumnLayout,\n\t\t}\n\t},\n}\n\ntype FlexibleColumnLayoutLayoutChangeEventDetail = {\n\tlayout: `${FCLLayout}`,\n\tcolumnLayout: FlexibleColumnLayoutColumnLayout,\n\tstartColumnVisible: boolean,\n\tmidColumnVisible: boolean,\n\tendColumnVisible: boolean,\n\tseparatorsUsed: boolean,\n\tresized: boolean,\n};\n\ntype FlexibleColumnLayoutLayoutConfigurationChangeEventDetail = {\n\tlayout: `${FCLLayout}`,\n\tmedia: `${MEDIA}`,\n\tcolumnLayout: FlexibleColumnLayoutColumnLayout,\n};\n\ntype FCLAccessibilityRoles = Extract<AriaLandmarkRole, \"none\" | \"complementary\" | \"contentinfo\" | \"main\" | \"region\">\ntype FCLAccessibilityAttributes = {\n\tstartColumn?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tmidColumn?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tendColumn?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tstartSeparator?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tendSeparator?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\n * There are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n *\n * ### Usage\n *\n * Use this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\n * The Component is flexible in a sense that the application can focus the user's attention on one particular column.\n *\n * ### Responsive Behavior\n *\n * The `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\n * The component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\n * and 3 columns for sizes bigger than 1023px.\n *\n * **Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n *\n * ### Keyboard Handling\n *\n * #### Basic Navigation\n *\n * When a column separator is focused, the following keyboard\n * shortcuts allow the user to resize the columns and change the layout:\n *\n * - [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n * - [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n * - [Home] - Moves the separator to the start position.\n * - [End] - Moves the separator to the end position.\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 * #### 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/FlexibleColumnLayout.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-flexible-column-layout\",\n\tfastNavigation: true,\n\trenderer: jsxRenderer,\n\tstyles: FlexibleColumnLayoutCss,\n\ttemplate: FlexibleColumnLayoutTemplate,\n\tdependencies: [Icon, Button],\n})\n\n/**\n * Fired when the layout changes via user interaction by dragging the separators\n * or by changing the component size due to resizing.\n * @param {FCLLayout} layout The current layout\n * @param {array} columnLayout The effective column layout, f.e [67%, 33%, 0]\n * @param {boolean} startColumnVisible Indicates if the start column is currently visible\n * @param {boolean} midColumnVisible Indicates if the middle column is currently visible\n * @param {boolean} endColumnVisible Indicates if the end column is currently visible\n * @param {boolean} separatorsUsed Indicates if the layout was changed by dragging the column separators\n * @param {boolean} resized Indicates if the layout was changed by resizing the entire component\n * @public\n */\n@event(\"layout-change\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.\n * @param {FCLLayout} layout The current layout\n * @param {MEDIA} media The current media type\n * @param {array} columnLayout The effective column layout, f.e [\"67%\", \"33%\", \"0px\"]\n * @public\n * @since 2.16.0\n * @experimental\n */\n@event(\"layout-configuration-change\", {\n\tbubbles: true,\n})\nclass FlexibleColumnLayout extends UI5Element {\n\teventDetails!: {\n\t\t\"layout-change\": FlexibleColumnLayoutLayoutChangeEventDetail,\n\t\t\"layout-configuration-change\": FlexibleColumnLayoutLayoutConfigurationChangeEventDetail,\n\t}\n\t/**\n\t* Defines the columns layout and their proportion.\n\t*\n\t* **Note:** The layout also depends on the screen size - one column for screens smaller than 599px,\n\t* two columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n\t*\n\t* **For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns\n\t* in 67%/33% proportion.\n\t* @default \"OneColumn\"\n\t* @public\n\t*/\n\t@property()\n\tlayout: `${FCLLayout}` = \"OneColumn\";\n\n\t/**\n\t* Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.\n\t* @default false\n\t* @public\n\t* @since 2.0.0\n\t*/\n\t@property({ type: Boolean })\n\tdisableResizing = false;\n\n\t/**\n\t* Defines additional accessibility attributes on different areas of the component.\n\t*\n\t* The accessibilityAttributes object has the following fields,\n\t* where each field is an object supporting one or more accessibility attributes:\n\t*\n\t* - **startColumn**: `startColumn.role` and `startColumn.name`.\n\t* - **midColumn**: `midColumn.role` and `midColumn.name`.\n\t* - **endColumn**: `endColumn.role` and `endColumn.name`.\n\t* - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n\t* - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\t*\n\t* The accessibility attributes support the following values:\n\t*\n\t* - **role**: Defines the accessible ARIA landmark role of the area.\n\t* Accepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\t*\n\t* - **name**: Defines the accessible ARIA name of the area.\n\t* Accepts any string.\n\t*\n\t* @default {}\n\t* @public\n\t* @since 2.0.0\n\t*/\n\t@property({ type: Object })\n\taccessibilityAttributes: FCLAccessibilityAttributes = {};\n\n\t/**\n\t* Allows to customize the column proportions per screen size and layout.\n\t* If no custom proportion provided for a specific layout, the default will be used.\n\t*\n\t* **Notes:**\n\t*\n\t* - The proportions should be given in percentages. For example [\"30%\", \"40%\", \"30%\"], [\"70%\", \"30%\", 0], etc.\n\t* - The proportions should add up to 100%.\n\t* - Hidden columns are marked as \"0px\", e.g. [\"0px\", \"70%\", \"30%\"]. Specifying 0 or \"0%\" for hidden columns is also valid.\n\t* - If the proportions do not match the layout (e.g. if provided proportions [\"70%\", \"30%\", \"0px\"] for \"OneColumn\" layout), then the default proportions will be used instead.\n\t* - Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).\n\t* - No custom configuration available for the phone screen size, as the default of 100% column width is always used there.\n\t* @default {}\n\t* @public\n\t* @since 2.16.0\n\t* @experimental\n\t*/\n\t@property({ type: Object })\n\tlayoutsConfiguration: LayoutConfiguration = {};\n\n\t/**\n\t* Defines the component width in px.\n\t* @default 0\n\t* @private\n\t*/\n\t@property({ type: Number })\n\t_width = 0;\n\n\t/**\n\t* Defines the effective columns layout,\n\t* based on both the `layout` property and the screen size.\n\t* Example: [67%, 33%, 0], [25%, 50%, 25%], etc.\n\t* @default undefined\n\t* @private\n\t*/\n\t@property({ type: Array })\n\t_columnLayout?: FlexibleColumnLayoutColumnLayout;\n\n\t/**\n\t* Defines the visible columns count - 1, 2 or 3.\n\t* @default 1\n\t* @private\n\t*/\n\t@property({ type: Number })\n\t_visibleColumns = 1;\n\n\t/**\n\t* Defines if the user is currently resizing the columns by dragging their separator.\n\t* @default false\n\t* @private\n\t*/\n\t@property({ type: Boolean })\n\t_resizing = false;\n\n\t/**\n\t * This property is no longer used and is replaced by `layoutsConfiguration`.\n\t * The property will be removed once all adopters migrate to `layoutsConfiguration`.\n\t*/\n\t@property({ type: Object })\n\t_layoutsConfiguration?: {\n\t\t[device in MEDIA]: {\n\t\t\t[layoutName in FCLLayout]: {\n\t\t\t\tlayout: Array<string>;\n\t\t\t\tseparators: Array<{\n\t\t\t\t\tvisible: boolean;\n\t\t\t\t}>;\n\t\t\t};\n\t\t};\n\t};\n\n\t/**\n\t* Defines the content in the start column.\n\t* @public\n\t*/\n\t@slot()\n\tstartColumn!: Slot<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle column.\n\t* @public\n\t*/\n\t@slot()\n\tmidColumn!: Slot<HTMLElement>;\n\n\t/**\n\t* Defines the content in the end column.\n\t* @public\n\t*/\n\t@slot()\n\tendColumn!: Slot<HTMLElement>;\n\n\tinitialRendering: boolean;\n\t_handleResize: () => void;\n\t_onSeparatorMove: (e: TouchEvent | MouseEvent) => void;\n\t_onSeparatorMoveEnd: (e: TouchEvent | MouseEvent) => void;\n\tonColumnCollapseAnimationEndRef: (e: TransitionEvent) => void;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_prevLayout: `${FCLLayout}` | null;\n\t_prevLayoutsConfiguration: LayoutConfiguration | null;\n\t_ontouchstart: PassiveEventListenerObject;\n\tseparatorMovementSession?: SeparatorMovementSession | null;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._prevLayout = null;\n\t\tthis._prevLayoutsConfiguration = null;\n\t\tthis.initialRendering = true;\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\tthis._onSeparatorMove = this.onSeparatorMove.bind(this);\n\t\tthis._onSeparatorMoveEnd = this.onSeparatorMoveEnd.bind(this);\n\t\tthis.onColumnCollapseAnimationEndRef = this.onColumnCollapseAnimationEnd.bind(this);\n\n\t\tconst handleTouchStartEvent = (e: TouchEvent) => {\n\t\t\tthis.onSeparatorPress(e);\n\t\t};\n\n\t\tthis._ontouchstart = {\n\t\t\thandleEvent: handleTouchStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\tstatic get ANIMATION_DURATION() {\n\t\treturn getAnimationMode() !== AnimationMode.None ? 560 : 0;\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize.bind(this));\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t}\n\n\tonAfterRendering() {\n\t\tif (this.initialRendering) {\n\t\t\tthis.handleInitialRendering();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.syncLayoutsConfiguration();\n\t\tthis.syncLayout();\n\t}\n\n\thandleInitialRendering() {\n\t\tthis._prevLayout = this.layout;\n\t\tthis.updateLayout();\n\t\tthis.initialRendering = false;\n\t}\n\n\thandleResize() {\n\t\tif (this.initialRendering) {\n\t\t\treturn;\n\t\t}\n\n\t\t// store the previous layout\n\t\tconst prevLayoutHash = this.columnLayout!.join();\n\n\t\t// update the column layout, based on the current width\n\t\tthis.updateLayout();\n\n\t\t// fire layout-change if the column layout changed\n\t\tif (prevLayoutHash !== this.columnLayout!.join()) {\n\t\t\tthis.fireLayoutChange(false, true);\n\t\t}\n\t}\n\n\tupdateLayout() {\n\t\tthis._width = this.widthDOM;\n\t\tthis._columnLayout = this.nextColumnLayout(this.effectiveLayout);\n\t\tthis._visibleColumns = this.calcVisibleColumns(this._columnLayout);\n\t\tthis.toggleColumns();\n\t}\n\n\tsyncLayout() {\n\t\tif (this._prevLayout !== this.layout) {\n\t\t\tthis.updateLayout();\n\t\t\tthis._prevLayout = this.layout;\n\t\t}\n\t}\n\n\tsyncLayoutsConfiguration() {\n\t\tif (this._prevLayoutsConfiguration !== this.layoutsConfiguration) {\n\t\t\tthis._prevLayoutsConfiguration = this.layoutsConfiguration;\n\t\t\tif (this.nextColumnLayout(this.layout).join() !== this._columnLayout?.join() && !this.separatorMovementSession) {\n\t\t\t\tthis.updateLayout();\n\t\t\t}\n\t\t}\n\t}\n\n\ttoggleColumns() {\n\t\tthis.toggleColumn(\"start\");\n\t\tthis.toggleColumn(\"mid\");\n\t\tthis.toggleColumn(\"end\");\n\t}\n\n\ttoggleColumn(column: string) {\n\t\tlet columnWidth;\n\t\tlet columnDOM;\n\n\t\tif (column === \"start\") {\n\t\t\tcolumnWidth = this.startColumnWidth;\n\t\t\tcolumnDOM = this.startColumnDOM;\n\t\t} else if (column === \"mid\") {\n\t\t\tcolumnWidth = this.midColumnWidth;\n\t\t\tcolumnDOM = this.midColumnDOM;\n\t\t} else {\n\t\t\tcolumnWidth = this.endColumnWidth;\n\t\t\tcolumnDOM = this.endColumnDOM;\n\t\t}\n\n\t\tconst currentlyHidden = this._isColumnHidden(columnWidth);\n\t\tconst previouslyHidden = this._isColumnHidden(columnDOM.style.width);\n\n\t\t// no change\n\t\tif (currentlyHidden && previouslyHidden) {\n\t\t\treturn;\n\t\t}\n\n\t\t// column resizing: from 33% to 67%, from 25% to 50%, etc.\n\t\tif (!currentlyHidden && !previouslyHidden) {\n\t\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\t\t\treturn;\n\t\t}\n\n\t\t// hide column: 33% to 0, 25% to 0, etc .\n\t\tif (currentlyHidden) {\n\t\t\tthis.collapseColumn(columnDOM);\n\t\t\treturn;\n\t\t}\n\n\t\t// show column: from 0 to 33%, from 0 to 25%, etc.\n\t\tif (previouslyHidden) {\n\t\t\tthis.expandColumn(columnDOM, columnWidth);\n\t\t}\n\t}\n\n\texpandColumn(columnDOM: HTMLElement, columnWidth: string | number) {\n\t\tcolumnDOM.removeEventListener(\"transitionend\", this.onColumnCollapseAnimationEndRef);\n\n\t\tcolumnDOM.classList.remove(\"ui5-fcl-column--hidden\");\n\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\t}\n\n\tcollapseColumn(columnDOM: HTMLElement) {\n\t\tconst hasAnimation = getAnimationMode() !== AnimationMode.None && !this.initialRendering;\n\t\tcolumnDOM.style.width = \"0px\";\n\n\t\tif (hasAnimation) {\n\t\t\t// hide column with delay to allow the animation runs entirely\n\t\t\tcolumnDOM.classList.add(\"ui5-fcl-column-collapse-animation\");\n\t\t\tcolumnDOM.addEventListener(\"transitionend\", this.onColumnCollapseAnimationEndRef);\n\t\t} else {\n\t\t\tcolumnDOM.classList.add(\"ui5-fcl-column--hidden\");\n\t\t}\n\t}\n\n\tonColumnCollapseAnimationEnd = (e: Event) => {\n\t\tconst columnDOM = e.target as HTMLElement;\n\t\tcolumnDOM.classList.add(\"ui5-fcl-column--hidden\");\n\t\tcolumnDOM.classList.remove(\"ui5-fcl-column-collapse-animation\");\n\t\tcolumnDOM.removeEventListener(\"transitionend\", this.onColumnCollapseAnimationEndRef);\n\t}\n\n\tnextColumnLayout(layout: `${FCLLayout}`) {\n\t\treturn this.getCustomColumnLayout(layout) || this.getDefaultColumnLayout(layout);\n\t}\n\n\t/**\n\t * Gets custom column layout configuration if available and valid.\n\t * Ensures all visible columns meet minimum width requirements.\n\t * @param layout The FCL layout to get configuration for\n\t * @returns Normalized column layout or undefined if invalid/unavailable\n\t */\n\tgetCustomColumnLayout(layout: `${FCLLayout}`) {\n\t\t// Only allow custom configuration for tablet and desktop (not phone)\n\t\tif (!this.mediaAllowsCustomConfiguration(this.media)) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst customLayout = this.layoutsConfiguration[this.media]?.[layout]?.layout;\n\t\tif (!customLayout) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// ensure visible columns are above min-width given the current fcl total width\n\t\tconst constraintCompliantLayout = this.applyMinimumWidthConstraints(customLayout);\n\t\tif (this.isValidColumnLayout(constraintCompliantLayout)) { // satisfy layout-specific contraints\n\t\t\treturn constraintCompliantLayout;\n\t\t}\n\t}\n\n\tgetDefaultColumnLayout(layout: `${FCLLayout}`) {\n\t\treturn getDefaultLayoutsByMedia()[this.media][layout].layout;\n\t}\n\n\tmediaAllowsCustomConfiguration(media: MEDIA) {\n\t\treturn media !== MEDIA.PHONE;\n\t}\n\n\t/**\n\t * Applies minimum width constraints to column layout configuration.\n\t * Ensures all visible columns meet the minimum width requirement by transferring\n\t * space from the wider columns to the undersized columns.\n\t * @param columnLayout Original column layout (percentages or pixels)\n\t * @returns Constraint-compliant column layout in same format as input\n\t */\n\tapplyMinimumWidthConstraints(columnLayout: (string | 0)[]) {\n\t\treturn this.doWithPixelConversion(columnLayout, pxWidths => {\n\t\t\treturn this.adjustColumnsToMinimumWidth(pxWidths);\n\t\t});\n\t}\n\n\t/**\n\t * Adjusts column widths to ensure minimum width constraints.\n\t * Takes width from the widest columns to bring undersized columns up to minimum.\n\t * @param pxWidths Array of column widths in pixels (modified in place)\n\t */\n\tadjustColumnsToMinimumWidth(pxWidths: number[]) {\n\t\tconst adjustedWidths = [...pxWidths];\n\n\t\tlet totalDeficit = 0;\n\t\tfor (let i = 0; i < adjustedWidths.length; i++) {\n\t\t\tconst width = adjustedWidths[i];\n\t\t\tconst isBelowMinimum = Math.ceil(width) < COLUMN_MIN_WIDTH; // ceil to avoid floating point precision issues\n\n\t\t\tif (!this._isColumnHidden(width) && isBelowMinimum) {\n\t\t\t\ttotalDeficit += COLUMN_MIN_WIDTH - width;\n\t\t\t\tadjustedWidths[i] = COLUMN_MIN_WIDTH;\n\t\t\t}\n\t\t}\n\n\t\tif (totalDeficit === 0) {\n\t\t\treturn adjustedWidths; // no adjustments were needed\n\t\t}\n\n\t\t// Create proportions for redistribution of the deficit based on available space above COLUMN_MIN_WIDTH\n\t\tconst columnProportions = this.getColumnProportionsAboveMinWidth(pxWidths);\n\n\t\t// Redistribute the deficit proportionally among columns that can contribute\n\t\tfor (let i = 0; i < adjustedWidths.length; i++) {\n\t\t\tconst isVisible = adjustedWidths[i] > 0;\n\t\t\tif (isVisible && columnProportions[i] > 0) {\n\t\t\t\tadjustedWidths[i] -= totalDeficit * columnProportions[i];\n\t\t\t}\n\t\t}\n\n\t\treturn adjustedWidths;\n\t}\n\n\tgetColumnProportionsAboveMinWidth(columnPxWidths: number[]) {\n\t\tconst widthsAboveMinWidth = columnPxWidths.map(width => {\n\t\t\tif (width > COLUMN_MIN_WIDTH) {\n\t\t\t\treturn width - COLUMN_MIN_WIDTH;\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\n\t\tconst total = widthsAboveMinWidth.reduce((sum, width) => sum + width, 0);\n\n\t\tif (total === 0) {\n\t\t\treturn widthsAboveMinWidth;\n\t\t}\n\n\t\treturn widthsAboveMinWidth.map(width => width / total);\n\t}\n\n\t/**\n\t * Helper that handles pixel conversion for column width operations.\n\t * Converts input to pixels, applies the operation, then converts back to relative widths.\n\t * @param columnLayout Column layout in mixed formats\n\t * @param operation Function that operates on pixel widths\n\t * @returns Column layout in percentage format\n\t */\n\tdoWithPixelConversion(\n\t\tcolumnLayout: (string | 0)[],\n\t\toperation: (pxWidths: number[]) => number[],\n\t) {\n\t\t// Convert to pixels for calculations\n\t\tconst pxWidths = columnLayout.map(width => this.convertColumnWidthToPixels(width));\n\n\t\t// Apply the operation\n\t\tconst adjustedPxWidths = operation(pxWidths);\n\n\t\t// Convert back to percentage-based widths\n\t\treturn adjustedPxWidths.map(width => this.convertToRelativeColumnWidth(width));\n\t}\n\n\tisValidColumnLayout(columnLayout: (string | 0)[]) {\n\t\tconst pxWidths = columnLayout?.map(w => this.convertColumnWidthToPixels(w));\n\t\tconst totalWidth = pxWidths.reduce((sum, i) => sum + i, 0);\n\n\t\tif (Math.round(totalWidth) !== Math.round(this._availableWidthForColumns)) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this.verifyColumnWidthsMatchLayout(pxWidths);\n\t}\n\n\tverifyColumnWidthsMatchLayout(pxWidths: number[]) {\n\t\tconst columnWidths = {\n\t\t\t\tstart: pxWidths[0],\n\t\t\t\tmid: pxWidths[1],\n\t\t\t\tend: pxWidths[2],\n\t\t\t},\n\t\t\tstartWidth = columnWidths.start,\n\t\t\tstartPercentWidth = parseInt(this.convertToRelativeColumnWidth(startWidth));\n\n\t\tswitch (this.layout) {\n\t\tcase FCLLayout.TwoColumnsStartExpanded: {\n\t\t\treturn columnWidths.start >= columnWidths.mid;\n\t\t}\n\t\tcase FCLLayout.TwoColumnsMidExpanded: {\n\t\t\treturn columnWidths.mid > columnWidths.start;\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsEndExpanded: {\n\t\t\treturn (columnWidths.end > columnWidths.mid) && (startPercentWidth < 33);\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsStartExpandedEndHidden: {\n\t\t\treturn (columnWidths.start >= columnWidths.mid) && columnWidths.end === 0;\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsMidExpanded: {\n\t\t\treturn (columnWidths.mid >= columnWidths.end)\n\t\t\t&& ((this.media === MEDIA.DESKTOP && startPercentWidth < 33) // desktop\n\t\t\t\t|| (this.media === MEDIA.TABLET && startPercentWidth === 0)); // tablet\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsMidExpandedEndHidden: {\n\t\t\treturn (columnWidths.mid > columnWidths.start)\n\t\t\t\t&& columnWidths.end === 0\n\t\t\t\t&& ((this.media === MEDIA.DESKTOP && startPercentWidth >= 33)\n\t\t\t\t\t|| (this.media === MEDIA.TABLET && startWidth >= COLUMN_MIN_WIDTH));\n\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tcalcVisibleColumns(colLayout: FlexibleColumnLayoutColumnLayout) {\n\t\treturn colLayout.filter(colWidth => !this._isColumnHidden(colWidth)).length;\n\t}\n\n\tfireLayoutChange(separatorUsed: boolean, resized: boolean) {\n\t\tconst columnLayout = [...this._columnLayout!] as string[]; // do not leak reference to the private _columnLayout array to prevent apps modifying its content\n\t\tthis.fireDecoratorEvent(\"layout-change\", {\n\t\t\tlayout: this.layout,\n\t\t\tcolumnLayout,\n\t\t\tstartColumnVisible: this.startColumnVisible,\n\t\t\tmidColumnVisible: this.midColumnVisible,\n\t\t\tendColumnVisible: this.endColumnVisible,\n\t\t\tseparatorsUsed: separatorUsed,\n\t\t\tresized,\n\t\t});\n\t}\n\n\tfireLayoutConfigurationChange() {\n\t\tconst columnLayout = [...this._columnLayout!] as string[]; // do not leak reference to the private _columnLayout array to prevent apps modifying its content\n\t\tthis.fireDecoratorEvent(\"layout-configuration-change\", {\n\t\t\tlayout: this.layout,\n\t\t\tmedia: this.media,\n\t\t\tcolumnLayout,\n\t\t});\n\t}\n\n\tonSeparatorPress(e: TouchEvent | MouseEvent) {\n\t\tif (e.target as HTMLElement === this.startArrowDOM) {\n\t\t\treturn;\n\t\t}\n\t\tconst pressedSeparator = (e.target as HTMLElement).closest(\".ui5-fcl-separator\") as HTMLElement;\n\t\tif ((pressedSeparator.classList.contains(\"ui5-fcl-separator-start\") && !this.showStartSeparatorGrip)\n\t\t\t|| (pressedSeparator.classList.contains(\"ui5-fcl-separator-end\") && !this.showEndSeparatorGrip)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isTouch = supportsTouch() && e instanceof TouchEvent,\n\t\t\tcursorPositionX = this.getPageXValueFromEvent(e);\n\n\t\tthis.separatorMovementSession = this.initSeparatorMovementSession(pressedSeparator, cursorPositionX, isTouch);\n\t}\n\n\tonSeparatorMove(e: TouchEvent | MouseEvent) {\n\t\te.preventDefault(); // prevent text selection etc. while dragging\n\n\t\tif (!this.separatorMovementSession) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst latestCursorX = this.getPageXValueFromEvent(e),\n\t\t\tmovementDelta = latestCursorX - this.separatorMovementSession.cursorPositionX;\n\n\t\tif (!movementDelta) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst movedSeparator = this.separatorMovementSession.separator,\n\t\t\tlatestSeparatorX = movedSeparator.getBoundingClientRect().x,\n\t\t\tisForwardMove = movementDelta > 0; // is start-to-end direction\n\n\t\t// if the dragged separator was re-rendered away from the cursor\n\t\t// due to change of layout during drag\n\t\t// => check if the cursor lags-behind the separator\n\t\t// and skip resizing untill the cursor catches-up with the separator\n\t\tif (this.isSeparatorAheadOfCursor(latestCursorX, latestSeparatorX, isForwardMove)) {\n\t\t\tthis.separatorMovementSession.cursorPositionX = latestCursorX;\n\t\t\treturn;\n\t\t}\n\n\t\tconst layoutBeforeMove = this.separatorMovementSession.tmpFCLLayout;\n\t\t// synchronously move the separator in DOM => resizes the columns accordingly\n\t\tconst layoutAfterMove = this.moveSeparator(movedSeparator, movementDelta, layoutBeforeMove);\n\n\t\tthis.separatorMovementSession.cursorPositionX = latestCursorX;\n\t\tthis.separatorMovementSession.tmpFCLLayout = layoutAfterMove;\n\t}\n\n\tprivate onSeparatorMoveEnd() {\n\t\tif (!this.separatorMovementSession) {\n\t\t\treturn;\n\t\t}\n\t\tconst newLayout = this.separatorMovementSession.tmpFCLLayout;\n\t\tconst newColumnLayout = [...this._columnLayout!] as string[]; // obtain the values only\n\n\t\tthis.saveUserDefinedColumnLayout(newLayout, newColumnLayout);\n\t\tthis.exitSeparatorMovementSession();\n\t}\n\n\tinitSeparatorMovementSession(separator: HTMLElement, cursorPositionX: number, isTouch: boolean) {\n\t\tthis.attachMoveListeners(isTouch);\n\t\tthis.toggleSideAnimations(separator, false); // disable animations for side colmns to prevent slowdown while dragging\n\t\tthis._resizing = true;\n\n\t\treturn {\n\t\t\tseparator,\n\t\t\tcursorPositionX,\n\t\t\ttmpFCLLayout: this.layout as FCLLayout,\n\t\t};\n\t}\n\n\texitSeparatorMovementSession() {\n\t\tconst movedSeparator = this.separatorMovementSession!.separator;\n\t\tconst hasAnimation = getAnimationMode() !== AnimationMode.None;\n\n\t\tthis.detachMoveListeners();\n\t\tthis.toggleSideAnimations(movedSeparator, hasAnimation); // restore animations for side columns\n\t\tthis._resizing = false;\n\n\t\tmovedSeparator.focus();\n\t\tthis.separatorMovementSession = null;\n\t}\n\n\tsaveUserDefinedColumnLayout(newLayout: FCLLayout, newColumnLayout: string[]) {\n\t\tconst oldColumnLayout = this.getCustomColumnLayout(newLayout);\n\t\tif (this.layout !== newLayout) {\n\t\t\tthis.layout = newLayout;\n\t\t\tthis.fireLayoutChange(true, false);\n\t\t}\n\t\tif (oldColumnLayout?.join() !== newColumnLayout.join()) { // compare arrays' content\n\t\t\tthis.updateLayoutsConfiguration(newLayout, newColumnLayout);\n\t\t\tthis.fireLayoutConfigurationChange();\n\t\t}\n\t}\n\n\tupdateLayoutsConfiguration(layout: `${FCLLayout}`, columnLayout: string[]) {\n\t\tif (this.mediaAllowsCustomConfiguration(this.media)) {\n\t\t\tthis.layoutsConfiguration[this.media] ??= {};\n\t\t\tthis.layoutsConfiguration[this.media]![layout] ??= { layout: [] };\n\t\t\tthis.layoutsConfiguration[this.media]![layout]!.layout = columnLayout;\n\t\t}\n\t}\n\n\tprivate isSeparatorAheadOfCursor(cursorX: number, separatorX: number, isForwardMove: boolean) {\n\t\tif (isForwardMove) {\n\t\t\treturn separatorX > cursorX;\n\t\t}\n\t\treturn separatorX < cursorX;\n\t}\n\n\tcalculateNewColumnWidth(columnToResize: typeof COLUMN.START | typeof COLUMN.END, widthDelta: number) {\n\t\tconst columnWidths: Array<number> = this._columnLayout!.map(x => this.convertColumnWidthToPixels(x)),\n\t\t\tadjacentColumnToResize = COLUMN.MID, // column to compensate the resize of the given column\n\t\t\tcolumnNewWidth = columnWidths[columnToResize] + widthDelta,\n\t\t\tadjacentColumnNewWidth = columnWidths[adjacentColumnToResize] - widthDelta;\n\n\t\tif (columnNewWidth < COLUMN_MIN_WIDTH) {\n\t\t\t// user is trying to shrink a column below its min-width\n\t\t\t// or to reveal a hidden column\n\t\t\treturn COLUMN_MIN_WIDTH;\n\t\t}\n\n\t\tif (adjacentColumnNewWidth < COLUMN_MIN_WIDTH) {\n\t\t\tconst correction = COLUMN_MIN_WIDTH - adjacentColumnNewWidth;\n\t\t\t// constrain the new width to preserve the min-width of the adjacent column\n\t\t\treturn columnNewWidth - correction;\n\t\t}\n\n\t\treturn columnNewWidth;\n\t}\n\n\tmoveSeparator(separator: HTMLElement, offsetX: number, fclLayoutBeforeMove: FCLLayout) {\n\t\tconst isStartSeparator = separator === this.startSeparatorDOM,\n\t\t\tisRTL = this.effectiveDir === \"rtl\";\n\t\tlet selectedColumnToResize,\n\t\t\tcolumnWidthDelta;\n\n\t\tif (isRTL) {\n\t\t\toffsetX = -offsetX;\n\t\t}\n\n\t\tif (isStartSeparator) {\n\t\t\tselectedColumnToResize = COLUMN.START;\n\t\t\t// move in direction start-to-end expands start column\n\t\t\tcolumnWidthDelta = offsetX;\n\t\t} else {\n\t\t\tselectedColumnToResize = COLUMN.END;\n\t\t\t// move in direction start-to-end shrinks end column\n\t\t\tcolumnWidthDelta = -offsetX;\n\t\t}\n\n\t\tconst isStartToEndDirection = offsetX > 0,\n\t\t\tnewColumnWidth = this.calculateNewColumnWidth(selectedColumnToResize, columnWidthDelta),\n\t\t\tnewColumnLayout = this.adjustColumnLayout(selectedColumnToResize, newColumnWidth, true)!,\n\t\t\tnewFCLLayout = this.getNextLayoutOnSeparatorMovement(separator, isStartToEndDirection, fclLayoutBeforeMove, newColumnLayout) as FCLLayout;\n\n\t\tif (fclLayoutBeforeMove !== newFCLLayout) {\n\t\t\tthis._columnLayout = this.nextColumnLayout(newFCLLayout);\n\t\t\tthis._visibleColumns = this.calcVisibleColumns(this._columnLayout);\n\t\t}\n\n\t\t// apply the requested resize on <code>this._columnLayout</code>\n\t\tthis.adjustColumnLayout(selectedColumnToResize, newColumnWidth);\n\n\t\tthis.toggleColumns();\n\n\t\treturn newFCLLayout;\n\t}\n\n\tadjustColumnLayout(columnToResize: typeof COLUMN.START | typeof COLUMN.END, newSize: number, createNewArray = false) {\n\t\tif (!this._columnLayout) {\n\t\t\treturn;\n\t\t}\n\t\tconst columnLayoutInPx = this._columnLayout.map(x => this.convertColumnWidthToPixels(x));\n\n\t\t// apply the new size\n\t\tcolumnLayoutInPx[columnToResize] = newSize;\n\t\tcolumnLayoutInPx[COLUMN.MID] = this._availableWidthForColumns\n\t\t\t- columnLayoutInPx[COLUMN.START]\n\t\t\t- columnLayoutInPx[COLUMN.END];\n\n\t\tconst columnLayoutToAdjust = createNewArray ? [] : this._columnLayout;\n\n\t\tcolumnLayoutInPx.forEach((x, i) => {\n\t\t\tcolumnLayoutToAdjust[i] = this.convertToRelativeColumnWidth(columnLayoutInPx[i]);\n\t\t});\n\n\t\treturn columnLayoutToAdjust;\n\t}\n\n\t_onArrowKeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e) || isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t\tconst focusedElement = e.target as HTMLElement;\n\t\t\tif (focusedElement === this.startArrowDOM) {\n\t\t\t\tthis.switchLayoutOnArrowPress();\n\t\t\t}\n\t\t}\n\t}\n\n\tasync _onSeparatorKeydown(e: KeyboardEvent) {\n\t\tconst separator = e.target as HTMLElement;\n\t\tif (!separator.classList.contains(\"ui5-fcl-separator\")) {\n\t\t\treturn;\n\t\t}\n\t\tconst stepSize = 2,\n\t\t\tbigStepSize = this._width,\n\t\t\tisRTL = this.effectiveDir === \"rtl\";\n\t\tlet step = 0;\n\n\t\tif (isLeft(e)) {\n\t\t\tstep = -stepSize * 10;\n\t\t} else if (isRight(e)) {\n\t\t\tstep = stepSize * 10;\n\t\t} else if (isLeftShift(e)) {\n\t\t\tstep = -stepSize;\n\t\t} else if (isRightShift(e)) {\n\t\t\tstep = stepSize;\n\t\t} else if (isHome(e)) {\n\t\t\te.preventDefault();\n\t\t\tstep = isRTL ? bigStepSize : -bigStepSize;\n\t\t} else if (isEnd(e)) {\n\t\t\te.preventDefault();\n\t\t\tstep = isRTL ? -bigStepSize : bigStepSize;\n\t\t}\n\n\t\tif (!step) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.separatorMovementSession) {\n\t\t\tthis.separatorMovementSession = this.initSeparatorMovementSession(separator, 0, false);\n\t\t}\n\n\t\tconst layoutBeforeMove = this.separatorMovementSession.tmpFCLLayout;\n\t\tconst layoutAfterMove = this.moveSeparator(separator, step, layoutBeforeMove);\n\n\t\tthis.separatorMovementSession.tmpFCLLayout = layoutAfterMove;\n\n\t\tawait renderFinished();\n\t\tseparator.focus();\n\t}\n\n\t_onSeparatorKeyUp() {\n\t\tif (this.separatorMovementSession) {\n\t\t\tthis.onSeparatorMoveEnd();\n\t\t}\n\t}\n\n\tprivate attachMoveListeners(isTouch: boolean) {\n\t\tconst domRef = this.getDomRef();\n\t\tif (!domRef) {\n\t\t\treturn;\n\t\t}\n\t\tif (isTouch && supportsTouch()) {\n\t\t\tdomRef.addEventListener(\"touchmove\", this._onSeparatorMove);\n\t\t\tdomRef.addEventListener(\"touchend\", this._onSeparatorMoveEnd);\n\t\t} else {\n\t\t\tdomRef.addEventListener(\"mousemove\", this._onSeparatorMove);\n\t\t\tdomRef.addEventListener(\"mouseup\", this._onSeparatorMoveEnd);\n\t\t}\n\t}\n\n\tprivate detachMoveListeners() {\n\t\tconst domRef = this.getDomRef();\n\t\tif (!domRef) {\n\t\t\treturn;\n\t\t}\n\t\tdomRef.removeEventListener(\"mouseup\", this._onSeparatorMoveEnd);\n\t\tdomRef.removeEventListener(\"touchend\", this._onSeparatorMoveEnd);\n\t\t// Only one of the following was attached, but it's ok to remove both as there is no error\n\t\tdomRef.removeEventListener(\"mousemove\", this._onSeparatorMove);\n\t\tdomRef.removeEventListener(\"touchmove\", this._onSeparatorMove);\n\t}\n\n\tprivate toggleSideAnimations(separator: HTMLElement, shouldAnimate: boolean) {\n\t\tconst adjacentColumns = [\n\t\t\tseparator.previousElementSibling,\n\t\t\tseparator.nextElementSibling,\n\t\t];\n\n\t\tadjacentColumns.forEach(column => column!.classList.toggle(\"ui5-fcl-column-animation\", shouldAnimate));\n\t}\n\n\tprivate getPageXValueFromEvent(e: TouchEvent | MouseEvent): number {\n\t\tif (supportsTouch() && e instanceof TouchEvent) {\n\t\t\tif (e.changedTouches && e.changedTouches.length > 0) {\n\t\t\t\treturn e.changedTouches[0].pageX;\n\t\t\t}\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn (e as MouseEvent).pageX; // MouseEvent\n\t}\n\n\tconvertColumnWidthToPixels(width: string | number) {\n\t\tif (typeof width === \"number\") {\n\t\t\treturn width;\n\t\t}\n\t\tconst parsedValue = parseFloat(width),\n\t\t\ttotalWidth = this._availableWidthForColumns;\n\n\t\tif (width.endsWith(\"%\")) {\n\t\t\treturn (totalWidth / 100) * parsedValue;\n\t\t}\n\t\treturn parsedValue;\n\t}\n\n\tconvertToRelativeColumnWidth(pxWidth: string | number) {\n\t\tif (typeof pxWidth === \"string\") {\n\t\t\treturn pxWidth;\n\t\t}\n\t\tif (pxWidth === 0) {\n\t\t\treturn \"0px\";\n\t\t}\n\t\treturn `${(pxWidth / this._availableWidthForColumns) * 100}%`;\n\t}\n\n\tgetNextLayoutOnSeparatorMovement(separator: HTMLElement, isStartToEndDirection: boolean, fclLayoutBeforeMove: FCLLayout, columnLayoutAfterMove: FlexibleColumnLayoutColumnLayout) {\n\t\tconst isStartSeparator = separator === this.startSeparatorDOM,\n\t\t\tseparatorName = isStartSeparator ? \"start\" : \"end\",\n\t\t\tmoved = (options: {separator: \"start\" | \"end\", from: FCLLayout, forward: boolean}) => {\n\t\t\t\treturn options.from === fclLayoutBeforeMove\n\t\t\t\t&& options.separator === separatorName\n\t\t\t\t&& options.forward === isStartToEndDirection;\n\t\t\t},\n\t\t\tnewColumnLayout = columnLayoutAfterMove.map(x => this.convertColumnWidthToPixels(x)),\n\t\t\tnewColumnWidths = {\n\t\t\t\tstart: newColumnLayout[0],\n\t\t\t\tmid: newColumnLayout[1],\n\t\t\t\tend: newColumnLayout[2],\n\t\t\t},\n\t\t\tstartColumnPxWidth = newColumnWidths.start,\n\t\t\tstartColumnPercentWidth = (startColumnPxWidth / this.widthDOM) * 100,\n\t\t\tisTablet = this.media === MEDIA.TABLET;\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.TwoColumnsMidExpanded,\n\t\t\tforward: true,\n\t\t}) && (newColumnWidths.start >= newColumnWidths.mid)) {\n\t\t\treturn FCLLayout.TwoColumnsStartExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.TwoColumnsStartExpanded,\n\t\t\tforward: false,\n\t\t}) && (newColumnWidths.start < newColumnWidths.mid)) {\n\t\t\treturn FCLLayout.TwoColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpanded,\n\t\t\tforward: true,\n\t\t}) && startColumnPercentWidth >= 33) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: false,\n\t\t}) && !isTablet && startColumnPercentWidth < 33) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartHiddenMidExpanded,\n\t\t\tforward: true,\n\t\t}) && !isTablet && Math.ceil(startColumnPxWidth) >= COLUMN_MIN_WIDTH) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartHiddenMidExpanded,\n\t\t\tforward: false,\n\t\t}) && newColumnWidths.mid < newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsStartHiddenEndExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartHiddenEndExpanded,\n\t\t\tforward: true,\n\t\t}) && newColumnWidths.mid >= newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsStartHiddenMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: false,\n\t\t\t// ceil before comparing to avoid floating point precision issues\n\t\t}) && ((Math.ceil(newColumnWidths.end) >= COLUMN_MIN_WIDTH))) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpanded,\n\t\t\tforward: false,\n\t\t}) && newColumnWidths.mid < newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsEndExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsEndExpanded,\n\t\t\tforward: true,\n\t\t}) && newColumnWidths.mid >= newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: true,\n\t\t}) && newColumnWidths.start >= newColumnWidths.mid) {\n\t\t\treturn FCLLayout.ThreeColumnsStartExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartExpandedEndHidden,\n\t\t\tforward: false,\n\t\t}) && newColumnWidths.start < newColumnWidths.mid) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpanded,\n\t\t\tforward: true,\n\t\t\t// ceil before comparing to avoid floating point precision issues\n\t\t}) && isTablet && (Math.ceil(startColumnPxWidth) >= COLUMN_MIN_WIDTH)) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: false,\n\t\t\t// ceil before comparing to avoid floating point precision issues\n\t\t}) && isTablet && (Math.ceil(newColumnWidths.end) >= COLUMN_MIN_WIDTH)) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\treturn fclLayoutBeforeMove; // no layout change\n\t}\n\n\tswitchLayoutOnArrowPress() {\n\t\tconst lastUsedLayout = this.layout as FCLLayout;\n\t\tthis.layout = getNextLayoutByArrowPress()[lastUsedLayout as keyof typeof getNextLayoutByArrowPress];\n\t\tif (this.layout !== lastUsedLayout) {\n\t\t\tthis.fireLayoutChange(true, false);\n\t\t}\n\t}\n\n\tget _availableWidthForColumns() {\n\t\tlet width = this._width;\n\t\tif (this.showStartSeparator) {\n\t\t\twidth -= this.startSeparatorDOM.offsetWidth;\n\t\t}\n\t\tif (this.showEndSeparator) {\n\t\t\twidth -= this.endSeparatorDOM.offsetWidth;\n\t\t}\n\t\treturn width;\n\t}\n\n\t/**\n\t * Checks if a column is hidden based on its width.\n\t */\n\tprivate _isColumnHidden(columnWidth: number | string): boolean {\n\t\treturn columnWidth === 0 || columnWidth === \"0px\";\n\t}\n\n\t/**\n\t* Returns the current column layout, based on both the `layout` property and the screen size.\n\t*\n\t* **For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\n\t* where the numbers represents the width of the start, middle and end columns.\n\t* @default undefined\n\t* @public\n\t*/\n\tget columnLayout(): FlexibleColumnLayoutColumnLayout | undefined {\n\t\treturn this._columnLayout;\n\t}\n\n\t/**\n\t* Returns if the `start` column is visible.\n\t* @default true\n\t* @public\n\t*/\n\tget startColumnVisible(): boolean {\n\t\tif (this._columnLayout) {\n\t\t\treturn !this._isColumnHidden(this._columnLayout[0]);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Returns if the `middle` column is visible.\n\t* @default false\n\t* @public\n\t*/\n\tget midColumnVisible(): boolean {\n\t\tif (this._columnLayout) {\n\t\t\treturn !this._isColumnHidden(this._columnLayout[1]);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Returns if the `end` column is visible.\n\t* @default false\n\t* @public\n\t*/\n\tget endColumnVisible(): boolean {\n\t\tif (this._columnLayout) {\n\t\t\treturn !this._isColumnHidden(this._columnLayout[2]);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Returns the number of currently visible columns.\n\t* @default 1\n\t* @public\n\t*/\n\tget visibleColumns(): number {\n\t\treturn this._visibleColumns;\n\t}\n\n\tget startColumnWidth() {\n\t\treturn this._columnLayout ? this._columnLayout[0] : \"100%\";\n\t}\n\n\tget midColumnWidth() {\n\t\treturn this._columnLayout ? this._columnLayout[1] : \"0px\";\n\t}\n\n\tget endColumnWidth() {\n\t\treturn this._columnLayout ? this._columnLayout[2] : \"0px\";\n\t}\n\n\tget showStartSeparator() {\n\t\treturn this.effectiveSeparatorsInfo[0].visible;\n\t}\n\n\tget showEndSeparator() {\n\t\treturn this.effectiveSeparatorsInfo[1].visible;\n\t}\n\n\tget showStartSeparatorGrip() {\n\t\treturn this.disableResizing ? false : this.startSeparatorGripVisibility;\n\t}\n\n\tget showStartSeparatorArrow() {\n\t\treturn this.disableResizing ? false : this.startSeparatorArrowVisibility;\n\t}\n\n\tget showEndSeparatorGrip() {\n\t\treturn this.disableResizing ? false : this.endSeparatorGripVisibility;\n\t}\n\n\tget startSeparatorGripVisibility() {\n\t\treturn this.effectiveSeparatorsInfo[0].gripVisible;\n\t}\n\n\tget endSeparatorGripVisibility() {\n\t\treturn this.effectiveSeparatorsInfo[1].gripVisible;\n\t}\n\n\tget startSeparatorArrowVisibility() {\n\t\treturn this.effectiveSeparatorsInfo[0].arrowVisible;\n\t}\n\n\tget startSeparatorValue() {\n\t\tconst startColumnWidth = this.startColumnWidth;\n\t\tif (typeof startColumnWidth === \"string\" && startColumnWidth.endsWith(\"%\")) {\n\t\t\treturn parseInt(startColumnWidth);\n\t\t}\n\t\treturn SEPARATOR_DEFAULT_VALUES.START;\n\t}\n\n\tget endSeparatorValue() {\n\t\tconst startColumnWidth = this.startColumnWidth;\n\t\tconst midColumnWidth = this.midColumnWidth;\n\n\t\tif (typeof startColumnWidth === \"string\" && startColumnWidth.endsWith(\"%\")\n\t\t\t&& typeof midColumnWidth === \"string\" && midColumnWidth.endsWith(\"%\")) {\n\t\t\treturn parseInt(startColumnWidth) + parseInt(midColumnWidth);\n\t\t}\n\t\treturn SEPARATOR_DEFAULT_VALUES.END;\n\t}\n\n\tget startArrowDirection() {\n\t\treturn this.effectiveSeparatorsInfo[0].arrowDirection;\n\t}\n\n\tget startArrowDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-arrow--start\")!;\n\t}\n\n\tget effectiveSeparatorsInfo() {\n\t\treturn getDefaultLayoutsByMedia()[this.media][this.effectiveLayout].separators;\n\t}\n\n\tget effectiveLayout() {\n\t\treturn this.separatorMovementSession?.tmpFCLLayout || this.layout;\n\t}\n\n\tget startSeparatorDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-separator-start\")!;\n\t}\n\n\tget endSeparatorDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-separator-end\")!;\n\t}\n\n\tget startSeparatorTabIndex() {\n\t\tif (this.showStartSeparatorGrip) {\n\t\t\treturn 0;\n\t\t}\n\t}\n\n\tget endSeparatorTabIndex() {\n\t\tif (this.showEndSeparatorGrip) {\n\t\t\treturn 0;\n\t\t}\n\t}\n\n\tget media() {\n\t\tif (this._width <= BREAKPOINTS.PHONE) {\n\t\t\treturn MEDIA.PHONE;\n\t\t}\n\n\t\tif (this._width <= BREAKPOINTS.TABLET) {\n\t\t\treturn MEDIA.TABLET;\n\t\t}\n\n\t\treturn MEDIA.DESKTOP;\n\t}\n\n\tget widthDOM() {\n\t\treturn this.getBoundingClientRect().width;\n\t}\n\n\tget startColumnDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-column--start\")!;\n\t}\n\n\tget midColumnDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-column--middle\")!;\n\t}\n\n\tget endColumnDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-column--end\")!;\n\t}\n\n\tget isStartColumnCollapsing() {\n\t\treturn this.startColumnDOM?.classList.contains(\"ui5-fcl-column-collapse-animation\");\n\t}\n\n\tget isMidColumnCollapsing() {\n\t\treturn this.midColumnDOM?.classList.contains(\"ui5-fcl-column-collapse-animation\");\n\t}\n\n\tget isEndColumnCollapsing() {\n\t\treturn this.endColumnDOM?.classList.contains(\"ui5-fcl-column-collapse-animation\");\n\t}\n\n\tget accStartColumnText() {\n\t\treturn this.accessibilityAttributes.startColumn?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_START_COLUMN_TXT);\n\t}\n\n\tget accMiddleColumnText() {\n\t\treturn this.accessibilityAttributes.midColumn?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_MIDDLE_COLUMN_TXT);\n\t}\n\n\tget accEndColumnText() {\n\t\treturn this.accessibilityAttributes.endColumn?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_END_COLUMN_TXT);\n\t}\n\n\tget accStartSeparatorText() {\n\t\tlet name = this.accessibilityAttributes.startSeparator?.name;\n\t\tif (!name && this.showStartSeparatorGrip) {\n\t\t\tname = FlexibleColumnLayout.i18nBundle.getText(FCL_START_SEPARATOR_TOOLTIP);\n\t\t}\n\t\treturn name;\n\t}\n\n\tget accEndSeparatorText() {\n\t\treturn this.accessibilityAttributes.endSeparator?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_END_SEPARATOR_TOOLTIP);\n\t}\n\n\tget accStartColumnRole() {\n\t\tif (this.startColumnVisible) {\n\t\t\treturn this.accessibilityAttributes.startColumn?.role || \"region\";\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tget accMiddleColumnRole() {\n\t\tif (this.midColumnVisible) {\n\t\t\treturn this.accessibilityAttributes.midColumn?.role || \"region\";\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tget accEndColumnRole() {\n\t\tif (this.endColumnVisible) {\n\t\t\treturn this.accessibilityAttributes.endColumn?.role || \"region\";\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tget accStartSeparatorRole() {\n\t\treturn this.accessibilityAttributes.startSeparator?.role || \"separator\";\n\t}\n\n\tget accEndSeparatorRole() {\n\t\treturn this.accessibilityAttributes.endSeparator?.role || \"separator\";\n\t}\n\n\tget _accAttributes() {\n\t\treturn {\n\t\t\tcolumns: {\n\t\t\t\tstart: {\n\t\t\t\t\trole: this.accStartColumnRole,\n\t\t\t\t\tariaHidden: !this.startColumnVisible || undefined,\n\t\t\t\t},\n\t\t\t\tmiddle: {\n\t\t\t\t\trole: this.accMiddleColumnRole,\n\t\t\t\t\tariaHidden: !this.midColumnVisible || undefined,\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\trole: this.accEndColumnRole,\n\t\t\t\t\tariaHidden: !this.endColumnVisible || undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n}\n\nFlexibleColumnLayout.define();\n\nexport default FlexibleColumnLayout;\n\nexport type {\n\tMEDIA,\n\tFlexibleColumnLayoutLayoutChangeEventDetail,\n\tFlexibleColumnLayoutLayoutConfigurationChangeEventDetail,\n\tFCLAccessibilityAttributes,\n\tFlexibleColumnLayoutColumnLayout,\n\tLayoutConfiguration,\n};\n"]}
|
|
1
|
+
{"version":3,"file":"FlexibleColumnLayout.js","sourceRoot":"","sources":["../src/FlexibleColumnLayout.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport type { Slot } 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 event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { supportsTouch } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport AnimationMode from \"@ui5/webcomponents-base/dist/types/AnimationMode.js\";\nimport { getAnimationMode } from \"@ui5/webcomponents-base/dist/config/AnimationMode.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport Button from \"@ui5/webcomponents/dist/Button.js\";\nimport \"@ui5/webcomponents-icons/dist/vertical-grip.js\";\nimport { renderFinished } from \"@ui5/webcomponents-base/dist/Render.js\";\nimport {\n\tisLeft,\n\tisRight,\n\tisLeftShift,\n\tisRightShift,\n\tisHome,\n\tisEnd,\n\tisEnter,\n\tisSpace,\n} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { PassiveEventListenerObject, AriaLandmarkRole } from \"@ui5/webcomponents-base\";\nimport FCLLayout from \"./types/FCLLayout.js\";\nimport {\n\tgetDefaultLayoutsByMedia,\n\tgetNextLayoutByArrowPress,\n} from \"./fcl-utils/FCLLayout.js\";\n\n// Texts\nimport {\n\tFCL_START_COLUMN_TXT,\n\tFCL_MIDDLE_COLUMN_TXT,\n\tFCL_END_COLUMN_TXT,\n\tFCL_START_SEPARATOR_TOOLTIP,\n\tFCL_END_SEPARATOR_TOOLTIP,\n} from \"./generated/i18n/i18n-defaults.js\";\n\n// Template\nimport FlexibleColumnLayoutTemplate from \"./FlexibleColumnLayoutTemplate.js\";\n\n// Styles\nimport FlexibleColumnLayoutCss from \"./generated/themes/FlexibleColumnLayout.css.js\";\n\nenum MEDIA {\n\tPHONE = \"phone\",\n\tTABLET = \"tablet\",\n\tDESKTOP = \"desktop\",\n}\n\nconst BREAKPOINTS = {\n\t\"PHONE\": 599,\n\t\"TABLET\": 1023,\n} as const;\n\nconst COLUMN = {\n\tSTART: 0,\n\tMID: 1,\n\tEND: 2,\n} as const;\n\nconst SEPARATOR_DEFAULT_VALUES = {\n\tSTART: 50,\n\tEND: 75,\n} as const;\n\nconst COLUMN_MIN_WIDTH = 248;\n\ntype SeparatorMovementSession = {\n\tseparator: HTMLElement,\n\tcursorPositionX: number, // the position X of the mouse/finger that indicates where to move the separator\n\ttmpFCLLayout: FCLLayout, // the layout that corresponds to the latest separator position\n};\n\ntype FlexibleColumnLayoutColumnLayout = Array<string | 0>;\n\ntype LayoutConfiguration = {\n\t\"tablet\"?: {\n\t\t[layoutName in FCLLayout]?: {\n\t\t\tlayout: FlexibleColumnLayoutColumnLayout,\n\t\t}\n\t},\n\t\"desktop\"?: {\n\t\t[layoutName in FCLLayout]?: {\n\t\t\tlayout: FlexibleColumnLayoutColumnLayout,\n\t\t}\n\t},\n}\n\ntype FlexibleColumnLayoutLayoutChangeEventDetail = {\n\tlayout: `${FCLLayout}`,\n\tcolumnLayout: FlexibleColumnLayoutColumnLayout,\n\tstartColumnVisible: boolean,\n\tmidColumnVisible: boolean,\n\tendColumnVisible: boolean,\n\tseparatorsUsed: boolean,\n\tresized: boolean,\n};\n\ntype FlexibleColumnLayoutLayoutConfigurationChangeEventDetail = {\n\tlayout: `${FCLLayout}`,\n\tmedia: `${MEDIA}`,\n\tcolumnLayout: FlexibleColumnLayoutColumnLayout,\n};\n\ntype FCLAccessibilityRoles = Extract<AriaLandmarkRole, \"none\" | \"complementary\" | \"contentinfo\" | \"main\" | \"region\">\ntype FCLAccessibilityAttributes = {\n\tstartColumn?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tmidColumn?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tendColumn?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tstartSeparator?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n\tendSeparator?: {\n\t\trole: FCLAccessibilityRoles,\n\t\tname: string,\n\t},\n}\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `FlexibleColumnLayout` implements the list-detail-detail paradigm by displaying up to three pages in separate columns.\n * There are several possible layouts that can be changed either with the component API, or by dragging the column separators.\n *\n * ### Usage\n *\n * Use this component for applications that need to display several logical levels of related information side by side (e.g. list of items, item, sub-item, etc.).\n * The Component is flexible in a sense that the application can focus the user's attention on one particular column.\n *\n * ### Responsive Behavior\n *\n * The `FlexibleColumnLayout` automatically displays the maximum possible number of columns based on `layout` property and the window size.\n * The component would display 1 column for window size smaller than 599px, up to two columns between 599px and 1023px,\n * and 3 columns for sizes bigger than 1023px.\n *\n * **Note:** When the component displays more than one column, the minimal width of each column is 248px. Consequently, when the user drags a column separator to resize the columns, the minimal allowed width of any resized column is 248px.\n *\n * ### Keyboard Handling\n *\n * #### Basic Navigation\n *\n * When a column separator is focused, the following keyboard\n * shortcuts allow the user to resize the columns and change the layout:\n *\n * - [Shift] + [Left] or [Shift] + [Right] - Moves the separator to the left or right, which resizes the columns accordingly.\n * - [Left] or [Right] - Moves the separator to the left or right with a bigger step, which resizes the columns accordingly.\n * - [Home] - Moves the separator to the start position.\n * - [End] - Moves the separator to the end position.\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 * #### 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/FlexibleColumnLayout.js\";`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.8\n */\n@customElement({\n\ttag: \"ui5-flexible-column-layout\",\n\tfastNavigation: true,\n\trenderer: jsxRenderer,\n\tstyles: FlexibleColumnLayoutCss,\n\ttemplate: FlexibleColumnLayoutTemplate,\n\tdependencies: [Icon, Button],\n})\n\n/**\n * Fired when the layout changes via user interaction by dragging the separators\n * or by changing the component size due to resizing.\n * @param {FCLLayout} layout The current layout\n * @param {array} columnLayout The effective column layout, f.e [67%, 33%, 0]\n * @param {boolean} startColumnVisible Indicates if the start column is currently visible\n * @param {boolean} midColumnVisible Indicates if the middle column is currently visible\n * @param {boolean} endColumnVisible Indicates if the end column is currently visible\n * @param {boolean} separatorsUsed Indicates if the layout was changed by dragging the column separators\n * @param {boolean} resized Indicates if the layout was changed by resizing the entire component\n * @public\n */\n@event(\"layout-change\", {\n\tbubbles: true,\n})\n\n/**\n * Fired when the `layoutsConfiguration` changes via user interaction by dragging the separators.\n *\n * **Note:** The `layout-configuration-change` event is in an experimental state and is a subject to change.\n * @param {FCLLayout} layout The current layout\n * @param {MEDIA} media The current media type\n * @param {array} columnLayout The effective column layout, f.e [\"67%\", \"33%\", \"0px\"]\n * @public\n * @since 2.16.0\n */\n@event(\"layout-configuration-change\", {\n\tbubbles: true,\n})\nclass FlexibleColumnLayout extends UI5Element {\n\teventDetails!: {\n\t\t\"layout-change\": FlexibleColumnLayoutLayoutChangeEventDetail,\n\t\t\"layout-configuration-change\": FlexibleColumnLayoutLayoutConfigurationChangeEventDetail,\n\t}\n\t/**\n\t* Defines the columns layout and their proportion.\n\t*\n\t* **Note:** The layout also depends on the screen size - one column for screens smaller than 599px,\n\t* two columns between 599px and 1023px and three columns for sizes bigger than 1023px.\n\t*\n\t* **For example:** layout=`TwoColumnsStartExpanded` means the layout will display up to two columns\n\t* in 67%/33% proportion.\n\t* @default \"OneColumn\"\n\t* @public\n\t*/\n\t@property()\n\tlayout: `${FCLLayout}` = \"OneColumn\";\n\n\t/**\n\t* Specifies if the user is allowed to change the columns layout by dragging the separator between the columns.\n\t* @default false\n\t* @public\n\t* @since 2.0.0\n\t*/\n\t@property({ type: Boolean })\n\tdisableResizing = false;\n\n\t/**\n\t* Defines additional accessibility attributes on different areas of the component.\n\t*\n\t* The accessibilityAttributes object has the following fields,\n\t* where each field is an object supporting one or more accessibility attributes:\n\t*\n\t* - **startColumn**: `startColumn.role` and `startColumn.name`.\n\t* - **midColumn**: `midColumn.role` and `midColumn.name`.\n\t* - **endColumn**: `endColumn.role` and `endColumn.name`.\n\t* - **startSeparator**: `startSeparator.role` and `startSeparator.name`.\n\t* - **endSeparator**: `endSeparator.role` and `endSeparator.name`.\n\t*\n\t* The accessibility attributes support the following values:\n\t*\n\t* - **role**: Defines the accessible ARIA landmark role of the area.\n\t* Accepts the following values: `none`, `complementary`, `contentinfo`, `main` or `region`.\n\t*\n\t* - **name**: Defines the accessible ARIA name of the area.\n\t* Accepts any string.\n\t*\n\t* @default {}\n\t* @public\n\t* @since 2.0.0\n\t*/\n\t@property({ type: Object })\n\taccessibilityAttributes: FCLAccessibilityAttributes = {};\n\n\t/**\n\t* Allows to customize the column proportions per screen size and layout.\n\t* If no custom proportion provided for a specific layout, the default will be used.\n\t*\n\t* **Notes:**\n\t*\n\t* - The proportions should be given in percentages. For example [\"30%\", \"40%\", \"30%\"], [\"70%\", \"30%\", 0], etc.\n\t* - The proportions should add up to 100%.\n\t* - Hidden columns are marked as \"0px\", e.g. [\"0px\", \"70%\", \"30%\"]. Specifying 0 or \"0%\" for hidden columns is also valid.\n\t* - If the proportions do not match the layout (e.g. if provided proportions [\"70%\", \"30%\", \"0px\"] for \"OneColumn\" layout), then the default proportions will be used instead.\n\t* - Whenever the user drags the columns separator to resize the columns, the `layoutsConfiguration` object will be updated with the user-specified proportions for the given layout (and the `layout-configuration-change` event will be fired).\n\t* - No custom configuration available for the phone screen size, as the default of 100% column width is always used there.\n\t* @default {}\n\t* @public\n\t* @since 2.16.0\n\t*/\n\t@property({ type: Object })\n\tlayoutsConfiguration: LayoutConfiguration = {};\n\n\t/**\n\t* Defines the component width in px.\n\t* @default 0\n\t* @private\n\t*/\n\t@property({ type: Number })\n\t_width = 0;\n\n\t/**\n\t* Defines the effective columns layout,\n\t* based on both the `layout` property and the screen size.\n\t* Example: [67%, 33%, 0], [25%, 50%, 25%], etc.\n\t* @default undefined\n\t* @private\n\t*/\n\t@property({ type: Array, noAttribute: true })\n\t_columnLayout?: FlexibleColumnLayoutColumnLayout;\n\n\t/**\n\t* Defines the visible columns count - 1, 2 or 3.\n\t* @default 1\n\t* @private\n\t*/\n\t@property({ type: Number })\n\t_visibleColumns = 1;\n\n\t/**\n\t* Defines if the user is currently resizing the columns by dragging their separator.\n\t* @default false\n\t* @private\n\t*/\n\t@property({ type: Boolean })\n\t_resizing = false;\n\n\t/**\n\t * This property is no longer used and is replaced by `layoutsConfiguration`.\n\t * The property will be removed once all adopters migrate to `layoutsConfiguration`.\n\t*/\n\t@property({ type: Object })\n\t_layoutsConfiguration?: {\n\t\t[device in MEDIA]: {\n\t\t\t[layoutName in FCLLayout]: {\n\t\t\t\tlayout: Array<string>;\n\t\t\t\tseparators: Array<{\n\t\t\t\t\tvisible: boolean;\n\t\t\t\t}>;\n\t\t\t};\n\t\t};\n\t};\n\n\t/**\n\t* Defines the content in the start column.\n\t* @public\n\t*/\n\t@slot()\n\tstartColumn!: Slot<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle column.\n\t* @public\n\t*/\n\t@slot()\n\tmidColumn!: Slot<HTMLElement>;\n\n\t/**\n\t* Defines the content in the end column.\n\t* @public\n\t*/\n\t@slot()\n\tendColumn!: Slot<HTMLElement>;\n\n\tinitialRendering: boolean;\n\t_handleResize: () => void;\n\t_onSeparatorMove: (e: TouchEvent | MouseEvent) => void;\n\t_onSeparatorMoveEnd: (e: TouchEvent | MouseEvent) => void;\n\tonColumnCollapseAnimationEndRef: (e: TransitionEvent) => void;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_prevLayout: `${FCLLayout}` | null;\n\t_prevLayoutsConfiguration: LayoutConfiguration | null;\n\t_ontouchstart: PassiveEventListenerObject;\n\tseparatorMovementSession?: SeparatorMovementSession | null;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._prevLayout = null;\n\t\tthis._prevLayoutsConfiguration = null;\n\t\tthis.initialRendering = true;\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\tthis._onSeparatorMove = this.onSeparatorMove.bind(this);\n\t\tthis._onSeparatorMoveEnd = this.onSeparatorMoveEnd.bind(this);\n\t\tthis.onColumnCollapseAnimationEndRef = this.onColumnCollapseAnimationEnd.bind(this);\n\n\t\tconst handleTouchStartEvent = (e: TouchEvent) => {\n\t\t\tthis.onSeparatorPress(e);\n\t\t};\n\n\t\tthis._ontouchstart = {\n\t\t\thandleEvent: handleTouchStartEvent,\n\t\t\tpassive: true,\n\t\t};\n\t}\n\n\tstatic get ANIMATION_DURATION() {\n\t\treturn getAnimationMode() !== AnimationMode.None ? 560 : 0;\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize.bind(this));\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t}\n\n\tonAfterRendering() {\n\t\tif (this.initialRendering) {\n\t\t\tthis.handleInitialRendering();\n\t\t\treturn;\n\t\t}\n\n\t\tthis.syncLayoutsConfiguration();\n\t\tthis.syncLayout();\n\t}\n\n\thandleInitialRendering() {\n\t\tthis._prevLayout = this.layout;\n\t\tthis.updateLayout();\n\t\tthis.initialRendering = false;\n\t}\n\n\thandleResize() {\n\t\tif (this.initialRendering) {\n\t\t\treturn;\n\t\t}\n\n\t\t// store the previous layout\n\t\tconst prevLayoutHash = this.columnLayout!.join();\n\n\t\t// update the column layout, based on the current width\n\t\tthis.updateLayout();\n\n\t\t// fire layout-change if the column layout changed\n\t\tif (prevLayoutHash !== this.columnLayout!.join()) {\n\t\t\tthis.fireLayoutChange(false, true);\n\t\t}\n\t}\n\n\tupdateLayout() {\n\t\tthis._width = this.widthDOM;\n\t\tthis._columnLayout = this.nextColumnLayout(this.effectiveLayout);\n\t\tthis._visibleColumns = this.calcVisibleColumns(this._columnLayout);\n\t\tthis.toggleColumns();\n\t}\n\n\tsyncLayout() {\n\t\tif (this._prevLayout !== this.layout) {\n\t\t\tthis.updateLayout();\n\t\t\tthis._prevLayout = this.layout;\n\t\t}\n\t}\n\n\tsyncLayoutsConfiguration() {\n\t\tif (this._prevLayoutsConfiguration !== this.layoutsConfiguration) {\n\t\t\tthis._prevLayoutsConfiguration = this.layoutsConfiguration;\n\t\t\tif (this.nextColumnLayout(this.layout).join() !== this._columnLayout?.join() && !this.separatorMovementSession) {\n\t\t\t\tthis.updateLayout();\n\t\t\t}\n\t\t}\n\t}\n\n\ttoggleColumns() {\n\t\tthis.toggleColumn(\"start\");\n\t\tthis.toggleColumn(\"mid\");\n\t\tthis.toggleColumn(\"end\");\n\t}\n\n\ttoggleColumn(column: string) {\n\t\tlet columnWidth;\n\t\tlet columnDOM;\n\n\t\tif (column === \"start\") {\n\t\t\tcolumnWidth = this.startColumnWidth;\n\t\t\tcolumnDOM = this.startColumnDOM;\n\t\t} else if (column === \"mid\") {\n\t\t\tcolumnWidth = this.midColumnWidth;\n\t\t\tcolumnDOM = this.midColumnDOM;\n\t\t} else {\n\t\t\tcolumnWidth = this.endColumnWidth;\n\t\t\tcolumnDOM = this.endColumnDOM;\n\t\t}\n\n\t\tconst currentlyHidden = this._isColumnHidden(columnWidth);\n\t\tconst previouslyHidden = this._isColumnHidden(columnDOM.style.width);\n\n\t\t// no change\n\t\tif (currentlyHidden && previouslyHidden) {\n\t\t\treturn;\n\t\t}\n\n\t\t// column resizing: from 33% to 67%, from 25% to 50%, etc.\n\t\tif (!currentlyHidden && !previouslyHidden) {\n\t\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\t\t\treturn;\n\t\t}\n\n\t\t// hide column: 33% to 0, 25% to 0, etc .\n\t\tif (currentlyHidden) {\n\t\t\tthis.collapseColumn(columnDOM);\n\t\t\treturn;\n\t\t}\n\n\t\t// show column: from 0 to 33%, from 0 to 25%, etc.\n\t\tif (previouslyHidden) {\n\t\t\tthis.expandColumn(columnDOM, columnWidth);\n\t\t}\n\t}\n\n\texpandColumn(columnDOM: HTMLElement, columnWidth: string | number) {\n\t\tcolumnDOM.removeEventListener(\"transitionend\", this.onColumnCollapseAnimationEndRef);\n\n\t\tcolumnDOM.classList.remove(\"ui5-fcl-column--hidden\");\n\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\t}\n\n\tcollapseColumn(columnDOM: HTMLElement) {\n\t\tconst hasAnimation = getAnimationMode() !== AnimationMode.None && !this.initialRendering;\n\t\tcolumnDOM.style.width = \"0px\";\n\n\t\tif (hasAnimation) {\n\t\t\t// hide column with delay to allow the animation runs entirely\n\t\t\tcolumnDOM.classList.add(\"ui5-fcl-column-collapse-animation\");\n\t\t\tcolumnDOM.addEventListener(\"transitionend\", this.onColumnCollapseAnimationEndRef);\n\t\t} else {\n\t\t\tcolumnDOM.classList.add(\"ui5-fcl-column--hidden\");\n\t\t}\n\t}\n\n\tonColumnCollapseAnimationEnd = (e: Event) => {\n\t\tconst columnDOM = e.target as HTMLElement;\n\t\tcolumnDOM.classList.add(\"ui5-fcl-column--hidden\");\n\t\tcolumnDOM.classList.remove(\"ui5-fcl-column-collapse-animation\");\n\t\tcolumnDOM.removeEventListener(\"transitionend\", this.onColumnCollapseAnimationEndRef);\n\t}\n\n\tnextColumnLayout(layout: `${FCLLayout}`) {\n\t\treturn this.getCustomColumnLayout(layout) || this.getDefaultColumnLayout(layout);\n\t}\n\n\t/**\n\t * Gets custom column layout configuration if available and valid.\n\t * Ensures all visible columns meet minimum width requirements.\n\t * @param layout The FCL layout to get configuration for\n\t * @returns Normalized column layout or undefined if invalid/unavailable\n\t */\n\tgetCustomColumnLayout(layout: `${FCLLayout}`) {\n\t\t// Only allow custom configuration for tablet and desktop (not phone)\n\t\tif (!this.mediaAllowsCustomConfiguration(this.media)) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\tconst customLayout = this.layoutsConfiguration[this.media]?.[layout]?.layout;\n\t\tif (!customLayout) {\n\t\t\treturn undefined;\n\t\t}\n\n\t\t// ensure visible columns are above min-width given the current fcl total width\n\t\tconst constraintCompliantLayout = this.applyMinimumWidthConstraints(customLayout);\n\t\tif (this.isValidColumnLayout(constraintCompliantLayout)) { // satisfy layout-specific contraints\n\t\t\treturn constraintCompliantLayout;\n\t\t}\n\t}\n\n\tgetDefaultColumnLayout(layout: `${FCLLayout}`) {\n\t\treturn getDefaultLayoutsByMedia()[this.media][layout].layout;\n\t}\n\n\tmediaAllowsCustomConfiguration(media: MEDIA) {\n\t\treturn media !== MEDIA.PHONE;\n\t}\n\n\t/**\n\t * Applies minimum width constraints to column layout configuration.\n\t * Ensures all visible columns meet the minimum width requirement by transferring\n\t * space from the wider columns to the undersized columns.\n\t * @param columnLayout Original column layout (percentages or pixels)\n\t * @returns Constraint-compliant column layout in same format as input\n\t */\n\tapplyMinimumWidthConstraints(columnLayout: (string | 0)[]) {\n\t\treturn this.doWithPixelConversion(columnLayout, pxWidths => {\n\t\t\treturn this.adjustColumnsToMinimumWidth(pxWidths);\n\t\t});\n\t}\n\n\t/**\n\t * Adjusts column widths to ensure minimum width constraints.\n\t * Takes width from the widest columns to bring undersized columns up to minimum.\n\t * @param pxWidths Array of column widths in pixels (modified in place)\n\t */\n\tadjustColumnsToMinimumWidth(pxWidths: number[]) {\n\t\tconst adjustedWidths = [...pxWidths];\n\n\t\tlet totalDeficit = 0;\n\t\tfor (let i = 0; i < adjustedWidths.length; i++) {\n\t\t\tconst width = adjustedWidths[i];\n\t\t\tconst isBelowMinimum = Math.ceil(width) < COLUMN_MIN_WIDTH; // ceil to avoid floating point precision issues\n\n\t\t\tif (!this._isColumnHidden(width) && isBelowMinimum) {\n\t\t\t\ttotalDeficit += COLUMN_MIN_WIDTH - width;\n\t\t\t\tadjustedWidths[i] = COLUMN_MIN_WIDTH;\n\t\t\t}\n\t\t}\n\n\t\tif (totalDeficit === 0) {\n\t\t\treturn adjustedWidths; // no adjustments were needed\n\t\t}\n\n\t\t// Create proportions for redistribution of the deficit based on available space above COLUMN_MIN_WIDTH\n\t\tconst columnProportions = this.getColumnProportionsAboveMinWidth(pxWidths);\n\n\t\t// Redistribute the deficit proportionally among columns that can contribute\n\t\tfor (let i = 0; i < adjustedWidths.length; i++) {\n\t\t\tconst isVisible = adjustedWidths[i] > 0;\n\t\t\tif (isVisible && columnProportions[i] > 0) {\n\t\t\t\tadjustedWidths[i] -= totalDeficit * columnProportions[i];\n\t\t\t}\n\t\t}\n\n\t\treturn adjustedWidths;\n\t}\n\n\tgetColumnProportionsAboveMinWidth(columnPxWidths: number[]) {\n\t\tconst widthsAboveMinWidth = columnPxWidths.map(width => {\n\t\t\tif (width > COLUMN_MIN_WIDTH) {\n\t\t\t\treturn width - COLUMN_MIN_WIDTH;\n\t\t\t}\n\t\t\treturn 0;\n\t\t});\n\n\t\tconst total = widthsAboveMinWidth.reduce((sum, width) => sum + width, 0);\n\n\t\tif (total === 0) {\n\t\t\treturn widthsAboveMinWidth;\n\t\t}\n\n\t\treturn widthsAboveMinWidth.map(width => width / total);\n\t}\n\n\t/**\n\t * Helper that handles pixel conversion for column width operations.\n\t * Converts input to pixels, applies the operation, then converts back to relative widths.\n\t * @param columnLayout Column layout in mixed formats\n\t * @param operation Function that operates on pixel widths\n\t * @returns Column layout in percentage format\n\t */\n\tdoWithPixelConversion(\n\t\tcolumnLayout: (string | 0)[],\n\t\toperation: (pxWidths: number[]) => number[],\n\t) {\n\t\t// Convert to pixels for calculations\n\t\tconst pxWidths = columnLayout.map(width => this.convertColumnWidthToPixels(width));\n\n\t\t// Apply the operation\n\t\tconst adjustedPxWidths = operation(pxWidths);\n\n\t\t// Convert back to percentage-based widths\n\t\treturn adjustedPxWidths.map(width => this.convertToRelativeColumnWidth(width));\n\t}\n\n\tisValidColumnLayout(columnLayout: (string | 0)[]) {\n\t\tconst pxWidths = columnLayout?.map(w => this.convertColumnWidthToPixels(w));\n\t\tconst totalWidth = pxWidths.reduce((sum, i) => sum + i, 0);\n\n\t\tif (Math.round(totalWidth) !== Math.round(this._availableWidthForColumns)) {\n\t\t\treturn false;\n\t\t}\n\n\t\treturn this.verifyColumnWidthsMatchLayout(pxWidths);\n\t}\n\n\tverifyColumnWidthsMatchLayout(pxWidths: number[]) {\n\t\tconst columnWidths = {\n\t\t\t\tstart: pxWidths[0],\n\t\t\t\tmid: pxWidths[1],\n\t\t\t\tend: pxWidths[2],\n\t\t\t},\n\t\t\tstartWidth = columnWidths.start,\n\t\t\tstartPercentWidth = parseInt(this.convertToRelativeColumnWidth(startWidth));\n\n\t\tswitch (this.layout) {\n\t\tcase FCLLayout.TwoColumnsStartExpanded: {\n\t\t\treturn columnWidths.start >= columnWidths.mid;\n\t\t}\n\t\tcase FCLLayout.TwoColumnsMidExpanded: {\n\t\t\treturn columnWidths.mid > columnWidths.start;\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsEndExpanded: {\n\t\t\treturn (columnWidths.end > columnWidths.mid) && (startPercentWidth < 33);\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsStartExpandedEndHidden: {\n\t\t\treturn (columnWidths.start >= columnWidths.mid) && columnWidths.end === 0;\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsMidExpanded: {\n\t\t\treturn (columnWidths.mid >= columnWidths.end)\n\t\t\t&& ((this.media === MEDIA.DESKTOP && startPercentWidth < 33) // desktop\n\t\t\t\t|| (this.media === MEDIA.TABLET && startPercentWidth === 0)); // tablet\n\t\t}\n\t\tcase FCLLayout.ThreeColumnsMidExpandedEndHidden: {\n\t\t\treturn (columnWidths.mid > columnWidths.start)\n\t\t\t\t&& columnWidths.end === 0\n\t\t\t\t&& ((this.media === MEDIA.DESKTOP && startPercentWidth >= 33)\n\t\t\t\t\t|| (this.media === MEDIA.TABLET && startWidth >= COLUMN_MIN_WIDTH));\n\t\t}\n\t\t}\n\n\t\treturn false;\n\t}\n\n\tcalcVisibleColumns(colLayout: FlexibleColumnLayoutColumnLayout) {\n\t\treturn colLayout.filter(colWidth => !this._isColumnHidden(colWidth)).length;\n\t}\n\n\tfireLayoutChange(separatorUsed: boolean, resized: boolean) {\n\t\tconst columnLayout = [...this._columnLayout!] as string[]; // do not leak reference to the private _columnLayout array to prevent apps modifying its content\n\t\tthis.fireDecoratorEvent(\"layout-change\", {\n\t\t\tlayout: this.layout,\n\t\t\tcolumnLayout,\n\t\t\tstartColumnVisible: this.startColumnVisible,\n\t\t\tmidColumnVisible: this.midColumnVisible,\n\t\t\tendColumnVisible: this.endColumnVisible,\n\t\t\tseparatorsUsed: separatorUsed,\n\t\t\tresized,\n\t\t});\n\t}\n\n\tfireLayoutConfigurationChange() {\n\t\tconst columnLayout = [...this._columnLayout!] as string[]; // do not leak reference to the private _columnLayout array to prevent apps modifying its content\n\t\tthis.fireDecoratorEvent(\"layout-configuration-change\", {\n\t\t\tlayout: this.layout,\n\t\t\tmedia: this.media,\n\t\t\tcolumnLayout,\n\t\t});\n\t}\n\n\tonSeparatorPress(e: TouchEvent | MouseEvent) {\n\t\tif (e.target as HTMLElement === this.startArrowDOM) {\n\t\t\treturn;\n\t\t}\n\t\tconst pressedSeparator = (e.target as HTMLElement).closest(\".ui5-fcl-separator\") as HTMLElement;\n\t\tif ((pressedSeparator.classList.contains(\"ui5-fcl-separator-start\") && !this.showStartSeparatorGrip)\n\t\t\t|| (pressedSeparator.classList.contains(\"ui5-fcl-separator-end\") && !this.showEndSeparatorGrip)) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst isTouch = supportsTouch() && e instanceof TouchEvent,\n\t\t\tcursorPositionX = this.getPageXValueFromEvent(e);\n\n\t\tthis.separatorMovementSession = this.initSeparatorMovementSession(pressedSeparator, cursorPositionX, isTouch);\n\t}\n\n\tonSeparatorMove(e: TouchEvent | MouseEvent) {\n\t\te.preventDefault(); // prevent text selection etc. while dragging\n\n\t\tif (!this.separatorMovementSession) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst latestCursorX = this.getPageXValueFromEvent(e),\n\t\t\tmovementDelta = latestCursorX - this.separatorMovementSession.cursorPositionX;\n\n\t\tif (!movementDelta) {\n\t\t\treturn;\n\t\t}\n\n\t\tconst movedSeparator = this.separatorMovementSession.separator,\n\t\t\tlatestSeparatorX = movedSeparator.getBoundingClientRect().x,\n\t\t\tisForwardMove = movementDelta > 0; // is start-to-end direction\n\n\t\t// if the dragged separator was re-rendered away from the cursor\n\t\t// due to change of layout during drag\n\t\t// => check if the cursor lags-behind the separator\n\t\t// and skip resizing untill the cursor catches-up with the separator\n\t\tif (this.isSeparatorAheadOfCursor(latestCursorX, latestSeparatorX, isForwardMove)) {\n\t\t\tthis.separatorMovementSession.cursorPositionX = latestCursorX;\n\t\t\treturn;\n\t\t}\n\n\t\tconst layoutBeforeMove = this.separatorMovementSession.tmpFCLLayout;\n\t\t// synchronously move the separator in DOM => resizes the columns accordingly\n\t\tconst layoutAfterMove = this.moveSeparator(movedSeparator, movementDelta, layoutBeforeMove);\n\n\t\tthis.separatorMovementSession.cursorPositionX = latestCursorX;\n\t\tthis.separatorMovementSession.tmpFCLLayout = layoutAfterMove;\n\t}\n\n\tprivate onSeparatorMoveEnd() {\n\t\tif (!this.separatorMovementSession) {\n\t\t\treturn;\n\t\t}\n\t\tconst newLayout = this.separatorMovementSession.tmpFCLLayout;\n\t\tconst newColumnLayout = [...this._columnLayout!] as string[]; // obtain the values only\n\n\t\tthis.saveUserDefinedColumnLayout(newLayout, newColumnLayout);\n\t\tthis.exitSeparatorMovementSession();\n\t}\n\n\tinitSeparatorMovementSession(separator: HTMLElement, cursorPositionX: number, isTouch: boolean) {\n\t\tthis.attachMoveListeners(isTouch);\n\t\tthis.toggleSideAnimations(separator, false); // disable animations for side colmns to prevent slowdown while dragging\n\t\tthis._resizing = true;\n\n\t\treturn {\n\t\t\tseparator,\n\t\t\tcursorPositionX,\n\t\t\ttmpFCLLayout: this.layout as FCLLayout,\n\t\t};\n\t}\n\n\texitSeparatorMovementSession() {\n\t\tconst movedSeparator = this.separatorMovementSession!.separator;\n\t\tconst hasAnimation = getAnimationMode() !== AnimationMode.None;\n\n\t\tthis.detachMoveListeners();\n\t\tthis.toggleSideAnimations(movedSeparator, hasAnimation); // restore animations for side columns\n\t\tthis._resizing = false;\n\n\t\tmovedSeparator.focus();\n\t\tthis.separatorMovementSession = null;\n\t}\n\n\tsaveUserDefinedColumnLayout(newLayout: FCLLayout, newColumnLayout: string[]) {\n\t\tconst oldColumnLayout = this.getCustomColumnLayout(newLayout);\n\t\tif (this.layout !== newLayout) {\n\t\t\tthis.layout = newLayout;\n\t\t\tthis.fireLayoutChange(true, false);\n\t\t}\n\t\tif (oldColumnLayout?.join() !== newColumnLayout.join()) { // compare arrays' content\n\t\t\tthis.updateLayoutsConfiguration(newLayout, newColumnLayout);\n\t\t\tthis.fireLayoutConfigurationChange();\n\t\t}\n\t}\n\n\tupdateLayoutsConfiguration(layout: `${FCLLayout}`, columnLayout: string[]) {\n\t\tif (this.mediaAllowsCustomConfiguration(this.media)) {\n\t\t\tthis.layoutsConfiguration[this.media] ??= {};\n\t\t\tthis.layoutsConfiguration[this.media]![layout] ??= { layout: [] };\n\t\t\tthis.layoutsConfiguration[this.media]![layout]!.layout = columnLayout;\n\t\t}\n\t}\n\n\tprivate isSeparatorAheadOfCursor(cursorX: number, separatorX: number, isForwardMove: boolean) {\n\t\tif (isForwardMove) {\n\t\t\treturn separatorX > cursorX;\n\t\t}\n\t\treturn separatorX < cursorX;\n\t}\n\n\tcalculateNewColumnWidth(columnToResize: typeof COLUMN.START | typeof COLUMN.END, widthDelta: number) {\n\t\tconst columnWidths: Array<number> = this._columnLayout!.map(x => this.convertColumnWidthToPixels(x)),\n\t\t\tadjacentColumnToResize = COLUMN.MID, // column to compensate the resize of the given column\n\t\t\tcolumnNewWidth = columnWidths[columnToResize] + widthDelta,\n\t\t\tadjacentColumnNewWidth = columnWidths[adjacentColumnToResize] - widthDelta;\n\n\t\tif (columnNewWidth < COLUMN_MIN_WIDTH) {\n\t\t\t// user is trying to shrink a column below its min-width\n\t\t\t// or to reveal a hidden column\n\t\t\treturn COLUMN_MIN_WIDTH;\n\t\t}\n\n\t\tif (adjacentColumnNewWidth < COLUMN_MIN_WIDTH) {\n\t\t\tconst correction = COLUMN_MIN_WIDTH - adjacentColumnNewWidth;\n\t\t\t// constrain the new width to preserve the min-width of the adjacent column\n\t\t\treturn columnNewWidth - correction;\n\t\t}\n\n\t\treturn columnNewWidth;\n\t}\n\n\tmoveSeparator(separator: HTMLElement, offsetX: number, fclLayoutBeforeMove: FCLLayout) {\n\t\tconst isStartSeparator = separator === this.startSeparatorDOM,\n\t\t\tisRTL = this.effectiveDir === \"rtl\";\n\t\tlet selectedColumnToResize,\n\t\t\tcolumnWidthDelta;\n\n\t\tif (isRTL) {\n\t\t\toffsetX = -offsetX;\n\t\t}\n\n\t\tif (isStartSeparator) {\n\t\t\tselectedColumnToResize = COLUMN.START;\n\t\t\t// move in direction start-to-end expands start column\n\t\t\tcolumnWidthDelta = offsetX;\n\t\t} else {\n\t\t\tselectedColumnToResize = COLUMN.END;\n\t\t\t// move in direction start-to-end shrinks end column\n\t\t\tcolumnWidthDelta = -offsetX;\n\t\t}\n\n\t\tconst isStartToEndDirection = offsetX > 0,\n\t\t\tnewColumnWidth = this.calculateNewColumnWidth(selectedColumnToResize, columnWidthDelta),\n\t\t\tnewColumnLayout = this.adjustColumnLayout(selectedColumnToResize, newColumnWidth, true)!,\n\t\t\tnewFCLLayout = this.getNextLayoutOnSeparatorMovement(separator, isStartToEndDirection, fclLayoutBeforeMove, newColumnLayout) as FCLLayout;\n\n\t\tif (fclLayoutBeforeMove !== newFCLLayout) {\n\t\t\tthis._columnLayout = this.nextColumnLayout(newFCLLayout);\n\t\t\tthis._visibleColumns = this.calcVisibleColumns(this._columnLayout);\n\t\t}\n\n\t\t// apply the requested resize on <code>this._columnLayout</code>\n\t\tthis.adjustColumnLayout(selectedColumnToResize, newColumnWidth);\n\n\t\tthis.toggleColumns();\n\n\t\treturn newFCLLayout;\n\t}\n\n\tadjustColumnLayout(columnToResize: typeof COLUMN.START | typeof COLUMN.END, newSize: number, createNewArray = false) {\n\t\tif (!this._columnLayout) {\n\t\t\treturn;\n\t\t}\n\t\tconst columnLayoutInPx = this._columnLayout.map(x => this.convertColumnWidthToPixels(x));\n\n\t\t// apply the new size\n\t\tcolumnLayoutInPx[columnToResize] = newSize;\n\t\tcolumnLayoutInPx[COLUMN.MID] = this._availableWidthForColumns\n\t\t\t- columnLayoutInPx[COLUMN.START]\n\t\t\t- columnLayoutInPx[COLUMN.END];\n\n\t\tconst columnLayoutToAdjust = createNewArray ? [] : this._columnLayout;\n\n\t\tcolumnLayoutInPx.forEach((x, i) => {\n\t\t\tcolumnLayoutToAdjust[i] = this.convertToRelativeColumnWidth(columnLayoutInPx[i]);\n\t\t});\n\n\t\treturn columnLayoutToAdjust;\n\t}\n\n\t_onArrowKeydown(e: KeyboardEvent) {\n\t\tif (isEnter(e) || isSpace(e)) {\n\t\t\te.preventDefault();\n\t\t\tconst focusedElement = e.target as HTMLElement;\n\t\t\tif (focusedElement === this.startArrowDOM) {\n\t\t\t\tthis.switchLayoutOnArrowPress();\n\t\t\t}\n\t\t}\n\t}\n\n\tasync _onSeparatorKeydown(e: KeyboardEvent) {\n\t\tconst separator = e.target as HTMLElement;\n\t\tif (!separator.classList.contains(\"ui5-fcl-separator\")) {\n\t\t\treturn;\n\t\t}\n\t\tconst stepSize = 2,\n\t\t\tbigStepSize = this._width,\n\t\t\tisRTL = this.effectiveDir === \"rtl\";\n\t\tlet step = 0;\n\n\t\tif (isLeft(e)) {\n\t\t\tstep = -stepSize * 10;\n\t\t} else if (isRight(e)) {\n\t\t\tstep = stepSize * 10;\n\t\t} else if (isLeftShift(e)) {\n\t\t\tstep = -stepSize;\n\t\t} else if (isRightShift(e)) {\n\t\t\tstep = stepSize;\n\t\t} else if (isHome(e)) {\n\t\t\te.preventDefault();\n\t\t\tstep = isRTL ? bigStepSize : -bigStepSize;\n\t\t} else if (isEnd(e)) {\n\t\t\te.preventDefault();\n\t\t\tstep = isRTL ? -bigStepSize : bigStepSize;\n\t\t}\n\n\t\tif (!step) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!this.separatorMovementSession) {\n\t\t\tthis.separatorMovementSession = this.initSeparatorMovementSession(separator, 0, false);\n\t\t}\n\n\t\tconst layoutBeforeMove = this.separatorMovementSession.tmpFCLLayout;\n\t\tconst layoutAfterMove = this.moveSeparator(separator, step, layoutBeforeMove);\n\n\t\tthis.separatorMovementSession.tmpFCLLayout = layoutAfterMove;\n\n\t\tawait renderFinished();\n\t\tseparator.focus();\n\t}\n\n\t_onSeparatorKeyUp() {\n\t\tif (this.separatorMovementSession) {\n\t\t\tthis.onSeparatorMoveEnd();\n\t\t}\n\t}\n\n\tprivate attachMoveListeners(isTouch: boolean) {\n\t\tconst domRef = this.getDomRef();\n\t\tif (!domRef) {\n\t\t\treturn;\n\t\t}\n\t\tif (isTouch && supportsTouch()) {\n\t\t\tdomRef.addEventListener(\"touchmove\", this._onSeparatorMove);\n\t\t\tdomRef.addEventListener(\"touchend\", this._onSeparatorMoveEnd);\n\t\t} else {\n\t\t\tdomRef.addEventListener(\"mousemove\", this._onSeparatorMove);\n\t\t\tdomRef.addEventListener(\"mouseup\", this._onSeparatorMoveEnd);\n\t\t}\n\t}\n\n\tprivate detachMoveListeners() {\n\t\tconst domRef = this.getDomRef();\n\t\tif (!domRef) {\n\t\t\treturn;\n\t\t}\n\t\tdomRef.removeEventListener(\"mouseup\", this._onSeparatorMoveEnd);\n\t\tdomRef.removeEventListener(\"touchend\", this._onSeparatorMoveEnd);\n\t\t// Only one of the following was attached, but it's ok to remove both as there is no error\n\t\tdomRef.removeEventListener(\"mousemove\", this._onSeparatorMove);\n\t\tdomRef.removeEventListener(\"touchmove\", this._onSeparatorMove);\n\t}\n\n\tprivate toggleSideAnimations(separator: HTMLElement, shouldAnimate: boolean) {\n\t\tconst adjacentColumns = [\n\t\t\tseparator.previousElementSibling,\n\t\t\tseparator.nextElementSibling,\n\t\t];\n\n\t\tadjacentColumns.forEach(column => column!.classList.toggle(\"ui5-fcl-column-animation\", shouldAnimate));\n\t}\n\n\tprivate getPageXValueFromEvent(e: TouchEvent | MouseEvent): number {\n\t\tif (supportsTouch() && e instanceof TouchEvent) {\n\t\t\tif (e.changedTouches && e.changedTouches.length > 0) {\n\t\t\t\treturn e.changedTouches[0].pageX;\n\t\t\t}\n\t\t\treturn 0;\n\t\t}\n\n\t\treturn (e as MouseEvent).pageX; // MouseEvent\n\t}\n\n\tconvertColumnWidthToPixels(width: string | number) {\n\t\tif (typeof width === \"number\") {\n\t\t\treturn width;\n\t\t}\n\t\tconst parsedValue = parseFloat(width),\n\t\t\ttotalWidth = this._availableWidthForColumns;\n\n\t\tif (width.endsWith(\"%\")) {\n\t\t\treturn (totalWidth / 100) * parsedValue;\n\t\t}\n\t\treturn parsedValue;\n\t}\n\n\tconvertToRelativeColumnWidth(pxWidth: string | number) {\n\t\tif (typeof pxWidth === \"string\") {\n\t\t\treturn pxWidth;\n\t\t}\n\t\tif (pxWidth === 0) {\n\t\t\treturn \"0px\";\n\t\t}\n\t\treturn `${(pxWidth / this._availableWidthForColumns) * 100}%`;\n\t}\n\n\tgetNextLayoutOnSeparatorMovement(separator: HTMLElement, isStartToEndDirection: boolean, fclLayoutBeforeMove: FCLLayout, columnLayoutAfterMove: FlexibleColumnLayoutColumnLayout) {\n\t\tconst isStartSeparator = separator === this.startSeparatorDOM,\n\t\t\tseparatorName = isStartSeparator ? \"start\" : \"end\",\n\t\t\tmoved = (options: {separator: \"start\" | \"end\", from: FCLLayout, forward: boolean}) => {\n\t\t\t\treturn options.from === fclLayoutBeforeMove\n\t\t\t\t&& options.separator === separatorName\n\t\t\t\t&& options.forward === isStartToEndDirection;\n\t\t\t},\n\t\t\tnewColumnLayout = columnLayoutAfterMove.map(x => this.convertColumnWidthToPixels(x)),\n\t\t\tnewColumnWidths = {\n\t\t\t\tstart: newColumnLayout[0],\n\t\t\t\tmid: newColumnLayout[1],\n\t\t\t\tend: newColumnLayout[2],\n\t\t\t},\n\t\t\tstartColumnPxWidth = newColumnWidths.start,\n\t\t\tstartColumnPercentWidth = (startColumnPxWidth / this.widthDOM) * 100,\n\t\t\tisTablet = this.media === MEDIA.TABLET;\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.TwoColumnsMidExpanded,\n\t\t\tforward: true,\n\t\t}) && (newColumnWidths.start >= newColumnWidths.mid)) {\n\t\t\treturn FCLLayout.TwoColumnsStartExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.TwoColumnsStartExpanded,\n\t\t\tforward: false,\n\t\t}) && (newColumnWidths.start < newColumnWidths.mid)) {\n\t\t\treturn FCLLayout.TwoColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpanded,\n\t\t\tforward: true,\n\t\t}) && startColumnPercentWidth >= 33) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: false,\n\t\t}) && !isTablet && startColumnPercentWidth < 33) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartHiddenMidExpanded,\n\t\t\tforward: true,\n\t\t}) && !isTablet && Math.ceil(startColumnPxWidth) >= COLUMN_MIN_WIDTH) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartHiddenMidExpanded,\n\t\t\tforward: false,\n\t\t}) && newColumnWidths.mid < newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsStartHiddenEndExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartHiddenEndExpanded,\n\t\t\tforward: true,\n\t\t}) && newColumnWidths.mid >= newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsStartHiddenMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: false,\n\t\t\t// ceil before comparing to avoid floating point precision issues\n\t\t}) && ((Math.ceil(newColumnWidths.end) >= COLUMN_MIN_WIDTH))) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpanded,\n\t\t\tforward: false,\n\t\t}) && newColumnWidths.mid < newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsEndExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsEndExpanded,\n\t\t\tforward: true,\n\t\t}) && newColumnWidths.mid >= newColumnWidths.end) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: true,\n\t\t}) && newColumnWidths.start >= newColumnWidths.mid) {\n\t\t\treturn FCLLayout.ThreeColumnsStartExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsStartExpandedEndHidden,\n\t\t\tforward: false,\n\t\t}) && newColumnWidths.start < newColumnWidths.mid) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"start\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpanded,\n\t\t\tforward: true,\n\t\t\t// ceil before comparing to avoid floating point precision issues\n\t\t}) && isTablet && (Math.ceil(startColumnPxWidth) >= COLUMN_MIN_WIDTH)) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpandedEndHidden;\n\t\t}\n\n\t\tif (moved({\n\t\t\tseparator: \"end\",\n\t\t\tfrom: FCLLayout.ThreeColumnsMidExpandedEndHidden,\n\t\t\tforward: false,\n\t\t\t// ceil before comparing to avoid floating point precision issues\n\t\t}) && isTablet && (Math.ceil(newColumnWidths.end) >= COLUMN_MIN_WIDTH)) {\n\t\t\treturn FCLLayout.ThreeColumnsMidExpanded;\n\t\t}\n\n\t\treturn fclLayoutBeforeMove; // no layout change\n\t}\n\n\tswitchLayoutOnArrowPress() {\n\t\tconst lastUsedLayout = this.layout as FCLLayout;\n\t\tthis.layout = getNextLayoutByArrowPress()[lastUsedLayout as keyof typeof getNextLayoutByArrowPress];\n\t\tif (this.layout !== lastUsedLayout) {\n\t\t\tthis.fireLayoutChange(true, false);\n\t\t}\n\t}\n\n\tget _availableWidthForColumns() {\n\t\tlet width = this._width;\n\t\tif (this.showStartSeparator) {\n\t\t\twidth -= this.startSeparatorDOM.offsetWidth;\n\t\t}\n\t\tif (this.showEndSeparator) {\n\t\t\twidth -= this.endSeparatorDOM.offsetWidth;\n\t\t}\n\t\treturn width;\n\t}\n\n\t/**\n\t * Checks if a column is hidden based on its width.\n\t */\n\tprivate _isColumnHidden(columnWidth: number | string): boolean {\n\t\treturn columnWidth === 0 || columnWidth === \"0px\";\n\t}\n\n\t/**\n\t* Returns the current column layout, based on both the `layout` property and the screen size.\n\t*\n\t* **For example:** [\"67%\", \"33%\", 0], [\"100%\", 0, 0], [\"25%\", \"50%\", \"25%\"], etc,\n\t* where the numbers represents the width of the start, middle and end columns.\n\t* @default undefined\n\t* @public\n\t*/\n\tget columnLayout(): FlexibleColumnLayoutColumnLayout | undefined {\n\t\treturn this._columnLayout;\n\t}\n\n\t/**\n\t* Returns if the `start` column is visible.\n\t* @default true\n\t* @public\n\t*/\n\tget startColumnVisible(): boolean {\n\t\tif (this._columnLayout) {\n\t\t\treturn !this._isColumnHidden(this._columnLayout[0]);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Returns if the `middle` column is visible.\n\t* @default false\n\t* @public\n\t*/\n\tget midColumnVisible(): boolean {\n\t\tif (this._columnLayout) {\n\t\t\treturn !this._isColumnHidden(this._columnLayout[1]);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Returns if the `end` column is visible.\n\t* @default false\n\t* @public\n\t*/\n\tget endColumnVisible(): boolean {\n\t\tif (this._columnLayout) {\n\t\t\treturn !this._isColumnHidden(this._columnLayout[2]);\n\t\t}\n\n\t\treturn false;\n\t}\n\n\t/**\n\t* Returns the number of currently visible columns.\n\t* @default 1\n\t* @public\n\t*/\n\tget visibleColumns(): number {\n\t\treturn this._visibleColumns;\n\t}\n\n\tget startColumnWidth() {\n\t\treturn this._columnLayout ? this._columnLayout[0] : \"100%\";\n\t}\n\n\tget midColumnWidth() {\n\t\treturn this._columnLayout ? this._columnLayout[1] : \"0px\";\n\t}\n\n\tget endColumnWidth() {\n\t\treturn this._columnLayout ? this._columnLayout[2] : \"0px\";\n\t}\n\n\tget showStartSeparator() {\n\t\treturn this.effectiveSeparatorsInfo[0].visible;\n\t}\n\n\tget showEndSeparator() {\n\t\treturn this.effectiveSeparatorsInfo[1].visible;\n\t}\n\n\tget showStartSeparatorGrip() {\n\t\treturn this.disableResizing ? false : this.startSeparatorGripVisibility;\n\t}\n\n\tget showStartSeparatorArrow() {\n\t\treturn this.disableResizing ? false : this.startSeparatorArrowVisibility;\n\t}\n\n\tget showEndSeparatorGrip() {\n\t\treturn this.disableResizing ? false : this.endSeparatorGripVisibility;\n\t}\n\n\tget startSeparatorGripVisibility() {\n\t\treturn this.effectiveSeparatorsInfo[0].gripVisible;\n\t}\n\n\tget endSeparatorGripVisibility() {\n\t\treturn this.effectiveSeparatorsInfo[1].gripVisible;\n\t}\n\n\tget startSeparatorArrowVisibility() {\n\t\treturn this.effectiveSeparatorsInfo[0].arrowVisible;\n\t}\n\n\tget startSeparatorValue() {\n\t\tconst startColumnWidth = this.startColumnWidth;\n\t\tif (typeof startColumnWidth === \"string\" && startColumnWidth.endsWith(\"%\")) {\n\t\t\treturn parseInt(startColumnWidth);\n\t\t}\n\t\treturn SEPARATOR_DEFAULT_VALUES.START;\n\t}\n\n\tget endSeparatorValue() {\n\t\tconst startColumnWidth = this.startColumnWidth;\n\t\tconst midColumnWidth = this.midColumnWidth;\n\n\t\tif (typeof startColumnWidth === \"string\" && startColumnWidth.endsWith(\"%\")\n\t\t\t&& typeof midColumnWidth === \"string\" && midColumnWidth.endsWith(\"%\")) {\n\t\t\treturn parseInt(startColumnWidth) + parseInt(midColumnWidth);\n\t\t}\n\t\treturn SEPARATOR_DEFAULT_VALUES.END;\n\t}\n\n\tget startArrowDirection() {\n\t\treturn this.effectiveSeparatorsInfo[0].arrowDirection;\n\t}\n\n\tget startArrowDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-arrow--start\")!;\n\t}\n\n\tget effectiveSeparatorsInfo() {\n\t\treturn getDefaultLayoutsByMedia()[this.media][this.effectiveLayout].separators;\n\t}\n\n\tget effectiveLayout() {\n\t\treturn this.separatorMovementSession?.tmpFCLLayout || this.layout;\n\t}\n\n\tget startSeparatorDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-separator-start\")!;\n\t}\n\n\tget endSeparatorDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-separator-end\")!;\n\t}\n\n\tget startSeparatorTabIndex() {\n\t\tif (this.showStartSeparatorGrip) {\n\t\t\treturn 0;\n\t\t}\n\t}\n\n\tget endSeparatorTabIndex() {\n\t\tif (this.showEndSeparatorGrip) {\n\t\t\treturn 0;\n\t\t}\n\t}\n\n\tget media() {\n\t\tif (this._width <= BREAKPOINTS.PHONE) {\n\t\t\treturn MEDIA.PHONE;\n\t\t}\n\n\t\tif (this._width <= BREAKPOINTS.TABLET) {\n\t\t\treturn MEDIA.TABLET;\n\t\t}\n\n\t\treturn MEDIA.DESKTOP;\n\t}\n\n\tget widthDOM() {\n\t\treturn this.getBoundingClientRect().width;\n\t}\n\n\tget startColumnDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-column--start\")!;\n\t}\n\n\tget midColumnDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-column--middle\")!;\n\t}\n\n\tget endColumnDOM() {\n\t\treturn this.shadowRoot!.querySelector<HTMLElement>(\".ui5-fcl-column--end\")!;\n\t}\n\n\tget isStartColumnCollapsing() {\n\t\treturn this.startColumnDOM?.classList.contains(\"ui5-fcl-column-collapse-animation\");\n\t}\n\n\tget isMidColumnCollapsing() {\n\t\treturn this.midColumnDOM?.classList.contains(\"ui5-fcl-column-collapse-animation\");\n\t}\n\n\tget isEndColumnCollapsing() {\n\t\treturn this.endColumnDOM?.classList.contains(\"ui5-fcl-column-collapse-animation\");\n\t}\n\n\tget accStartColumnText() {\n\t\treturn this.accessibilityAttributes.startColumn?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_START_COLUMN_TXT);\n\t}\n\n\tget accMiddleColumnText() {\n\t\treturn this.accessibilityAttributes.midColumn?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_MIDDLE_COLUMN_TXT);\n\t}\n\n\tget accEndColumnText() {\n\t\treturn this.accessibilityAttributes.endColumn?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_END_COLUMN_TXT);\n\t}\n\n\tget accStartSeparatorText() {\n\t\tlet name = this.accessibilityAttributes.startSeparator?.name;\n\t\tif (!name && this.showStartSeparatorGrip) {\n\t\t\tname = FlexibleColumnLayout.i18nBundle.getText(FCL_START_SEPARATOR_TOOLTIP);\n\t\t}\n\t\treturn name;\n\t}\n\n\tget accEndSeparatorText() {\n\t\treturn this.accessibilityAttributes.endSeparator?.name || FlexibleColumnLayout.i18nBundle.getText(FCL_END_SEPARATOR_TOOLTIP);\n\t}\n\n\tget accStartColumnRole() {\n\t\tif (this.startColumnVisible) {\n\t\t\treturn this.accessibilityAttributes.startColumn?.role || \"region\";\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tget accMiddleColumnRole() {\n\t\tif (this.midColumnVisible) {\n\t\t\treturn this.accessibilityAttributes.midColumn?.role || \"region\";\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tget accEndColumnRole() {\n\t\tif (this.endColumnVisible) {\n\t\t\treturn this.accessibilityAttributes.endColumn?.role || \"region\";\n\t\t}\n\t\treturn undefined;\n\t}\n\n\tget accStartSeparatorRole() {\n\t\treturn this.accessibilityAttributes.startSeparator?.role || \"separator\";\n\t}\n\n\tget accEndSeparatorRole() {\n\t\treturn this.accessibilityAttributes.endSeparator?.role || \"separator\";\n\t}\n\n\tget _accAttributes() {\n\t\treturn {\n\t\t\tcolumns: {\n\t\t\t\tstart: {\n\t\t\t\t\trole: this.accStartColumnRole,\n\t\t\t\t\tariaHidden: !this.startColumnVisible || undefined,\n\t\t\t\t},\n\t\t\t\tmiddle: {\n\t\t\t\t\trole: this.accMiddleColumnRole,\n\t\t\t\t\tariaHidden: !this.midColumnVisible || undefined,\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\trole: this.accEndColumnRole,\n\t\t\t\t\tariaHidden: !this.endColumnVisible || undefined,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n}\n\nFlexibleColumnLayout.define();\n\nexport default FlexibleColumnLayout;\n\nexport type {\n\tMEDIA,\n\tFlexibleColumnLayoutLayoutChangeEventDetail,\n\tFlexibleColumnLayoutLayoutConfigurationChangeEventDetail,\n\tFCLAccessibilityAttributes,\n\tFlexibleColumnLayoutColumnLayout,\n\tLayoutConfiguration,\n};\n"]}
|
package/dist/NavigationLayout.js
CHANGED
|
@@ -6,7 +6,6 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
|
|
|
6
6
|
};
|
|
7
7
|
import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
|
|
8
8
|
import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
|
|
9
|
-
import event from "@ui5/webcomponents-base/dist/decorators/event-strict.js";
|
|
10
9
|
import property from "@ui5/webcomponents-base/dist/decorators/property.js";
|
|
11
10
|
import slot from "@ui5/webcomponents-base/dist/decorators/slot-strict.js";
|
|
12
11
|
import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
|
|
@@ -167,17 +166,6 @@ NavigationLayout = __decorate([
|
|
|
167
166
|
],
|
|
168
167
|
template: NavigationLayoutTemplate,
|
|
169
168
|
})
|
|
170
|
-
/**
|
|
171
|
-
* Fired when an item is clicked.
|
|
172
|
-
*
|
|
173
|
-
* @param {SideNavigationSelectableItemBase} item The clicked item.
|
|
174
|
-
* @public
|
|
175
|
-
*/
|
|
176
|
-
,
|
|
177
|
-
event("item-click", {
|
|
178
|
-
bubbles: true,
|
|
179
|
-
cancelable: true,
|
|
180
|
-
})
|
|
181
169
|
], NavigationLayout);
|
|
182
170
|
NavigationLayout.define();
|
|
183
171
|
export default NavigationLayout;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationLayout.js","sourceRoot":"","sources":["../src/NavigationLayout.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,UAAU,MAAM,4CAA4C,CAAC;AACpE,OAAO,aAAa,MAAM,0DAA0D,CAAC;AACrF,OAAO,
|
|
1
|
+
{"version":3,"file":"NavigationLayout.js","sourceRoot":"","sources":["../src/NavigationLayout.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot-strict.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport { isPhone } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport NavigationLayoutMode from \"./types/NavigationLayoutMode.js\";\nimport type SideNavigation from \"./SideNavigation.js\";\nimport type { Slot, DefaultSlot } from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport { isInstanceOfSideNavigation } from \"./SideNavigation.js\";\n\n// Template\nimport NavigationLayoutTemplate from \"./NavigationLayoutTemplate.js\";\n\n// Styles\nimport NavigationLayoutCss from \"./generated/themes/NavigationLayout.css.js\";\nimport type { SideNavigationItemClickEventDetail } from \"./SideNavigationItemBase.js\";\n\nconst SCREEN_WIDTH_BREAKPOINT = 600;\n\n/**\n * @class\n *\n * ### Overview\n *\n * The `ui5-navigation-layout` is a container component that can be used to\n * create a layout with a header, a side navigation and a content area.\n *\n * ### Usage\n *\n * Use the `ui5-navigation-layout` to create whole screen of an application with vertical navigation.\n *\n * ### Responsive Behavior\n *\n * On larger screens with a width of 600px or more, excluding mobile phone devices, the side navigation is visible\n * by default and can be expanded or collapsed using the `mode` property.\n * On mobile phone devices and screens with a width of 599px or less, the side navigation is hidden by\n * default and can be displayed using the `mode` property.\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/NavigationLayout.js\";`\n * @constructor\n * @extends UI5Element\n * @since 2.4.0\n * @public\n */\n@customElement({\n\ttag: \"ui5-navigation-layout\",\n\tlanguageAware: true,\n\trenderer: jsxRenderer,\n\tstyles: [\n\t\tNavigationLayoutCss,\n\t],\n\ttemplate: NavigationLayoutTemplate,\n})\n\nclass NavigationLayout extends UI5Element {\n\teventDetails!: {\n\t\t\"item-click\": SideNavigationItemClickEventDetail\n\t}\n\t/**\n\t * Specifies the navigation layout mode.\n\t * @default \"Auto\"\n\t * @public\n\t */\n\t@property()\n\tmode: `${NavigationLayoutMode}` = \"Auto\";\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tsideCollapsed : boolean = this._isSmallScreen();\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\thasSideNavigation = false;\n\n\t/**\n\t * @private\n\t */\n\t@property({ type: Boolean })\n\tisPhone = isPhone();\n\n\tprivate _itemClickHandler = this._handleItemClick.bind(this);\n\tprivate _sideNavigationItemClicked = false;\n\n\t/**\n\t * Gets whether the side navigation is collapsed.\n\t * @public\n\t */\n\tisSideCollapsed() : boolean {\n\t\tthis.calcSideCollapsed();\n\t\treturn this.sideCollapsed;\n\t}\n\n\t/**\n\t * Defines the header.\n\t * @public\n\t */\n\t@slot()\n\theader!: Slot<HTMLElement>;\n\n\t/**\n\t * Defines the side content.\n\t * @public\n\t */\n\t@slot()\n\tsideContent!: Slot<SideNavigation>;\n\n\t/**\n\t * Defines the content.\n\t * @public\n\t */\n\t@slot({ type: HTMLElement, \"default\": true })\n\tcontent!: DefaultSlot<HTMLElement>;\n\n\tonBeforeRendering() {\n\t\tif (!this._sideNavigationItemClicked) {\n\t\t\tthis.calcSideCollapsed();\n\t\t}\n\n\t\tconst sideNavigation = this.sideContent[0];\n\t\tthis.hasSideNavigation = !!sideNavigation;\n\n\t\tif (sideNavigation && !this._sideNavigationItemClicked) {\n\t\t\tsideNavigation.collapsed = this.isSideCollapsed();\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._sideNavigationItemClicked = false;\n\t\tthis._detachSideNavigationListeners();\n\t\tthis._attachSideNavigationListeners();\n\t}\n\n\tonExitDOM() {\n\t\tthis._detachSideNavigationListeners();\n\t}\n\n\tprivate _isSideNavigation(sideNavigation: HTMLElement | undefined): boolean {\n\t\treturn isInstanceOfSideNavigation(sideNavigation);\n\t}\n\n\tprivate _attachSideNavigationListeners() {\n\t\tconst sideNavigation = this.sideContent[0];\n\t\tif (this._isSideNavigation(sideNavigation)) {\n\t\t\tsideNavigation.addEventListener(\"ui5-item-click\", this._itemClickHandler);\n\t\t}\n\t}\n\n\tprivate _detachSideNavigationListeners() {\n\t\tconst sideNavigation = this.sideContent[0];\n\t\tif (this._isSideNavigation(sideNavigation)) {\n\t\t\tsideNavigation.removeEventListener(\"ui5-item-click\", this._itemClickHandler);\n\t\t}\n\t}\n\n\tprivate _handleItemClick() {\n\t\tif (this._isSmallScreen()) {\n\t\t\tthis._sideNavigationItemClicked = true;\n\t\t\tthis._collapseSideNavigation();\n\t\t}\n\t}\n\n\tprivate _isSmallScreen(): boolean {\n\t\treturn isPhone() || window.innerWidth < SCREEN_WIDTH_BREAKPOINT;\n\t}\n\n\tprivate _collapseSideNavigation() {\n\t\tconst sideNavigation = this.sideContent[0];\n\t\tif (this._isSideNavigation(sideNavigation)) {\n\t\t\tsideNavigation.collapsed = true;\n\t\t\tthis.sideCollapsed = true;\n\t\t\tthis.mode = NavigationLayoutMode.Collapsed;\n\t\t}\n\t}\n\n\tcalcSideCollapsed() {\n\t\tif (this.mode === NavigationLayoutMode.Auto) {\n\t\t\tthis.sideCollapsed = this._isSmallScreen();\n\t\t} else {\n\t\t\tthis.sideCollapsed = this.mode === NavigationLayoutMode.Collapsed;\n\t\t}\n\t}\n}\n\nNavigationLayout.define();\n\nexport default NavigationLayout;\n"]}
|
|
@@ -7,6 +7,7 @@ import type ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
|
|
|
7
7
|
* that is used to support keyboard navigation of the notification group internal list.
|
|
8
8
|
*
|
|
9
9
|
* @private
|
|
10
|
+
* @extends List
|
|
10
11
|
*/
|
|
11
12
|
declare class NotificationListGroupList extends List {
|
|
12
13
|
getEnabledItems(): never[];
|
|
@@ -14,6 +14,7 @@ import { isSpace } from "@ui5/webcomponents-base/dist/Keys.js";
|
|
|
14
14
|
* that is used to support keyboard navigation of the notification group internal list.
|
|
15
15
|
*
|
|
16
16
|
* @private
|
|
17
|
+
* @extends List
|
|
17
18
|
*/
|
|
18
19
|
let NotificationListGroupList = class NotificationListGroupList extends List {
|
|
19
20
|
getEnabledItems() {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationListGroupList.js","sourceRoot":"","sources":["../src/NotificationListGroupList.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAE/D
|
|
1
|
+
{"version":3,"file":"NotificationListGroupList.js","sourceRoot":"","sources":["../src/NotificationListGroupList.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,IAAI,MAAM,iCAAiC,CAAC;AACnD,OAAO,aAAa,MAAM,0DAA0D,CAAC;AAErF,OAAO,EAAE,OAAO,EAAE,MAAM,sCAAsC,CAAC;AAE/D;;;;;;;;GAQG;AAEH,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,IAAI;IAC3C,eAAe;QACd,OAAO,EAAE,CAAC;IACX,CAAC;IAED,cAAc;IACd,CAAC;IAED,eAAe;IACf,CAAC;IAED,cAAc;IACd,CAAC;IAED,oBAAoB;IACpB,CAAC;IAED,aAAa;IACb,CAAC;IAED,UAAU,CAAC,CAAa;QACvB,CAAC,CAAC,wBAAwB,EAAE,CAAC;IAC9B,CAAC;IAED,UAAU;IAEV,CAAC;IAED,SAAS,CAAC,IAAkB;QAC3B,IAAI,CAAC,KAAK,EAAE,CAAC;IACd,CAAC;IAED,kBAAkB,CAAC,CAAgB;QAClC,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC;YAChB,CAAC,CAAC,wBAAwB,EAAE,CAAC;QAC9B,CAAC;QAED,KAAK,CAAC,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAC7B,CAAC;CACD,CAAA;AAvCK,yBAAyB;IAD9B,aAAa,CAAC,6BAA6B,CAAC;GACvC,yBAAyB,CAuC9B;AAED,yBAAyB,CAAC,MAAM,EAAE,CAAC;AAEnC,eAAe,yBAAyB,CAAC","sourcesContent":["import List from \"@ui5/webcomponents/dist/List.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport type ListItemBase from \"@ui5/webcomponents/dist/ListItemBase.js\";\nimport { isSpace } from \"@ui5/webcomponents-base/dist/Keys.js\";\n\n/**\n * @class\n *\n * Internal `ui5-li-notification-group-list` component,\n * that is used to support keyboard navigation of the notification group internal list.\n *\n * @private\n * @extends List\n */\n@customElement(\"ui5-notification-group-list\")\nclass NotificationListGroupList extends List {\n\tgetEnabledItems() {\n\t\treturn [];\n\t}\n\n\t_handleTabNext() {\n\t}\n\n\tonForwardBefore() {\n\t}\n\n\tonForwardAfter() {\n\t}\n\n\tonItemTabIndexChange() {\n\t}\n\n\tonItemFocused() {\n\t}\n\n\t_onfocusin(e: FocusEvent) {\n\t\te.stopImmediatePropagation();\n\t}\n\n\t_onkeydown() {\n\n\t}\n\n\tfocusItem(item: ListItemBase) {\n\t\titem.focus();\n\t}\n\n\t_onLoadMoreKeydown(e: KeyboardEvent) {\n\t\tif (isSpace(e)) {\n\t\t\te.stopImmediatePropagation();\n\t\t}\n\n\t\tsuper._onLoadMoreKeydown(e);\n\t}\n}\n\nNotificationListGroupList.define();\n\nexport default NotificationListGroupList;\n"]}
|
|
@@ -7,6 +7,7 @@ import type ListItemBase from "@ui5/webcomponents/dist/ListItemBase.js";
|
|
|
7
7
|
* that is used to support keyboard navigation of the notification list internal list.
|
|
8
8
|
*
|
|
9
9
|
* @private
|
|
10
|
+
* @extends List
|
|
10
11
|
*/
|
|
11
12
|
declare class NotificationListInternal extends List {
|
|
12
13
|
constructor();
|
|
@@ -17,6 +17,7 @@ import getActiveElement from "@ui5/webcomponents-base/dist/util/getActiveElement
|
|
|
17
17
|
* that is used to support keyboard navigation of the notification list internal list.
|
|
18
18
|
*
|
|
19
19
|
* @private
|
|
20
|
+
* @extends List
|
|
20
21
|
*/
|
|
21
22
|
let NotificationListInternal = class NotificationListInternal extends List {
|
|
22
23
|
constructor() {
|