npm - @energycap/components - Versions diffs - 0.37.1-ECAP-18944-page-view-background-color.20230811-1458 → 0.37.1-ECAP-18590-combobox-addNewOptions-updates.20230814-1120 - Mend

@energycap/components 0.37.1-ECAP-18944-page-view-background-color.20230811-1458 → 0.37.1-ECAP-18590-combobox-addNewOptions-updates.20230814-1120

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (8) hide show

package/esm2020/lib/controls/combobox/combobox.component.mjs +27 -3
package/esm2020/lib/shared/page/page-view/page-view.component.mjs +3 -3
package/fesm2015/energycap-components.mjs +29 -4
package/fesm2015/energycap-components.mjs.map +1 -1
package/fesm2020/energycap-components.mjs +28 -4
package/fesm2020/energycap-components.mjs.map +1 -1
package/lib/controls/combobox/combobox.component.d.ts +26 -1
package/package.json +1 -1

package/esm2020/lib/shared/page/page-view/page-view.component.mjs CHANGED Viewed

@@ -69,12 +69,12 @@ export class PageViewComponent {
     }
 }
 PageViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageViewComponent, deps: [{ token: i1.DialogService }], target: i0.ɵɵFactoryTarget.Component });
-PageViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PageViewComponent, selector: "ec-page-view", inputs: { isDialog: "isDialog", readonly: "readonly", status: "status", showHeader: "showHeader", errors: "errors", breadcrumbs: "breadcrumbs", title: "title", titleIcon: "titleIcon", subTitle: "subTitle", subTitleUrl: "subTitleUrl", moreActionsLabel: "moreActionsLabel", moreActions: "moreActions", secondaryActionLabel: "secondaryActionLabel", hideSecondaryAction: "hideSecondaryAction", primaryActionLabel: "primaryActionLabel", hidePrimaryAction: "hidePrimaryAction", customTitleTemplate: "customTitleTemplate", customActionsTemplate: "customActionsTemplate", customHeaderTemplate: "customHeaderTemplate", footerTemplate: "footerTemplate", customErrorBannerTemplate: "customErrorBannerTemplate", stickyFooter: "stickyFooter", fitContent: "fitContent" }, outputs: { onPrimaryAction: "onPrimaryAction", onSecondaryAction: "onSecondaryAction" }, host: { classAttribute: "flex-grow" }, ngImport: i0, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative;background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));--ec-overlay-background-color: var(--ec-page-view-background-color, var(--ec-background-color-body))}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "component", type: i5.ViewOverlayComponent, selector: "[ecOverlay]", inputs: ["status", "message", "action", "noDataTemplate", "displayAsMask", "overlayClassList"] }, { kind: "component", type: i6.BannerComponent, selector: "ec-banner", inputs: ["hidden", "id", "type", "bannerStyle", "title", "text", "list", "showCloseBtn", "autoHideOnClose", "customIcon", "rememberClosed"], outputs: ["closed"] }, { kind: "component", type: i7.DropdownComponent, selector: "ec-dropdown", inputs: ["id", "autofocus", "status", "disabled", "label", "icon", "buttonType", "buttonAlignment", "buttonTitle", "tabindex", "showArrow", "items", "menuTemplateType", "menuTitle", "menuHeight", "menuWidth", "menuMinWidth", "menuPosition", "menuFooter", "popupFixed", "buttonCustomTemplate", "pending"], outputs: ["itemSelected", "popupOpened"] }, { kind: "component", type: i8.PageTitleComponent, selector: "app-page-title", inputs: ["title", "titleIcon", "subTitle", "subTitleUrl"] }] });
+PageViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PageViewComponent, selector: "ec-page-view", inputs: { isDialog: "isDialog", readonly: "readonly", status: "status", showHeader: "showHeader", errors: "errors", breadcrumbs: "breadcrumbs", title: "title", titleIcon: "titleIcon", subTitle: "subTitle", subTitleUrl: "subTitleUrl", moreActionsLabel: "moreActionsLabel", moreActions: "moreActions", secondaryActionLabel: "secondaryActionLabel", hideSecondaryAction: "hideSecondaryAction", primaryActionLabel: "primaryActionLabel", hidePrimaryAction: "hidePrimaryAction", customTitleTemplate: "customTitleTemplate", customActionsTemplate: "customActionsTemplate", customHeaderTemplate: "customHeaderTemplate", footerTemplate: "footerTemplate", customErrorBannerTemplate: "customErrorBannerTemplate", stickyFooter: "stickyFooter", fitContent: "fitContent" }, outputs: { onPrimaryAction: "onPrimaryAction", onSecondaryAction: "onSecondaryAction" }, host: { classAttribute: "flex-grow" }, ngImport: i0, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"bg-body flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-background-color-body);position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-background-color-body);order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"], dependencies: [{ kind: "directive", type: i2.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i3.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: i4.ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "component", type: i5.ViewOverlayComponent, selector: "[ecOverlay]", inputs: ["status", "message", "action", "noDataTemplate", "displayAsMask", "overlayClassList"] }, { kind: "component", type: i6.BannerComponent, selector: "ec-banner", inputs: ["hidden", "id", "type", "bannerStyle", "title", "text", "list", "showCloseBtn", "autoHideOnClose", "customIcon", "rememberClosed"], outputs: ["closed"] }, { kind: "component", type: i7.DropdownComponent, selector: "ec-dropdown", inputs: ["id", "autofocus", "status", "disabled", "label", "icon", "buttonType", "buttonAlignment", "buttonTitle", "tabindex", "showArrow", "items", "menuTemplateType", "menuTitle", "menuHeight", "menuWidth", "menuMinWidth", "menuPosition", "menuFooter", "popupFixed", "buttonCustomTemplate", "pending"], outputs: ["itemSelected", "popupOpened"] }, { kind: "component", type: i8.PageTitleComponent, selector: "app-page-title", inputs: ["title", "titleIcon", "subTitle", "subTitleUrl"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ec-page-view', host: {
                         class: "flex-grow"
-                    }, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative;background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));--ec-overlay-background-color: var(--ec-page-view-background-color, var(--ec-background-color-body))}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"] }]
+                    }, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"bg-body flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-background-color-body);position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-background-color-body);order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"] }]
         }], ctorParameters: function () { return [{ type: i1.DialogService }]; }, propDecorators: { isDialog: [{
                 type: Input
             }], readonly: [{
@@ -126,4 +126,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImpor
             }], onSecondaryAction: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvcGFnZS9wYWdlLXZpZXcvcGFnZS12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvcGFnZS9wYWdlLXZpZXcvcGFnZS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFJcEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7Ozs7OztBQVVwRSxNQUFNLE9BQU8saUJBQWlCO0lBa0c1QixZQUNVLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBbEd0Qzs7V0FFRztRQUNhLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUM7O1dBRUc7UUFDYSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFDOztXQUVHO1FBQ2EsV0FBTSxHQUFhLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTFEOztXQUVHO1FBQ2EsZUFBVSxHQUFZLElBQUksQ0FBQztRQW9CM0M7O1dBRUc7UUFDYSxxQkFBZ0IsR0FBWSxTQUFTLENBQUM7UUFNdEQ7O1dBRUc7UUFDYSx5QkFBb0IsR0FBWSxRQUFRLENBQUM7UUFDekMsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBRTVDOztXQUVHO1FBQ2EsdUJBQWtCLEdBQVksTUFBTSxDQUFDO1FBQ3JDLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQTJCMUM7O1dBRUc7UUFDYSxpQkFBWSxHQUFHLElBQUksQ0FBQztRQUVwQzs7V0FFRztRQUNhLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbEIsb0JBQWUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUl2RSxDQUFDO0lBRUUsYUFBYSxDQUFDLEtBQVU7UUFDN0IsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVNLGVBQWUsQ0FBQyxLQUFVO1FBQy9CLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDcEM7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLElBQUksWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQzs7OEdBcEhVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDA2QkNmOUIseTJKQXNHTTsyRkR2Rk8saUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGNBQWMsUUFHbEI7d0JBQ0osS0FBSyxFQUFFLFdBQVc7cUJBQ25CO29HQU1lLFFBQVE7c0JBQXZCLEtBQUs7Z0JBS1UsUUFBUTtzQkFBdkIsS0FBSztnQkFLVSxNQUFNO3NCQUFyQixLQUFLO2dCQUtVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBS1UsTUFBTTtzQkFBckIsS0FBSztnQkFLVSxXQUFXO3NCQUExQixLQUFLO2dCQUtVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBS1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUlVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBS1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFLVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsaUJBQWlCO3NCQUFoQyxLQUFLO2dCQUtVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFLVSxxQkFBcUI7c0JBQXBDLEtBQUs7Z0JBS1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUtVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBS1UseUJBQXlCO3NCQUF4QyxLQUFLO2dCQUtVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBS1UsVUFBVTtzQkFBekIsS0FBSztnQkFFVyxlQUFlO3NCQUEvQixNQUFNO2dCQUNVLGlCQUFpQjtzQkFBakMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vZGlzcGxheS9kaWFsb2cvZGlhbG9nLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJy4uLy4uLy4uL2NvbnRyb2xzL21lbnUvbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBOYXZJdGVtIH0gZnJvbSAnLi4vLi4vLi4vY29udHJvbHMvbmF2aWdhdGlvbi9uYXYtaXRlbSc7XHJcbmltcG9ydCB7IE92ZXJsYXkgfSBmcm9tICcuLi8uLi8uLi9kaXNwbGF5L3ZpZXctb3ZlcmxheS92aWV3LW92ZXJsYXkuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGlhbG9nUmVzdWx0IH0gZnJvbSAnLi4vLi4vLi4vZGlzcGxheS9kaWFsb2cvZGlhbG9nLXR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWMtcGFnZS12aWV3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdlLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxuICBob3N0OiB7XHJcbiAgICBjbGFzczogXCJmbGV4LWdyb3dcIlxyXG4gIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VWaWV3Q29tcG9uZW50IHtcclxuICAvKipcclxuICAgKiBTZXQgdG8gdHJ1ZSB3aGVuIHBhZ2UtdmlldyBpcyBpbnNpZGUgYSBkaWFsb2cgdG8gYWRqdXN0IHN0eWxlcyBhbmQgaGlkZSBicmVhZGNydW1icy5cclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaXNEaWFsb2c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogU2V0IHRvIHRydWUgdG8gZW5hYmxlIHJlYWQgb25seSBtb2RlLiBPbmx5IGEgc2luZ2xlIHNlY29uZGFyeSBhY3Rpb24gd2lsbCBiZSBhdmFpbGFibGVcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ29udHJvbHMgT3ZlcmxheSB0aGF0IG1hc2tzIHRoZSBwYWdlIHZpZXcgY29udGVudC4gT25seSB0aGUgaGVhZGVyIGlzIG5vdCBtYXNrZWQgd2hlbiB0aGUgb3ZlcmxheSBpcyB2aXNpYmxlLiBEZWZhdWx0IGlzIHBlbmRpbmcgT3ZlcmxheSB3aXRoIG5vIG1lc3NhZ2VcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RhdHVzPzogT3ZlcmxheSA9IG5ldyBPdmVybGF5KCdwZW5kaW5nJyk7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldCB0byBmYWxzZSB0byBoaWRlIHRoZSBlbnRpcmUgaGVhZGVyLCBpbmNsdWRpbmcgYnJlYWRjcnVtYnMgYW5kIGVycm9yIGJhbm5lci4gRGVmYXVsdCBpcyB0cnVlLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzaG93SGVhZGVyOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogRGlzcGxheXMgYW4gZXJyb3IgYmFubmVyIHVuZGVyIHRoZSB0aXRsZWJhciB3aGVuIHByb3ZpZGVkIGEgdmFsdWUuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGVycm9ycz86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogQnJlYWRjcnVtYnMgdG8gYmUgZGlzcGxheWVkIGluIHRoZSBoZWFkZXIuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGJyZWFkY3J1bWJzPzogTmF2SXRlbVtdO1xyXG5cclxuICAvKipcclxuICAgKiBUaXRsZSBzZXR0aW5ncy4gUGFzc2VkIHRvIHRoZSBQYWdlVGl0bGVDb21wb25lbnQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIHRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZUljb24/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIHN1YlRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzdWJUaXRsZVVybD86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogTGFiZWwgZm9yIHRoZSBhY3Rpb25zIGRyb3Bkb3duIGluIHRoZSBoZWFkZXIuIERlZmF1bHQgaXMgJ0FjdGlvbnMnXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIG1vcmVBY3Rpb25zTGFiZWw/OiBzdHJpbmcgPSAnQWN0aW9ucyc7XHJcbiAgLyoqXHJcbiAgICogT3B0aW9ucyBmb3IgdGhlIGFjdGlvbnMgZHJvcGRvd24gaW4gdGhlIGhlYWRlci4gVGhlIGRyb3Bkb3duIGlzIGhpZGRlbiBpZiBub3Qgb3B0aW9ucyBhcmUgcHJvdmlkZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIG1vcmVBY3Rpb25zPzogTWVudUl0ZW1bXTtcclxuXHJcbiAgLyoqXHJcbiAgICogTGFiZWwgZm9yIHRoZSBzZWNvbmRhcnkgYnV0dG9uIGluIHRoZSBoZWFkZXIuIERlZmF1bHQgaXMgJ0NhbmNlbCdcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc2Vjb25kYXJ5QWN0aW9uTGFiZWw/OiBzdHJpbmcgPSAnQ2FuY2VsJztcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZVNlY29uZGFyeUFjdGlvbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBMYWJlbCBmb3IgdGhlIHByaW1hcnkgYnV0dG9uIGluIHRoZSBoZWFkZXIuIERlZmF1bHQgaXMgJ1NhdmUnXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIHByaW1hcnlBY3Rpb25MYWJlbD86IHN0cmluZyA9ICdTYXZlJztcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZVByaW1hcnlBY3Rpb24gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVwbGFjZXMgdGhlIHRpdGxlLCBzdWJ0aXRsZSBhbmQgdGl0bGUgaWNvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21UaXRsZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgLyoqXHJcbiAgICogSW5zZXJ0ZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGRlZmF1bHQgYWN0aW9uc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21BY3Rpb25zVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGViYXIgYW5kIGFjdGlvbnMgb2YgdGhlIGRlZmF1bHQgaGVhZGVyLiBCcmVhZGNydW1icyBhbmQgZXJyb3IgYmFubmVyIGFyZSBub3QgcmVwbGFjZWQuIENhbm5vdCBjb250YWluIGEgPGhlYWRlcj4gZWxlbWVudC5cclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tSGVhZGVyVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiBDb250ZW50IHRvIGluY2x1ZGUgaW4gdGhlIGZvb3RlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXJUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlcGxhY2VzIHRoZSBFcnJvciBCYW5uZXIgZGVmYXVsdCB0ZW1wbGF0ZS4gVXNlZnVsIHdoZW4gd2UgbmVlZCB0byBzaG93IG1vcmUgdGhhbiB0ZXh0IGluIHRoZSBiYW5uZXIuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUVycm9yQmFubmVyVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiBQaW5zIHRoZSBmb290ZXIgdG8gdGhlIGJvdHRvbSBvZiB0aGUgdmlldyBhbmQgb3ZlcmxheXMgYW55IG92ZXJmbG93aW5nIGNvbnRlbnRcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RpY2t5Rm9vdGVyID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogUHJldmVudHMgY29udGVudCBmcm9tIG92ZXJmbG93aW5nIHRoZSB2aWV3LiBDb250ZW50IG11c3QgbWFuYWdlIG92ZXJmbG93IGluc3RlYWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGZpdENvbnRlbnQgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBvblByaW1hcnlBY3Rpb246IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25TZWNvbmRhcnlBY3Rpb246IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZVxyXG4gICkgeyB9XHJcblxyXG4gIHB1YmxpYyBwcmltYXJ5QWN0aW9uKGV2ZW50OiBhbnkpIHtcclxuICAgIGlmICh0aGlzLm9uUHJpbWFyeUFjdGlvbikge1xyXG4gICAgICB0aGlzLm9uUHJpbWFyeUFjdGlvbi5lbWl0KGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZWNvbmRhcnlBY3Rpb24oZXZlbnQ6IGFueSkge1xyXG4gICAgaWYgKHRoaXMub25TZWNvbmRhcnlBY3Rpb24pIHtcclxuICAgICAgdGhpcy5vblNlY29uZGFyeUFjdGlvbi5lbWl0KGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZURpYWxvZygpIHtcclxuICAgIHRoaXMuZGlhbG9nU2VydmljZS5jbG9zZUxhdGVzdERpYWxvZyhuZXcgRGlhbG9nUmVzdWx0KGZhbHNlKSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgZWNPdmVybGF5XHJcbiAgICAgW3N0YXR1c109XCJzdGF0dXM/LnN0YXR1c1wiXHJcbiAgICAgW21lc3NhZ2VdPVwic3RhdHVzPy5tZXNzYWdlXCJcclxuICAgICBbZGlzcGxheUFzTWFza109XCJ0cnVlXCJcclxuICAgICBjbGFzcz1cImZsZXgtZ3JvdyBkLWZsZXhcIj5cclxuICAgIDxkaXYgaWQ9XCJQYWdlVmlld1Njcm9sbENvbnRhaW5lclwiXHJcbiAgICAgICAgIGNsYXNzPVwiZC1mbGV4IGZsZXgtY29sdW1uIGZsZXgtZ3JvdyBzY3JvbGwteVwiXHJcbiAgICAgICAgIFtjbGFzcy5pcy1kaWFsb2ddPVwiaXNEaWFsb2dcIlxyXG4gICAgICAgICBbY2xhc3MuZml0LWNvbnRlbnRdPVwiZml0Q29udGVudFwiXHJcbiAgICAgICAgIFtjbGFzcy5zdGlja3ktZm9vdGVyXT1cInN0aWNreUZvb3RlciAmJiAhIWZvb3RlclRlbXBsYXRlXCJcclxuICAgICAgICAgW2NsYXNzLm92ZXJsYXktdmlzaWJsZV09XCJzdGF0dXM/LnN0YXR1cyAhPT0gJ2hhc0RhdGEnXCJcclxuICAgICAgICAgW2NsYXNzLmZvb3Rlci12aXNpYmxlXT1cIiEhZm9vdGVyVGVtcGxhdGVcIj5cclxuICAgICAgICA8c2VjdGlvbj5cclxuICAgICAgICAgICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxyXG4gICAgICAgIDwvc2VjdGlvbj5cclxuXHJcbiAgICAgICAgPGZvb3RlciAqbmdJZj1cImZvb3RlclRlbXBsYXRlXCI+XHJcbiAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJmb290ZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgIDwvZm9vdGVyPlxyXG5cclxuICAgICAgICA8aGVhZGVyICpuZ0lmPVwic2hvd0hlYWRlclwiPlxyXG4gICAgICAgICAgICA8b2wgaWQ9XCJicmVhZGNydW1ic1wiXHJcbiAgICAgICAgICAgICAgICAqbmdJZj1cImJyZWFkY3J1bWJzPy5sZW5ndGggJiYgIWlzRGlhbG9nXCI+XHJcbiAgICAgICAgICAgICAgICA8bGkgKm5nRm9yPVwibGV0IGNydW1iIG9mIGJyZWFkY3J1bWJzOyBsYXN0IGFzIGlzTGFzdFwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxhICpuZ0lmPVwiY3J1bWIudXJsOyBlbHNlIGxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICBbcm91dGVyTGlua109XCJjcnVtYi51cmxcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImxhYmVsXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9hPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjbGFiZWw+e3tjcnVtYi5sYWJlbH19PC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICAgICAgICAgIDwvbGk+XHJcbiAgICAgICAgICAgIDwvb2w+XHJcblxyXG4gICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGViYXJcIj5cclxuICAgICAgICAgICAgICAgIDxhcHAtcGFnZS10aXRsZSAqbmdJZj1cIiFjdXN0b21UaXRsZVRlbXBsYXRlOyBlbHNlIGN1c3RvbVRpdGxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVdPVwidGl0bGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtzdWJUaXRsZV09XCJzdWJUaXRsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N1YlRpdGxlVXJsXT1cInN1YlRpdGxlVXJsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbdGl0bGVJY29uXT1cInRpdGxlSWNvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJ0aXRsZSB0ZXh0LXRydW5jYXRlXCI+XHJcbiAgICAgICAgICAgICAgICA8L2FwcC1wYWdlLXRpdGxlPlxyXG5cclxuICAgICAgICAgICAgICAgIDxuZy10ZW1wbGF0ZSAjY3VzdG9tVGl0bGU+XHJcbiAgICAgICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cInRpdGxlXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21UaXRsZVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9kaXY+XHJcbiAgICAgICAgICAgICAgICA8L25nLXRlbXBsYXRlPlxyXG5cclxuICAgICAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhY3Rpb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGVjLWJ1dHRvbiBpZD1cInByaW1hcnlBY3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJtbC0yXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWhpZGVQcmltYXJ5QWN0aW9uICYmIG9uUHJpbWFyeUFjdGlvbi5vYnNlcnZlcnM/Lmxlbmd0aCAmJiAhcmVhZG9ubHlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInN0YXR1cz8uc3RhdHVzID09PSAncGVuZGluZydcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInByaW1hcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInByaW1hcnlBY3Rpb25MYWJlbFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJwcmltYXJ5QWN0aW9uKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2VjLWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8ZWMtYnV0dG9uIGlkPVwic2Vjb25kYXJ5QWN0aW9uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIiFoaWRlU2Vjb25kYXJ5QWN0aW9uICYmIG9uU2Vjb25kYXJ5QWN0aW9uLm9ic2VydmVycz8ubGVuZ3RoXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHR5cGU9XCJzZWNvbmRhcnlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cInJlYWRvbmx5ID8gJ0Nsb3NlJyA6IHNlY29uZGFyeUFjdGlvbkxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cInNlY29uZGFyeUFjdGlvbigkZXZlbnQpXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9lYy1idXR0b24+XHJcbiAgICAgICAgICAgICAgICAgICAgPGVjLWRyb3Bkb3duIGlkPVwibW9yZUFjdGlvbnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAqbmdJZj1cIm1vcmVBY3Rpb25zPy5sZW5ndGggJiYgIXJlYWRvbmx5XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2Rpc2FibGVkXT1cInN0YXR1cz8uc3RhdHVzID09PSAncGVuZGluZydcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1sLTJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBidXR0b25UeXBlPVwidGV4dFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFtsYWJlbF09XCJtb3JlQWN0aW9uc0xhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2l0ZW1zXT1cIm1vcmVBY3Rpb25zXCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPC9lYy1kcm9wZG93bj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY3VzdG9tQWN0aW9uc1RlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgPC9kaXY+XHJcblxyXG4gICAgICAgICAgICA8ZGl2ICpuZ0lmPVwiY3VzdG9tSGVhZGVyVGVtcGxhdGVcIlxyXG4gICAgICAgICAgICAgICAgIGNsYXNzPVwicGFnZS1oZWFkZXJcIj5cclxuICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21IZWFkZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxlYy1iYW5uZXIgKm5nSWY9XCIhY3VzdG9tRXJyb3JCYW5uZXJUZW1wbGF0ZSAmJiBlcnJvcnM7IGVsc2UgY3VzdG9tRXJyb3JCYW5uZXJPdXRsZXRcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIGlkPVwicGFnZVZpZXdFcnJvcnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtjbGFzcy5ib3JkZXItYm90dG9tLTBdPVwiIWlzRGlhbG9nXCI+XHJcbiAgICAgICAgICAgICAgICA8ZGl2IFtpbm5lckh0bWxdPVwiZXJyb3JzXCI+PC9kaXY+XHJcbiAgICAgICAgICAgIDwvZWMtYmFubmVyPlxyXG5cclxuICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNjdXN0b21FcnJvckJhbm5lck91dGxldD5cclxuICAgICAgICAgICAgICAgIDxlYy1iYW5uZXIgKm5nSWY9XCJlcnJvcnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBpZD1cInBhZ2VWaWV3RXJyb3JzXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmJvcmRlci1ib3R0b20tMF09XCIhaXNEaWFsb2dcIj5cclxuICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiY3VzdG9tRXJyb3JCYW5uZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxyXG4gICAgICAgICAgICAgICAgPC9lYy1iYW5uZXI+XHJcbiAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcbiAgICAgICAgPC9oZWFkZXI+XHJcbiAgICA8L2Rpdj5cclxuXHJcbiAgICA8ZWMtYnV0dG9uICpuZ0lmPVwiaXNEaWFsb2cgJiYgKHN0YXR1cz8uc3RhdHVzID09PSAncGVuZGluZycgfHwgc3RhdHVzPy5zdGF0dXMgPT09ICdlcnJvcicpXCJcclxuICAgICAgICAgICAgICAgaWQ9XCJwYWdlVmlld0RpYWxvZ0Nsb3NlXCJcclxuICAgICAgICAgICAgICAgdHlwZT1cImljb25cIlxyXG4gICAgICAgICAgICAgICBpY29uPVwiaWNvbi1jYW5jZWxcIlxyXG4gICAgICAgICAgICAgICAoY2xpY2tlZCk9XCJjbG9zZURpYWxvZygpXCI+XHJcbiAgICA8L2VjLWJ1dHRvbj5cclxuPC9kaXY+Il19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFnZS12aWV3LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvcGFnZS9wYWdlLXZpZXcvcGFnZS12aWV3LmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvbXBvbmVudHMvc3JjL2xpYi9zaGFyZWQvcGFnZS9wYWdlLXZpZXcvcGFnZS12aWV3LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQWUsTUFBTSxlQUFlLENBQUM7QUFJcEYsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNEQUFzRCxDQUFDO0FBQy9FLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7Ozs7Ozs7OztBQVVwRSxNQUFNLE9BQU8saUJBQWlCO0lBa0c1QixZQUNVLGFBQTRCO1FBQTVCLGtCQUFhLEdBQWIsYUFBYSxDQUFlO1FBbEd0Qzs7V0FFRztRQUNhLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFFMUM7O1dBRUc7UUFDYSxhQUFRLEdBQVksS0FBSyxDQUFDO1FBRTFDOztXQUVHO1FBQ2EsV0FBTSxHQUFhLElBQUksT0FBTyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTFEOztXQUVHO1FBQ2EsZUFBVSxHQUFZLElBQUksQ0FBQztRQW9CM0M7O1dBRUc7UUFDYSxxQkFBZ0IsR0FBWSxTQUFTLENBQUM7UUFNdEQ7O1dBRUc7UUFDYSx5QkFBb0IsR0FBWSxRQUFRLENBQUM7UUFDekMsd0JBQW1CLEdBQUcsS0FBSyxDQUFDO1FBRTVDOztXQUVHO1FBQ2EsdUJBQWtCLEdBQVksTUFBTSxDQUFDO1FBQ3JDLHNCQUFpQixHQUFHLEtBQUssQ0FBQztRQTJCMUM7O1dBRUc7UUFDYSxpQkFBWSxHQUFHLElBQUksQ0FBQztRQUVwQzs7V0FFRztRQUNhLGVBQVUsR0FBRyxLQUFLLENBQUM7UUFFbEIsb0JBQWUsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztRQUN4RCxzQkFBaUIsR0FBc0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUl2RSxDQUFDO0lBRUUsYUFBYSxDQUFDLEtBQVU7UUFDN0IsSUFBSSxJQUFJLENBQUMsZUFBZSxFQUFFO1lBQ3hCLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO1NBQ2xDO0lBQ0gsQ0FBQztJQUVNLGVBQWUsQ0FBQyxLQUFVO1FBQy9CLElBQUksSUFBSSxDQUFDLGlCQUFpQixFQUFFO1lBQzFCLElBQUksQ0FBQyxpQkFBaUIsQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7U0FDcEM7SUFDSCxDQUFDO0lBRU0sV0FBVztRQUNoQixJQUFJLENBQUMsYUFBYSxDQUFDLGlCQUFpQixDQUFDLElBQUksWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUM7SUFDaEUsQ0FBQzs7OEdBcEhVLGlCQUFpQjtrR0FBakIsaUJBQWlCLDA2QkNmOUIsaTNKQXNHTTsyRkR2Rk8saUJBQWlCO2tCQVI3QixTQUFTOytCQUNFLGNBQWMsUUFHbEI7d0JBQ0osS0FBSyxFQUFFLFdBQVc7cUJBQ25CO29HQU1lLFFBQVE7c0JBQXZCLEtBQUs7Z0JBS1UsUUFBUTtzQkFBdkIsS0FBSztnQkFLVSxNQUFNO3NCQUFyQixLQUFLO2dCQUtVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBS1UsTUFBTTtzQkFBckIsS0FBSztnQkFLVSxXQUFXO3NCQUExQixLQUFLO2dCQUtVLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsU0FBUztzQkFBeEIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBS1UsZ0JBQWdCO3NCQUEvQixLQUFLO2dCQUlVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBS1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUNVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFLVSxrQkFBa0I7c0JBQWpDLEtBQUs7Z0JBQ1UsaUJBQWlCO3NCQUFoQyxLQUFLO2dCQUtVLG1CQUFtQjtzQkFBbEMsS0FBSztnQkFLVSxxQkFBcUI7c0JBQXBDLEtBQUs7Z0JBS1Usb0JBQW9CO3NCQUFuQyxLQUFLO2dCQUtVLGNBQWM7c0JBQTdCLEtBQUs7Z0JBS1UseUJBQXlCO3NCQUF4QyxLQUFLO2dCQUtVLFlBQVk7c0JBQTNCLEtBQUs7Z0JBS1UsVUFBVTtzQkFBekIsS0FBSztnQkFFVyxlQUFlO3NCQUEvQixNQUFNO2dCQUNVLGlCQUFpQjtzQkFBakMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0LCBUZW1wbGF0ZVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQgeyBEaWFsb2dTZXJ2aWNlIH0gZnJvbSAnLi4vLi4vLi4vZGlzcGxheS9kaWFsb2cvZGlhbG9nLnNlcnZpY2UnO1xyXG5pbXBvcnQgeyBNZW51SXRlbSB9IGZyb20gJy4uLy4uLy4uL2NvbnRyb2xzL21lbnUvbWVudS5jb21wb25lbnQnO1xyXG5pbXBvcnQgeyBOYXZJdGVtIH0gZnJvbSAnLi4vLi4vLi4vY29udHJvbHMvbmF2aWdhdGlvbi9uYXYtaXRlbSc7XHJcbmltcG9ydCB7IE92ZXJsYXkgfSBmcm9tICcuLi8uLi8uLi9kaXNwbGF5L3ZpZXctb3ZlcmxheS92aWV3LW92ZXJsYXkuY29tcG9uZW50JztcclxuaW1wb3J0IHsgRGlhbG9nUmVzdWx0IH0gZnJvbSAnLi4vLi4vLi4vZGlzcGxheS9kaWFsb2cvZGlhbG9nLXR5cGVzJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnZWMtcGFnZS12aWV3JyxcclxuICB0ZW1wbGF0ZVVybDogJy4vcGFnZS12aWV3LmNvbXBvbmVudC5odG1sJyxcclxuICBzdHlsZVVybHM6IFsnLi9wYWdlLXZpZXcuY29tcG9uZW50LnNjc3MnXSxcclxuICBob3N0OiB7XHJcbiAgICBjbGFzczogXCJmbGV4LWdyb3dcIlxyXG4gIH1cclxufSlcclxuZXhwb3J0IGNsYXNzIFBhZ2VWaWV3Q29tcG9uZW50IHtcclxuICAvKipcclxuICAgKiBTZXQgdG8gdHJ1ZSB3aGVuIHBhZ2UtdmlldyBpcyBpbnNpZGUgYSBkaWFsb2cgdG8gYWRqdXN0IHN0eWxlcyBhbmQgaGlkZSBicmVhZGNydW1icy5cclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgaXNEaWFsb2c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogU2V0IHRvIHRydWUgdG8gZW5hYmxlIHJlYWQgb25seSBtb2RlLiBPbmx5IGEgc2luZ2xlIHNlY29uZGFyeSBhY3Rpb24gd2lsbCBiZSBhdmFpbGFibGVcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgcmVhZG9ubHk6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogQ29udHJvbHMgT3ZlcmxheSB0aGF0IG1hc2tzIHRoZSBwYWdlIHZpZXcgY29udGVudC4gT25seSB0aGUgaGVhZGVyIGlzIG5vdCBtYXNrZWQgd2hlbiB0aGUgb3ZlcmxheSBpcyB2aXNpYmxlLiBEZWZhdWx0IGlzIHBlbmRpbmcgT3ZlcmxheSB3aXRoIG5vIG1lc3NhZ2VcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RhdHVzPzogT3ZlcmxheSA9IG5ldyBPdmVybGF5KCdwZW5kaW5nJyk7XHJcblxyXG4gIC8qKlxyXG4gICAqIFNldCB0byBmYWxzZSB0byBoaWRlIHRoZSBlbnRpcmUgaGVhZGVyLCBpbmNsdWRpbmcgYnJlYWRjcnVtYnMgYW5kIGVycm9yIGJhbm5lci4gRGVmYXVsdCBpcyB0cnVlLlxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzaG93SGVhZGVyOiBib29sZWFuID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogRGlzcGxheXMgYW4gZXJyb3IgYmFubmVyIHVuZGVyIHRoZSB0aXRsZWJhciB3aGVuIHByb3ZpZGVkIGEgdmFsdWUuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGVycm9ycz86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogQnJlYWRjcnVtYnMgdG8gYmUgZGlzcGxheWVkIGluIHRoZSBoZWFkZXIuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGJyZWFkY3J1bWJzPzogTmF2SXRlbVtdO1xyXG5cclxuICAvKipcclxuICAgKiBUaXRsZSBzZXR0aW5ncy4gUGFzc2VkIHRvIHRoZSBQYWdlVGl0bGVDb21wb25lbnQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIHRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyB0aXRsZUljb24/OiBzdHJpbmc7XHJcbiAgQElucHV0KCkgcHVibGljIHN1YlRpdGxlPzogc3RyaW5nO1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBzdWJUaXRsZVVybD86IHN0cmluZztcclxuXHJcbiAgLyoqXHJcbiAgICogTGFiZWwgZm9yIHRoZSBhY3Rpb25zIGRyb3Bkb3duIGluIHRoZSBoZWFkZXIuIERlZmF1bHQgaXMgJ0FjdGlvbnMnXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIG1vcmVBY3Rpb25zTGFiZWw/OiBzdHJpbmcgPSAnQWN0aW9ucyc7XHJcbiAgLyoqXHJcbiAgICogT3B0aW9ucyBmb3IgdGhlIGFjdGlvbnMgZHJvcGRvd24gaW4gdGhlIGhlYWRlci4gVGhlIGRyb3Bkb3duIGlzIGhpZGRlbiBpZiBub3Qgb3B0aW9ucyBhcmUgcHJvdmlkZWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIG1vcmVBY3Rpb25zPzogTWVudUl0ZW1bXTtcclxuXHJcbiAgLyoqXHJcbiAgICogTGFiZWwgZm9yIHRoZSBzZWNvbmRhcnkgYnV0dG9uIGluIHRoZSBoZWFkZXIuIERlZmF1bHQgaXMgJ0NhbmNlbCdcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc2Vjb25kYXJ5QWN0aW9uTGFiZWw/OiBzdHJpbmcgPSAnQ2FuY2VsJztcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZVNlY29uZGFyeUFjdGlvbiA9IGZhbHNlO1xyXG5cclxuICAvKipcclxuICAgKiBMYWJlbCBmb3IgdGhlIHByaW1hcnkgYnV0dG9uIGluIHRoZSBoZWFkZXIuIERlZmF1bHQgaXMgJ1NhdmUnXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIHByaW1hcnlBY3Rpb25MYWJlbD86IHN0cmluZyA9ICdTYXZlJztcclxuICBASW5wdXQoKSBwdWJsaWMgaGlkZVByaW1hcnlBY3Rpb24gPSBmYWxzZTtcclxuXHJcbiAgLyoqXHJcbiAgICogUmVwbGFjZXMgdGhlIHRpdGxlLCBzdWJ0aXRsZSBhbmQgdGl0bGUgaWNvblxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21UaXRsZVRlbXBsYXRlPzogVGVtcGxhdGVSZWY8YW55PjtcclxuXHJcbiAgLyoqXHJcbiAgICogSW5zZXJ0ZWQgdG8gdGhlIGxlZnQgb2YgdGhlIGRlZmF1bHQgYWN0aW9uc1xyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBjdXN0b21BY3Rpb25zVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiBSZXBsYWNlcyB0aGUgdGl0bGViYXIgYW5kIGFjdGlvbnMgb2YgdGhlIGRlZmF1bHQgaGVhZGVyLiBCcmVhZGNydW1icyBhbmQgZXJyb3IgYmFubmVyIGFyZSBub3QgcmVwbGFjZWQuIENhbm5vdCBjb250YWluIGEgPGhlYWRlcj4gZWxlbWVudC5cclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgY3VzdG9tSGVhZGVyVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiBDb250ZW50IHRvIGluY2x1ZGUgaW4gdGhlIGZvb3RlclxyXG4gICAqL1xyXG4gIEBJbnB1dCgpIHB1YmxpYyBmb290ZXJUZW1wbGF0ZT86IFRlbXBsYXRlUmVmPGFueT47XHJcblxyXG4gIC8qKlxyXG4gICAqIFJlcGxhY2VzIHRoZSBFcnJvciBCYW5uZXIgZGVmYXVsdCB0ZW1wbGF0ZS4gVXNlZnVsIHdoZW4gd2UgbmVlZCB0byBzaG93IG1vcmUgdGhhbiB0ZXh0IGluIHRoZSBiYW5uZXIuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGN1c3RvbUVycm9yQmFubmVyVGVtcGxhdGU/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICAvKipcclxuICAgKiBQaW5zIHRoZSBmb290ZXIgdG8gdGhlIGJvdHRvbSBvZiB0aGUgdmlldyBhbmQgb3ZlcmxheXMgYW55IG92ZXJmbG93aW5nIGNvbnRlbnRcclxuICAgKi9cclxuICBASW5wdXQoKSBwdWJsaWMgc3RpY2t5Rm9vdGVyID0gdHJ1ZTtcclxuXHJcbiAgLyoqXHJcbiAgICogUHJldmVudHMgY29udGVudCBmcm9tIG92ZXJmbG93aW5nIHRoZSB2aWV3LiBDb250ZW50IG11c3QgbWFuYWdlIG92ZXJmbG93IGluc3RlYWQuXHJcbiAgICovXHJcbiAgQElucHV0KCkgcHVibGljIGZpdENvbnRlbnQgPSBmYWxzZTtcclxuXHJcbiAgQE91dHB1dCgpIHB1YmxpYyBvblByaW1hcnlBY3Rpb246IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25TZWNvbmRhcnlBY3Rpb246IEV2ZW50RW1pdHRlcjxhbnk+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xyXG5cclxuICBjb25zdHJ1Y3RvcihcclxuICAgIHByaXZhdGUgZGlhbG9nU2VydmljZTogRGlhbG9nU2VydmljZVxyXG4gICkgeyB9XHJcblxyXG4gIHB1YmxpYyBwcmltYXJ5QWN0aW9uKGV2ZW50OiBhbnkpIHtcclxuICAgIGlmICh0aGlzLm9uUHJpbWFyeUFjdGlvbikge1xyXG4gICAgICB0aGlzLm9uUHJpbWFyeUFjdGlvbi5lbWl0KGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBzZWNvbmRhcnlBY3Rpb24oZXZlbnQ6IGFueSkge1xyXG4gICAgaWYgKHRoaXMub25TZWNvbmRhcnlBY3Rpb24pIHtcclxuICAgICAgdGhpcy5vblNlY29uZGFyeUFjdGlvbi5lbWl0KGV2ZW50KTtcclxuICAgIH1cclxuICB9XHJcblxyXG4gIHB1YmxpYyBjbG9zZURpYWxvZygpIHtcclxuICAgIHRoaXMuZGlhbG9nU2VydmljZS5jbG9zZUxhdGVzdERpYWxvZyhuZXcgRGlhbG9nUmVzdWx0KGZhbHNlKSk7XHJcbiAgfVxyXG59XHJcbiIsIjxkaXYgZWNPdmVybGF5XHJcbiAgICAgW3N0YXR1c109XCJzdGF0dXM/LnN0YXR1c1wiXHJcbiAgICAgW21lc3NhZ2VdPVwic3RhdHVzPy5tZXNzYWdlXCJcclxuICAgICBbZGlzcGxheUFzTWFza109XCJ0cnVlXCJcclxuICAgICBjbGFzcz1cImJnLWJvZHkgZmxleC1ncm93IGQtZmxleFwiPlxyXG4gICAgPGRpdiBpZD1cIlBhZ2VWaWV3U2Nyb2xsQ29udGFpbmVyXCJcclxuICAgICAgICAgY2xhc3M9XCJkLWZsZXggZmxleC1jb2x1bW4gZmxleC1ncm93IHNjcm9sbC15XCJcclxuICAgICAgICAgW2NsYXNzLmlzLWRpYWxvZ109XCJpc0RpYWxvZ1wiXHJcbiAgICAgICAgIFtjbGFzcy5maXQtY29udGVudF09XCJmaXRDb250ZW50XCJcclxuICAgICAgICAgW2NsYXNzLnN0aWNreS1mb290ZXJdPVwic3RpY2t5Rm9vdGVyICYmICEhZm9vdGVyVGVtcGxhdGVcIlxyXG4gICAgICAgICBbY2xhc3Mub3ZlcmxheS12aXNpYmxlXT1cInN0YXR1cz8uc3RhdHVzICE9PSAnaGFzRGF0YSdcIlxyXG4gICAgICAgICBbY2xhc3MuZm9vdGVyLXZpc2libGVdPVwiISFmb290ZXJUZW1wbGF0ZVwiPlxyXG4gICAgICAgIDxzZWN0aW9uPlxyXG4gICAgICAgICAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9zZWN0aW9uPlxyXG5cclxuICAgICAgICA8Zm9vdGVyICpuZ0lmPVwiZm9vdGVyVGVtcGxhdGVcIj5cclxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImZvb3RlclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgPC9mb290ZXI+XHJcblxyXG4gICAgICAgIDxoZWFkZXIgKm5nSWY9XCJzaG93SGVhZGVyXCI+XHJcbiAgICAgICAgICAgIDxvbCBpZD1cImJyZWFkY3J1bWJzXCJcclxuICAgICAgICAgICAgICAgICpuZ0lmPVwiYnJlYWRjcnVtYnM/Lmxlbmd0aCAmJiAhaXNEaWFsb2dcIj5cclxuICAgICAgICAgICAgICAgIDxsaSAqbmdGb3I9XCJsZXQgY3J1bWIgb2YgYnJlYWRjcnVtYnM7IGxhc3QgYXMgaXNMYXN0XCI+XHJcbiAgICAgICAgICAgICAgICAgICAgPGEgKm5nSWY9XCJjcnVtYi51cmw7IGVsc2UgbGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgIFtyb3V0ZXJMaW5rXT1cImNydW1iLnVybFwiPlxyXG4gICAgICAgICAgICAgICAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwibGFiZWxcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8L2E+XHJcbiAgICAgICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNsYWJlbD57e2NydW1iLmxhYmVsfX08L25nLXRlbXBsYXRlPlxyXG4gICAgICAgICAgICAgICAgPC9saT5cclxuICAgICAgICAgICAgPC9vbD5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJ0aXRsZWJhclwiPlxyXG4gICAgICAgICAgICAgICAgPGFwcC1wYWdlLXRpdGxlICpuZ0lmPVwiIWN1c3RvbVRpdGxlVGVtcGxhdGU7IGVsc2UgY3VzdG9tVGl0bGVcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZV09XCJ0aXRsZVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW3N1YlRpdGxlXT1cInN1YlRpdGxlXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbc3ViVGl0bGVVcmxdPVwic3ViVGl0bGVVcmxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIFt0aXRsZUljb25dPVwidGl0bGVJY29uXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cInRpdGxlIHRleHQtdHJ1bmNhdGVcIj5cclxuICAgICAgICAgICAgICAgIDwvYXBwLXBhZ2UtdGl0bGU+XHJcblxyXG4gICAgICAgICAgICAgICAgPG5nLXRlbXBsYXRlICNjdXN0b21UaXRsZT5cclxuICAgICAgICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidGl0bGVcIj5cclxuICAgICAgICAgICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbVRpdGxlVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgICAgICA8L2Rpdj5cclxuICAgICAgICAgICAgICAgIDwvbmctdGVtcGxhdGU+XHJcblxyXG4gICAgICAgICAgICAgICAgPGRpdiBjbGFzcz1cImFjdGlvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8ZWMtYnV0dG9uIGlkPVwicHJpbWFyeUFjdGlvblwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBjbGFzcz1cIm1sLTJcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKm5nSWY9XCIhaGlkZVByaW1hcnlBY3Rpb24gJiYgb25QcmltYXJ5QWN0aW9uLm9ic2VydmVycz8ubGVuZ3RoICYmICFyZWFkb25seVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwic3RhdHVzPy5zdGF0dXMgPT09ICdwZW5kaW5nJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB0eXBlPVwicHJpbWFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicHJpbWFyeUFjdGlvbkxhYmVsXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIChjbGlja2VkKT1cInByaW1hcnlBY3Rpb24oJGV2ZW50KVwiPlxyXG4gICAgICAgICAgICAgICAgICAgIDwvZWMtYnV0dG9uPlxyXG4gICAgICAgICAgICAgICAgICAgIDxlYy1idXR0b24gaWQ9XCJzZWNvbmRhcnlBY3Rpb25cIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgY2xhc3M9XCJtbC0yXCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwiIWhpZGVTZWNvbmRhcnlBY3Rpb24gJiYgb25TZWNvbmRhcnlBY3Rpb24ub2JzZXJ2ZXJzPy5sZW5ndGhcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgdHlwZT1cInNlY29uZGFyeVwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbbGFiZWxdPVwicmVhZG9ubHkgPyAnQ2xvc2UnIDogc2Vjb25kYXJ5QWN0aW9uTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgKGNsaWNrZWQpPVwic2Vjb25kYXJ5QWN0aW9uKCRldmVudClcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2VjLWJ1dHRvbj5cclxuICAgICAgICAgICAgICAgICAgICA8ZWMtZHJvcGRvd24gaWQ9XCJtb3JlQWN0aW9uc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICpuZ0lmPVwibW9yZUFjdGlvbnM/Lmxlbmd0aCAmJiAhcmVhZG9ubHlcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbZGlzYWJsZWRdPVwic3RhdHVzPy5zdGF0dXMgPT09ICdwZW5kaW5nJ1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGNsYXNzPVwibWwtMlwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIGJ1dHRvblR5cGU9XCJ0ZXh0XCJcclxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgW2xhYmVsXT1cIm1vcmVBY3Rpb25zTGFiZWxcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICBbaXRlbXNdPVwibW9yZUFjdGlvbnNcIj5cclxuICAgICAgICAgICAgICAgICAgICA8L2VjLWRyb3Bkb3duPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21BY3Rpb25zVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cclxuICAgICAgICAgICAgICAgIDwvZGl2PlxyXG4gICAgICAgICAgICA8L2Rpdj5cclxuXHJcbiAgICAgICAgICAgIDxkaXYgKm5nSWY9XCJjdXN0b21IZWFkZXJUZW1wbGF0ZVwiXHJcbiAgICAgICAgICAgICAgICAgY2xhc3M9XCJwYWdlLWhlYWRlclwiPlxyXG4gICAgICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImN1c3RvbUhlYWRlclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgIDwvZGl2PlxyXG5cclxuICAgICAgICAgICAgPGVjLWJhbm5lciAqbmdJZj1cIiFjdXN0b21FcnJvckJhbm5lclRlbXBsYXRlICYmIGVycm9yczsgZWxzZSBjdXN0b21FcnJvckJhbm5lck91dGxldFwiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgaWQ9XCJwYWdlVmlld0Vycm9yc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmJvcmRlci1ib3R0b20tMF09XCIhaXNEaWFsb2dcIj5cclxuICAgICAgICAgICAgICAgIDxkaXYgW2lubmVySHRtbF09XCJlcnJvcnNcIj48L2Rpdj5cclxuICAgICAgICAgICAgPC9lYy1iYW5uZXI+XHJcblxyXG4gICAgICAgICAgICA8bmctdGVtcGxhdGUgI2N1c3RvbUVycm9yQmFubmVyT3V0bGV0PlxyXG4gICAgICAgICAgICAgICAgPGVjLWJhbm5lciAqbmdJZj1cImVycm9yc1wiXHJcbiAgICAgICAgICAgICAgICAgICAgICAgICAgIGlkPVwicGFnZVZpZXdFcnJvcnNcIlxyXG4gICAgICAgICAgICAgICAgICAgICAgICAgICBbY2xhc3MuYm9yZGVyLWJvdHRvbS0wXT1cIiFpc0RpYWxvZ1wiPlxyXG4gICAgICAgICAgICAgICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJjdXN0b21FcnJvckJhbm5lclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XHJcbiAgICAgICAgICAgICAgICA8L2VjLWJhbm5lcj5cclxuICAgICAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgICAgICA8L2hlYWRlcj5cclxuICAgIDwvZGl2PlxyXG5cclxuICAgIDxlYy1idXR0b24gKm5nSWY9XCJpc0RpYWxvZyAmJiAoc3RhdHVzPy5zdGF0dXMgPT09ICdwZW5kaW5nJyB8fCBzdGF0dXM/LnN0YXR1cyA9PT0gJ2Vycm9yJylcIlxyXG4gICAgICAgICAgICAgICBpZD1cInBhZ2VWaWV3RGlhbG9nQ2xvc2VcIlxyXG4gICAgICAgICAgICAgICB0eXBlPVwiaWNvblwiXHJcbiAgICAgICAgICAgICAgIGljb249XCJpY29uLWNhbmNlbFwiXHJcbiAgICAgICAgICAgICAgIChjbGlja2VkKT1cImNsb3NlRGlhbG9nKClcIj5cclxuICAgIDwvZWMtYnV0dG9uPlxyXG48L2Rpdj4iXX0=

package/fesm2015/energycap-components.mjs CHANGED Viewed

@@ -2378,6 +2378,27 @@ class ComboboxComponent extends FormControlBase {
         this.formGroupHelper = formGroupHelper;
         this.translate = translate;
         this.scrollService = scrollService;
+        /** Configure the addNew button label & icon when addNew is true and set to static
+         * Default is set to: { label: 'All new...', icon: 'icon-add'}
+         * @see AddNewOptions
+         * @memberof ComboboxComponent
+         * @example
+         * <ec-combobox [addNew]="true"
+         * 							[addNewOptions]="{
+         * 								label: 'Help me choose...,
+         * 								labelColor: #2D5CB8,
+         * 								icon: 'icon-search',
+         * 								iconColor: 'var(--ec-color-danger)',
+         * 								classList: 'text-body-2 text-link }">
+         * </ec-combobox>
+         */
+        this.addNewOptions = {
+            label: 'Add new...',
+            labelColor: '',
+            icon: 'icon-add',
+            iconColor: '',
+            classList: '',
+        };
         /**
          * Position of the menu relative to the text box
          * @default 'bottom_right'
@@ -2800,9 +2821,11 @@ class ComboboxComponent extends FormControlBase {
      * @memberof ComboboxComponent
      */
     onAddNew(event) {
+        var _a;
         event.stopPropagation();
         this.addNewSelected = false;
         this.addNewClick.emit(this.textboxFormModel.value);
+        (_a = this.popup) === null || _a === void 0 ? void 0 : _a.hide();
     }
     /**
      * Navigate the dropdown menu using up and down arrow keys
@@ -3126,15 +3149,17 @@ class ComboboxComponent extends FormControlBase {
     }
 }
 ComboboxComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxComponent, deps: [{ token: ValidationMessageService }, { token: FormGroupHelper }, { token: i2.TranslateService }, { token: ScrollService }], target: i0.ɵɵFactoryTarget.Component });
-ComboboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ComboboxComponent, selector: "ec-combobox", inputs: { addNew: "addNew", maxlength: "maxlength", menuPosition: "menuPosition", minlength: "minlength", options: "options", templateType: "templateType", customMenuTemplate: "customMenuTemplate", preserveIconSpace: "preserveIconSpace", popupFixed: "popupFixed", totalRecords: "totalRecords", upperCase: "upperCase", placeholder: "placeholder", loadOnOpenObservable: "loadOnOpenObservable", hideToggleButton: "hideToggleButton", alwaysOpen: "alwaysOpen", menuElementClasses: "menuElementClasses", textboxElementClasses: "textboxElementClasses", hideNoMatches: "hideNoMatches", noMatchesText: "noMatchesText" }, outputs: { addNewClick: "addNewClick", search: "search" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "popup", first: true, predicate: PopupContainerDirective, descendants: true }, { propertyName: "addNewButton", first: true, predicate: ["addNewButton"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"control control-label-{{labelPosition}}\"\r\n     [ngClass]=\"{'open': menuStatus === 'visible',\r\n                 'invalid': formModel.touched && formModel.invalid,\r\n                 'has-icon': ((templateType === 'iconAndLabel' || templateType === 'iconLabelCaption') && formModel.value && formModel.value.icon && formModel.value.label === textboxFormModel.value),\r\n                 'is-readonly': readonly,\r\n                 'is-disabled': formModel.disabled,\r\n                 'is-always-open': alwaysOpen}\">\r\n\r\n  <label *ngIf=\"label\" ngPreserveWhitespaces>\r\n      <span>{{label | translate}}</span>\r\n      <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\">{{validationErrors}}</span>\r\n  </label>\r\n\r\n  <ng-container *ngIf=\"alwaysOpen; else popupTarget\">\r\n    <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\">\r\n      <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"filteredOptions.length > 0 || textboxFormModel.value\">\r\n      <ng-container *ngTemplateOutlet=\"dropdownmenu\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #popupTarget>\r\n  <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\" *ecPopup=\"dropdownmenu\">\r\n    <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #textbox>\r\n  <i class=\"ec-icon {{formModel.value?.icon}}\"></i>\r\n\r\n    <ec-textbox class=\"textbox-group-input mb-0\"\r\n                #textbox\r\n                [id]=\"id\"\r\n                [autofocus]=\"autofocus\"\r\n                [formModel]=\"textboxFormModel\"\r\n                [maxlength]=\"maxlength\"\r\n                [minlength]=\"minlength\"\r\n                [placeholder]=\"effectivePlaceholder\"\r\n                [required]=\"required\"\r\n                [tabindex]=\"tabindex\"\r\n                [readonly]=\"readonly\"\r\n                (input)=\"textboxValueChanged($event)\"\r\n                (keydown)=\"keyNavigate($event)\"\r\n                (focusout)=\"onBlur()\"\r\n                [upperCase]=\"upperCase\"\r\n                [pending]=\"pending && alwaysOpen\"\r\n                [autocomplete]=\"'off'\"></ec-textbox>\r\n\r\n    <ec-button class=\"textbox-group-btn-right\"\r\n               *ngIf=\"!hideToggleButton\"\r\n               [id]=\"id + '_button'\"\r\n               [disabled]=\"formModel.disabled\"\r\n               icon=\"icon-caret-down\"\r\n               [tabindex]=\"-1\"\r\n               type=\"secondary\"\r\n               (click)=\"toggleMenu($event)\"\r\n               (keydown)=\"keyNavigate($event)\"\r\n               [class.active]=\"menuStatus === 'visible'\"></ec-button>\r\n</ng-template>\r\n\r\n<ng-template #dropdownmenu>\r\n  <div class=\"popup\"\r\n       ecOverlay\r\n       [status]=\"pending && !alwaysOpen ? 'pending' : 'hasData'\">\r\n\r\n    <button class=\"add-new\"\r\n            id=\"{{id}}_addNew\"\r\n            #addNewButton\r\n            [class.is-selected]=\"addNewSelected\"\r\n            *ngIf=\"addNew\"\r\n            [hidden]=\"foundMatch || (addNew === 'dynamic' && (!textboxFormModel.value || (formModel.value && textboxFormModel.value === formModel.value.label)))\"\r\n\r\n            (click)=\"onAddNew($event)\">\r\n      <span class=\"add-new-label ec-util-truncate\">\r\n        <span *ngIf=\"addNew === 'static' || addNew === true\" translate>Add new...</span>\r\n        <span *ngIf=\"addNew === 'dynamic'\">{{'Add' | translate}} <strong class=\"ec-util-truncate\" [ngClass]=\"{'text-uppercase': upperCase}\">{{textboxFormModel.value}}</strong></span>\r\n      </span>\r\n      <i class=\"ec-icon icon-add\"></i>\r\n    </button>\r\n\r\n    <ec-menu id=\"{{id}}_menu\"\r\n             [class.border-top-0]=\"!filteredOptions.length && hideNoMatches\"\r\n             [ngClass]=\"menuElementClasses\"\r\n             [templateType]=\"templateType\"\r\n             [customMenuTemplate]=\"customMenuTemplate\"\r\n             [showNoItems]=\"!hideNoMatches\"\r\n             [noDataText]=\"noMatchesText\"\r\n             [items]=\"filteredOptions\"\r\n             [selected]=\"selectedItem\"\r\n             (selectedChanged)=\"selectedChanged($event)\"\r\n             [preserveIconSpace]=\"preserveIconSpace\"></ec-menu>\r\n\r\n    <footer *ngIf=\"totalRecords && totalRecords > filteredOptions.length && filteredOptions.length > 0\">\r\n      <span>{{filteredOptionCount}} {{'of' | translate}} {{totalRecords}}</span>\r\n    </footer>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{color:var(--ec-color-primary-dark);font-family:var(--ec-font-family);font-size:var(--ec-font-size-body);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-border-color-control-readonly);background-color:#1a1a231f;background-clip:border-box;background-image:none;color:var(--ec-color-primary-dark);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}.control{position:relative}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched{background-image:none;padding-left:.5rem}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched:not(.is-empty)~.units-left{left:0}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty{border-color:var(--ec-border-color-control);background-color:var(--ec-background-color);background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty:focus{border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);position:relative;z-index:1}.control .textbox-group .ec-icon{display:none;position:absolute;top:.5rem;left:.5rem;z-index:2}.control.has-icon:not(.invalid) .ec-icon{display:inline-flex}.control.has-icon:not(.invalid) ec-textbox ::ng-deep input{padding-left:1.75rem}.control.is-disabled .ec-icon{filter:grayscale(100%);opacity:.65}.control.is-readonly ec-textbox ::ng-deep input{border-right-width:.0625rem;border-top-right-radius:var(--ec-border-radius);border-bottom-right-radius:var(--ec-border-radius)}.control.is-readonly ec-button{display:none}.control.is-always-open{height:100%}.control.is-always-open label,.control.is-always-open .textbox-group{margin-left:1rem;margin-right:1rem}.control.is-always-open .textbox-group{margin-bottom:1rem}.control.is-always-open .popup{background-color:transparent;box-shadow:none;flex:1 1;border:0;margin:0;z-index:0;min-height:0}.control.is-always-open ec-menu{border-top:1px solid var(--ec-border-color)}.control.is-always-open ec-menu ::ng-deep ul{max-height:none}label{color:var(--ec-color-secondary-dark);display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}.popup{background-color:var(--ec-background-color);border-radius:var(--ec-border-radius-card);box-shadow:var(--ec-box-shadow-overlay);margin-top:.25rem;overflow:hidden;z-index:var(--ec-z-index-popup)}ec-menu{display:block}ec-menu:not(:first-child){border-top:1px solid var(--ec-border-color)}ec-menu ::ng-deep ul{max-height:30vh}ec-menu ::ng-deep ul li{white-space:nowrap}.add-new{height:2rem;line-height:1.25;padding:.25rem .5rem;align-items:center;background-color:var(--ec-background-color);display:flex;cursor:pointer;border:0;width:100%}.add-new.is-selected,.add-new.is-highlighted{background-color:var(--ec-background-color-selected)}.add-new:focus{background-color:var(--ec-color-disabled-dark);position:relative;z-index:1;outline:none}.add-new:active{background-color:var(--ec-color-interactive);color:var(--ec-color-primary-light)}.add-new:disabled,.add-new.is-disabled{color:var(--ec-color-secondary-dark);opacity:.65;cursor:default}.add-new .label{align-items:center;display:flex;flex:auto}.add-new .ec-icon+.label{margin:0 .375rem}.add-new:hover:not(:active),.add-new.is-selected{background-color:var(--ec-background-color-hover)}.add-new:active .ec-icon{color:inherit}.add-new-label{flex:1 1;margin-right:.5rem;text-align:left}.add-new .ec-icon{flex:0 0 auto}footer{padding:.5rem;border-top:1px solid var(--ec-border-color);color:var(--ec-color-hint-dark);font-size:var(--ec-font-size-label);text-align:right;line-height:1}ec-button{--ec-button-border-color-secondary: var(--ec-border-color-control);--ec-button-color-icon-secondary: var(--ec-color-icon)}ec-button ::ng-deep button .ec-icon{background-size:1em;background-position:center}.open:not(.is-always-open) .textbox-group ec-textbox ::ng-deep input{border-color:var(--ec-border-color-control);box-shadow:none}.open:not(.is-always-open) .textbox-group ec-button ::ng-deep button{background-color:var(--ec-background-color-hover);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "component", type: TextboxComponent, selector: "ec-textbox", inputs: ["autocomplete", "type", "placeholder", "maxlength", "minlength", "rows", "selectOnAutofocus", "upperCase"] }, { kind: "component", type: ViewOverlayComponent, selector: "[ecOverlay]", inputs: ["status", "message", "action", "noDataTemplate", "displayAsMask", "overlayClassList"] }, { kind: "component", type: MenuComponent, selector: "ec-menu", inputs: ["id", "items", "selected", "parent", "templateType", "customMenuTemplate", "title", "showNoItems", "noDataText", "enableKeyNav", "highlightedItem", "maintainSelectedItem", "truncateItems", "preserveIconSpace", "dropdownToggleButton"], outputs: ["selectedChanged", "menuClosed"] }, { kind: "directive", type: PopupContainerDirective, selector: "[ecPopup]", inputs: ["ecPopup", "options"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
+ComboboxComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: ComboboxComponent, selector: "ec-combobox", inputs: { addNew: "addNew", addNewOptions: "addNewOptions", maxlength: "maxlength", menuPosition: "menuPosition", minlength: "minlength", options: "options", templateType: "templateType", customMenuTemplate: "customMenuTemplate", preserveIconSpace: "preserveIconSpace", popupFixed: "popupFixed", totalRecords: "totalRecords", upperCase: "upperCase", placeholder: "placeholder", loadOnOpenObservable: "loadOnOpenObservable", hideToggleButton: "hideToggleButton", alwaysOpen: "alwaysOpen", menuElementClasses: "menuElementClasses", textboxElementClasses: "textboxElementClasses", hideNoMatches: "hideNoMatches", noMatchesText: "noMatchesText" }, outputs: { addNewClick: "addNewClick", search: "search" }, host: { listeners: { "window:resize": "onResize()" } }, viewQueries: [{ propertyName: "textbox", first: true, predicate: ["textbox"], descendants: true }, { propertyName: "popup", first: true, predicate: PopupContainerDirective, descendants: true }, { propertyName: "addNewButton", first: true, predicate: ["addNewButton"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"control control-label-{{labelPosition}}\"\r\n     [ngClass]=\"{'open': menuStatus === 'visible',\r\n                 'invalid': formModel.touched && formModel.invalid,\r\n                 'has-icon': ((templateType === 'iconAndLabel' || templateType === 'iconLabelCaption') && formModel.value && formModel.value.icon && formModel.value.label === textboxFormModel.value),\r\n                 'is-readonly': readonly,\r\n                 'is-disabled': formModel.disabled,\r\n                 'is-always-open': alwaysOpen}\">\r\n\r\n  <label *ngIf=\"label\" ngPreserveWhitespaces>\r\n      <span>{{label | translate}}</span>\r\n      <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\">{{validationErrors}}</span>\r\n  </label>\r\n\r\n  <ng-container *ngIf=\"alwaysOpen; else popupTarget\">\r\n    <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\">\r\n      <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"filteredOptions.length > 0 || textboxFormModel.value\">\r\n      <ng-container *ngTemplateOutlet=\"dropdownmenu\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #popupTarget>\r\n  <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\" *ecPopup=\"dropdownmenu\">\r\n    <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #textbox>\r\n  <i class=\"ec-icon {{formModel.value?.icon}}\"></i>\r\n\r\n    <ec-textbox class=\"textbox-group-input mb-0\"\r\n                #textbox\r\n                [id]=\"id\"\r\n                [autofocus]=\"autofocus\"\r\n                [formModel]=\"textboxFormModel\"\r\n                [maxlength]=\"maxlength\"\r\n                [minlength]=\"minlength\"\r\n                [placeholder]=\"effectivePlaceholder\"\r\n                [required]=\"required\"\r\n                [tabindex]=\"tabindex\"\r\n                [readonly]=\"readonly\"\r\n                (input)=\"textboxValueChanged($event)\"\r\n                (keydown)=\"keyNavigate($event)\"\r\n                (focusout)=\"onBlur()\"\r\n                [upperCase]=\"upperCase\"\r\n                [pending]=\"pending && alwaysOpen\"\r\n                [autocomplete]=\"'off'\"></ec-textbox>\r\n\r\n    <ec-button class=\"textbox-group-btn-right\"\r\n               *ngIf=\"!hideToggleButton\"\r\n               [id]=\"id + '_button'\"\r\n               [disabled]=\"formModel.disabled\"\r\n               icon=\"icon-caret-down\"\r\n               [tabindex]=\"-1\"\r\n               type=\"secondary\"\r\n               (click)=\"toggleMenu($event)\"\r\n               (keydown)=\"keyNavigate($event)\"\r\n               [class.active]=\"menuStatus === 'visible'\"></ec-button>\r\n</ng-template>\r\n\r\n<ng-template #dropdownmenu>\r\n  <div class=\"popup\"\r\n       ecOverlay\r\n       [status]=\"pending && !alwaysOpen ? 'pending' : 'hasData'\">\r\n\r\n    <button class=\"add-new\"\r\n            id=\"{{id}}_addNew\"\r\n            #addNewButton\r\n            [class.is-selected]=\"addNewSelected\"\r\n            *ngIf=\"addNew\"\r\n            [hidden]=\"foundMatch || (addNew === 'dynamic' && (!textboxFormModel.value || (formModel.value && textboxFormModel.value === formModel.value.label)))\"\r\n            (click)=\"onAddNew($event)\">\r\n      <span class=\"add-new-label ec-util-truncate\">\r\n        <span *ngIf=\"addNew === 'static' || addNew === true\" \r\n              class=\"{{addNewOptions?.classList}}\"\r\n              [ngStyle]=\"{'color': addNewOptions?.labelColor}\"\r\n              translate>{{addNewOptions?.label}}\r\n        </span>\r\n        <span *ngIf=\"addNew === 'dynamic'\">{{'Add' | translate}} <strong \r\n              class=\"ec-util-truncate\" \r\n              [ngClass]=\"{'text-uppercase': upperCase}\">{{textboxFormModel.value}}</strong>\r\n        </span>\r\n      </span>\r\n      <i class=\"ec-icon {{addNewOptions?.icon}}\"\r\n        [style.--ec-color-icon]=\"addNewOptions?.iconColor\">\r\n      </i>\r\n    </button>\r\n\r\n    <ec-menu id=\"{{id}}_menu\"\r\n             [class.border-top-0]=\"!filteredOptions.length && hideNoMatches\"\r\n             [ngClass]=\"menuElementClasses\"\r\n             [templateType]=\"templateType\"\r\n             [customMenuTemplate]=\"customMenuTemplate\"\r\n             [showNoItems]=\"!hideNoMatches\"\r\n             [noDataText]=\"noMatchesText\"\r\n             [items]=\"filteredOptions\"\r\n             [selected]=\"selectedItem\"\r\n             (selectedChanged)=\"selectedChanged($event)\"\r\n             [preserveIconSpace]=\"preserveIconSpace\"></ec-menu>\r\n\r\n    <footer *ngIf=\"totalRecords && totalRecords > filteredOptions.length && filteredOptions.length > 0\">\r\n      <span>{{filteredOptionCount}} {{'of' | translate}} {{totalRecords}}</span>\r\n    </footer>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{color:var(--ec-color-primary-dark);font-family:var(--ec-font-family);font-size:var(--ec-font-size-body);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-border-color-control-readonly);background-color:#1a1a231f;background-clip:border-box;background-image:none;color:var(--ec-color-primary-dark);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}.control{position:relative}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched{background-image:none;padding-left:.5rem}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched:not(.is-empty)~.units-left{left:0}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty{border-color:var(--ec-border-color-control);background-color:var(--ec-background-color);background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty:focus{border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);position:relative;z-index:1}.control .textbox-group .ec-icon{display:none;position:absolute;top:.5rem;left:.5rem;z-index:2}.control.has-icon:not(.invalid) .ec-icon{display:inline-flex}.control.has-icon:not(.invalid) ec-textbox ::ng-deep input{padding-left:1.75rem}.control.is-disabled .ec-icon{filter:grayscale(100%);opacity:.65}.control.is-readonly ec-textbox ::ng-deep input{border-right-width:.0625rem;border-top-right-radius:var(--ec-border-radius);border-bottom-right-radius:var(--ec-border-radius)}.control.is-readonly ec-button{display:none}.control.is-always-open{height:100%}.control.is-always-open label,.control.is-always-open .textbox-group{margin-left:1rem;margin-right:1rem}.control.is-always-open .textbox-group{margin-bottom:1rem}.control.is-always-open .popup{background-color:transparent;box-shadow:none;flex:1 1;border:0;margin:0;z-index:0;min-height:0}.control.is-always-open ec-menu{border-top:1px solid var(--ec-border-color)}.control.is-always-open ec-menu ::ng-deep ul{max-height:none}label{color:var(--ec-color-secondary-dark);display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}.popup{background-color:var(--ec-background-color);border-radius:var(--ec-border-radius-card);box-shadow:var(--ec-box-shadow-overlay);margin-top:.25rem;overflow:hidden;z-index:var(--ec-z-index-popup)}ec-menu{display:block}ec-menu:not(:first-child){border-top:1px solid var(--ec-border-color)}ec-menu ::ng-deep ul{max-height:30vh}ec-menu ::ng-deep ul li{white-space:nowrap}.add-new{height:2rem;line-height:1.25;padding:.25rem .5rem;align-items:center;background-color:var(--ec-background-color);display:flex;cursor:pointer;border:0;width:100%}.add-new.is-selected,.add-new.is-highlighted{background-color:var(--ec-background-color-selected)}.add-new:focus{background-color:var(--ec-color-disabled-dark);position:relative;z-index:1;outline:none}.add-new:active{background-color:var(--ec-color-interactive);color:var(--ec-color-primary-light)}.add-new:disabled,.add-new.is-disabled{color:var(--ec-color-secondary-dark);opacity:.65;cursor:default}.add-new .label{align-items:center;display:flex;flex:auto}.add-new .ec-icon+.label{margin:0 .375rem}.add-new:hover:not(:active),.add-new.is-selected{background-color:var(--ec-background-color-hover)}.add-new:active .ec-icon{color:inherit}.add-new-label{flex:1 1;margin-right:.5rem;text-align:left}.add-new .ec-icon{flex:0 0 auto}footer{padding:.5rem;border-top:1px solid var(--ec-border-color);color:var(--ec-color-hint-dark);font-size:var(--ec-font-size-label);text-align:right;line-height:1}ec-button{--ec-button-border-color-secondary: var(--ec-border-color-control);--ec-button-color-icon-secondary: var(--ec-color-icon)}ec-button ::ng-deep button .ec-icon{background-size:1em;background-position:center}.open:not(.is-always-open) .textbox-group ec-textbox ::ng-deep input{border-color:var(--ec-border-color-control);box-shadow:none}.open:not(.is-always-open) .textbox-group ec-button ::ng-deep button{background-color:var(--ec-background-color-hover);box-shadow:none}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.TranslateDirective, selector: "[translate],[ngx-translate]", inputs: ["translate", "translateParams"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "component", type: TextboxComponent, selector: "ec-textbox", inputs: ["autocomplete", "type", "placeholder", "maxlength", "minlength", "rows", "selectOnAutofocus", "upperCase"] }, { kind: "component", type: ViewOverlayComponent, selector: "[ecOverlay]", inputs: ["status", "message", "action", "noDataTemplate", "displayAsMask", "overlayClassList"] }, { kind: "component", type: MenuComponent, selector: "ec-menu", inputs: ["id", "items", "selected", "parent", "templateType", "customMenuTemplate", "title", "showNoItems", "noDataText", "enableKeyNav", "highlightedItem", "maintainSelectedItem", "truncateItems", "preserveIconSpace", "dropdownToggleButton"], outputs: ["selectedChanged", "menuClosed"] }, { kind: "directive", type: PopupContainerDirective, selector: "[ecPopup]", inputs: ["ecPopup", "options"] }, { kind: "pipe", type: i2.TranslatePipe, name: "translate" }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: ComboboxComponent, decorators: [{
             type: Component,
-            args: [{ selector: 'ec-combobox', template: "<div class=\"control control-label-{{labelPosition}}\"\r\n     [ngClass]=\"{'open': menuStatus === 'visible',\r\n                 'invalid': formModel.touched && formModel.invalid,\r\n                 'has-icon': ((templateType === 'iconAndLabel' || templateType === 'iconLabelCaption') && formModel.value && formModel.value.icon && formModel.value.label === textboxFormModel.value),\r\n                 'is-readonly': readonly,\r\n                 'is-disabled': formModel.disabled,\r\n                 'is-always-open': alwaysOpen}\">\r\n\r\n  <label *ngIf=\"label\" ngPreserveWhitespaces>\r\n      <span>{{label | translate}}</span>\r\n      <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\">{{validationErrors}}</span>\r\n  </label>\r\n\r\n  <ng-container *ngIf=\"alwaysOpen; else popupTarget\">\r\n    <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\">\r\n      <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"filteredOptions.length > 0 || textboxFormModel.value\">\r\n      <ng-container *ngTemplateOutlet=\"dropdownmenu\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #popupTarget>\r\n  <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\" *ecPopup=\"dropdownmenu\">\r\n    <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #textbox>\r\n  <i class=\"ec-icon {{formModel.value?.icon}}\"></i>\r\n\r\n    <ec-textbox class=\"textbox-group-input mb-0\"\r\n                #textbox\r\n                [id]=\"id\"\r\n                [autofocus]=\"autofocus\"\r\n                [formModel]=\"textboxFormModel\"\r\n                [maxlength]=\"maxlength\"\r\n                [minlength]=\"minlength\"\r\n                [placeholder]=\"effectivePlaceholder\"\r\n                [required]=\"required\"\r\n                [tabindex]=\"tabindex\"\r\n                [readonly]=\"readonly\"\r\n                (input)=\"textboxValueChanged($event)\"\r\n                (keydown)=\"keyNavigate($event)\"\r\n                (focusout)=\"onBlur()\"\r\n                [upperCase]=\"upperCase\"\r\n                [pending]=\"pending && alwaysOpen\"\r\n                [autocomplete]=\"'off'\"></ec-textbox>\r\n\r\n    <ec-button class=\"textbox-group-btn-right\"\r\n               *ngIf=\"!hideToggleButton\"\r\n               [id]=\"id + '_button'\"\r\n               [disabled]=\"formModel.disabled\"\r\n               icon=\"icon-caret-down\"\r\n               [tabindex]=\"-1\"\r\n               type=\"secondary\"\r\n               (click)=\"toggleMenu($event)\"\r\n               (keydown)=\"keyNavigate($event)\"\r\n               [class.active]=\"menuStatus === 'visible'\"></ec-button>\r\n</ng-template>\r\n\r\n<ng-template #dropdownmenu>\r\n  <div class=\"popup\"\r\n       ecOverlay\r\n       [status]=\"pending && !alwaysOpen ? 'pending' : 'hasData'\">\r\n\r\n    <button class=\"add-new\"\r\n            id=\"{{id}}_addNew\"\r\n            #addNewButton\r\n            [class.is-selected]=\"addNewSelected\"\r\n            *ngIf=\"addNew\"\r\n            [hidden]=\"foundMatch || (addNew === 'dynamic' && (!textboxFormModel.value || (formModel.value && textboxFormModel.value === formModel.value.label)))\"\r\n\r\n            (click)=\"onAddNew($event)\">\r\n      <span class=\"add-new-label ec-util-truncate\">\r\n        <span *ngIf=\"addNew === 'static' || addNew === true\" translate>Add new...</span>\r\n        <span *ngIf=\"addNew === 'dynamic'\">{{'Add' | translate}} <strong class=\"ec-util-truncate\" [ngClass]=\"{'text-uppercase': upperCase}\">{{textboxFormModel.value}}</strong></span>\r\n      </span>\r\n      <i class=\"ec-icon icon-add\"></i>\r\n    </button>\r\n\r\n    <ec-menu id=\"{{id}}_menu\"\r\n             [class.border-top-0]=\"!filteredOptions.length && hideNoMatches\"\r\n             [ngClass]=\"menuElementClasses\"\r\n             [templateType]=\"templateType\"\r\n             [customMenuTemplate]=\"customMenuTemplate\"\r\n             [showNoItems]=\"!hideNoMatches\"\r\n             [noDataText]=\"noMatchesText\"\r\n             [items]=\"filteredOptions\"\r\n             [selected]=\"selectedItem\"\r\n             (selectedChanged)=\"selectedChanged($event)\"\r\n             [preserveIconSpace]=\"preserveIconSpace\"></ec-menu>\r\n\r\n    <footer *ngIf=\"totalRecords && totalRecords > filteredOptions.length && filteredOptions.length > 0\">\r\n      <span>{{filteredOptionCount}} {{'of' | translate}} {{totalRecords}}</span>\r\n    </footer>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{color:var(--ec-color-primary-dark);font-family:var(--ec-font-family);font-size:var(--ec-font-size-body);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-border-color-control-readonly);background-color:#1a1a231f;background-clip:border-box;background-image:none;color:var(--ec-color-primary-dark);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}.control{position:relative}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched{background-image:none;padding-left:.5rem}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched:not(.is-empty)~.units-left{left:0}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty{border-color:var(--ec-border-color-control);background-color:var(--ec-background-color);background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty:focus{border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);position:relative;z-index:1}.control .textbox-group .ec-icon{display:none;position:absolute;top:.5rem;left:.5rem;z-index:2}.control.has-icon:not(.invalid) .ec-icon{display:inline-flex}.control.has-icon:not(.invalid) ec-textbox ::ng-deep input{padding-left:1.75rem}.control.is-disabled .ec-icon{filter:grayscale(100%);opacity:.65}.control.is-readonly ec-textbox ::ng-deep input{border-right-width:.0625rem;border-top-right-radius:var(--ec-border-radius);border-bottom-right-radius:var(--ec-border-radius)}.control.is-readonly ec-button{display:none}.control.is-always-open{height:100%}.control.is-always-open label,.control.is-always-open .textbox-group{margin-left:1rem;margin-right:1rem}.control.is-always-open .textbox-group{margin-bottom:1rem}.control.is-always-open .popup{background-color:transparent;box-shadow:none;flex:1 1;border:0;margin:0;z-index:0;min-height:0}.control.is-always-open ec-menu{border-top:1px solid var(--ec-border-color)}.control.is-always-open ec-menu ::ng-deep ul{max-height:none}label{color:var(--ec-color-secondary-dark);display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}.popup{background-color:var(--ec-background-color);border-radius:var(--ec-border-radius-card);box-shadow:var(--ec-box-shadow-overlay);margin-top:.25rem;overflow:hidden;z-index:var(--ec-z-index-popup)}ec-menu{display:block}ec-menu:not(:first-child){border-top:1px solid var(--ec-border-color)}ec-menu ::ng-deep ul{max-height:30vh}ec-menu ::ng-deep ul li{white-space:nowrap}.add-new{height:2rem;line-height:1.25;padding:.25rem .5rem;align-items:center;background-color:var(--ec-background-color);display:flex;cursor:pointer;border:0;width:100%}.add-new.is-selected,.add-new.is-highlighted{background-color:var(--ec-background-color-selected)}.add-new:focus{background-color:var(--ec-color-disabled-dark);position:relative;z-index:1;outline:none}.add-new:active{background-color:var(--ec-color-interactive);color:var(--ec-color-primary-light)}.add-new:disabled,.add-new.is-disabled{color:var(--ec-color-secondary-dark);opacity:.65;cursor:default}.add-new .label{align-items:center;display:flex;flex:auto}.add-new .ec-icon+.label{margin:0 .375rem}.add-new:hover:not(:active),.add-new.is-selected{background-color:var(--ec-background-color-hover)}.add-new:active .ec-icon{color:inherit}.add-new-label{flex:1 1;margin-right:.5rem;text-align:left}.add-new .ec-icon{flex:0 0 auto}footer{padding:.5rem;border-top:1px solid var(--ec-border-color);color:var(--ec-color-hint-dark);font-size:var(--ec-font-size-label);text-align:right;line-height:1}ec-button{--ec-button-border-color-secondary: var(--ec-border-color-control);--ec-button-color-icon-secondary: var(--ec-color-icon)}ec-button ::ng-deep button .ec-icon{background-size:1em;background-position:center}.open:not(.is-always-open) .textbox-group ec-textbox ::ng-deep input{border-color:var(--ec-border-color-control);box-shadow:none}.open:not(.is-always-open) .textbox-group ec-button ::ng-deep button{background-color:var(--ec-background-color-hover);box-shadow:none}\n"] }]
+            args: [{ selector: 'ec-combobox', template: "<div class=\"control control-label-{{labelPosition}}\"\r\n     [ngClass]=\"{'open': menuStatus === 'visible',\r\n                 'invalid': formModel.touched && formModel.invalid,\r\n                 'has-icon': ((templateType === 'iconAndLabel' || templateType === 'iconLabelCaption') && formModel.value && formModel.value.icon && formModel.value.label === textboxFormModel.value),\r\n                 'is-readonly': readonly,\r\n                 'is-disabled': formModel.disabled,\r\n                 'is-always-open': alwaysOpen}\">\r\n\r\n  <label *ngIf=\"label\" ngPreserveWhitespaces>\r\n      <span>{{label | translate}}</span>\r\n      <span *ngIf=\"validationErrors.length > 0 && formModel.touched && formModel.invalid\">{{validationErrors}}</span>\r\n  </label>\r\n\r\n  <ng-container *ngIf=\"alwaysOpen; else popupTarget\">\r\n    <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\">\r\n      <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n    </div>\r\n\r\n    <ng-container *ngIf=\"filteredOptions.length > 0 || textboxFormModel.value\">\r\n      <ng-container *ngTemplateOutlet=\"dropdownmenu\"></ng-container>\r\n    </ng-container>\r\n  </ng-container>\r\n</div>\r\n\r\n<ng-template #popupTarget>\r\n  <div class=\"textbox-group control-input\" [ngClass]=\"textboxElementClasses\" *ecPopup=\"dropdownmenu\">\r\n    <ng-container *ngTemplateOutlet=\"textbox\"></ng-container>\r\n  </div>\r\n</ng-template>\r\n\r\n<ng-template #textbox>\r\n  <i class=\"ec-icon {{formModel.value?.icon}}\"></i>\r\n\r\n    <ec-textbox class=\"textbox-group-input mb-0\"\r\n                #textbox\r\n                [id]=\"id\"\r\n                [autofocus]=\"autofocus\"\r\n                [formModel]=\"textboxFormModel\"\r\n                [maxlength]=\"maxlength\"\r\n                [minlength]=\"minlength\"\r\n                [placeholder]=\"effectivePlaceholder\"\r\n                [required]=\"required\"\r\n                [tabindex]=\"tabindex\"\r\n                [readonly]=\"readonly\"\r\n                (input)=\"textboxValueChanged($event)\"\r\n                (keydown)=\"keyNavigate($event)\"\r\n                (focusout)=\"onBlur()\"\r\n                [upperCase]=\"upperCase\"\r\n                [pending]=\"pending && alwaysOpen\"\r\n                [autocomplete]=\"'off'\"></ec-textbox>\r\n\r\n    <ec-button class=\"textbox-group-btn-right\"\r\n               *ngIf=\"!hideToggleButton\"\r\n               [id]=\"id + '_button'\"\r\n               [disabled]=\"formModel.disabled\"\r\n               icon=\"icon-caret-down\"\r\n               [tabindex]=\"-1\"\r\n               type=\"secondary\"\r\n               (click)=\"toggleMenu($event)\"\r\n               (keydown)=\"keyNavigate($event)\"\r\n               [class.active]=\"menuStatus === 'visible'\"></ec-button>\r\n</ng-template>\r\n\r\n<ng-template #dropdownmenu>\r\n  <div class=\"popup\"\r\n       ecOverlay\r\n       [status]=\"pending && !alwaysOpen ? 'pending' : 'hasData'\">\r\n\r\n    <button class=\"add-new\"\r\n            id=\"{{id}}_addNew\"\r\n            #addNewButton\r\n            [class.is-selected]=\"addNewSelected\"\r\n            *ngIf=\"addNew\"\r\n            [hidden]=\"foundMatch || (addNew === 'dynamic' && (!textboxFormModel.value || (formModel.value && textboxFormModel.value === formModel.value.label)))\"\r\n            (click)=\"onAddNew($event)\">\r\n      <span class=\"add-new-label ec-util-truncate\">\r\n        <span *ngIf=\"addNew === 'static' || addNew === true\" \r\n              class=\"{{addNewOptions?.classList}}\"\r\n              [ngStyle]=\"{'color': addNewOptions?.labelColor}\"\r\n              translate>{{addNewOptions?.label}}\r\n        </span>\r\n        <span *ngIf=\"addNew === 'dynamic'\">{{'Add' | translate}} <strong \r\n              class=\"ec-util-truncate\" \r\n              [ngClass]=\"{'text-uppercase': upperCase}\">{{textboxFormModel.value}}</strong>\r\n        </span>\r\n      </span>\r\n      <i class=\"ec-icon {{addNewOptions?.icon}}\"\r\n        [style.--ec-color-icon]=\"addNewOptions?.iconColor\">\r\n      </i>\r\n    </button>\r\n\r\n    <ec-menu id=\"{{id}}_menu\"\r\n             [class.border-top-0]=\"!filteredOptions.length && hideNoMatches\"\r\n             [ngClass]=\"menuElementClasses\"\r\n             [templateType]=\"templateType\"\r\n             [customMenuTemplate]=\"customMenuTemplate\"\r\n             [showNoItems]=\"!hideNoMatches\"\r\n             [noDataText]=\"noMatchesText\"\r\n             [items]=\"filteredOptions\"\r\n             [selected]=\"selectedItem\"\r\n             (selectedChanged)=\"selectedChanged($event)\"\r\n             [preserveIconSpace]=\"preserveIconSpace\"></ec-menu>\r\n\r\n    <footer *ngIf=\"totalRecords && totalRecords > filteredOptions.length && filteredOptions.length > 0\">\r\n      <span>{{filteredOptionCount}} {{'of' | translate}} {{totalRecords}}</span>\r\n    </footer>\r\n  </div>\r\n</ng-template>\r\n", styles: [":host{color:var(--ec-color-primary-dark);font-family:var(--ec-font-family);font-size:var(--ec-font-size-body);display:block;margin-bottom:1rem;width:100%}:host :host-context(.form-condensed){margin-bottom:.5rem}:host .control{width:100%;display:flex;flex-direction:column}:host .control.control-label-bottom{flex-direction:column-reverse}:host .control.control-label-left{flex-direction:row}:host .control.control-label-left label{margin-right:.25rem}:host .control.control-label-right{flex-direction:row-reverse}:host .control.control-label-right label{margin-left:.25rem}:host .control.control-label-left,:host .control.control-label-right{align-items:center}:host .control.control-label-left label,:host .control.control-label-right label{flex:1 1;margin-top:0;margin-bottom:0}:host .control.control-label-left .control-input,:host .control.control-label-right .control-input{flex:2 2}:host .control.is-readonly input,:host .control.is-readonly select,:host .control.is-readonly textarea{border-color:var(--ec-border-color-control-readonly);background-color:#1a1a231f;background-clip:border-box;background-image:none;color:var(--ec-color-primary-dark);opacity:1;-webkit-user-select:none;user-select:none;pointer-events:none;overflow:hidden;white-space:nowrap}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host .control.invalid .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host .control.invalid:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host .textbox-group{display:flex;position:relative}:host textarea:focus,:host input:focus,:host select:focus{outline:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid{background-color:var(--ec-background-color-control-invalid);background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem;background-image:none}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid:not(:focus),:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid:not(:focus){border-color:var(--ec-border-color-control-invalid)}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-invalid,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-invalid{display:inline-flex;position:absolute;left:.5rem;top:.5rem;z-index:1}:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-invalid~.icon-required,:host(.invalid) .control .textbox-group-input ::ng-deep .control input.ng-valid~.icon-required{display:none}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button{background-color:var(--ec-background-color-control-invalid)}:host(.invalid) .control:not(.open) .textbox-group-btn-right ::ng-deep button:not(:focus){border-color:var(--ec-border-color-control-invalid)}.control{position:relative}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched{background-image:none;padding-left:.5rem}.control ec-textbox ::ng-deep input.ng-invalid.ng-touched:not(.is-empty)~.units-left{left:0}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty{border-color:var(--ec-border-color-control);background-color:var(--ec-background-color);background-image:none;background-repeat:no-repeat;background-position:.5rem center;background-size:1rem,1rem;padding-left:1.75rem}.control ec-textbox ::ng-deep input:required:not(:disabled).is-empty:focus{border-color:var(--ec-color-interactive);box-shadow:0 0 0 .0625rem var(--ec-color-interactive);position:relative;z-index:1}.control .textbox-group .ec-icon{display:none;position:absolute;top:.5rem;left:.5rem;z-index:2}.control.has-icon:not(.invalid) .ec-icon{display:inline-flex}.control.has-icon:not(.invalid) ec-textbox ::ng-deep input{padding-left:1.75rem}.control.is-disabled .ec-icon{filter:grayscale(100%);opacity:.65}.control.is-readonly ec-textbox ::ng-deep input{border-right-width:.0625rem;border-top-right-radius:var(--ec-border-radius);border-bottom-right-radius:var(--ec-border-radius)}.control.is-readonly ec-button{display:none}.control.is-always-open{height:100%}.control.is-always-open label,.control.is-always-open .textbox-group{margin-left:1rem;margin-right:1rem}.control.is-always-open .textbox-group{margin-bottom:1rem}.control.is-always-open .popup{background-color:transparent;box-shadow:none;flex:1 1;border:0;margin:0;z-index:0;min-height:0}.control.is-always-open ec-menu{border-top:1px solid var(--ec-border-color)}.control.is-always-open ec-menu ::ng-deep ul{max-height:none}label{color:var(--ec-color-secondary-dark);display:block;font-size:var(--ec-font-size-label);line-height:1;margin:calc(var(--ec-font-size-label) / 2) 0}.popup{background-color:var(--ec-background-color);border-radius:var(--ec-border-radius-card);box-shadow:var(--ec-box-shadow-overlay);margin-top:.25rem;overflow:hidden;z-index:var(--ec-z-index-popup)}ec-menu{display:block}ec-menu:not(:first-child){border-top:1px solid var(--ec-border-color)}ec-menu ::ng-deep ul{max-height:30vh}ec-menu ::ng-deep ul li{white-space:nowrap}.add-new{height:2rem;line-height:1.25;padding:.25rem .5rem;align-items:center;background-color:var(--ec-background-color);display:flex;cursor:pointer;border:0;width:100%}.add-new.is-selected,.add-new.is-highlighted{background-color:var(--ec-background-color-selected)}.add-new:focus{background-color:var(--ec-color-disabled-dark);position:relative;z-index:1;outline:none}.add-new:active{background-color:var(--ec-color-interactive);color:var(--ec-color-primary-light)}.add-new:disabled,.add-new.is-disabled{color:var(--ec-color-secondary-dark);opacity:.65;cursor:default}.add-new .label{align-items:center;display:flex;flex:auto}.add-new .ec-icon+.label{margin:0 .375rem}.add-new:hover:not(:active),.add-new.is-selected{background-color:var(--ec-background-color-hover)}.add-new:active .ec-icon{color:inherit}.add-new-label{flex:1 1;margin-right:.5rem;text-align:left}.add-new .ec-icon{flex:0 0 auto}footer{padding:.5rem;border-top:1px solid var(--ec-border-color);color:var(--ec-color-hint-dark);font-size:var(--ec-font-size-label);text-align:right;line-height:1}ec-button{--ec-button-border-color-secondary: var(--ec-border-color-control);--ec-button-color-icon-secondary: var(--ec-color-icon)}ec-button ::ng-deep button .ec-icon{background-size:1em;background-position:center}.open:not(.is-always-open) .textbox-group ec-textbox ::ng-deep input{border-color:var(--ec-border-color-control);box-shadow:none}.open:not(.is-always-open) .textbox-group ec-button ::ng-deep button{background-color:var(--ec-background-color-hover);box-shadow:none}\n"] }]
         }], ctorParameters: function () { return [{ type: ValidationMessageService }, { type: FormGroupHelper }, { type: i2.TranslateService }, { type: ScrollService }]; }, propDecorators: { onResize: [{
                 type: HostListener,
                 args: ['window:resize']
             }], addNew: [{
                 type: Input
+            }], addNewOptions: [{
+                type: Input
             }], maxlength: [{
                 type: Input
             }], menuPosition: [{
@@ -8331,12 +8356,12 @@ class PageViewComponent {
     }
 }
 PageViewComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageViewComponent, deps: [{ token: DialogService }], target: i0.ɵɵFactoryTarget.Component });
-PageViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PageViewComponent, selector: "ec-page-view", inputs: { isDialog: "isDialog", readonly: "readonly", status: "status", showHeader: "showHeader", errors: "errors", breadcrumbs: "breadcrumbs", title: "title", titleIcon: "titleIcon", subTitle: "subTitle", subTitleUrl: "subTitleUrl", moreActionsLabel: "moreActionsLabel", moreActions: "moreActions", secondaryActionLabel: "secondaryActionLabel", hideSecondaryAction: "hideSecondaryAction", primaryActionLabel: "primaryActionLabel", hidePrimaryAction: "hidePrimaryAction", customTitleTemplate: "customTitleTemplate", customActionsTemplate: "customActionsTemplate", customHeaderTemplate: "customHeaderTemplate", footerTemplate: "footerTemplate", customErrorBannerTemplate: "customErrorBannerTemplate", stickyFooter: "stickyFooter", fitContent: "fitContent" }, outputs: { onPrimaryAction: "onPrimaryAction", onSecondaryAction: "onSecondaryAction" }, host: { classAttribute: "flex-grow" }, ngImport: i0, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative;background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));--ec-overlay-background-color: var(--ec-page-view-background-color, var(--ec-background-color-body))}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "component", type: ViewOverlayComponent, selector: "[ecOverlay]", inputs: ["status", "message", "action", "noDataTemplate", "displayAsMask", "overlayClassList"] }, { kind: "component", type: BannerComponent, selector: "ec-banner", inputs: ["hidden", "id", "type", "bannerStyle", "title", "text", "list", "showCloseBtn", "autoHideOnClose", "customIcon", "rememberClosed"], outputs: ["closed"] }, { kind: "component", type: DropdownComponent, selector: "ec-dropdown", inputs: ["id", "autofocus", "status", "disabled", "label", "icon", "buttonType", "buttonAlignment", "buttonTitle", "tabindex", "showArrow", "items", "menuTemplateType", "menuTitle", "menuHeight", "menuWidth", "menuMinWidth", "menuPosition", "menuFooter", "popupFixed", "buttonCustomTemplate", "pending"], outputs: ["itemSelected", "popupOpened"] }, { kind: "component", type: PageTitleComponent, selector: "app-page-title", inputs: ["title", "titleIcon", "subTitle", "subTitleUrl"] }] });
+PageViewComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.9", type: PageViewComponent, selector: "ec-page-view", inputs: { isDialog: "isDialog", readonly: "readonly", status: "status", showHeader: "showHeader", errors: "errors", breadcrumbs: "breadcrumbs", title: "title", titleIcon: "titleIcon", subTitle: "subTitle", subTitleUrl: "subTitleUrl", moreActionsLabel: "moreActionsLabel", moreActions: "moreActions", secondaryActionLabel: "secondaryActionLabel", hideSecondaryAction: "hideSecondaryAction", primaryActionLabel: "primaryActionLabel", hidePrimaryAction: "hidePrimaryAction", customTitleTemplate: "customTitleTemplate", customActionsTemplate: "customActionsTemplate", customHeaderTemplate: "customHeaderTemplate", footerTemplate: "footerTemplate", customErrorBannerTemplate: "customErrorBannerTemplate", stickyFooter: "stickyFooter", fitContent: "fitContent" }, outputs: { onPrimaryAction: "onPrimaryAction", onSecondaryAction: "onSecondaryAction" }, host: { classAttribute: "flex-grow" }, ngImport: i0, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"bg-body flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-background-color-body);position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-background-color-body);order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"], dependencies: [{ kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$1.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "component", type: ButtonComponent, selector: "ec-button", inputs: ["id", "disabled", "icon", "label", "badge", "tabindex", "type", "pending", "pendingIcon", "customTemplate", "isSubmit", "autofocus"], outputs: ["clicked"] }, { kind: "component", type: ViewOverlayComponent, selector: "[ecOverlay]", inputs: ["status", "message", "action", "noDataTemplate", "displayAsMask", "overlayClassList"] }, { kind: "component", type: BannerComponent, selector: "ec-banner", inputs: ["hidden", "id", "type", "bannerStyle", "title", "text", "list", "showCloseBtn", "autoHideOnClose", "customIcon", "rememberClosed"], outputs: ["closed"] }, { kind: "component", type: DropdownComponent, selector: "ec-dropdown", inputs: ["id", "autofocus", "status", "disabled", "label", "icon", "buttonType", "buttonAlignment", "buttonTitle", "tabindex", "showArrow", "items", "menuTemplateType", "menuTitle", "menuHeight", "menuWidth", "menuMinWidth", "menuPosition", "menuFooter", "popupFixed", "buttonCustomTemplate", "pending"], outputs: ["itemSelected", "popupOpened"] }, { kind: "component", type: PageTitleComponent, selector: "app-page-title", inputs: ["title", "titleIcon", "subTitle", "subTitleUrl"] }] });
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.9", ngImport: i0, type: PageViewComponent, decorators: [{
             type: Component,
             args: [{ selector: 'ec-page-view', host: {
                         class: "flex-grow"
-                    }, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative;background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));--ec-overlay-background-color: var(--ec-page-view-background-color, var(--ec-background-color-body))}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-page-view-background-color, var(--ec-background-color-body));order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"] }]
+                    }, template: "<div ecOverlay\r\n     [status]=\"status?.status\"\r\n     [message]=\"status?.message\"\r\n     [displayAsMask]=\"true\"\r\n     class=\"bg-body flex-grow d-flex\">\r\n    <div id=\"PageViewScrollContainer\"\r\n         class=\"d-flex flex-column flex-grow scroll-y\"\r\n         [class.is-dialog]=\"isDialog\"\r\n         [class.fit-content]=\"fitContent\"\r\n         [class.sticky-footer]=\"stickyFooter && !!footerTemplate\"\r\n         [class.overlay-visible]=\"status?.status !== 'hasData'\"\r\n         [class.footer-visible]=\"!!footerTemplate\">\r\n        <section>\r\n            <ng-content></ng-content>\r\n        </section>\r\n\r\n        <footer *ngIf=\"footerTemplate\">\r\n            <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\r\n        </footer>\r\n\r\n        <header *ngIf=\"showHeader\">\r\n            <ol id=\"breadcrumbs\"\r\n                *ngIf=\"breadcrumbs?.length && !isDialog\">\r\n                <li *ngFor=\"let crumb of breadcrumbs; last as isLast\">\r\n                    <a *ngIf=\"crumb.url; else label\"\r\n                       [routerLink]=\"crumb.url\">\r\n                        <ng-container *ngTemplateOutlet=\"label\"></ng-container>\r\n                    </a>\r\n                    <ng-template #label>{{crumb.label}}</ng-template>\r\n                </li>\r\n            </ol>\r\n\r\n            <div class=\"titlebar\">\r\n                <app-page-title *ngIf=\"!customTitleTemplate; else customTitle\"\r\n                                [title]=\"title\"\r\n                                [subTitle]=\"subTitle\"\r\n                                [subTitleUrl]=\"subTitleUrl\"\r\n                                [titleIcon]=\"titleIcon\"\r\n                                class=\"title text-truncate\">\r\n                </app-page-title>\r\n\r\n                <ng-template #customTitle>\r\n                    <div class=\"title\">\r\n                        <ng-container *ngTemplateOutlet=\"customTitleTemplate\"></ng-container>\r\n                    </div>\r\n                </ng-template>\r\n\r\n                <div class=\"actions\">\r\n                    <ec-button id=\"primaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hidePrimaryAction && onPrimaryAction.observers?.length && !readonly\"\r\n                               [disabled]=\"status?.status === 'pending'\"\r\n                               type=\"primary\"\r\n                               [label]=\"primaryActionLabel\"\r\n                               (clicked)=\"primaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-button id=\"secondaryAction\"\r\n                               class=\"ml-2\"\r\n                               *ngIf=\"!hideSecondaryAction && onSecondaryAction.observers?.length\"\r\n                               type=\"secondary\"\r\n                               [label]=\"readonly ? 'Close' : secondaryActionLabel\"\r\n                               (clicked)=\"secondaryAction($event)\">\r\n                    </ec-button>\r\n                    <ec-dropdown id=\"moreActions\"\r\n                                 *ngIf=\"moreActions?.length && !readonly\"\r\n                                 [disabled]=\"status?.status === 'pending'\"\r\n                                 class=\"ml-2\"\r\n                                 buttonType=\"text\"\r\n                                 [label]=\"moreActionsLabel\"\r\n                                 [items]=\"moreActions\">\r\n                    </ec-dropdown>\r\n                    <ng-container *ngTemplateOutlet=\"customActionsTemplate\"></ng-container>\r\n                </div>\r\n            </div>\r\n\r\n            <div *ngIf=\"customHeaderTemplate\"\r\n                 class=\"page-header\">\r\n                <ng-container *ngTemplateOutlet=\"customHeaderTemplate\"></ng-container>\r\n            </div>\r\n\r\n            <ec-banner *ngIf=\"!customErrorBannerTemplate && errors; else customErrorBannerOutlet\"\r\n                       id=\"pageViewErrors\"\r\n                       [class.border-bottom-0]=\"!isDialog\">\r\n                <div [innerHtml]=\"errors\"></div>\r\n            </ec-banner>\r\n\r\n            <ng-template #customErrorBannerOutlet>\r\n                <ec-banner *ngIf=\"errors\"\r\n                           id=\"pageViewErrors\"\r\n                           [class.border-bottom-0]=\"!isDialog\">\r\n                    <ng-container *ngTemplateOutlet=\"customErrorBannerTemplate\"></ng-container>\r\n                </ec-banner>\r\n            </ng-template>\r\n        </header>\r\n    </div>\r\n\r\n    <ec-button *ngIf=\"isDialog && (status?.status === 'pending' || status?.status === 'error')\"\r\n               id=\"pageViewDialogClose\"\r\n               type=\"icon\"\r\n               icon=\"icon-cancel\"\r\n               (clicked)=\"closeDialog()\">\r\n    </ec-button>\r\n</div>", styles: [":host{flex:1 1;min-height:0;display:flex}header{background-color:var(--ec-background-color-body);position:sticky;top:0;order:1;padding:1rem 1.5rem .5rem;flex:none;z-index:var(--ec-z-index-sticky-header)}ol{font-size:var(--ec-font-size-label);line-height:1rem;grid-column:1/3;grid-row:1/2;list-style:none;padding:0;margin:0 0 .25rem}ol li{display:inline}ol li:not(:last-child):after{content:\" / \";display:inline;color:var(--ec-color-secondary-dark)}div[ecOverlay]{position:relative}.titlebar{display:grid;grid-template-columns:auto max-content;grid-template-rows:max-content max-content;gap:0 1rem}.title{grid-column:1/2;grid-row:2/3;align-self:center}.actions{grid-column:2/3;grid-row:2/3;display:flex;flex-direction:row-reverse}ec-banner{margin-top:1rem}section{padding:var(--ec-page-view-padding-section, .5rem 1.5rem 2rem);order:2;flex:1 0 auto;min-height:0}footer{background-color:var(--ec-background-color-body);order:3;padding:0 1.5rem;height:4.5rem;flex:none;display:flex;align-items:center}.is-dialog header{padding:0}.is-dialog .titlebar{background-color:var(--ec-background-color);padding:1rem;border-bottom:1px solid var(--ec-border-color)}.is-dialog ec-banner{margin:0}.is-dialog section{padding:var(--ec-page-view-padding-section, 1rem 1rem 1.5rem)}.sticky-footer section{padding-bottom:4.5rem}.sticky-footer footer{position:sticky;bottom:0}.fit-content section{flex:1 1;display:flex}.footer-visible section{padding-bottom:0}.overlay-visible header{z-index:var(--ec-z-index-overlay)1}.overlay-visible ec-banner{display:none}#pageViewDialogClose{position:absolute;top:1rem;right:1rem;z-index:calc(var(--ec-z-index-overlay) + 1)}\n"] }]
         }], ctorParameters: function () { return [{ type: DialogService }]; }, propDecorators: { isDialog: [{
                 type: Input
             }], readonly: [{