@ui5/webcomponents-fiori 2.5.0-rc.3 → 2.6.0-rc.0

package/dist/FlexibleColumnLayout.js.map

@@ -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 customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport event from \"@ui5/webcomponents-base/dist/decorators/event-strict.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { supportsTouch } from \"@ui5/webcomponents-base/dist/Device.js\";\nimport type AriaLandmarkRole from \"@ui5/webcomponents-base/dist/types/AriaLandmarkRole.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 \"@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} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { PassiveEventListenerObject } from \"@ui5/webcomponents-base/dist/types.js\";\nimport FCLLayout from \"./types/FCLLayout.js\";\nimport type { LayoutConfiguration } from \"./fcl-utils/FCLLayout.js\";\nimport {\n\tgetLayoutsByMedia,\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 \"./generated/templates/FlexibleColumnLayoutTemplate.lit.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 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 | number>;\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 FCLAccessibilityRoles = Extract<Lowercase<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\ntype UserDefinedColumnLayouts = {\n\t\"tablet\": {\n\t\t[layoutName in FCLLayout]?: FlexibleColumnLayoutColumnLayout;\n\t},\n\t\"desktop\": {\n\t\t[layoutName in FCLLayout]?: FlexibleColumnLayoutColumnLayout;\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: litRender,\n\tstyles: FlexibleColumnLayoutCss,\n\ttemplate: FlexibleColumnLayoutTemplate,\n\tdependencies: [Icon],\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})\nclass FlexibleColumnLayout extends UI5Element {\n\teventDetails!: {\n\t\t\"layout-change\": FlexibleColumnLayoutLayoutChangeEventDetail,\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* 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* Allows the user to replace the whole layouts configuration\n\t* @private\n\t*/\n\t@property({ type: Object })\n\t_layoutsConfiguration?: LayoutConfiguration;\n\n\t/**\n\t* Defines the content in the start column.\n\t* @public\n\t*/\n\t@slot()\n\tstartColumn!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle column.\n\t* @public\n\t*/\n\t@slot()\n\tmidColumn!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the end column.\n\t* @public\n\t*/\n\t@slot()\n\tendColumn!: Array<HTMLElement>;\n\n\tinitialRendering: boolean;\n\t_handleResize: () => void;\n\t_onSeparatorMove: (e: TouchEvent | MouseEvent) => void;\n\t_onSeparatorMoveEnd: (e: TouchEvent | MouseEvent) => void;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_prevLayout: `${FCLLayout}` | null;\n\t_userDefinedColumnLayouts: UserDefinedColumnLayouts = {\n\t\ttablet: {},\n\t\tdesktop: {},\n\t};\n\t_ontouchstart: PassiveEventListenerObject;\n\tseparatorMovementSession?: SeparatorMovementSession | null;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._prevLayout = 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\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.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\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\t// animate the width\n\t\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\n\t\t\t// hide column with delay to allow the animation runs entirely\n\t\t\tcolumnDOM.addEventListener(\"transitionend\", this.columnResizeHandler);\n\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\tcolumnDOM.removeEventListener(\"transitionend\", this.columnResizeHandler);\n\t\t\tcolumnDOM.classList.remove(\"ui5-fcl-column--hidden\");\n\t\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\t\t}\n\t}\n\n\tcolumnResizeHandler = (e: Event) => {\n\t\t(e.target as HTMLElement).classList.add(\"ui5-fcl-column--hidden\");\n\t}\n\n\tnextColumnLayout(layout: `${FCLLayout}`) {\n\t\tlet userDefinedLayout;\n\t\tif (this.media !== MEDIA.PHONE) {\n\t\t\tuserDefinedLayout = this._userDefinedColumnLayouts[this.media][layout];\n\t\t}\n\t\treturn userDefinedLayout || this._effectiveLayoutsByMedia[this.media][layout].layout;\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\tthis.fireDecoratorEvent(\"layout-change\", {\n\t\t\tlayout: this.layout,\n\t\t\tcolumnLayout: this._columnLayout!,\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\tonSeparatorPress(e: TouchEvent | MouseEvent) {\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\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!;\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: FlexibleColumnLayoutColumnLayout) {\n\t\tconst media = this.media as MEDIA.TABLET | MEDIA.DESKTOP;\n\n\t\tthis._userDefinedColumnLayouts[media][newLayout] = newColumnLayout;\n\t\tif (this.layout !== newLayout) {\n\t\t\tthis.layout = newLayout;\n\t\t\tthis.fireLayoutChange(true, false);\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\tasync _onkeydown(e: KeyboardEvent) {\n\t\tconst stepSize = 2,\n\t\t\tbigStepSize = this._width,\n\t\t\tisRTL = this.effectiveDir === \"rtl\";\n\t\tlet step = 0;\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\tconst separator = e.target as HTMLElement;\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_onkeyup() {\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: \"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\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 classes() {\n\t\tconst hasAnimation = getAnimationMode() !== AnimationMode.None;\n\n\t\treturn {\n\t\t\troot: {\n\t\t\t\t\"ui5-fcl-root\": true,\n\t\t\t},\n\t\t\tcolumns: {\n\t\t\t\tstart: {\n\t\t\t\t\t\"ui5-fcl-column\": true,\n\t\t\t\t\t\"ui5-fcl-column-animation\": hasAnimation,\n\t\t\t\t\t\"ui5-fcl-column--start\": true,\n\t\t\t\t},\n\t\t\t\tmiddle: {\n\t\t\t\t\t\"ui5-fcl-column\": true,\n\t\t\t\t\t\"ui5-fcl-column-animation\": hasAnimation,\n\t\t\t\t\t\"ui5-fcl-column--middle\": true,\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\t\"ui5-fcl-column\": true,\n\t\t\t\t\t\"ui5-fcl-column-animation\": hasAnimation,\n\t\t\t\t\t\"ui5-fcl-column--end\": true,\n\t\t\t\t},\n\t\t\t},\n\t\t};\n\t}\n\n\tget styles() {\n\t\treturn {\n\t\t\tseparator: {\n\t\t\t\tstart: {\n\t\t\t\t\tdisplay: this.showStartSeparator ? \"flex\" : \"none\",\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\tdisplay: this.showEndSeparator ? \"flex\" : \"none\",\n\t\t\t\t},\n\t\t\t},\n\t\t\tgrip: {\n\t\t\t\tstart: {\n\t\t\t\t\tdisplay: this.showStartSeparatorGrip ? \"inline-block\" : \"none\",\n\t\t\t\t},\n\t\t\t\tend: {\n\t\t\t\t\tdisplay: this.showEndSeparatorGrip ? \"inline-block\" : \"none\",\n\t\t\t\t},\n\t\t\t},\n\t\t};\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 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 effectiveSeparatorsInfo() {\n\t\treturn this._effectiveLayoutsByMedia[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\treturn -1;\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 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 _effectiveLayoutsByMedia() {\n\t\treturn this._layoutsConfiguration || getLayoutsByMedia();\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\tFCLAccessibilityAttributes,\n\tFlexibleColumnLayoutColumnLayout,\n};\n"]}
+{"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 customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport 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 \"@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} from \"@ui5/webcomponents-base/dist/Keys.js\";\nimport type { PassiveEventListenerObject, AriaLandmarkRole } from \"@ui5/webcomponents-base\";\nimport FCLLayout from \"./types/FCLLayout.js\";\nimport type { LayoutConfiguration } from \"./fcl-utils/FCLLayout.js\";\nimport {\n\tgetLayoutsByMedia,\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 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 | number>;\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 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\ntype UserDefinedColumnLayouts = {\n\t\"tablet\": {\n\t\t[layoutName in FCLLayout]?: FlexibleColumnLayoutColumnLayout;\n\t},\n\t\"desktop\": {\n\t\t[layoutName in FCLLayout]?: FlexibleColumnLayoutColumnLayout;\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],\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})\nclass FlexibleColumnLayout extends UI5Element {\n\teventDetails!: {\n\t\t\"layout-change\": FlexibleColumnLayoutLayoutChangeEventDetail,\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* 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* Allows the user to replace the whole layouts configuration\n\t* @private\n\t*/\n\t@property({ type: Object })\n\t_layoutsConfiguration?: LayoutConfiguration;\n\n\t/**\n\t* Defines the content in the start column.\n\t* @public\n\t*/\n\t@slot()\n\tstartColumn!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the middle column.\n\t* @public\n\t*/\n\t@slot()\n\tmidColumn!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the content in the end column.\n\t* @public\n\t*/\n\t@slot()\n\tendColumn!: Array<HTMLElement>;\n\n\tinitialRendering: boolean;\n\t_handleResize: () => void;\n\t_onSeparatorMove: (e: TouchEvent | MouseEvent) => void;\n\t_onSeparatorMoveEnd: (e: TouchEvent | MouseEvent) => void;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\n\t_prevLayout: `${FCLLayout}` | null;\n\t_userDefinedColumnLayouts: UserDefinedColumnLayouts = {\n\t\ttablet: {},\n\t\tdesktop: {},\n\t};\n\t_ontouchstart: PassiveEventListenerObject;\n\tseparatorMovementSession?: SeparatorMovementSession | null;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._prevLayout = 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\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.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\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\t// animate the width\n\t\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\n\t\t\t// hide column with delay to allow the animation runs entirely\n\t\t\tcolumnDOM.addEventListener(\"transitionend\", this.columnResizeHandler);\n\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\tcolumnDOM.removeEventListener(\"transitionend\", this.columnResizeHandler);\n\t\t\tcolumnDOM.classList.remove(\"ui5-fcl-column--hidden\");\n\t\t\tcolumnDOM.style.width = typeof columnWidth === \"number\" ? `${columnWidth}px` : columnWidth;\n\t\t}\n\t}\n\n\tcolumnResizeHandler = (e: Event) => {\n\t\t(e.target as HTMLElement).classList.add(\"ui5-fcl-column--hidden\");\n\t}\n\n\tnextColumnLayout(layout: `${FCLLayout}`) {\n\t\tlet userDefinedLayout;\n\t\tif (this.media !== MEDIA.PHONE) {\n\t\t\tuserDefinedLayout = this._userDefinedColumnLayouts[this.media][layout];\n\t\t}\n\t\treturn userDefinedLayout || this._effectiveLayoutsByMedia[this.media][layout].layout;\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\tthis.fireDecoratorEvent(\"layout-change\", {\n\t\t\tlayout: this.layout,\n\t\t\tcolumnLayout: this._columnLayout!,\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\tonSeparatorPress(e: TouchEvent | MouseEvent) {\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\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!;\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: FlexibleColumnLayoutColumnLayout) {\n\t\tconst media = this.media as MEDIA.TABLET | MEDIA.DESKTOP;\n\n\t\tthis._userDefinedColumnLayouts[media][newLayout] = newColumnLayout;\n\t\tif (this.layout !== newLayout) {\n\t\t\tthis.layout = newLayout;\n\t\t\tthis.fireLayoutChange(true, false);\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\tasync _onkeydown(e: KeyboardEvent) {\n\t\tconst stepSize = 2,\n\t\t\tbigStepSize = this._width,\n\t\t\tisRTL = this.effectiveDir === \"rtl\";\n\t\tlet step = 0;\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\tconst separator = e.target as HTMLElement;\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_onkeyup() {\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: \"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\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 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 effectiveSeparatorsInfo() {\n\t\treturn this._effectiveLayoutsByMedia[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\treturn -1;\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 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 _effectiveLayoutsByMedia() {\n\t\treturn this._layoutsConfiguration || getLayoutsByMedia();\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\tFCLAccessibilityAttributes,\n\tFlexibleColumnLayoutColumnLayout,\n};\n"]}

package/dist/FlexibleColumnLayoutTemplate.d.ts

@@ -0,0 +1,2 @@
+import type FlexibleColumnLayout from "./FlexibleColumnLayout.js";
+export default function FlexibleColumnLayoutTemplate(this: FlexibleColumnLayout): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/FlexibleColumnLayoutTemplate.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import AnimationMode from "@ui5/webcomponents-base/dist/types/AnimationMode.js";
+import { getAnimationMode } from "@ui5/webcomponents-base/dist/InitialConfiguration.js";
+import verticalGrip from "@ui5/webcomponents-icons/dist/vertical-grip.js";
+import Icon from "@ui5/webcomponents/dist/Icon.js";
+export default function FlexibleColumnLayoutTemplate() {
+    const hasAnimation = getAnimationMode() !== AnimationMode.None;
+    return (_jsxs("div", { class: "ui5-fcl-root", children: [_jsxs("div", { role: this._accAttributes.columns.start.role, class: {
+                    "ui5-fcl-column": true,
+                    "ui5-fcl-column-animation": hasAnimation,
+                    "ui5-fcl-column--start": true,
+                }, "aria-hidden": this._accAttributes.columns.start.ariaHidden, "aria-labelledby": `${this._id}-startColumnText`, children: [_jsx("span", { id: `${this._id}-startColumnText`, class: "ui5-hidden-text", children: this.accStartColumnText }), _jsx("slot", { name: "startColumn", "aria-hidden": this._accAttributes.columns.middle.ariaHidden })] }), _jsx("div", { role: this.accStartSeparatorRole, title: this.accStartSeparatorText, class: "ui5-fcl-separator ui5-fcl-separator-start", style: { display: this.showStartSeparator ? "flex" : "none" }, tabindex: this.startSeparatorTabIndex, onMouseDown: this.onSeparatorPress, onTouchStart: this.onSeparatorPress, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: gripStart.call(this) }), _jsxs("div", { role: this._accAttributes.columns.middle.role, class: {
+                    "ui5-fcl-column": true,
+                    "ui5-fcl-column-animation": hasAnimation,
+                    "ui5-fcl-column--middle": true,
+                }, "aria-hidden": this._accAttributes.columns.middle.ariaHidden, "aria-labelledby": `${this._id}-midColumnText`, children: [_jsx("span", { id: `${this._id}-midColumnText`, class: "ui5-hidden-text", children: this.accMiddleColumnText }), _jsx("slot", { name: "midColumn", "aria-hidden": this._accAttributes.columns.middle.ariaHidden })] }), _jsx("div", { role: this.accEndSeparatorRole, title: this.accEndSeparatorText, class: "ui5-fcl-separator ui5-fcl-separator-end", style: { display: this.showEndSeparator ? "flex" : "none" }, tabindex: this.endSeparatorTabIndex, onMouseDown: this.onSeparatorPress, onTouchStart: this.onSeparatorPress, onKeyDown: this._onkeydown, onKeyUp: this._onkeyup, children: gripEnd.call(this) }), _jsxs("div", { role: this._accAttributes.columns.end.role, class: {
+                    "ui5-fcl-column": true,
+                    "ui5-fcl-column-animation": hasAnimation,
+                    "ui5-fcl-column--end": true,
+                }, "aria-hidden": this._accAttributes.columns.end.ariaHidden, "aria-labelledby": `${this._id}-endColumnText`, children: [_jsx("span", { id: `${this._id}-endColumnText`, class: "ui5-hidden-text", children: this.accEndColumnText }), _jsx("slot", { name: "endColumn", "aria-hidden": this._accAttributes.columns.middle.ariaHidden })] })] }));
+}
+function gripStart() {
+    return (_jsx(Icon, { name: verticalGrip, class: "ui5-fcl-grip ui5-fcl-grip--start", style: { display: this.showStartSeparatorGrip ? "inline-block" : "none" } }));
+}
+function gripEnd() {
+    return (_jsx(Icon, { name: verticalGrip, class: "ui5-fcl-grip ui5-fcl-grip--end", style: { display: this.showEndSeparatorGrip ? "inline-block" : "none" } }));
+}
+//# sourceMappingURL=FlexibleColumnLayoutTemplate.js.map

package/dist/FlexibleColumnLayoutTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FlexibleColumnLayoutTemplate.js","sourceRoot":"","sources":["../src/FlexibleColumnLayoutTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import AnimationMode from \"@ui5/webcomponents-base/dist/types/AnimationMode.js\";\nimport { getAnimationMode } from \"@ui5/webcomponents-base/dist/InitialConfiguration.js\";\nimport verticalGrip from \"@ui5/webcomponents-icons/dist/vertical-grip.js\";\nimport Icon from \"@ui5/webcomponents/dist/Icon.js\";\nimport type FlexibleColumnLayout from \"./FlexibleColumnLayout.js\";\n\nexport default function FlexibleColumnLayoutTemplate(this: FlexibleColumnLayout) {\n\tconst hasAnimation = getAnimationMode() !== AnimationMode.None;\n\n\treturn (\n\t\t<div class=\"ui5-fcl-root\">\n\t\t\t<div\n\t\t\t\trole={this._accAttributes.columns.start.role}\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-fcl-column\": true,\n\t\t\t\t\t\"ui5-fcl-column-animation\": hasAnimation,\n\t\t\t\t\t\"ui5-fcl-column--start\": true,\n\t\t\t\t}}\n\t\t\t\taria-hidden={this._accAttributes.columns.start.ariaHidden}\n\t\t\t\taria-labelledby={`${this._id}-startColumnText`}\n\t\t\t>\n\t\t\t\t<span id={`${this._id}-startColumnText`} class=\"ui5-hidden-text\">{this.accStartColumnText}</span>\n\t\t\t\t<slot name=\"startColumn\" aria-hidden={this._accAttributes.columns.middle.ariaHidden}></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\trole={this.accStartSeparatorRole}\n\t\t\t\ttitle={this.accStartSeparatorText}\n\t\t\t\tclass=\"ui5-fcl-separator ui5-fcl-separator-start\"\n\t\t\t\tstyle={{ display: this.showStartSeparator ? \"flex\" : \"none\" }}\n\t\t\t\ttabindex={this.startSeparatorTabIndex}\n\t\t\t\tonMouseDown={this.onSeparatorPress}\n\t\t\t\tonTouchStart={this.onSeparatorPress}\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t>\n\t\t\t\t{ gripStart.call(this) }\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\trole={this._accAttributes.columns.middle.role}\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-fcl-column\": true,\n\t\t\t\t\t\"ui5-fcl-column-animation\": hasAnimation,\n\t\t\t\t\t\"ui5-fcl-column--middle\": true,\n\t\t\t\t}}\n\t\t\t\taria-hidden={this._accAttributes.columns.middle.ariaHidden}\n\t\t\t\taria-labelledby={`${this._id}-midColumnText`}\n\t\t\t>\n\t\t\t\t<span id={`${this._id}-midColumnText`} class=\"ui5-hidden-text\">{this.accMiddleColumnText}</span>\n\t\t\t\t<slot name=\"midColumn\" aria-hidden={this._accAttributes.columns.middle.ariaHidden}></slot>\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\trole={this.accEndSeparatorRole}\n\t\t\t\ttitle={this.accEndSeparatorText}\n\t\t\t\tclass=\"ui5-fcl-separator ui5-fcl-separator-end\"\n\t\t\t\tstyle={{ display: this.showEndSeparator ? \"flex\" : \"none\" }}\n\t\t\t\ttabindex={this.endSeparatorTabIndex}\n\t\t\t\tonMouseDown={this.onSeparatorPress}\n\t\t\t\tonTouchStart={this.onSeparatorPress}\n\t\t\t\tonKeyDown={this._onkeydown}\n\t\t\t\tonKeyUp={this._onkeyup}\n\t\t\t>\n\t\t\t\t{ gripEnd.call(this) }\n\t\t\t</div>\n\n\t\t\t<div\n\t\t\t\trole={this._accAttributes.columns.end.role}\n\t\t\t\tclass={{\n\t\t\t\t\t\"ui5-fcl-column\": true,\n\t\t\t\t\t\"ui5-fcl-column-animation\": hasAnimation,\n\t\t\t\t\t\"ui5-fcl-column--end\": true,\n\t\t\t\t}}\n\t\t\t\taria-hidden={this._accAttributes.columns.end.ariaHidden}\n\t\t\t\taria-labelledby={`${this._id}-endColumnText`}\n\t\t\t>\n\t\t\t\t<span id={`${this._id}-endColumnText`} class=\"ui5-hidden-text\">{this.accEndColumnText}</span>\n\t\t\t\t<slot name=\"endColumn\" aria-hidden={this._accAttributes.columns.middle.ariaHidden}></slot>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n\nfunction gripStart(this: FlexibleColumnLayout) {\n\treturn (\n\t\t<Icon\n\t\t\tname={verticalGrip}\n\t\t\tclass=\"ui5-fcl-grip ui5-fcl-grip--start\"\n\t\t\tstyle={{ display: this.showStartSeparatorGrip ? \"inline-block\" : \"none\" }}\n\t\t/>\n\t);\n}\n\nfunction gripEnd(this: FlexibleColumnLayout) {\n\treturn (\n\t\t<Icon\n\t\t\tname={verticalGrip}\n\t\t\tclass=\"ui5-fcl-grip ui5-fcl-grip--end\"\n\t\t\tstyle={{ display: this.showEndSeparatorGrip ? \"inline-block\" : \"none\" }}\n\t\t/>\n\t);\n}\n"]}

package/dist/IllustratedMessage.js

@@ -14,14 +14,14 @@ import ResizeHandler from "@ui5/webcomponents-base/dist/delegate/ResizeHandler.j
 import { getIllustrationDataSync, getIllustrationData } from "@ui5/webcomponents-base/dist/asset-registries/Illustrations.js";
 import { getEffectiveAriaLabelText } from "@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js";
 import Title from "@ui5/webcomponents/dist/Title.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import IllustrationMessageDesign from "./types/IllustrationMessageDesign.js";
 import IllustrationMessageType from "./types/IllustrationMessageType.js";
 import "./illustrations/BeforeSearch.js";
 // Styles
 import IllustratedMessageCss from "./generated/themes/IllustratedMessage.css.js";
 // Template
-import IllustratedMessageTemplate from "./generated/templates/IllustratedMessageTemplate.lit.js";
+import IllustratedMessageTemplate from "./IllustratedMessageTemplate.js";
 const getEffectiveIllustrationName = (name) => {
     if (name.startsWith("Tnt")) {
         return name.replace("Tnt", "tnt/");
@@ -350,7 +350,7 @@ IllustratedMessage = IllustratedMessage_1 = __decorate([
         tag: "ui5-illustrated-message",
         languageAware: true,
         themeAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: IllustratedMessageCss,
         template: IllustratedMessageTemplate,
         dependencies: [Title],

package/dist/IllustratedMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"IllustratedMessage.js","sourceRoot":"","sources":["../src/IllustratedMessage.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getIllustrationDataSync, getIllustrationData } from \"@ui5/webcomponents-base/dist/asset-registries/Illustrations.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport litRender from \"@ui5/webcomponents-base/dist/renderer/LitRenderer.js\";\nimport type { IButton } from \"@ui5/webcomponents/dist/Button.js\";\nimport IllustrationMessageDesign from \"./types/IllustrationMessageDesign.js\";\nimport IllustrationMessageType from \"./types/IllustrationMessageType.js\";\nimport \"./illustrations/BeforeSearch.js\";\n\n// Styles\nimport IllustratedMessageCss from \"./generated/themes/IllustratedMessage.css.js\";\n\n// Template\nimport IllustratedMessageTemplate from \"./generated/templates/IllustratedMessageTemplate.lit.js\";\n\nconst getEffectiveIllustrationName = (name: string): string => {\n\tif (name.startsWith(\"Tnt\")) {\n\t\treturn name.replace(\"Tnt\", \"tnt/\");\n\t}\n\n\tif (name.includes(\"/\")) {\n\t\treturn name;\n\t}\n\n\treturn `fiori/${name}`;\n};\n\n/**\n * @class\n *\n * ### Overview\n * An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\n * illustration, and conversational tone to better communicate an empty or a success state than just show\n * a message alone.\n *\n * Each illustration has default internationalised title and subtitle texts. Also they can be managed with\n * `titleText` and `subtitleText` properties.\n *\n * To display the desired illustration, use the `name` property, where you can find the list of all available illustrations.\n *\n * **Note:** By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n *\n * `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"`\n *\n * **Note:** Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n *\n * `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"`\n *\n * ### Structure\n * The IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n *\n * - Illustration\n * - Title\n * - Subtitle\n * - Actions\n *\n * ### Usage\n * `ui5-illustrated-message` is meant to be used inside container component, for example a `ui5-card`,\n * a `ui5-dialog` or a `ui5-page`\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";`\n * @csspart subtitle - Used to style the subtitle wrapper of the `ui5-illustrated-message`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.15\n */\n\n@customElement({\n\ttag: \"ui5-illustrated-message\",\n\tlanguageAware: true,\n\tthemeAware: true,\n\trenderer: litRender,\n\tstyles: IllustratedMessageCss,\n\ttemplate: IllustratedMessageTemplate,\n\tdependencies: [Title],\n})\nclass IllustratedMessage extends UI5Element {\n\t/**\n\t* Defines the illustration name that will be displayed in the component.\n\t*\n\t* Example:\n\t*\n\t* `name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\t*\n\t* **Note:** To use the TNT illustrations,\n\t* you need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\t*\n\t* Example:\n\t*\n\t* `name='tnt/Avatar'` or `name='TntAvatar'`.\n\t*\n\t* **Note:** By default the `BeforeSearch` illustration is loaded.\n\t* When using an illustration type, other than the default, it should be loaded in addition:\n\t*\n\t* `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\t*\n\t* For TNT illustrations:\n\t*\n\t* `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`\n\t* @default \"BeforeSearch\"\n\t* @public\n\t*/\n\t@property()\n\tname = \"BeforeSearch\";\n\n\t/**\n\t* Determines which illustration breakpoint variant is used.\n\t*\n\t* As `IllustratedMessage` adapts itself around the `Illustration`, the other\n\t* elements of the component are displayed differently on the different breakpoints/illustration designs.\n\t* @default \"Auto\"\n\t* @public\n\t* @since 2.0.0\n\t*/\n\t@property()\n\tdesign: `${IllustrationMessageDesign}` = \"Auto\";\n\n\t/**\n\t* Defines the subtitle of the component.\n\t*\n\t* **Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\t*\n\t* **Note:** Using `subtitle` slot, the default of this property will be overwritten.\n\t* @default undefined\n\t* @public\n\t*/\n\t@property()\n\tsubtitleText?: string;\n\n\t/**\n\t* Defines the title of the component.\n\t*\n\t* **Note:** Using this property, the default title text of illustration will be overwritten.\n\t* @default undefined\n\t* @public\n\t*/\n\t@property()\n\ttitleText?: string;\n\n\t/**\n\t* Receives id(or many ids) of the elements that label the component.\n\t* @default undefined\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Dot</code> design.\n\t*\n\t* @private\n\t* @since 1.24.0\n\t*/\n\t@property({ noAttribute: true })\n\tdotSvg?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Spot</code> design.\n\t*\n\t* @private\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tspotSvg?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the `Scene` design.\n\t* @private\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tsceneSvg?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the `Dialog` design.\n\t* @private\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tdialogSvg?: string;\n\n\t/**\n\t* Determinates what is the current media of the component based on its width.\n\t* @private\n\t*/\n\t@property()\n\tmedia?: string;\n\n\t/**\n\t* Defines the title of the component.\n\t*\n\t* **Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten.\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@slot({ type: HTMLElement })\n\ttitle!: Array<HTMLElement> & string; // Note: since title collides with HTMLElement's title attribute and it's a String, we're adding the \"& string\" to the type Array<HTMLElement> to avoid ts complains. In the future we will rename/deprecate this slot name, so that it doesn't collide with HTMLElement's title attribute.\n\n\t/**\n\t* Defines the subtitle of the component.\n\t*\n\t* **Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.\n\t* @public\n\t* @since 1.0.0-rc.16\n\t*/\n\t@slot({ type: HTMLElement })\n\tsubtitle!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the component actions.\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: Array<IButton>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\t_lastKnownOffsetWidthForMedia: Record<string, number>;\n\t_lastKnownOffsetHeightForMedia: Record<string, number>;\n\t_lastKnownMedia: string;\n\t_handleResize: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\t// this will store the last known offsetWidth of the IllustratedMessage DOM node for a given media (e.g. \"Spot\")\n\t\tthis._lastKnownOffsetWidthForMedia = {};\n\t\tthis._lastKnownOffsetHeightForMedia = {};\n\t\t// this will store the last known media, in order to detect if IllustratedMessage has been hidden by expand/collapse container\n\t\tthis._lastKnownMedia = \"base\";\n\t}\n\n\tstatic get BREAKPOINTS() {\n\t\treturn {\n\t\t\tDIALOG: 681,\n\t\t\tSPOT: 360,\n\t\t\tDOT: 260,\n\t\t\tBASE: 160,\n\t\t};\n\t}\n\n\tstatic get BREAKPOINTS_HEIGHT() {\n\t\treturn {\n\t\t\tDIALOG: 415,\n\t\t\tSPOT: 284,\n\t\t\tDOT: 207,\n\t\t\tBASE: 61,\n\t\t};\n\t}\n\n\tstatic get MEDIA() {\n\t\treturn {\n\t\t\tBASE: \"base\",\n\t\t\tDOT: \"dot\",\n\t\t\tSPOT: \"spot\",\n\t\t\tDIALOG: \"dialog\",\n\t\t\tSCENE: \"scene\",\n\t\t};\n\t}\n\n\tasync onBeforeRendering() {\n\t\t// Gets the current illustration name given in the \"name\" attribute\n\t\tlet effectiveName = getEffectiveIllustrationName(this.name);\n\t\tlet illustrationData = getIllustrationDataSync(effectiveName);\n\n\t\tif (this.hasAttribute(\"name\") && !this.isValidIllustration(effectiveName)) {\n\t\t\teffectiveName = getEffectiveIllustrationName(IllustrationMessageType.BeforeSearch);\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.warn(`The illustration \"${effectiveName!}\" does not exist. The default illustration \"${IllustrationMessageType.BeforeSearch}\" is loaded instead.`);\n\t\t}\n\n\t\tif (illustrationData === undefined) {\n\t\t\tillustrationData = await getIllustrationData(effectiveName);\n\t\t}\n\n\t\tthis.dotSvg = illustrationData!.dotSvg;\n\t\tthis.spotSvg = illustrationData!.spotSvg;\n\t\tthis.dialogSvg = illustrationData!.dialogSvg;\n\t\tthis.sceneSvg = illustrationData!.sceneSvg;\n\n\t\tthis.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData!.title);\n\t\tthis.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData!.subtitle);\n\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\tthis._handleCustomSize();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t}\n\n\thandleResize() {\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\tthis._adjustHeightToFitContainer();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._applyMedia();\n\t\twindow.requestAnimationFrame(this._adjustHeightToFitContainer.bind(this));\n\t}\n\n\t_applyMedia(heightChange?: boolean) {\n\t\tconst currOffsetWidth = this.offsetWidth,\n\t\t\tcurrOffsetHeight = this.offsetHeight;\n\n\t\tconst design = heightChange ? currOffsetHeight : currOffsetWidth,\n\t\t\toBreakpounts = heightChange ? IllustratedMessage.BREAKPOINTS_HEIGHT : IllustratedMessage.BREAKPOINTS;\n\t\tlet newMedia = \"\";\n\n\t\tif (design <= oBreakpounts.BASE) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (design <= oBreakpounts.DOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.DOT;\n\t\t} else if (design <= oBreakpounts.SPOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (design <= oBreakpounts.DIALOG) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.DIALOG;\n\t\t} else {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t\tconst lastKnownOffsetWidth = this._lastKnownOffsetWidthForMedia[newMedia],\n\t\t\tlastKnownOffsetHeight = this._lastKnownOffsetHeightForMedia[newMedia];\n\t\t // prevents infinite resizing, when same width is detected for the same media,\n\t\t // excluding the case in which, the control is placed inside expand/collapse container\n\t\tif (!(lastKnownOffsetWidth && currOffsetWidth === lastKnownOffsetWidth\n\t\t\t&& lastKnownOffsetHeight && currOffsetHeight === lastKnownOffsetHeight)\n\t\t\t|| this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0\n\t\t\t|| this._lastKnownOffsetHeightForMedia[this._lastKnownMedia] === 0) {\n\t\t\tthis.media = newMedia;\n\t\t\tthis._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;\n\t\t\tthis._lastKnownOffsetHeightForMedia[newMedia] = currOffsetHeight;\n\t\t\tthis._lastKnownMedia = newMedia;\n\t\t}\n\t}\n\n\t_setSVGAccAttrs() {\n\t\tconst svg = this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration svg\");\n\t\tif (svg) {\n\t\t\tif (this.ariaLabelText) {\n\t\t\t\tsvg.setAttribute(\"aria-label\", this.ariaLabelText);\n\t\t\t} else {\n\t\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t\t}\n\t\t}\n\t}\n\n\t_adjustHeightToFitContainer() {\n\t\tconst illustrationWrapper = <HTMLElement> this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration\"),\n\t\t\tillustration = illustrationWrapper.querySelector(\"svg\");\n\n\t\tif (illustration) {\n\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", false);\n\t\t\tif (this.getDomRef()!.scrollHeight > this.getDomRef()!.offsetHeight) {\n\t\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", true);\n\t\t\t\tthis._applyMedia(true /* height change */);\n\t\t\t}\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._setSVGAccAttrs();\n\t}\n\n\t/**\n\t * Modifies the IM styles in accordance to the `size` property's value.\n\t * Note: The resize handler has no effect when size is different than \"Auto\".\n\t * @private\n\t * @since 1.5.0\n\t */\n\t_handleCustomSize() {\n\t\tswitch (this.design) {\n\t\tcase IllustrationMessageDesign.Base:\n\t\t\tthis.media = IllustratedMessage.MEDIA.BASE;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Spot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dialog:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tdefault:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t}\n\n\tget ariaLabelText(): string | undefined {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget effectiveIllustration(): string | undefined {\n\t\tswitch (this.media) {\n\t\tcase IllustratedMessage.MEDIA.DOT:\n\t\t\treturn this.dotSvg;\n\t\tcase IllustratedMessage.MEDIA.SPOT:\n\t\t\treturn this.spotSvg;\n\t\tcase IllustratedMessage.MEDIA.DIALOG:\n\t\t\treturn this.dialogSvg;\n\t\tcase IllustratedMessage.MEDIA.SCENE:\n\t\t\treturn this.sceneSvg;\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget hasFormattedSubtitle(): boolean {\n\t\treturn !!this.subtitle.length;\n\t}\n\n\tget hasFormattedTitle(): boolean {\n\t\treturn !!this.title.length;\n\t}\n\n\tget effectiveTitleText(): string | undefined {\n\t\treturn this.titleText ? this.titleText : this.illustrationTitle;\n\t}\n\n\tget effectiveSubitleText(): string | undefined {\n\t\treturn this.subtitleText ? this.subtitleText : this.illustrationSubtitle;\n\t}\n\n\tget hasTitle(): boolean {\n\t\treturn !!(this.hasFormattedTitle || this.titleText || this.illustrationTitle);\n\t}\n\n\tget hasSubtitle(): boolean {\n\t\treturn !!(this.hasFormattedSubtitle || this.subtitleText || this.illustrationSubtitle);\n\t}\n\n\tget hasActions(): boolean {\n\t\treturn !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;\n\t}\n\n\tisValidIllustration(currentIllustration: string): boolean {\n\t\tcurrentIllustration = currentIllustration.startsWith(\"tnt/\") ? currentIllustration.replace(\"tnt/\", \"Tnt\") : currentIllustration.replace(\"fiori/\", \"\");\n\n\t\treturn currentIllustration in IllustrationMessageType;\n\t}\n}\n\nIllustratedMessage.define();\n\nexport default IllustratedMessage;\n"]}
+{"version":3,"file":"IllustratedMessage.js","sourceRoot":"","sources":["../src/IllustratedMessage.ts"],"names":[],"mappings":"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","sourcesContent":["import UI5Element from \"@ui5/webcomponents-base/dist/UI5Element.js\";\nimport customElement from \"@ui5/webcomponents-base/dist/decorators/customElement.js\";\nimport property from \"@ui5/webcomponents-base/dist/decorators/property.js\";\nimport slot from \"@ui5/webcomponents-base/dist/decorators/slot.js\";\nimport i18n from \"@ui5/webcomponents-base/dist/decorators/i18n.js\";\nimport ResizeHandler from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport type { ResizeObserverCallback } from \"@ui5/webcomponents-base/dist/delegate/ResizeHandler.js\";\nimport { getIllustrationDataSync, getIllustrationData } from \"@ui5/webcomponents-base/dist/asset-registries/Illustrations.js\";\nimport { getEffectiveAriaLabelText } from \"@ui5/webcomponents-base/dist/util/AccessibilityTextsHelper.js\";\nimport type I18nBundle from \"@ui5/webcomponents-base/dist/i18nBundle.js\";\nimport Title from \"@ui5/webcomponents/dist/Title.js\";\nimport jsxRenderer from \"@ui5/webcomponents-base/dist/renderer/JsxRenderer.js\";\nimport type { IButton } from \"@ui5/webcomponents/dist/Button.js\";\nimport IllustrationMessageDesign from \"./types/IllustrationMessageDesign.js\";\nimport IllustrationMessageType from \"./types/IllustrationMessageType.js\";\nimport \"./illustrations/BeforeSearch.js\";\n\n// Styles\nimport IllustratedMessageCss from \"./generated/themes/IllustratedMessage.css.js\";\n\n// Template\nimport IllustratedMessageTemplate from \"./IllustratedMessageTemplate.js\";\n\nconst getEffectiveIllustrationName = (name: string): string => {\n\tif (name.startsWith(\"Tnt\")) {\n\t\treturn name.replace(\"Tnt\", \"tnt/\");\n\t}\n\n\tif (name.includes(\"/\")) {\n\t\treturn name;\n\t}\n\n\treturn `fiori/${name}`;\n};\n\n/**\n * @class\n *\n * ### Overview\n * An IllustratedMessage is a recommended combination of a solution-oriented message, an engaging\n * illustration, and conversational tone to better communicate an empty or a success state than just show\n * a message alone.\n *\n * Each illustration has default internationalised title and subtitle texts. Also they can be managed with\n * `titleText` and `subtitleText` properties.\n *\n * To display the desired illustration, use the `name` property, where you can find the list of all available illustrations.\n *\n * **Note:** By default the “BeforeSearch” illustration is loaded. To use other illustrations, make sure you import them in addition, for example:\n *\n * `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\"`\n *\n * **Note:** Illustrations starting with the “Tnt” prefix are part of another illustration set. For example to use the “TntSuccess” illustration, add the following import::\n *\n * `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/Success.js\"`\n *\n * ### Structure\n * The IllustratedMessage consists of the following elements, which are displayed below each other in the following order:\n *\n * - Illustration\n * - Title\n * - Subtitle\n * - Actions\n *\n * ### Usage\n * `ui5-illustrated-message` is meant to be used inside container component, for example a `ui5-card`,\n * a `ui5-dialog` or a `ui5-page`\n *\n * ### ES6 Module Import\n *\n * `import \"@ui5/webcomponents-fiori/dist/IllustratedMessage.js\";`\n * @csspart subtitle - Used to style the subtitle wrapper of the `ui5-illustrated-message`\n * @constructor\n * @extends UI5Element\n * @public\n * @since 1.0.0-rc.15\n */\n\n@customElement({\n\ttag: \"ui5-illustrated-message\",\n\tlanguageAware: true,\n\tthemeAware: true,\n\trenderer: jsxRenderer,\n\tstyles: IllustratedMessageCss,\n\ttemplate: IllustratedMessageTemplate,\n\tdependencies: [Title],\n})\nclass IllustratedMessage extends UI5Element {\n\t/**\n\t* Defines the illustration name that will be displayed in the component.\n\t*\n\t* Example:\n\t*\n\t* `name='BeforeSearch'`, `name='UnableToUpload'`, etc..\n\t*\n\t* **Note:** To use the TNT illustrations,\n\t* you need to set the `tnt` or `Tnt` prefix in front of the icon's name.\n\t*\n\t* Example:\n\t*\n\t* `name='tnt/Avatar'` or `name='TntAvatar'`.\n\t*\n\t* **Note:** By default the `BeforeSearch` illustration is loaded.\n\t* When using an illustration type, other than the default, it should be loaded in addition:\n\t*\n\t* `import \"@ui5/webcomponents-fiori/dist/illustrations/NoData.js\";`\n\t*\n\t* For TNT illustrations:\n\t*\n\t* `import \"@ui5/webcomponents-fiori/dist/illustrations/tnt/SessionExpired.js\";`\n\t* @default \"BeforeSearch\"\n\t* @public\n\t*/\n\t@property()\n\tname = \"BeforeSearch\";\n\n\t/**\n\t* Determines which illustration breakpoint variant is used.\n\t*\n\t* As `IllustratedMessage` adapts itself around the `Illustration`, the other\n\t* elements of the component are displayed differently on the different breakpoints/illustration designs.\n\t* @default \"Auto\"\n\t* @public\n\t* @since 2.0.0\n\t*/\n\t@property()\n\tdesign: `${IllustrationMessageDesign}` = \"Auto\";\n\n\t/**\n\t* Defines the subtitle of the component.\n\t*\n\t* **Note:** Using this property, the default subtitle text of illustration will be overwritten.\n\t*\n\t* **Note:** Using `subtitle` slot, the default of this property will be overwritten.\n\t* @default undefined\n\t* @public\n\t*/\n\t@property()\n\tsubtitleText?: string;\n\n\t/**\n\t* Defines the title of the component.\n\t*\n\t* **Note:** Using this property, the default title text of illustration will be overwritten.\n\t* @default undefined\n\t* @public\n\t*/\n\t@property()\n\ttitleText?: string;\n\n\t/**\n\t* Receives id(or many ids) of the elements that label the component.\n\t* @default undefined\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@property()\n\taccessibleNameRef?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Dot</code> design.\n\t*\n\t* @private\n\t* @since 1.24.0\n\t*/\n\t@property({ noAttribute: true })\n\tdotSvg?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the <code>Spot</code> design.\n\t*\n\t* @private\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tspotSvg?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the `Scene` design.\n\t* @private\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tsceneSvg?: string;\n\n\t/**\n\t* Illustration breakpoint variant for the `Dialog` design.\n\t* @private\n\t* @since 1.9.0\n\t*/\n\t@property({ noAttribute: true })\n\tdialogSvg?: string;\n\n\t/**\n\t* Determinates what is the current media of the component based on its width.\n\t* @private\n\t*/\n\t@property()\n\tmedia?: string;\n\n\t/**\n\t* Defines the title of the component.\n\t*\n\t* **Note:** Using this slot, the default title text of illustration and the value of `title` property will be overwritten.\n\t* @public\n\t* @since 1.7.0\n\t*/\n\t@slot({ type: HTMLElement })\n\ttitle!: Array<HTMLElement> & string; // Note: since title collides with HTMLElement's title attribute and it's a String, we're adding the \"& string\" to the type Array<HTMLElement> to avoid ts complains. In the future we will rename/deprecate this slot name, so that it doesn't collide with HTMLElement's title attribute.\n\n\t/**\n\t* Defines the subtitle of the component.\n\t*\n\t* **Note:** Using this slot, the default subtitle text of illustration and the value of `subtitleText` property will be overwritten.\n\t* @public\n\t* @since 1.0.0-rc.16\n\t*/\n\t@slot({ type: HTMLElement })\n\tsubtitle!: Array<HTMLElement>;\n\n\t/**\n\t* Defines the component actions.\n\t* @public\n\t*/\n\t@slot({ type: HTMLElement, \"default\": true })\n\tactions!: Array<IButton>;\n\n\tillustrationTitle?: string;\n\tillustrationSubtitle?: string;\n\n\t@i18n(\"@ui5/webcomponents-fiori\")\n\tstatic i18nBundle: I18nBundle;\n\t_lastKnownOffsetWidthForMedia: Record<string, number>;\n\t_lastKnownOffsetHeightForMedia: Record<string, number>;\n\t_lastKnownMedia: string;\n\t_handleResize: ResizeObserverCallback;\n\n\tconstructor() {\n\t\tsuper();\n\n\t\tthis._handleResize = this.handleResize.bind(this);\n\t\t// this will store the last known offsetWidth of the IllustratedMessage DOM node for a given media (e.g. \"Spot\")\n\t\tthis._lastKnownOffsetWidthForMedia = {};\n\t\tthis._lastKnownOffsetHeightForMedia = {};\n\t\t// this will store the last known media, in order to detect if IllustratedMessage has been hidden by expand/collapse container\n\t\tthis._lastKnownMedia = \"base\";\n\t}\n\n\tstatic get BREAKPOINTS() {\n\t\treturn {\n\t\t\tDIALOG: 681,\n\t\t\tSPOT: 360,\n\t\t\tDOT: 260,\n\t\t\tBASE: 160,\n\t\t};\n\t}\n\n\tstatic get BREAKPOINTS_HEIGHT() {\n\t\treturn {\n\t\t\tDIALOG: 415,\n\t\t\tSPOT: 284,\n\t\t\tDOT: 207,\n\t\t\tBASE: 61,\n\t\t};\n\t}\n\n\tstatic get MEDIA() {\n\t\treturn {\n\t\t\tBASE: \"base\",\n\t\t\tDOT: \"dot\",\n\t\t\tSPOT: \"spot\",\n\t\t\tDIALOG: \"dialog\",\n\t\t\tSCENE: \"scene\",\n\t\t};\n\t}\n\n\tasync onBeforeRendering() {\n\t\t// Gets the current illustration name given in the \"name\" attribute\n\t\tlet effectiveName = getEffectiveIllustrationName(this.name);\n\t\tlet illustrationData = getIllustrationDataSync(effectiveName);\n\n\t\tif (this.hasAttribute(\"name\") && !this.isValidIllustration(effectiveName)) {\n\t\t\teffectiveName = getEffectiveIllustrationName(IllustrationMessageType.BeforeSearch);\n\t\t\t// eslint-disable-next-line\n\t\t\tconsole.warn(`The illustration \"${effectiveName!}\" does not exist. The default illustration \"${IllustrationMessageType.BeforeSearch}\" is loaded instead.`);\n\t\t}\n\n\t\tif (illustrationData === undefined) {\n\t\t\tillustrationData = await getIllustrationData(effectiveName);\n\t\t}\n\n\t\tthis.dotSvg = illustrationData!.dotSvg;\n\t\tthis.spotSvg = illustrationData!.spotSvg;\n\t\tthis.dialogSvg = illustrationData!.dialogSvg;\n\t\tthis.sceneSvg = illustrationData!.sceneSvg;\n\n\t\tthis.illustrationTitle = IllustratedMessage.i18nBundle.getText(illustrationData!.title);\n\t\tthis.illustrationSubtitle = IllustratedMessage.i18nBundle.getText(illustrationData!.subtitle);\n\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\tthis._handleCustomSize();\n\t\t}\n\t}\n\n\tonEnterDOM() {\n\t\tResizeHandler.register(this, this._handleResize);\n\t}\n\n\tonExitDOM() {\n\t\tResizeHandler.deregister(this, this._handleResize);\n\t}\n\n\thandleResize() {\n\t\tif (this.design !== IllustrationMessageDesign.Auto) {\n\t\t\tthis._adjustHeightToFitContainer();\n\t\t\treturn;\n\t\t}\n\n\t\tthis._applyMedia();\n\t\twindow.requestAnimationFrame(this._adjustHeightToFitContainer.bind(this));\n\t}\n\n\t_applyMedia(heightChange?: boolean) {\n\t\tconst currOffsetWidth = this.offsetWidth,\n\t\t\tcurrOffsetHeight = this.offsetHeight;\n\n\t\tconst design = heightChange ? currOffsetHeight : currOffsetWidth,\n\t\t\toBreakpounts = heightChange ? IllustratedMessage.BREAKPOINTS_HEIGHT : IllustratedMessage.BREAKPOINTS;\n\t\tlet newMedia = \"\";\n\n\t\tif (design <= oBreakpounts.BASE) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.BASE;\n\t\t} else if (design <= oBreakpounts.DOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.DOT;\n\t\t} else if (design <= oBreakpounts.SPOT) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SPOT;\n\t\t} else if (design <= oBreakpounts.DIALOG) {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.DIALOG;\n\t\t} else {\n\t\t\tnewMedia = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t\tconst lastKnownOffsetWidth = this._lastKnownOffsetWidthForMedia[newMedia],\n\t\t\tlastKnownOffsetHeight = this._lastKnownOffsetHeightForMedia[newMedia];\n\t\t // prevents infinite resizing, when same width is detected for the same media,\n\t\t // excluding the case in which, the control is placed inside expand/collapse container\n\t\tif (!(lastKnownOffsetWidth && currOffsetWidth === lastKnownOffsetWidth\n\t\t\t&& lastKnownOffsetHeight && currOffsetHeight === lastKnownOffsetHeight)\n\t\t\t|| this._lastKnownOffsetWidthForMedia[this._lastKnownMedia] === 0\n\t\t\t|| this._lastKnownOffsetHeightForMedia[this._lastKnownMedia] === 0) {\n\t\t\tthis.media = newMedia;\n\t\t\tthis._lastKnownOffsetWidthForMedia[newMedia] = currOffsetWidth;\n\t\t\tthis._lastKnownOffsetHeightForMedia[newMedia] = currOffsetHeight;\n\t\t\tthis._lastKnownMedia = newMedia;\n\t\t}\n\t}\n\n\t_setSVGAccAttrs() {\n\t\tconst svg = this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration svg\");\n\t\tif (svg) {\n\t\t\tif (this.ariaLabelText) {\n\t\t\t\tsvg.setAttribute(\"aria-label\", this.ariaLabelText);\n\t\t\t} else {\n\t\t\t\tsvg.removeAttribute(\"aria-label\");\n\t\t\t}\n\t\t}\n\t}\n\n\t_adjustHeightToFitContainer() {\n\t\tconst illustrationWrapper = <HTMLElement> this.shadowRoot!.querySelector(\".ui5-illustrated-message-illustration\"),\n\t\t\tillustration = illustrationWrapper.querySelector(\"svg\");\n\n\t\tif (illustration) {\n\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", false);\n\t\t\tif (this.getDomRef()!.scrollHeight > this.getDomRef()!.offsetHeight) {\n\t\t\t\tillustrationWrapper.classList.toggle(\"ui5-illustrated-message-illustration-fit-content\", true);\n\t\t\t\tthis._applyMedia(true /* height change */);\n\t\t\t}\n\t\t}\n\t}\n\n\tonAfterRendering() {\n\t\tthis._setSVGAccAttrs();\n\t}\n\n\t/**\n\t * Modifies the IM styles in accordance to the `size` property's value.\n\t * Note: The resize handler has no effect when size is different than \"Auto\".\n\t * @private\n\t * @since 1.5.0\n\t */\n\t_handleCustomSize() {\n\t\tswitch (this.design) {\n\t\tcase IllustrationMessageDesign.Base:\n\t\t\tthis.media = IllustratedMessage.MEDIA.BASE;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Spot:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SPOT;\n\t\t\treturn;\n\t\tcase IllustrationMessageDesign.Dialog:\n\t\t\tthis.media = IllustratedMessage.MEDIA.DIALOG;\n\t\t\treturn;\n\t\tdefault:\n\t\t\tthis.media = IllustratedMessage.MEDIA.SCENE;\n\t\t}\n\t}\n\n\tget ariaLabelText(): string | undefined {\n\t\treturn getEffectiveAriaLabelText(this);\n\t}\n\n\tget effectiveIllustration(): string | undefined {\n\t\tswitch (this.media) {\n\t\tcase IllustratedMessage.MEDIA.DOT:\n\t\t\treturn this.dotSvg;\n\t\tcase IllustratedMessage.MEDIA.SPOT:\n\t\t\treturn this.spotSvg;\n\t\tcase IllustratedMessage.MEDIA.DIALOG:\n\t\t\treturn this.dialogSvg;\n\t\tcase IllustratedMessage.MEDIA.SCENE:\n\t\t\treturn this.sceneSvg;\n\t\tdefault:\n\t\t\treturn \"\";\n\t\t}\n\t}\n\n\tget hasFormattedSubtitle(): boolean {\n\t\treturn !!this.subtitle.length;\n\t}\n\n\tget hasFormattedTitle(): boolean {\n\t\treturn !!this.title.length;\n\t}\n\n\tget effectiveTitleText(): string | undefined {\n\t\treturn this.titleText ? this.titleText : this.illustrationTitle;\n\t}\n\n\tget effectiveSubitleText(): string | undefined {\n\t\treturn this.subtitleText ? this.subtitleText : this.illustrationSubtitle;\n\t}\n\n\tget hasTitle(): boolean {\n\t\treturn !!(this.hasFormattedTitle || this.titleText || this.illustrationTitle);\n\t}\n\n\tget hasSubtitle(): boolean {\n\t\treturn !!(this.hasFormattedSubtitle || this.subtitleText || this.illustrationSubtitle);\n\t}\n\n\tget hasActions(): boolean {\n\t\treturn !!this.actions.length && this.media !== IllustratedMessage.MEDIA.BASE;\n\t}\n\n\tisValidIllustration(currentIllustration: string): boolean {\n\t\tcurrentIllustration = currentIllustration.startsWith(\"tnt/\") ? currentIllustration.replace(\"tnt/\", \"Tnt\") : currentIllustration.replace(\"fiori/\", \"\");\n\n\t\treturn currentIllustration in IllustrationMessageType;\n\t}\n}\n\nIllustratedMessage.define();\n\nexport default IllustratedMessage;\n"]}

package/dist/IllustratedMessageTemplate.d.ts

@@ -0,0 +1,2 @@
+import type IllustratedMessage from "./IllustratedMessage.js";
+export default function IllustratedMessageTemplate(this: IllustratedMessage): import("@ui5/webcomponents-base/jsx-runtime").JSX.Element;

package/dist/IllustratedMessageTemplate.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@ui5/webcomponents-base/jsx-runtime";
+import Title from "@ui5/webcomponents/dist/Title.js";
+export default function IllustratedMessageTemplate() {
+    return (_jsxs("div", { class: "ui5-illustrated-message-root", children: [_jsxs("div", { class: "ui5-illustrated-message-inner", children: [_jsx("div", { class: "ui5-illustrated-message-illustration", dangerouslySetInnerHTML: { __html: this.effectiveIllustration || "" } }), _jsxs("div", { class: "ui5-illustrated-message-text-and-actions-container", children: [this.hasTitle &&
+                                _jsx("div", { part: "title", class: "ui5-illustrated-message-title", children: this.hasFormattedTitle ?
+                                        _jsx("slot", { name: "title" })
+                                        :
+                                            _jsx(Title, { children: this.effectiveTitleText }) }), this.hasSubtitle &&
+                                _jsx("div", { part: "subtitle", class: "ui5-illustrated-message-subtitle", children: this.hasFormattedSubtitle ?
+                                        _jsx("slot", { name: "subtitle" })
+                                        :
+                                            _jsx(_Fragment, { children: this.effectiveSubitleText }) }), this.hasActions &&
+                                _jsx("div", { class: "ui5-illustrated-message-actions", children: _jsx("slot", {}) })] })] }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", class: "ui5-illustrated-message-util", children: _jsxs("defs", { children: [_jsxs("pattern", { id: "sapIllus_PatternShadow", "data-name": "sapIllus_PatternShadow", width: "3", height: "5.5", patternUnits: "userSpaceOnUse", viewBox: "0 0 3 5.5", children: [_jsx("rect", { class: "sapIllus_NoColor sapIllus_NoColor_Fill", width: "3", height: "5.5" }), _jsx("circle", { class: "sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill", cx: "3", cy: "5.5001", r: "0.5" }), _jsx("circle", { class: "sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill", cy: "5.5001", r: "0.5" }), _jsx("circle", { class: "sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill", cx: "1.5", cy: "2.7501", r: "0.5" }), _jsx("circle", { class: "sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill", cx: "3", cy: "0.0001", r: "0.5" }), _jsx("circle", { class: "sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill", cy: "0.0001", r: "0.5" })] }), _jsxs("pattern", { id: "sapIllus_PatternHighlight", "data-name": "sapIllus_PatternHighlight", width: "3", height: "5.5", patternTransform: "translate(35.9059 309.6208)", patternUnits: "userSpaceOnUse", viewBox: "0 0 3 5.5", children: [_jsx("rect", { class: "sapIllus_NoColor sapIllus_NoColor_Fill", width: "3", height: "5.5" }), _jsx("circle", { class: "sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill", cx: "3.0001", cy: "5.5001", r: "0.5" }), _jsx("circle", { class: "sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill", cx: "0.0001", cy: "5.5001", r: "0.5" }), _jsx("circle", { class: "sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill", cx: "1.5001", cy: "2.7501", r: "0.5" }), _jsx("circle", { class: "sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill", cx: "3.0001", cy: "0.0001", r: "0.5" }), _jsx("circle", { class: "sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill", cx: "0.0001", cy: "0.0001", r: "0.5" })] })] }) })] }));
+}
+//# sourceMappingURL=IllustratedMessageTemplate.js.map

package/dist/IllustratedMessageTemplate.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IllustratedMessageTemplate.js","sourceRoot":"","sources":["../src/IllustratedMessageTemplate.tsx"],"names":[],"mappings":"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","sourcesContent":["import Title from \"@ui5/webcomponents/dist/Title.js\";\nimport type IllustratedMessage from \"./IllustratedMessage.js\";\n\nexport default function IllustratedMessageTemplate(this: IllustratedMessage) {\n\treturn (\n\t\t<div class=\"ui5-illustrated-message-root\">\n\t\t\t<div class=\"ui5-illustrated-message-inner\">\n\t\t\t\t<div class=\"ui5-illustrated-message-illustration\" dangerouslySetInnerHTML={{ __html: this.effectiveIllustration || \"\" }}></div>\n\t\t\t\t<div class=\"ui5-illustrated-message-text-and-actions-container\">\n\t\t\t\t\t{this.hasTitle &&\n\t\t\t\t\t\t<div part=\"title\" class=\"ui5-illustrated-message-title\">\n\t\t\t\t\t\t\t{this.hasFormattedTitle ?\n\t\t\t\t\t\t\t\t<slot name=\"title\"></slot>\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t<Title>{this.effectiveTitleText}</Title>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\n\t\t\t\t\t{this.hasSubtitle &&\n\t\t\t\t\t\t<div part=\"subtitle\" class=\"ui5-illustrated-message-subtitle\">\n\t\t\t\t\t\t\t{this.hasFormattedSubtitle ?\n\t\t\t\t\t\t\t\t<slot name=\"subtitle\"></slot>\n\t\t\t\t\t\t\t\t:\n\t\t\t\t\t\t\t\t<>{this.effectiveSubitleText}</>\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t\t{this.hasActions &&\n\t\t\t\t\t\t<div class=\"ui5-illustrated-message-actions\">\n\t\t\t\t\t\t\t<slot></slot>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t}\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<svg xmlns=\"http://www.w3.org/2000/svg\" class=\"ui5-illustrated-message-util\">\n\t\t\t\t<defs>\n\t\t\t\t\t<pattern id=\"sapIllus_PatternShadow\" data-name=\"sapIllus_PatternShadow\" width=\"3\" height=\"5.5\"\n\t\t\t\t\t\tpatternUnits=\"userSpaceOnUse\" viewBox=\"0 0 3 5.5\">\n\t\t\t\t\t\t<rect class=\"sapIllus_NoColor sapIllus_NoColor_Fill\" width=\"3\" height=\"5.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill\" cx=\"3\"\n\t\t\t\t\t\t\tcy=\"5.5001\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill\" cy=\"5.5001\"\n\t\t\t\t\t\t\tr=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill\" cx=\"1.5\"\n\t\t\t\t\t\t\tcy=\"2.7501\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill\" cx=\"3\"\n\t\t\t\t\t\t\tcy=\"0.0001\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_BrandColorPrimary sapIllus_BrandColorPrimary_Fill\" cy=\"0.0001\"\n\t\t\t\t\t\t\tr=\"0.5\" />\n\t\t\t\t\t</pattern>\n\t\t\t\t\t<pattern id=\"sapIllus_PatternHighlight\" data-name=\"sapIllus_PatternHighlight\" width=\"3\" height=\"5.5\"\n\t\t\t\t\t\tpatternTransform=\"translate(35.9059 309.6208)\" patternUnits=\"userSpaceOnUse\" viewBox=\"0 0 3 5.5\">\n\t\t\t\t\t\t<rect class=\"sapIllus_NoColor sapIllus_NoColor_Fill\" width=\"3\" height=\"5.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill\" cx=\"3.0001\"\n\t\t\t\t\t\t\tcy=\"5.5001\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill\" cx=\"0.0001\"\n\t\t\t\t\t\t\tcy=\"5.5001\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill\" cx=\"1.5001\"\n\t\t\t\t\t\t\tcy=\"2.7501\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill\" cx=\"3.0001\"\n\t\t\t\t\t\t\tcy=\"0.0001\" r=\"0.5\" />\n\t\t\t\t\t\t<circle class=\"sapIllus_ObjectFillColor sapIllus_ObjectFillColor_Fill\" cx=\"0.0001\"\n\t\t\t\t\t\t\tcy=\"0.0001\" r=\"0.5\" />\n\t\t\t\t\t</pattern>\n\t\t\t\t</defs>\n\t\t\t</svg>\n\t\t</div>\n\t);\n}\n"]}

package/dist/NavigationLayout.js

@@ -8,11 +8,11 @@ import UI5Element from "@ui5/webcomponents-base/dist/UI5Element.js";
 import customElement from "@ui5/webcomponents-base/dist/decorators/customElement.js";
 import property from "@ui5/webcomponents-base/dist/decorators/property.js";
 import slot from "@ui5/webcomponents-base/dist/decorators/slot.js";
-import litRender from "@ui5/webcomponents-base/dist/renderer/LitRenderer.js";
+import jsxRenderer from "@ui5/webcomponents-base/dist/renderer/JsxRenderer.js";
 import browserScrollbarCSS from "@ui5/webcomponents/dist/generated/themes/BrowserScrollbar.css.js";
 import { isPhone, isTablet, isCombi, } from "@ui5/webcomponents-base/dist/Device.js";
 // Template
-import NavigationLayoutTemplate from "./generated/templates/NavigationLayoutTemplate.lit.js";
+import NavigationLayoutTemplate from "./NavigationLayoutTemplate.js";
 // Styles
 import NavigationLayoutCss from "./generated/themes/NavigationLayout.css.js";
 /**
@@ -104,7 +104,7 @@ NavigationLayout = __decorate([
     customElement({
         tag: "ui5-navigation-layout",
         languageAware: true,
-        renderer: litRender,
+        renderer: jsxRenderer,
         styles: [
             browserScrollbarCSS,
             NavigationLayoutCss,