@fundamental-ngx/core 0.38.3-rc.3 → 0.38.3

package/fesm2015/fundamental-ngx-core-flexible-column-layout.mjs

@@ -357,10 +357,10 @@ class FlexibleColumnLayoutComponent {
     }
 }
 FlexibleColumnLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FlexibleColumnLayoutComponent, deps: [{ token: FD_FLEXIBLE_LAYOUT_CONFIG }], target: i0.ɵɵFactoryTarget.Component });
-FlexibleColumnLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FlexibleColumnLayoutComponent, selector: "fd-flexible-column-layout", inputs: { backgroundDesign: "backgroundDesign", layout: "layout", layoutDefinitions: "layoutDefinitions", smBreakPoint: "smBreakPoint", lgBreakPoint: "lgBreakPoint", customOnResizeFunction: "customOnResizeFunction", separatorAriaLabel: "separatorAriaLabel", expandTitle: "expandTitle", collapseTitle: "collapseTitle" }, outputs: { layoutChange: "layoutChange" }, queries: [{ propertyName: "startColumn", first: true, predicate: ["startColumn"], descendants: true }, { propertyName: "midColumn", first: true, predicate: ["midColumn"], descendants: true }, { propertyName: "endColumn", first: true, predicate: ["endColumn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-flexible-column-layout\"\n    [class.fd-flexible-column-layout--translucent]=\"backgroundDesign === 'translucent'\"\n    [class.fd-flexible-column-layout--transparent]=\"backgroundDesign === 'transparent'\"\n>\n    <!-- Start/Left/First Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.start\"\n        [style.visibility]=\"_columnLayout.start === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.start === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.start === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"startColumn\"></ng-container>\n    </div>\n    <!-- Left Separator -->\n    <div\n        *ngIf=\"_leftColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleLeftColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_leftColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_leftColumnSeparator ? 'sap-icon--slim-arrow-' + _leftColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- Middle/Second Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.mid\"\n        [style.visibility]=\"_columnLayout.mid === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.mid === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.mid === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"midColumn\"></ng-container>\n    </div>\n    <!-- Right Separator -->\n    <div\n        *ngIf=\"_rightColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleRightColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_rightColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_rightColumnSeparator ? 'sap-icon--slim-arrow-' + _rightColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- End/Right/Third Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.end\"\n        [style.visibility]=\"_columnLayout.end === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.end === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.end === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"endColumn\"></ng-container>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.5-rc.4\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-flexible-column-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-flexible-column-layout:after,.fd-flexible-column-layout:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__separator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdFlexibleColumnLayout_Background_Solid);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:1rem;padding:0;position:relative;width:1rem}.fd-flexible-column-layout__separator:after,.fd-flexible-column-layout__separator:before{-webkit-box-sizing:inherit;-webkit-transition:all .1s ease-in;-webkit-transform:translateX(-50%);box-sizing:inherit;content:\"\";display:block;font-size:inherit;height:4rem;left:50%;position:absolute;transform:translate(-50%);transition:all .1s ease-in;width:.0625rem}.fd-flexible-column-layout__separator:before{background-image:linear-gradient(to top,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);bottom:calc(50% + 1rem)}.fd-flexible-column-layout__separator:after{background-image:linear-gradient(to bottom,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);top:calc(50% + 1rem)}.fd-flexible-column-layout__separator.is-hover:after,.fd-flexible-column-layout__separator.is-hover:before,.fd-flexible-column-layout__separator:hover:after,.fd-flexible-column-layout__separator:hover:before{height:7rem}.fd-flexible-column-layout .fd-flexible-column-layout__button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-transform:translate(-50%,-50%);height:2rem;justify-content:center;left:50%;min-width:1.5rem;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem;z-index:2}.fd-flexible-column-layout__column{-webkit-box-sizing:border-box;-webkit-transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in;border:0;border-left:var(--fdFlexibleColumnLayout_Border);border-right:var(--fdFlexibleColumnLayout_Border);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.fd-flexible-column-layout__column:after,.fd-flexible-column-layout__column:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__column:first-child{border-left:none;margin-left:0}.fd-flexible-column-layout__column:last-child{border-right:none;margin-bottom:0;margin-right:0}.fd-flexible-column-layout__column--hidden{border:none;min-width:0}.fd-flexible-column-layout--translucent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Translucent)}.fd-flexible-column-layout--transparent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Transparent)}.fd-button.fd-flexible-column-layout__button{z-index:1}.fd-flexible-column-layout__column{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .1s ease-in;overflow:hidden}.fd-flexible-column-layout__column{min-width:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
+FlexibleColumnLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.2", type: FlexibleColumnLayoutComponent, selector: "fd-flexible-column-layout", inputs: { backgroundDesign: "backgroundDesign", layout: "layout", layoutDefinitions: "layoutDefinitions", smBreakPoint: "smBreakPoint", lgBreakPoint: "lgBreakPoint", customOnResizeFunction: "customOnResizeFunction", separatorAriaLabel: "separatorAriaLabel", expandTitle: "expandTitle", collapseTitle: "collapseTitle" }, outputs: { layoutChange: "layoutChange" }, queries: [{ propertyName: "startColumn", first: true, predicate: ["startColumn"], descendants: true }, { propertyName: "midColumn", first: true, predicate: ["midColumn"], descendants: true }, { propertyName: "endColumn", first: true, predicate: ["endColumn"], descendants: true }], usesOnChanges: true, ngImport: i0, template: "<div\n    class=\"fd-flexible-column-layout\"\n    [class.fd-flexible-column-layout--translucent]=\"backgroundDesign === 'translucent'\"\n    [class.fd-flexible-column-layout--transparent]=\"backgroundDesign === 'transparent'\"\n>\n    <!-- Start/Left/First Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.start\"\n        [style.visibility]=\"_columnLayout.start === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.start === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.start === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"startColumn\"></ng-container>\n    </div>\n    <!-- Left Separator -->\n    <div\n        *ngIf=\"_leftColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleLeftColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_leftColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_leftColumnSeparator ? 'sap-icon--slim-arrow-' + _leftColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- Middle/Second Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.mid\"\n        [style.visibility]=\"_columnLayout.mid === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.mid === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.mid === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"midColumn\"></ng-container>\n    </div>\n    <!-- Right Separator -->\n    <div\n        *ngIf=\"_rightColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleRightColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_rightColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_rightColumnSeparator ? 'sap-icon--slim-arrow-' + _rightColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- End/Right/Third Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.end\"\n        [style.visibility]=\"_columnLayout.end === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.end === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.end === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"endColumn\"></ng-container>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-flexible-column-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-flexible-column-layout:after,.fd-flexible-column-layout:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__separator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdFlexibleColumnLayout_Background_Solid);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:1rem;padding:0;position:relative;width:1rem}.fd-flexible-column-layout__separator:after,.fd-flexible-column-layout__separator:before{-webkit-box-sizing:inherit;-webkit-transition:all .1s ease-in;-webkit-transform:translateX(-50%);box-sizing:inherit;content:\"\";display:block;font-size:inherit;height:4rem;left:50%;position:absolute;transform:translate(-50%);transition:all .1s ease-in;width:.0625rem}.fd-flexible-column-layout__separator:before{background-image:linear-gradient(to top,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);bottom:calc(50% + 1rem)}.fd-flexible-column-layout__separator:after{background-image:linear-gradient(to bottom,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);top:calc(50% + 1rem)}.fd-flexible-column-layout__separator.is-hover:after,.fd-flexible-column-layout__separator.is-hover:before,.fd-flexible-column-layout__separator:hover:after,.fd-flexible-column-layout__separator:hover:before{height:7rem}.fd-flexible-column-layout .fd-flexible-column-layout__button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-transform:translate(-50%,-50%);height:2rem;justify-content:center;left:50%;min-width:1.5rem;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem;z-index:2}.fd-flexible-column-layout__column{-webkit-box-sizing:border-box;-webkit-transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in;border:0;border-left:var(--fdFlexibleColumnLayout_Border);border-right:var(--fdFlexibleColumnLayout_Border);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.fd-flexible-column-layout__column:after,.fd-flexible-column-layout__column:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__column:first-child{border-left:none;margin-left:0}.fd-flexible-column-layout__column:last-child{border-right:none;margin-bottom:0;margin-right:0}.fd-flexible-column-layout__column--hidden{border:none;min-width:0}.fd-flexible-column-layout--translucent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Translucent)}.fd-flexible-column-layout--transparent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Transparent)}.fd-button.fd-flexible-column-layout__button{z-index:1}.fd-flexible-column-layout__column{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .1s ease-in;overflow:hidden}.fd-flexible-column-layout__column{min-width:0}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.2", ngImport: i0, type: FlexibleColumnLayoutComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'fd-flexible-column-layout', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"fd-flexible-column-layout\"\n    [class.fd-flexible-column-layout--translucent]=\"backgroundDesign === 'translucent'\"\n    [class.fd-flexible-column-layout--transparent]=\"backgroundDesign === 'transparent'\"\n>\n    <!-- Start/Left/First Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.start\"\n        [style.visibility]=\"_columnLayout.start === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.start === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.start === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"startColumn\"></ng-container>\n    </div>\n    <!-- Left Separator -->\n    <div\n        *ngIf=\"_leftColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleLeftColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_leftColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_leftColumnSeparator ? 'sap-icon--slim-arrow-' + _leftColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- Middle/Second Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.mid\"\n        [style.visibility]=\"_columnLayout.mid === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.mid === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.mid === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"midColumn\"></ng-container>\n    </div>\n    <!-- Right Separator -->\n    <div\n        *ngIf=\"_rightColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleRightColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_rightColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_rightColumnSeparator ? 'sap-icon--slim-arrow-' + _rightColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- End/Right/Third Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.end\"\n        [style.visibility]=\"_columnLayout.end === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.end === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.end === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"endColumn\"></ng-container>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.5-rc.4\n * Copyright (c) 2023 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-flexible-column-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-flexible-column-layout:after,.fd-flexible-column-layout:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__separator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdFlexibleColumnLayout_Background_Solid);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:1rem;padding:0;position:relative;width:1rem}.fd-flexible-column-layout__separator:after,.fd-flexible-column-layout__separator:before{-webkit-box-sizing:inherit;-webkit-transition:all .1s ease-in;-webkit-transform:translateX(-50%);box-sizing:inherit;content:\"\";display:block;font-size:inherit;height:4rem;left:50%;position:absolute;transform:translate(-50%);transition:all .1s ease-in;width:.0625rem}.fd-flexible-column-layout__separator:before{background-image:linear-gradient(to top,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);bottom:calc(50% + 1rem)}.fd-flexible-column-layout__separator:after{background-image:linear-gradient(to bottom,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);top:calc(50% + 1rem)}.fd-flexible-column-layout__separator.is-hover:after,.fd-flexible-column-layout__separator.is-hover:before,.fd-flexible-column-layout__separator:hover:after,.fd-flexible-column-layout__separator:hover:before{height:7rem}.fd-flexible-column-layout .fd-flexible-column-layout__button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-transform:translate(-50%,-50%);height:2rem;justify-content:center;left:50%;min-width:1.5rem;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem;z-index:2}.fd-flexible-column-layout__column{-webkit-box-sizing:border-box;-webkit-transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in;border:0;border-left:var(--fdFlexibleColumnLayout_Border);border-right:var(--fdFlexibleColumnLayout_Border);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.fd-flexible-column-layout__column:after,.fd-flexible-column-layout__column:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__column:first-child{border-left:none;margin-left:0}.fd-flexible-column-layout__column:last-child{border-right:none;margin-bottom:0;margin-right:0}.fd-flexible-column-layout__column--hidden{border:none;min-width:0}.fd-flexible-column-layout--translucent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Translucent)}.fd-flexible-column-layout--transparent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Transparent)}.fd-button.fd-flexible-column-layout__button{z-index:1}.fd-flexible-column-layout__column{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .1s ease-in;overflow:hidden}.fd-flexible-column-layout__column{min-width:0}\n"] }]
+            args: [{ selector: 'fd-flexible-column-layout', changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, template: "<div\n    class=\"fd-flexible-column-layout\"\n    [class.fd-flexible-column-layout--translucent]=\"backgroundDesign === 'translucent'\"\n    [class.fd-flexible-column-layout--transparent]=\"backgroundDesign === 'transparent'\"\n>\n    <!-- Start/Left/First Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.start\"\n        [style.visibility]=\"_columnLayout.start === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.start === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.start === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"startColumn\"></ng-container>\n    </div>\n    <!-- Left Separator -->\n    <div\n        *ngIf=\"_leftColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleLeftColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_leftColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_leftColumnSeparator ? 'sap-icon--slim-arrow-' + _leftColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- Middle/Second Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.mid\"\n        [style.visibility]=\"_columnLayout.mid === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.mid === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.mid === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"midColumn\"></ng-container>\n    </div>\n    <!-- Right Separator -->\n    <div\n        *ngIf=\"_rightColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleRightColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_rightColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_rightColumnSeparator ? 'sap-icon--slim-arrow-' + _rightColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- End/Right/Third Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.end\"\n        [style.visibility]=\"_columnLayout.end === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.end === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.end === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"endColumn\"></ng-container>\n    </div>\n</div>\n", styles: ["/*!\n * Fundamental Library Styles v0.26.4\n * Copyright (c) 2022 SAP SE or an SAP affiliate company.\n * Licensed under Apache License 2.0 (https://github.com/SAP/fundamental-styles/blob/main/LICENSE)\n */.fd-flexible-column-layout{-webkit-box-sizing:border-box;border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;flex-direction:row;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;padding:0}.fd-flexible-column-layout:after,.fd-flexible-column-layout:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__separator{-webkit-box-sizing:border-box;-webkit-box-pack:center;-ms-flex-pack:center;align-items:center;background-color:var(--fdFlexibleColumnLayout_Background_Solid);border:0;box-sizing:border-box;color:var(--sapTextColor);display:flex;font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;justify-content:center;line-height:var(--sapContent_LineHeight);margin:0;min-width:1rem;padding:0;position:relative;width:1rem}.fd-flexible-column-layout__separator:after,.fd-flexible-column-layout__separator:before{-webkit-box-sizing:inherit;-webkit-transition:all .1s ease-in;-webkit-transform:translateX(-50%);box-sizing:inherit;content:\"\";display:block;font-size:inherit;height:4rem;left:50%;position:absolute;transform:translate(-50%);transition:all .1s ease-in;width:.0625rem}.fd-flexible-column-layout__separator:before{background-image:linear-gradient(to top,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);bottom:calc(50% + 1rem)}.fd-flexible-column-layout__separator:after{background-image:linear-gradient(to bottom,var(--fdFlexibleColumnLayout_Toggle_Image_Color),transparent);top:calc(50% + 1rem)}.fd-flexible-column-layout__separator.is-hover:after,.fd-flexible-column-layout__separator.is-hover:before,.fd-flexible-column-layout__separator:hover:after,.fd-flexible-column-layout__separator:hover:before{height:7rem}.fd-flexible-column-layout .fd-flexible-column-layout__button{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-transform:translate(-50%,-50%);height:2rem;justify-content:center;left:50%;min-width:1.5rem;padding:0;position:absolute;top:50%;transform:translate(-50%,-50%);width:1.5rem;z-index:2}.fd-flexible-column-layout__column{-webkit-box-sizing:border-box;-webkit-transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in;border:0;border-left:var(--fdFlexibleColumnLayout_Border);border-right:var(--fdFlexibleColumnLayout_Border);box-sizing:border-box;color:var(--sapTextColor);font-family:var(--sapFontFamily);font-size:var(--sapFontSize);font-weight:400;forced-color-adjust:none;line-height:var(--sapContent_LineHeight);margin:0;min-width:20rem;padding:0;transition:width .56s cubic-bezier(.1,0,.05,1),visibility .56s ease-in}.fd-flexible-column-layout__column:after,.fd-flexible-column-layout__column:before{box-sizing:inherit;font-size:inherit}.fd-flexible-column-layout__column:first-child{border-left:none;margin-left:0}.fd-flexible-column-layout__column:last-child{border-right:none;margin-bottom:0;margin-right:0}.fd-flexible-column-layout__column--hidden{border:none;min-width:0}.fd-flexible-column-layout--translucent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Translucent)}.fd-flexible-column-layout--transparent .fd-flexible-column-layout__separator{background-color:var(--fdFlexibleColumnLayout_Background_Transparent)}.fd-button.fd-flexible-column-layout__button{z-index:1}.fd-flexible-column-layout__column{transition:width .56s cubic-bezier(.1,0,.05,1),visibility .1s ease-in;overflow:hidden}.fd-flexible-column-layout__column{min-width:0}\n"] }]
         }], ctorParameters: function () {
         return [{ type: undefined, decorators: [{
                         type: Inject,

package/fesm2015/fundamental-ngx-core-flexible-column-layout.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fundamental-ngx-core-flexible-column-layout.mjs","sources":["../../../../libs/core/src/lib/flexible-column-layout/constants.ts","../../../../libs/core/src/lib/flexible-column-layout/flexible-column-layout.component.ts","../../../../libs/core/src/lib/flexible-column-layout/flexible-column-layout.component.html","../../../../libs/core/src/lib/flexible-column-layout/flexible-column-layout.module.ts","../../../../libs/core/src/lib/flexible-column-layout/fundamental-ngx-core-flexible-column-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const ONE_COLUMN_START_FULL_SCREEN = 'OneColumnStartFullScreen';\nexport const ONE_COLUMN_MID_FULL_SCREEN = 'OneColumnMidFullScreen';\nexport const ONE_COLUMN_END_FULL_SCREEN = 'OneColumnEndFullScreen';\nexport const TWO_COLUMNS_START_EXPANDED = 'TwoColumnsStartExpanded';\nexport const TWO_COLUMNS_MID_EXPANDED = 'TwoColumnsMidExpanded';\nexport const TWO_COLUMNS_END_EXPANDED = 'TwoColumnsEndExpanded';\nexport const THREE_COLUMNS_MID_EXPANDED = 'ThreeColumnsMidExpanded';\nexport const THREE_COLUMNS_END_EXPANDED = 'ThreeColumnsEndExpanded';\nexport const THREE_COLUMNS_START_MINIMIZED = 'ThreeColumnsStartMinimized';\nexport const THREE_COLUMNS_END_MINIMIZED = 'ThreeColumnsEndMinimized';\n\nexport const SM_SCREEN_SIZE = 'sm';\nexport const MD_SCREEN_SIZE = 'md';\nexport const LG_SCREEN_SIZE = 'lg';\n\nexport type ScreenSize = 'sm' | 'md' | 'lg';\n\nexport type FlexibleColumnLayout =\n    | 'OneColumnStartFullScreen'\n    | 'OneColumnMidFullScreen'\n    | 'OneColumnEndFullScreen'\n    | 'TwoColumnsStartExpanded'\n    | 'TwoColumnsMidExpanded'\n    | 'TwoColumnsEndExpanded'\n    | 'ThreeColumnsMidExpanded'\n    | 'ThreeColumnsEndExpanded'\n    | 'ThreeColumnsStartMinimized'\n    | 'ThreeColumnsEndMinimized';\n\nexport type ColumnSeparatorValue = 'right' | 'left' | null;\n\nexport interface FlexibleColumnSettings {\n    start: number;\n    mid: number;\n    end: number;\n}\n\nexport type FlexibleColumnLayoutDefinition = { [key in FlexibleColumnLayout]: FlexibleColumnSettings };\n\nexport interface FlexibleLayoutConfig {\n    layouts: FlexibleColumnLayoutDefinition;\n}\n\nexport const DEFAULT_FLEXIBLE_LAYOUT_CONFIG: FlexibleLayoutConfig = {\n    layouts: {\n        OneColumnStartFullScreen: { start: 100, mid: 0, end: 0 },\n        OneColumnMidFullScreen: { start: 0, mid: 100, end: 0 },\n        OneColumnEndFullScreen: { start: 0, mid: 0, end: 100 },\n        TwoColumnsStartExpanded: { start: 67, mid: 33, end: 0 },\n        TwoColumnsMidExpanded: { start: 33, mid: 67, end: 0 },\n        TwoColumnsEndExpanded: { start: 0, mid: 33, end: 67 },\n        ThreeColumnsMidExpanded: { start: 25, mid: 50, end: 25 },\n        ThreeColumnsEndExpanded: { start: 25, mid: 25, end: 50 },\n        ThreeColumnsStartMinimized: { start: 0, mid: 67, end: 33 },\n        ThreeColumnsEndMinimized: { start: 33, mid: 67, end: 0 }\n    }\n};\n\nexport const FD_FLEXIBLE_LAYOUT_CONFIG = new InjectionToken<FlexibleLayoutConfig>('FdFlexibleLayoutConfig');\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    EventEmitter,\n    Inject,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Output,\n    SimpleChanges,\n    TemplateRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport {\n    ColumnSeparatorValue,\n    FD_FLEXIBLE_LAYOUT_CONFIG,\n    FlexibleLayoutConfig,\n    FlexibleColumnLayout,\n    FlexibleColumnLayoutDefinition,\n    LG_SCREEN_SIZE,\n    MD_SCREEN_SIZE,\n    ONE_COLUMN_END_FULL_SCREEN,\n    ONE_COLUMN_MID_FULL_SCREEN,\n    ONE_COLUMN_START_FULL_SCREEN,\n    ScreenSize,\n    SM_SCREEN_SIZE,\n    THREE_COLUMNS_END_EXPANDED,\n    THREE_COLUMNS_END_MINIMIZED,\n    THREE_COLUMNS_MID_EXPANDED,\n    THREE_COLUMNS_START_MINIMIZED,\n    TWO_COLUMNS_END_EXPANDED,\n    TWO_COLUMNS_MID_EXPANDED,\n    TWO_COLUMNS_START_EXPANDED\n} from './constants';\n\n@Component({\n    selector: 'fd-flexible-column-layout',\n    templateUrl: './flexible-column-layout.component.html',\n    styleUrls: ['./flexible-column-layout.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class FlexibleColumnLayoutComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit {\n    /**\n     * The template that provides the content of the first/start/left column\n     */\n    @ContentChild('startColumn')\n    startColumn: TemplateRef<any>;\n\n    /**\n     * The template that provides the content of the middle column\n     */\n    @ContentChild('midColumn')\n    midColumn: TemplateRef<any>;\n\n    /**\n     * The template that provides the content of the last/end/right column\n     */\n    @ContentChild('endColumn')\n    endColumn: TemplateRef<any>;\n\n    /**\n     * The background design of the component\n     * Options include: 'solid' | 'translucent' | 'transparent'\n     * The default is set to 'solid'\n     */\n    @Input()\n    backgroundDesign: 'solid' | 'translucent' | 'transparent' = 'solid';\n\n    /**\n     * The layout of the component\n     * Options include: 'OneColumnStartFullScreen' | 'OneColumnMidFullScreen' |\n     * 'OneColumnEndFullScreen' | 'TwoColumnsStartExpanded' | 'TwoColumnsMidExpanded' |\n     * 'TwoColumnsEndExpanded' | 'ThreeColumnsMidExpanded' | 'ThreeColumnsEndExpanded' |\n     * 'ThreeColumnsStartMinimized' | 'ThreeColumnsEndMinimized'\n     */\n    @Input()\n    layout: FlexibleColumnLayout = ONE_COLUMN_START_FULL_SCREEN;\n\n    /**\n     * Mapping of the layout name and the column layout in %\n     */\n    @Input()\n    layoutDefinitions: FlexibleColumnLayoutDefinition = this._config.layouts;\n\n    /**\n     * The event emitted on layout value change.\n     */\n    @Output()\n    layoutChange: EventEmitter<FlexibleColumnLayout> = new EventEmitter<FlexibleColumnLayout>();\n\n    /**\n     * User defined break point for SM screens\n     * Default (Fiori 3) value is 960\n     */\n    @Input()\n    smBreakPoint = 960;\n\n    /**\n     * User-defined break point for LG screens\n     * the default (Fiori 3) value is 1280\n     */\n    @Input()\n    lgBreakPoint = 1280;\n\n    /**\n     * User-defined onResize function\n     */\n    @Input()\n    customOnResizeFunction: () => void;\n\n    /** aria-label for separator */\n    @Input()\n    separatorAriaLabel: string;\n\n    /** title for expanded button */\n    @Input()\n    expandTitle: string;\n\n    /** title for collapsed button */\n    @Input()\n    collapseTitle: string;\n\n    /**\n     * @hidden\n     * left column separator value (between start and middle columns)\n     * that specifies the direction of the arrow and\n     * if the separator is visible\n     * Options include: 'left', 'right' and null\n     */\n    _leftColumnSeparator: ColumnSeparatorValue = null;\n\n    /**\n     * @hidden\n     * right column separator value (between middle and end columns)\n     * that specifies the direction of the arrow and\n     * if the separator is visible\n     * Options include: 'left', 'right' and null\n     */\n    _rightColumnSeparator: ColumnSeparatorValue = null;\n\n    /**\n     * @hidden\n     * allows to keep track of the previos layout\n     * so we can go back to it on window resize\n     */\n    private _previousLayout: FlexibleColumnLayout = this.layout;\n\n    /** @hidden */\n    private _screenSize: ScreenSize = LG_SCREEN_SIZE;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /**\n     * @hidden\n     * the column layout representing the distribution of the width\n     * between the first (start), the middle and the last(end) column\n     */\n    _columnLayout: { start: number; mid: number; end: number } = this.layoutDefinitions[this.layout];\n\n    /**\n     * @hidden\n     * set to 'true' if the layout is changed to fullscreen on window resize\n     * this will allow the layout to switch to previous mode on SM->MD transition\n     * if a layout is set by the user to fullscreen, it should persist on window resize\n     */\n    private _responsiveFullscreenLayout = false;\n\n    /** @hidden */\n    constructor(@Inject(FD_FLEXIBLE_LAYOUT_CONFIG) private readonly _config: FlexibleLayoutConfig) {}\n\n    /**\n     * @hidden\n     * function that handles the click events on the left separator\n     * and updates the layout\n     */\n    _handleLeftColumnSeparatorClick(): void {\n        switch (this.layout) {\n            case TWO_COLUMNS_START_EXPANDED:\n                this._updateCurrentLayout(TWO_COLUMNS_MID_EXPANDED);\n                break;\n            case TWO_COLUMNS_MID_EXPANDED:\n                this._updateCurrentLayout(TWO_COLUMNS_START_EXPANDED);\n                break;\n            case THREE_COLUMNS_MID_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_END_MINIMIZED);\n                break;\n            case THREE_COLUMNS_END_MINIMIZED:\n                this._updateCurrentLayout(TWO_COLUMNS_START_EXPANDED);\n                break;\n            case THREE_COLUMNS_START_MINIMIZED:\n                this._updateCurrentLayout(THREE_COLUMNS_END_MINIMIZED);\n                break;\n        }\n    }\n\n    /**\n     * @hidden\n     * function that handles the click events on the right separator\n     * and updates the layout\n     */\n    _handleRightColumnSeparatorClick(): void {\n        switch (this.layout) {\n            case TWO_COLUMNS_END_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_START_MINIMIZED);\n                break;\n            case THREE_COLUMNS_MID_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_END_EXPANDED);\n                break;\n            case THREE_COLUMNS_END_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_MID_EXPANDED);\n                break;\n            case THREE_COLUMNS_END_MINIMIZED:\n                this._updateCurrentLayout(THREE_COLUMNS_MID_EXPANDED);\n                break;\n            case THREE_COLUMNS_START_MINIMIZED:\n                this._updateCurrentLayout(TWO_COLUMNS_END_EXPANDED);\n                break;\n        }\n    }\n\n    /**\n     * @hidden\n     * function to determine the screen size in 'sm' | 'md' | 'lg' | 'xl'\n     * format depending on the window size in px\n     */\n    private _getScreenSize(size: number): ScreenSize {\n        if (size > this.lgBreakPoint) {\n            return LG_SCREEN_SIZE;\n        } else if (size > this.smBreakPoint && size <= this.lgBreakPoint) {\n            return MD_SCREEN_SIZE;\n        } else {\n            return SM_SCREEN_SIZE;\n        }\n    }\n\n    /**\n     * @hidden\n     * handles the change of the layouts on reaching a break point\n     */\n    private _responsiveLayoutChangeHandler(): void {\n        this._screenSize = this._getScreenSize(window.innerWidth);\n\n        switch (this.layout) {\n            case ONE_COLUMN_MID_FULL_SCREEN:\n            case ONE_COLUMN_END_FULL_SCREEN: {\n                if (\n                    this._screenSize !== SM_SCREEN_SIZE &&\n                    this.layout !== this._previousLayout &&\n                    this._responsiveFullscreenLayout\n                ) {\n                    this._responsiveFullscreenLayout = false;\n                    this._updateCurrentLayout(this._previousLayout);\n                }\n                break;\n            }\n\n            case TWO_COLUMNS_START_EXPANDED:\n            case TWO_COLUMNS_MID_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_MID_FULL_SCREEN);\n                }\n                break;\n            }\n\n            case TWO_COLUMNS_END_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === LG_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_END_EXPANDED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_START_MINIMIZED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === LG_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_MID_EXPANDED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_END_MINIMIZED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === LG_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_END_MINIMIZED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_MID_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === MD_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_START_MINIMIZED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_END_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === MD_SCREEN_SIZE) {\n                    this._updateCurrentLayout(TWO_COLUMNS_END_EXPANDED);\n                }\n                break;\n            }\n        }\n    }\n\n    /**\n     * @hidden\n     * Listen on window resize and update the layout\n     * call user defined custom function if provided\n     */\n    private _listenOnWindowResize(): void {\n        if (this.customOnResizeFunction) {\n            this.customOnResizeFunction();\n        } else {\n            this._subscriptions.add(\n                fromEvent(window, 'resize')\n                    .pipe(debounceTime(100))\n                    .subscribe(() => this._responsiveLayoutChangeHandler())\n            );\n        }\n    }\n\n    /**\n     * @hidden\n     * determines if the left separator should be visible\n     * and the value that will specify the direction of the arrow\n     */\n    private _getLeftColumnSeparatorValue(): ColumnSeparatorValue {\n        switch (this.layout) {\n            case TWO_COLUMNS_START_EXPANDED:\n                return 'left';\n            case TWO_COLUMNS_MID_EXPANDED:\n            case THREE_COLUMNS_MID_EXPANDED:\n            case THREE_COLUMNS_END_MINIMIZED:\n            case THREE_COLUMNS_START_MINIMIZED:\n                return 'right';\n            default:\n                return null;\n        }\n    }\n\n    /**\n     * @hidden\n     * determines if the right separator should be visible\n     * and the value that will specify the direction of the arrow\n     */\n    private _getRightColumnSeparatorValue(): ColumnSeparatorValue {\n        switch (this.layout) {\n            case TWO_COLUMNS_END_EXPANDED:\n            case THREE_COLUMNS_END_EXPANDED:\n                return 'right';\n            case THREE_COLUMNS_MID_EXPANDED:\n            case THREE_COLUMNS_END_MINIMIZED:\n            case THREE_COLUMNS_START_MINIMIZED:\n                return 'left';\n            default:\n                return null;\n        }\n    }\n\n    /**\n     * @hidden\n     * updates the column layout based on the layout name\n     * makes a call to determine the new value of the left separator\n     * makes a call to determine the new value of the right separator\n     */\n    private _updateColumnLayoutParameters(): void {\n        this._columnLayout = this.layoutDefinitions[this.layout];\n        this._leftColumnSeparator = this._getLeftColumnSeparatorValue();\n        this._rightColumnSeparator = this._getRightColumnSeparatorValue();\n    }\n\n    /**\n     * @hidden\n     * updates the layout\n     * emits an event\n     * makes a call to the helper function that will update the column layout and the separators\n     */\n    private _updateCurrentLayout(newLayout: FlexibleColumnLayout): void {\n        this.layout = newLayout;\n        this._updateColumnLayoutParameters();\n\n        // setTimeout fixes \"ExpressionChangedAfterItHasBeenCheckedError\"\n        setTimeout(() => {\n            this.layoutChange.emit(this.layout);\n        });\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._updateColumnLayoutParameters();\n        this._previousLayout = this.layout;\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._screenSize = this._getScreenSize(window.innerWidth);\n        this._listenOnWindowResize();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        this._updateColumnLayoutParameters();\n\n        if (changes && changes.layout.previousValue) {\n            this._previousLayout = changes.layout.previousValue;\n        }\n\n        if (changes && changes.layout) {\n            this._responsiveLayoutChangeHandler();\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n}\n","<div\n    class=\"fd-flexible-column-layout\"\n    [class.fd-flexible-column-layout--translucent]=\"backgroundDesign === 'translucent'\"\n    [class.fd-flexible-column-layout--transparent]=\"backgroundDesign === 'transparent'\"\n>\n    <!-- Start/Left/First Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.start\"\n        [style.visibility]=\"_columnLayout.start === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.start === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.start === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"startColumn\"></ng-container>\n    </div>\n    <!-- Left Separator -->\n    <div\n        *ngIf=\"_leftColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleLeftColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_leftColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_leftColumnSeparator ? 'sap-icon--slim-arrow-' + _leftColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- Middle/Second Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.mid\"\n        [style.visibility]=\"_columnLayout.mid === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.mid === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.mid === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"midColumn\"></ng-container>\n    </div>\n    <!-- Right Separator -->\n    <div\n        *ngIf=\"_rightColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleRightColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_rightColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_rightColumnSeparator ? 'sap-icon--slim-arrow-' + _rightColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- End/Right/Third Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.end\"\n        [style.visibility]=\"_columnLayout.end === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.end === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.end === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"endColumn\"></ng-container>\n    </div>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { cloneDeep, merge } from 'lodash-es';\nimport { DEFAULT_FLEXIBLE_LAYOUT_CONFIG, FD_FLEXIBLE_LAYOUT_CONFIG, FlexibleLayoutConfig } from './constants';\nimport { FlexibleColumnLayoutComponent } from './flexible-column-layout.component';\n\n/**\n * Adds Flexible Column Layout functionality to your application.\n *\n * Can be imported in two ways:\n * * Plain `FlexibleColumnLayoutModule` with default configuration\n * * With `withConfig()` method which allows passing custom default configuration.\n */\n@NgModule({\n    declarations: [FlexibleColumnLayoutComponent],\n    imports: [CommonModule, ButtonModule],\n    exports: [FlexibleColumnLayoutComponent],\n    providers: [\n        {\n            provide: FD_FLEXIBLE_LAYOUT_CONFIG,\n            useValue: DEFAULT_FLEXIBLE_LAYOUT_CONFIG\n        }\n    ]\n})\nexport class FlexibleColumnLayoutModule {\n    /**\n     * Allows configuring module on a global level with custom configuration.\n     * @param config User's custom configuration.\n     */\n    static withConfig(config: Partial<FlexibleLayoutConfig>): ModuleWithProviders<FlexibleColumnLayoutModule> {\n        config = merge(cloneDeep(DEFAULT_FLEXIBLE_LAYOUT_CONFIG), cloneDeep(config));\n        return {\n            ngModule: FlexibleColumnLayoutModule,\n            providers: [\n                {\n                    provide: FD_FLEXIBLE_LAYOUT_CONFIG,\n                    useValue: config\n                }\n            ]\n        };\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":";;;;;;;;;;;AAEO,MAAM,4BAA4B,GAAG,2BAA2B;AAChE,MAAM,0BAA0B,GAAG,yBAAyB;AAC5D,MAAM,0BAA0B,GAAG,yBAAyB;AAC5D,MAAM,0BAA0B,GAAG,0BAA0B;AAC7D,MAAM,wBAAwB,GAAG,wBAAwB;AACzD,MAAM,wBAAwB,GAAG,wBAAwB;AACzD,MAAM,0BAA0B,GAAG,0BAA0B;AAC7D,MAAM,0BAA0B,GAAG,0BAA0B;AAC7D,MAAM,6BAA6B,GAAG,6BAA6B;AACnE,MAAM,2BAA2B,GAAG,2BAA2B;AAE/D,MAAM,cAAc,GAAG,KAAK;AAC5B,MAAM,cAAc,GAAG,KAAK;AAC5B,MAAM,cAAc,GAAG,KAAK;AA8BtB,MAAA,8BAA8B,GAAyB;AAChE,IAAA,OAAO,EAAE;AACL,QAAA,wBAAwB,EAAE,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE;AACxD,QAAA,sBAAsB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC,EAAE;AACtD,QAAA,sBAAsB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,GAAG,EAAE;AACtD,QAAA,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;AACvD,QAAA,qBAAqB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;AACrD,QAAA,qBAAqB,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AACrD,QAAA,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AACxD,QAAA,uBAAuB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AACxD,QAAA,0BAA0B,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE;AAC1D,QAAA,wBAAwB,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE;AAC3D,KAAA;EACH;MAEW,yBAAyB,GAAG,IAAI,cAAc,CAAuB,wBAAwB;;MCb7F,6BAA6B,CAAA;;AAgItC,IAAA,WAAA,CAAgE,OAA6B,EAAA;AAA7B,QAAA,IAAO,CAAA,OAAA,GAAP,OAAO,CAAsB;AA7G7F;;;;AAIG;AAEH,QAAA,IAAgB,CAAA,gBAAA,GAA4C,OAAO,CAAC;AAEpE;;;;;;AAMG;AAEH,QAAA,IAAM,CAAA,MAAA,GAAyB,4BAA4B,CAAC;AAE5D;;AAEG;QAEH,IAAA,CAAA,iBAAiB,GAAmC,IAAI,CAAC,OAAO,CAAC,OAAO,CAAC;AAEzE;;AAEG;AAEH,QAAA,IAAA,CAAA,YAAY,GAAuC,IAAI,YAAY,EAAwB,CAAC;AAE5F;;;AAGG;AAEH,QAAA,IAAY,CAAA,YAAA,GAAG,GAAG,CAAC;AAEnB;;;AAGG;AAEH,QAAA,IAAY,CAAA,YAAA,GAAG,IAAI,CAAC;AAoBpB;;;;;;AAMG;AACH,QAAA,IAAoB,CAAA,oBAAA,GAAyB,IAAI,CAAC;AAElD;;;;;;AAMG;AACH,QAAA,IAAqB,CAAA,qBAAA,GAAyB,IAAI,CAAC;AAEnD;;;;AAIG;AACK,QAAA,IAAA,CAAA,eAAe,GAAyB,IAAI,CAAC,MAAM,CAAC;;AAGpD,QAAA,IAAW,CAAA,WAAA,GAAe,cAAc,CAAC;;AAGzC,QAAA,IAAA,CAAA,cAAc,GAAG,IAAI,YAAY,EAAE,CAAC;AAE5C;;;;AAIG;QACH,IAAa,CAAA,aAAA,GAAgD,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AAEjG;;;;;AAKG;AACK,QAAA,IAA2B,CAAA,2BAAA,GAAG,KAAK,CAAC;KAGqD;AAEjG;;;;AAIG;IACH,+BAA+B,GAAA;QAC3B,QAAQ,IAAI,CAAC,MAAM;AACf,YAAA,KAAK,0BAA0B;AAC3B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;gBACpD,MAAM;AACV,YAAA,KAAK,wBAAwB;AACzB,gBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;gBACtD,MAAM;AACV,YAAA,KAAK,0BAA0B;AAC3B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;gBACvD,MAAM;AACV,YAAA,KAAK,2BAA2B;AAC5B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;gBACtD,MAAM;AACV,YAAA,KAAK,6BAA6B;AAC9B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;gBACvD,MAAM;AACb,SAAA;KACJ;AAED;;;;AAIG;IACH,gCAAgC,GAAA;QAC5B,QAAQ,IAAI,CAAC,MAAM;AACf,YAAA,KAAK,wBAAwB;AACzB,gBAAA,IAAI,CAAC,oBAAoB,CAAC,6BAA6B,CAAC,CAAC;gBACzD,MAAM;AACV,YAAA,KAAK,0BAA0B;AAC3B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;gBACtD,MAAM;AACV,YAAA,KAAK,0BAA0B;AAC3B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;gBACtD,MAAM;AACV,YAAA,KAAK,2BAA2B;AAC5B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;gBACtD,MAAM;AACV,YAAA,KAAK,6BAA6B;AAC9B,gBAAA,IAAI,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;gBACpD,MAAM;AACb,SAAA;KACJ;AAED;;;;AAIG;AACK,IAAA,cAAc,CAAC,IAAY,EAAA;AAC/B,QAAA,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,EAAE;AAC1B,YAAA,OAAO,cAAc,CAAC;AACzB,SAAA;aAAM,IAAI,IAAI,GAAG,IAAI,CAAC,YAAY,IAAI,IAAI,IAAI,IAAI,CAAC,YAAY,EAAE;AAC9D,YAAA,OAAO,cAAc,CAAC;AACzB,SAAA;AAAM,aAAA;AACH,YAAA,OAAO,cAAc,CAAC;AACzB,SAAA;KACJ;AAED;;;AAGG;IACK,8BAA8B,GAAA;QAClC,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAE1D,QAAQ,IAAI,CAAC,MAAM;AACf,YAAA,KAAK,0BAA0B,CAAC;YAChC,KAAK,0BAA0B,EAAE;AAC7B,gBAAA,IACI,IAAI,CAAC,WAAW,KAAK,cAAc;AACnC,oBAAA,IAAI,CAAC,MAAM,KAAK,IAAI,CAAC,eAAe;oBACpC,IAAI,CAAC,2BAA2B,EAClC;AACE,oBAAA,IAAI,CAAC,2BAA2B,GAAG,KAAK,CAAC;AACzC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,IAAI,CAAC,eAAe,CAAC,CAAC;AACnD,iBAAA;gBACD,MAAM;AACT,aAAA;AAED,YAAA,KAAK,0BAA0B,CAAC;YAChC,KAAK,wBAAwB,EAAE;AAC3B,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;AACxC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;gBACD,MAAM;AACT,aAAA;YAED,KAAK,wBAAwB,EAAE;AAC3B,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;AACxC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;AAED,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;gBACD,MAAM;AACT,aAAA;YAED,KAAK,6BAA6B,EAAE;AAChC,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;AACxC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;AAED,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;gBACD,MAAM;AACT,aAAA;YAED,KAAK,2BAA2B,EAAE;AAC9B,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;AACxC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;AAED,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,2BAA2B,CAAC,CAAC;AAC1D,iBAAA;gBACD,MAAM;AACT,aAAA;YAED,KAAK,0BAA0B,EAAE;AAC7B,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;AACxC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;AAED,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,6BAA6B,CAAC,CAAC;AAC5D,iBAAA;gBACD,MAAM;AACT,aAAA;YAED,KAAK,0BAA0B,EAAE;AAC7B,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,2BAA2B,GAAG,IAAI,CAAC;AACxC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,0BAA0B,CAAC,CAAC;AACzD,iBAAA;AAED,gBAAA,IAAI,IAAI,CAAC,WAAW,KAAK,cAAc,EAAE;AACrC,oBAAA,IAAI,CAAC,oBAAoB,CAAC,wBAAwB,CAAC,CAAC;AACvD,iBAAA;gBACD,MAAM;AACT,aAAA;AACJ,SAAA;KACJ;AAED;;;;AAIG;IACK,qBAAqB,GAAA;QACzB,IAAI,IAAI,CAAC,sBAAsB,EAAE;YAC7B,IAAI,CAAC,sBAAsB,EAAE,CAAC;AACjC,SAAA;AAAM,aAAA;YACH,IAAI,CAAC,cAAc,CAAC,GAAG,CACnB,SAAS,CAAC,MAAM,EAAE,QAAQ,CAAC;AACtB,iBAAA,IAAI,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;iBACvB,SAAS,CAAC,MAAM,IAAI,CAAC,8BAA8B,EAAE,CAAC,CAC9D,CAAC;AACL,SAAA;KACJ;AAED;;;;AAIG;IACK,4BAA4B,GAAA;QAChC,QAAQ,IAAI,CAAC,MAAM;AACf,YAAA,KAAK,0BAA0B;AAC3B,gBAAA,OAAO,MAAM,CAAC;AAClB,YAAA,KAAK,wBAAwB,CAAC;AAC9B,YAAA,KAAK,0BAA0B,CAAC;AAChC,YAAA,KAAK,2BAA2B,CAAC;AACjC,YAAA,KAAK,6BAA6B;AAC9B,gBAAA,OAAO,OAAO,CAAC;AACnB,YAAA;AACI,gBAAA,OAAO,IAAI,CAAC;AACnB,SAAA;KACJ;AAED;;;;AAIG;IACK,6BAA6B,GAAA;QACjC,QAAQ,IAAI,CAAC,MAAM;AACf,YAAA,KAAK,wBAAwB,CAAC;AAC9B,YAAA,KAAK,0BAA0B;AAC3B,gBAAA,OAAO,OAAO,CAAC;AACnB,YAAA,KAAK,0BAA0B,CAAC;AAChC,YAAA,KAAK,2BAA2B,CAAC;AACjC,YAAA,KAAK,6BAA6B;AAC9B,gBAAA,OAAO,MAAM,CAAC;AAClB,YAAA;AACI,gBAAA,OAAO,IAAI,CAAC;AACnB,SAAA;KACJ;AAED;;;;;AAKG;IACK,6BAA6B,GAAA;QACjC,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACzD,QAAA,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,4BAA4B,EAAE,CAAC;AAChE,QAAA,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,6BAA6B,EAAE,CAAC;KACrE;AAED;;;;;AAKG;AACK,IAAA,oBAAoB,CAAC,SAA+B,EAAA;AACxD,QAAA,IAAI,CAAC,MAAM,GAAG,SAAS,CAAC;QACxB,IAAI,CAAC,6BAA6B,EAAE,CAAC;;QAGrC,UAAU,CAAC,MAAK;YACZ,IAAI,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;AACxC,SAAC,CAAC,CAAC;KACN;;IAGD,QAAQ,GAAA;QACJ,IAAI,CAAC,6BAA6B,EAAE,CAAC;AACrC,QAAA,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,MAAM,CAAC;KACtC;;IAGD,eAAe,GAAA;QACX,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC;QAC1D,IAAI,CAAC,qBAAqB,EAAE,CAAC;KAChC;;AAGD,IAAA,WAAW,CAAC,OAAsB,EAAA;QAC9B,IAAI,CAAC,6BAA6B,EAAE,CAAC;AAErC,QAAA,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,CAAC,aAAa,EAAE;YACzC,IAAI,CAAC,eAAe,GAAG,OAAO,CAAC,MAAM,CAAC,aAAa,CAAC;AACvD,SAAA;AAED,QAAA,IAAI,OAAO,IAAI,OAAO,CAAC,MAAM,EAAE;YAC3B,IAAI,CAAC,8BAA8B,EAAE,CAAC;AACzC,SAAA;KACJ;;IAGD,WAAW,GAAA;AACP,QAAA,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;KACrC;;AA9YQ,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,6BAA6B,kBAgIlB,yBAAyB,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAhIpC,6BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,IAAA,EAAA,6BAA6B,2tBC/C1C,k7FA4EA,EAAA,MAAA,EAAA,CAAA,wrHAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,gBAAA,EAAA,QAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,CAAA,yBAAA,EAAA,kBAAA,EAAA,0BAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,iCAAA,EAAA,MAAA,EAAA,CAAA,OAAA,CAAA,EAAA,QAAA,EAAA,CAAA,WAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,uBAAA,EAAA,QAAA,EAAA,qUAAA,EAAA,MAAA,EAAA,CAAA,kBAAA,EAAA,WAAA,EAAA,aAAA,EAAA,QAAA,CAAA,EAAA,QAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,aAAA,EAAA,EAAA,CAAA,iBAAA,CAAA,IAAA,EAAA,CAAA,CAAA;2FD7Ba,6BAA6B,EAAA,UAAA,EAAA,CAAA;kBAPzC,SAAS;AACI,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,2BAA2B,mBAGpB,uBAAuB,CAAC,MAAM,EAChC,aAAA,EAAA,iBAAiB,CAAC,IAAI,EAAA,QAAA,EAAA,k7FAAA,EAAA,MAAA,EAAA,CAAA,wrHAAA,CAAA,EAAA,CAAA;;;8BAkIxB,MAAM;+BAAC,yBAAyB,CAAA;;yBA3H7C,WAAW,EAAA,CAAA;sBADV,YAAY;uBAAC,aAAa,CAAA;gBAO3B,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,WAAW,CAAA;gBAOzB,SAAS,EAAA,CAAA;sBADR,YAAY;uBAAC,WAAW,CAAA;gBASzB,gBAAgB,EAAA,CAAA;sBADf,KAAK;gBAWN,MAAM,EAAA,CAAA;sBADL,KAAK;gBAON,iBAAiB,EAAA,CAAA;sBADhB,KAAK;gBAON,YAAY,EAAA,CAAA;sBADX,MAAM;gBAQP,YAAY,EAAA,CAAA;sBADX,KAAK;gBAQN,YAAY,EAAA,CAAA;sBADX,KAAK;gBAON,sBAAsB,EAAA,CAAA;sBADrB,KAAK;gBAKN,kBAAkB,EAAA,CAAA;sBADjB,KAAK;gBAKN,WAAW,EAAA,CAAA;sBADV,KAAK;gBAKN,aAAa,EAAA,CAAA;sBADZ,KAAK;;;AEtHV;;;;;;AAMG;MAYU,0BAA0B,CAAA;AACnC;;;AAGG;IACH,OAAO,UAAU,CAAC,MAAqC,EAAA;AACnD,QAAA,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,8BAA8B,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC,CAAC;QAC7E,OAAO;AACH,YAAA,QAAQ,EAAE,0BAA0B;AACpC,YAAA,SAAS,EAAE;AACP,gBAAA;AACI,oBAAA,OAAO,EAAE,yBAAyB;AAClC,oBAAA,QAAQ,EAAE,MAAM;AACnB,iBAAA;AACJ,aAAA;SACJ,CAAC;KACL;;uHAhBQ,0BAA0B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAA1B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,iBAVpB,6BAA6B,CAAA,EAAA,OAAA,EAAA,CAClC,YAAY,EAAE,YAAY,aAC1B,6BAA6B,CAAA,EAAA,CAAA,CAAA;AAQ9B,0BAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,QAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,0BAA0B,EAPxB,SAAA,EAAA;AACP,QAAA;AACI,YAAA,OAAO,EAAE,yBAAyB;AAClC,YAAA,QAAQ,EAAE,8BAA8B;AAC3C,SAAA;KACJ,EAPS,OAAA,EAAA,CAAA,YAAY,EAAE,YAAY,CAAA,EAAA,CAAA,CAAA;2FAS3B,0BAA0B,EAAA,UAAA,EAAA,CAAA;kBAXtC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACN,YAAY,EAAE,CAAC,6BAA6B,CAAC;AAC7C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,YAAY,CAAC;oBACrC,OAAO,EAAE,CAAC,6BAA6B,CAAC;AACxC,oBAAA,SAAS,EAAE;AACP,wBAAA;AACI,4BAAA,OAAO,EAAE,yBAAyB;AAClC,4BAAA,QAAQ,EAAE,8BAA8B;AAC3C,yBAAA;AACJ,qBAAA;iBACJ,CAAA;;;ACxBD;;AAEG;;;;"}
+{"version":3,"file":"fundamental-ngx-core-flexible-column-layout.mjs","sources":["../../../../libs/core/src/lib/flexible-column-layout/constants.ts","../../../../libs/core/src/lib/flexible-column-layout/flexible-column-layout.component.ts","../../../../libs/core/src/lib/flexible-column-layout/flexible-column-layout.component.html","../../../../libs/core/src/lib/flexible-column-layout/flexible-column-layout.module.ts","../../../../libs/core/src/lib/flexible-column-layout/fundamental-ngx-core-flexible-column-layout.ts"],"sourcesContent":["import { InjectionToken } from '@angular/core';\n\nexport const ONE_COLUMN_START_FULL_SCREEN = 'OneColumnStartFullScreen';\nexport const ONE_COLUMN_MID_FULL_SCREEN = 'OneColumnMidFullScreen';\nexport const ONE_COLUMN_END_FULL_SCREEN = 'OneColumnEndFullScreen';\nexport const TWO_COLUMNS_START_EXPANDED = 'TwoColumnsStartExpanded';\nexport const TWO_COLUMNS_MID_EXPANDED = 'TwoColumnsMidExpanded';\nexport const TWO_COLUMNS_END_EXPANDED = 'TwoColumnsEndExpanded';\nexport const THREE_COLUMNS_MID_EXPANDED = 'ThreeColumnsMidExpanded';\nexport const THREE_COLUMNS_END_EXPANDED = 'ThreeColumnsEndExpanded';\nexport const THREE_COLUMNS_START_MINIMIZED = 'ThreeColumnsStartMinimized';\nexport const THREE_COLUMNS_END_MINIMIZED = 'ThreeColumnsEndMinimized';\n\nexport const SM_SCREEN_SIZE = 'sm';\nexport const MD_SCREEN_SIZE = 'md';\nexport const LG_SCREEN_SIZE = 'lg';\n\nexport type ScreenSize = 'sm' | 'md' | 'lg';\n\nexport type FlexibleColumnLayout =\n    | 'OneColumnStartFullScreen'\n    | 'OneColumnMidFullScreen'\n    | 'OneColumnEndFullScreen'\n    | 'TwoColumnsStartExpanded'\n    | 'TwoColumnsMidExpanded'\n    | 'TwoColumnsEndExpanded'\n    | 'ThreeColumnsMidExpanded'\n    | 'ThreeColumnsEndExpanded'\n    | 'ThreeColumnsStartMinimized'\n    | 'ThreeColumnsEndMinimized';\n\nexport type ColumnSeparatorValue = 'right' | 'left' | null;\n\nexport interface FlexibleColumnSettings {\n    start: number;\n    mid: number;\n    end: number;\n}\n\nexport type FlexibleColumnLayoutDefinition = { [key in FlexibleColumnLayout]: FlexibleColumnSettings };\n\nexport interface FlexibleLayoutConfig {\n    layouts: FlexibleColumnLayoutDefinition;\n}\n\nexport const DEFAULT_FLEXIBLE_LAYOUT_CONFIG: FlexibleLayoutConfig = {\n    layouts: {\n        OneColumnStartFullScreen: { start: 100, mid: 0, end: 0 },\n        OneColumnMidFullScreen: { start: 0, mid: 100, end: 0 },\n        OneColumnEndFullScreen: { start: 0, mid: 0, end: 100 },\n        TwoColumnsStartExpanded: { start: 67, mid: 33, end: 0 },\n        TwoColumnsMidExpanded: { start: 33, mid: 67, end: 0 },\n        TwoColumnsEndExpanded: { start: 0, mid: 33, end: 67 },\n        ThreeColumnsMidExpanded: { start: 25, mid: 50, end: 25 },\n        ThreeColumnsEndExpanded: { start: 25, mid: 25, end: 50 },\n        ThreeColumnsStartMinimized: { start: 0, mid: 67, end: 33 },\n        ThreeColumnsEndMinimized: { start: 33, mid: 67, end: 0 }\n    }\n};\n\nexport const FD_FLEXIBLE_LAYOUT_CONFIG = new InjectionToken<FlexibleLayoutConfig>('FdFlexibleLayoutConfig');\n","import {\n    AfterViewInit,\n    ChangeDetectionStrategy,\n    Component,\n    ContentChild,\n    EventEmitter,\n    Inject,\n    Input,\n    OnChanges,\n    OnDestroy,\n    OnInit,\n    Output,\n    SimpleChanges,\n    TemplateRef,\n    ViewEncapsulation\n} from '@angular/core';\nimport { fromEvent, Subscription } from 'rxjs';\nimport { debounceTime } from 'rxjs/operators';\nimport {\n    ColumnSeparatorValue,\n    FD_FLEXIBLE_LAYOUT_CONFIG,\n    FlexibleLayoutConfig,\n    FlexibleColumnLayout,\n    FlexibleColumnLayoutDefinition,\n    LG_SCREEN_SIZE,\n    MD_SCREEN_SIZE,\n    ONE_COLUMN_END_FULL_SCREEN,\n    ONE_COLUMN_MID_FULL_SCREEN,\n    ONE_COLUMN_START_FULL_SCREEN,\n    ScreenSize,\n    SM_SCREEN_SIZE,\n    THREE_COLUMNS_END_EXPANDED,\n    THREE_COLUMNS_END_MINIMIZED,\n    THREE_COLUMNS_MID_EXPANDED,\n    THREE_COLUMNS_START_MINIMIZED,\n    TWO_COLUMNS_END_EXPANDED,\n    TWO_COLUMNS_MID_EXPANDED,\n    TWO_COLUMNS_START_EXPANDED\n} from './constants';\n\n@Component({\n    selector: 'fd-flexible-column-layout',\n    templateUrl: './flexible-column-layout.component.html',\n    styleUrls: ['./flexible-column-layout.component.scss'],\n    changeDetection: ChangeDetectionStrategy.OnPush,\n    encapsulation: ViewEncapsulation.None\n})\nexport class FlexibleColumnLayoutComponent implements AfterViewInit, OnChanges, OnDestroy, OnInit {\n    /**\n     * The template that provides the content of the first/start/left column\n     */\n    @ContentChild('startColumn')\n    startColumn: TemplateRef<any>;\n\n    /**\n     * The template that provides the content of the middle column\n     */\n    @ContentChild('midColumn')\n    midColumn: TemplateRef<any>;\n\n    /**\n     * The template that provides the content of the last/end/right column\n     */\n    @ContentChild('endColumn')\n    endColumn: TemplateRef<any>;\n\n    /**\n     * The background design of the component\n     * Options include: 'solid' | 'translucent' | 'transparent'\n     * The default is set to 'solid'\n     */\n    @Input()\n    backgroundDesign: 'solid' | 'translucent' | 'transparent' = 'solid';\n\n    /**\n     * The layout of the component\n     * Options include: 'OneColumnStartFullScreen' | 'OneColumnMidFullScreen' |\n     * 'OneColumnEndFullScreen' | 'TwoColumnsStartExpanded' | 'TwoColumnsMidExpanded' |\n     * 'TwoColumnsEndExpanded' | 'ThreeColumnsMidExpanded' | 'ThreeColumnsEndExpanded' |\n     * 'ThreeColumnsStartMinimized' | 'ThreeColumnsEndMinimized'\n     */\n    @Input()\n    layout: FlexibleColumnLayout = ONE_COLUMN_START_FULL_SCREEN;\n\n    /**\n     * Mapping of the layout name and the column layout in %\n     */\n    @Input()\n    layoutDefinitions: FlexibleColumnLayoutDefinition = this._config.layouts;\n\n    /**\n     * The event emitted on layout value change.\n     */\n    @Output()\n    layoutChange: EventEmitter<FlexibleColumnLayout> = new EventEmitter<FlexibleColumnLayout>();\n\n    /**\n     * User defined break point for SM screens\n     * Default (Fiori 3) value is 960\n     */\n    @Input()\n    smBreakPoint = 960;\n\n    /**\n     * User-defined break point for LG screens\n     * the default (Fiori 3) value is 1280\n     */\n    @Input()\n    lgBreakPoint = 1280;\n\n    /**\n     * User-defined onResize function\n     */\n    @Input()\n    customOnResizeFunction: () => void;\n\n    /** aria-label for separator */\n    @Input()\n    separatorAriaLabel: string;\n\n    /** title for expanded button */\n    @Input()\n    expandTitle: string;\n\n    /** title for collapsed button */\n    @Input()\n    collapseTitle: string;\n\n    /**\n     * @hidden\n     * left column separator value (between start and middle columns)\n     * that specifies the direction of the arrow and\n     * if the separator is visible\n     * Options include: 'left', 'right' and null\n     */\n    _leftColumnSeparator: ColumnSeparatorValue = null;\n\n    /**\n     * @hidden\n     * right column separator value (between middle and end columns)\n     * that specifies the direction of the arrow and\n     * if the separator is visible\n     * Options include: 'left', 'right' and null\n     */\n    _rightColumnSeparator: ColumnSeparatorValue = null;\n\n    /**\n     * @hidden\n     * allows to keep track of the previos layout\n     * so we can go back to it on window resize\n     */\n    private _previousLayout: FlexibleColumnLayout = this.layout;\n\n    /** @hidden */\n    private _screenSize: ScreenSize = LG_SCREEN_SIZE;\n\n    /** @hidden */\n    private _subscriptions = new Subscription();\n\n    /**\n     * @hidden\n     * the column layout representing the distribution of the width\n     * between the first (start), the middle and the last(end) column\n     */\n    _columnLayout: { start: number; mid: number; end: number } = this.layoutDefinitions[this.layout];\n\n    /**\n     * @hidden\n     * set to 'true' if the layout is changed to fullscreen on window resize\n     * this will allow the layout to switch to previous mode on SM->MD transition\n     * if a layout is set by the user to fullscreen, it should persist on window resize\n     */\n    private _responsiveFullscreenLayout = false;\n\n    /** @hidden */\n    constructor(@Inject(FD_FLEXIBLE_LAYOUT_CONFIG) private readonly _config: FlexibleLayoutConfig) {}\n\n    /**\n     * @hidden\n     * function that handles the click events on the left separator\n     * and updates the layout\n     */\n    _handleLeftColumnSeparatorClick(): void {\n        switch (this.layout) {\n            case TWO_COLUMNS_START_EXPANDED:\n                this._updateCurrentLayout(TWO_COLUMNS_MID_EXPANDED);\n                break;\n            case TWO_COLUMNS_MID_EXPANDED:\n                this._updateCurrentLayout(TWO_COLUMNS_START_EXPANDED);\n                break;\n            case THREE_COLUMNS_MID_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_END_MINIMIZED);\n                break;\n            case THREE_COLUMNS_END_MINIMIZED:\n                this._updateCurrentLayout(TWO_COLUMNS_START_EXPANDED);\n                break;\n            case THREE_COLUMNS_START_MINIMIZED:\n                this._updateCurrentLayout(THREE_COLUMNS_END_MINIMIZED);\n                break;\n        }\n    }\n\n    /**\n     * @hidden\n     * function that handles the click events on the right separator\n     * and updates the layout\n     */\n    _handleRightColumnSeparatorClick(): void {\n        switch (this.layout) {\n            case TWO_COLUMNS_END_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_START_MINIMIZED);\n                break;\n            case THREE_COLUMNS_MID_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_END_EXPANDED);\n                break;\n            case THREE_COLUMNS_END_EXPANDED:\n                this._updateCurrentLayout(THREE_COLUMNS_MID_EXPANDED);\n                break;\n            case THREE_COLUMNS_END_MINIMIZED:\n                this._updateCurrentLayout(THREE_COLUMNS_MID_EXPANDED);\n                break;\n            case THREE_COLUMNS_START_MINIMIZED:\n                this._updateCurrentLayout(TWO_COLUMNS_END_EXPANDED);\n                break;\n        }\n    }\n\n    /**\n     * @hidden\n     * function to determine the screen size in 'sm' | 'md' | 'lg' | 'xl'\n     * format depending on the window size in px\n     */\n    private _getScreenSize(size: number): ScreenSize {\n        if (size > this.lgBreakPoint) {\n            return LG_SCREEN_SIZE;\n        } else if (size > this.smBreakPoint && size <= this.lgBreakPoint) {\n            return MD_SCREEN_SIZE;\n        } else {\n            return SM_SCREEN_SIZE;\n        }\n    }\n\n    /**\n     * @hidden\n     * handles the change of the layouts on reaching a break point\n     */\n    private _responsiveLayoutChangeHandler(): void {\n        this._screenSize = this._getScreenSize(window.innerWidth);\n\n        switch (this.layout) {\n            case ONE_COLUMN_MID_FULL_SCREEN:\n            case ONE_COLUMN_END_FULL_SCREEN: {\n                if (\n                    this._screenSize !== SM_SCREEN_SIZE &&\n                    this.layout !== this._previousLayout &&\n                    this._responsiveFullscreenLayout\n                ) {\n                    this._responsiveFullscreenLayout = false;\n                    this._updateCurrentLayout(this._previousLayout);\n                }\n                break;\n            }\n\n            case TWO_COLUMNS_START_EXPANDED:\n            case TWO_COLUMNS_MID_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_MID_FULL_SCREEN);\n                }\n                break;\n            }\n\n            case TWO_COLUMNS_END_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === LG_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_END_EXPANDED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_START_MINIMIZED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === LG_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_MID_EXPANDED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_END_MINIMIZED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === LG_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_END_MINIMIZED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_MID_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === MD_SCREEN_SIZE) {\n                    this._updateCurrentLayout(THREE_COLUMNS_START_MINIMIZED);\n                }\n                break;\n            }\n\n            case THREE_COLUMNS_END_EXPANDED: {\n                if (this._screenSize === SM_SCREEN_SIZE) {\n                    this._responsiveFullscreenLayout = true;\n                    this._updateCurrentLayout(ONE_COLUMN_END_FULL_SCREEN);\n                }\n\n                if (this._screenSize === MD_SCREEN_SIZE) {\n                    this._updateCurrentLayout(TWO_COLUMNS_END_EXPANDED);\n                }\n                break;\n            }\n        }\n    }\n\n    /**\n     * @hidden\n     * Listen on window resize and update the layout\n     * call user defined custom function if provided\n     */\n    private _listenOnWindowResize(): void {\n        if (this.customOnResizeFunction) {\n            this.customOnResizeFunction();\n        } else {\n            this._subscriptions.add(\n                fromEvent(window, 'resize')\n                    .pipe(debounceTime(100))\n                    .subscribe(() => this._responsiveLayoutChangeHandler())\n            );\n        }\n    }\n\n    /**\n     * @hidden\n     * determines if the left separator should be visible\n     * and the value that will specify the direction of the arrow\n     */\n    private _getLeftColumnSeparatorValue(): ColumnSeparatorValue {\n        switch (this.layout) {\n            case TWO_COLUMNS_START_EXPANDED:\n                return 'left';\n            case TWO_COLUMNS_MID_EXPANDED:\n            case THREE_COLUMNS_MID_EXPANDED:\n            case THREE_COLUMNS_END_MINIMIZED:\n            case THREE_COLUMNS_START_MINIMIZED:\n                return 'right';\n            default:\n                return null;\n        }\n    }\n\n    /**\n     * @hidden\n     * determines if the right separator should be visible\n     * and the value that will specify the direction of the arrow\n     */\n    private _getRightColumnSeparatorValue(): ColumnSeparatorValue {\n        switch (this.layout) {\n            case TWO_COLUMNS_END_EXPANDED:\n            case THREE_COLUMNS_END_EXPANDED:\n                return 'right';\n            case THREE_COLUMNS_MID_EXPANDED:\n            case THREE_COLUMNS_END_MINIMIZED:\n            case THREE_COLUMNS_START_MINIMIZED:\n                return 'left';\n            default:\n                return null;\n        }\n    }\n\n    /**\n     * @hidden\n     * updates the column layout based on the layout name\n     * makes a call to determine the new value of the left separator\n     * makes a call to determine the new value of the right separator\n     */\n    private _updateColumnLayoutParameters(): void {\n        this._columnLayout = this.layoutDefinitions[this.layout];\n        this._leftColumnSeparator = this._getLeftColumnSeparatorValue();\n        this._rightColumnSeparator = this._getRightColumnSeparatorValue();\n    }\n\n    /**\n     * @hidden\n     * updates the layout\n     * emits an event\n     * makes a call to the helper function that will update the column layout and the separators\n     */\n    private _updateCurrentLayout(newLayout: FlexibleColumnLayout): void {\n        this.layout = newLayout;\n        this._updateColumnLayoutParameters();\n\n        // setTimeout fixes \"ExpressionChangedAfterItHasBeenCheckedError\"\n        setTimeout(() => {\n            this.layoutChange.emit(this.layout);\n        });\n    }\n\n    /** @hidden */\n    ngOnInit(): void {\n        this._updateColumnLayoutParameters();\n        this._previousLayout = this.layout;\n    }\n\n    /** @hidden */\n    ngAfterViewInit(): void {\n        this._screenSize = this._getScreenSize(window.innerWidth);\n        this._listenOnWindowResize();\n    }\n\n    /** @hidden */\n    ngOnChanges(changes: SimpleChanges): void {\n        this._updateColumnLayoutParameters();\n\n        if (changes && changes.layout.previousValue) {\n            this._previousLayout = changes.layout.previousValue;\n        }\n\n        if (changes && changes.layout) {\n            this._responsiveLayoutChangeHandler();\n        }\n    }\n\n    /** @hidden */\n    ngOnDestroy(): void {\n        this._subscriptions.unsubscribe();\n    }\n}\n","<div\n    class=\"fd-flexible-column-layout\"\n    [class.fd-flexible-column-layout--translucent]=\"backgroundDesign === 'translucent'\"\n    [class.fd-flexible-column-layout--transparent]=\"backgroundDesign === 'transparent'\"\n>\n    <!-- Start/Left/First Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.start\"\n        [style.visibility]=\"_columnLayout.start === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.start === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.start === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"startColumn\"></ng-container>\n    </div>\n    <!-- Left Separator -->\n    <div\n        *ngIf=\"_leftColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleLeftColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_leftColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_leftColumnSeparator ? 'sap-icon--slim-arrow-' + _leftColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- Middle/Second Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.mid\"\n        [style.visibility]=\"_columnLayout.mid === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.mid === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.mid === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"midColumn\"></ng-container>\n    </div>\n    <!-- Right Separator -->\n    <div\n        *ngIf=\"_rightColumnSeparator\"\n        class=\"fd-flexible-column-layout__separator\"\n        [attr.aria-label]=\"separatorAriaLabel\"\n        (click)=\"_handleRightColumnSeparatorClick()\"\n    >\n        <button\n            fd-button\n            fdCompact\n            fdType=\"transparent\"\n            class=\"fd-flexible-column-layout__button\"\n            [title]=\"_rightColumnSeparator === 'left' ? expandTitle : collapseTitle\"\n        >\n            <i\n                [class]=\"_rightColumnSeparator ? 'sap-icon--slim-arrow-' + _rightColumnSeparator : ''\"\n                role=\"presentation\"\n            ></i>\n        </button>\n    </div>\n    <!-- End/Right/Third Column -->\n    <div\n        class=\"fd-flexible-column-layout__column\"\n        [style.width.%]=\"_columnLayout.end\"\n        [style.visibility]=\"_columnLayout.end === 0 ? 'hidden' : 'visible'\"\n        [style.height]=\"_columnLayout.end === 0 ? '0' : 'auto'\"\n        [attr.aria-hidden]=\"_columnLayout.end === 0\"\n    >\n        <ng-container *ngTemplateOutlet=\"endColumn\"></ng-container>\n    </div>\n</div>\n","import { ModuleWithProviders, NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { ButtonModule } from '@fundamental-ngx/core/button';\nimport { cloneDeep, merge } from 'lodash-es';\nimport { DEFAULT_FLEXIBLE_LAYOUT_CONFIG, FD_FLEXIBLE_LAYOUT_CONFIG, FlexibleLayoutConfig } from './constants';\nimport { FlexibleColumnLayoutComponent } from './flexible-column-layout.component';\n\n/**\n * Adds Flexible Column Layout functionality to your application.\n *\n * Can be imported in two ways:\n * * Plain `FlexibleColumnLayoutModule` with default configuration\n * * With `withConfig()` method which allows passing custom default configuration.\n */\n@NgModule({\n    declarations: [FlexibleColumnLayoutComponent],\n    imports: [CommonModule, ButtonModule],\n    exports: [FlexibleColumnLayoutComponent],\n    providers: [\n        {\n            provide: FD_FLEXIBLE_LAYOUT_CONFIG,\n            useValue: DEFAULT_FLEXIBLE_LAYOUT_CONFIG\n        }\n    ]\n})\nexport class FlexibleColumnLayoutModule {\n    /**\n     * Allows configuring module on a global level with custom configuration.\n     * @param config User's custom configuration.\n     */\n    static withConfig(config: Partial<FlexibleLayoutConfig>): ModuleWithProviders<FlexibleColumnLayoutModule> {\n        config = merge(cloneDeep(DEFAULT_FLEXIBLE_LAYOUT_CONFIG), cloneDeep(config));\n        return {\n            ngModule: FlexibleColumnLayoutModule,\n            providers: [\n                {\n                    provide: FD_FLEXIBLE_LAYOUT_CONFIG,\n                    useValue: config\n                }\n            ]\n        };\n    }\n}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public_api';\n"],"names":[],"mappings":"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"}