refactor(ui5-flexlible-column-layout): Custom layouts configuration

[vladitasev]

This change adds a new property, letting users provide their completely custom layouts configuration. The change is experimental.

closes: #1972

[gurkirpalgill]

I am using these settings:

"TwoColumnsStartExpanded": {
  layout: [0, "100%", 0],
  arrows: [
    { visible: true, dir: null },
    { visible: false, dir: null },
  ],
},
"TwoColumnsMidExpanded": {
  layout: ["25%", "75%", 0],
  arrows: [
    { visible: true, dir: "mirror" },
    { visible: false, dir: null },
  ],
},

When I click on the left arrow to collapse first column animation works, but when i click again to expand first column, animation does not work.

Probably this code in FlexibleColumnLayout.js

if (currentlyHidden) {
			// animate the width
			columnDOM.style.width = columnWidth;

			// hide column with delay to allow the animation runs entirely
			setTimeout(() => {
				columnDOM.classList.add("ui5-fcl-column--hidden");
			}, FlexibleColumnLayout.ANIMATION_DURATION);

			return;
		}

[ilhan007]

Hi @gurkirpalgill can you please create a new issue for your problem and describe it. Thanks in advance!