barsa-sap-ui 2.0.106 → 2.0.108

package/esm2022/lib/barsa-table-row/barsa-table-row.component.mjs

@@ -64,7 +64,7 @@ export class BarsaTableRowComponent extends BaseViewItemPropsComponent {
         this._cdr.detectChanges();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", previewColumn: "previewColumn", columnComponents: "columnComponents", dirtyColumns: "dirtyColumns", detailsCollapsed: "detailsCollapsed" }, outputs: { columnSummary: "columnSummary" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @else {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column.Name; let columnIndex = $index) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId) {\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\n            <button\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </div>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        <bsu-barsa-row-inline-actionlist\n            [actionList]=\"actionList\"\n            (btnClick)=\"actionListClick.emit($event)\"\n        ></bsu-barsa-row-inline-actionlist>\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                style=\"font-family: 'BARSAFONT Medium'\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n} @if(previewColumn){\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"preview-column\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        (click)=\"onRowCheck()\"\n    >\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"previewColumn.Name\"\n                style=\"color: var(--sapAccentColor6)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: previewColumn,\n                            mo: mo,\n                            index: columns.length,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n} @if(isLastChildGroup && groupSummary){\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\"></td>\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n    <td fd-table-cell>\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\n    </td>\n    }\n</tr>\n} @if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\n    }\n</ng-template>\n<tr fd-table-row style=\"pointer-events: none\"></tr>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host.has-preview-column .secondary-row td{border-bottom:none}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}tr.group-summary-row td{border:none;background-color:#dde5f0;border-right:none!important;font-weight:700}tr.group-summary-row td label{font-weight:700}tr.group-summary-row td label.NaN{display:none}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}tr:not([aria-selected=true]).preview-column td{border-bottom:var(--sapList_BorderWidth) var(--fdTable_Cell_Horizontal_Border_Style, solid) var(--sapList_BorderColor)}tr[aria-selected=true].has-preview-column td{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i3.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i3.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i4.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i8.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i10.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i10.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i10.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: i11.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i12.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i13.BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: i14.BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: i15.BarsaColumnRowNumberComponent, selector: "td[bsu-barsa-column-rownumber],bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "component", type: i16.BarsaRowInlineActionlistComponent, selector: "bsu-barsa-row-inline-actionlist", inputs: ["actionList", "mo", "index"], outputs: ["btnClick"] }, { kind: "directive", type: i17.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i3.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i3.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTableRowComponent, selector: "bsu-barsa-table-row", inputs: { showDetailsInRow: "showDetailsInRow", detailsComponent: "detailsComponent", detailsColumns: "detailsColumns", detailsText: "detailsText", previewColumn: "previewColumn", columnComponents: "columnComponents", dirtyColumns: "dirtyColumns", detailsCollapsed: "detailsCollapsed" }, outputs: { columnSummary: "columnSummary" }, providers: [FormPanelService], viewQueries: [{ propertyName: "detailsFormItems", first: true, predicate: ["detailsFormItems"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "@if ((!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    [class.row-error]=\"hasError\"\n    [class.showdetails-on]=\"!detailsCollapsed\"\n    #trEl\n    fd-table-row\n    [activable]=\"false\"\n    [hoverable]=\"true\"\n    [main]=\"true\"\n    [focusable]=\"true\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked\"\n    [class.has-preview-column]=\"!!previewColumn\"\n    [class.brule-message]=\"bruleActionMessage || workflowState?.error\"\n    [class.workflow-pending]=\"workflowState?.state === 'Pending'\"\n    [style.background-color]=\"isOdd && !isChecked ? 'var(--sapList_Hover_Background)' : null\"\n>\n    @if (mo.$Group || mo.$Group === '') {\n    <td\n        [style.padding-right]=\"rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        [style.padding-left]=\"!rtl ? 'calc( 1rem + ' + level * 12 + 'px' + ' )' : 'inherit'\"\n        fd-table-cell\n        style=\"font-weight: bold; font-size: 1rem\"\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        class=\"row-group\"\n        [class.mobile-mode]=\"secondaryColumns?.length\"\n        [attr.level]=\"level\"\n        [class.root-group]=\"level === 0\"\n    >\n        <button\n            fd-button\n            [fdType]=\"'transparent'\"\n            [glyph]=\"expanded !== false ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n            class=\"cell-expand\"\n            (click)=\"onExpandClick()\"\n        ></button>\n        {{ mo.$Group === 'undefined' ? '' : mo.$Group }}\n    </td>\n    } @else {\n\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (isCheckList) {\n    <td fd-table-cell [style.width]=\"checkboxComponent ? '60px' : null\">\n        @if (workflowState?.state === 'Pending') {\n        <div style=\"position: absolute; left: 0; right: 0; bottom: 0; top: 0\">\n            <bsu-mask [top]=\"'20px'\" [size]=\"'s'\"></bsu-mask>\n        </div>\n        } @if (checkboxComponent?.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"checkboxComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"setting\"\n            [parameters]=\"checkboxComponent.Parameters\"\n            [editMode]=\"inlineEditMode\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [value]=\"isChecked\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n            (events)=\"onRowCheck()\"\n        ></bnrc-dynamic-item-component>\n        } @else {\n        <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n        }\n    </td>\n    } @if (!isCheckList && !showRowNumber) {\n    <td\n        fd-table-cell\n        class=\"single-select\"\n        (click)=\"!isCheckList && onRowCheck()\"\n        style=\"padding: 0; text-align: center\"\n    >\n        @if (inlineEditMode && allowInlineEdit && (hasError || saving || saved)) { @if (hasError) {\n        <fd-icon class=\"save-error\" glyph=\"error\"></fd-icon>\n        } @if (saving) {\n        <fd-busy-indicator [loading]=\"true\" [size]=\"'s'\" title=\"record saving\"></fd-busy-indicator>\n        } @if (saved) {\n        <fd-icon class=\"save-success\" glyph=\"accept\"></fd-icon>\n        } } @else { @if (mo.$State === 'New' && !isChecked) {\n        <fd-icon glyph=\"favorite\"></fd-icon>\n        } @if (inlineEditMode && allowInlineEdit && isChecked) {\n        <fd-icon glyph=\"edit\"></fd-icon>\n        } }\n    </td>\n    }\n    <ng-container *ngTemplateOutlet=\"rowNumberTemplate\"></ng-container>\n    @for (column of columns; track column.Name; let columnIndex = $index) {\n    <td\n        class=\"rep-column\"\n        [attr.dbName]=\"column.Name\"\n        #tdEl\n        fd-table-cell\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [hostEl]=\"tdEl\"\n        [styleIndex]=\"styleIndex\"\n        [dbName]=\"column.Name\"\n        [focusable]=\"false\"\n        (click)=\"onColumnClick()\"\n        (dblclick)=\"onRowClick()\"\n        [hoverable]=\"inlineEditMode && allowInlineEdit\"\n        [class.control-readonly]=\"column.IsReadonly\"\n    >\n        <ng-container\n            *ngTemplateOutlet=\"\n                columnTemplate;\n                context: {\n                    $implicit: column,\n                    mo: mo,\n                    index: columnIndex,\n                    inlineEditMode: inlineEditMode,\n                    layout94: layout$ | async\n                }\n            \"\n        ></ng-container>\n    </td>\n    } @if (contextMenuItems.length && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-context-menu\" fd-table-cell>\n        <bsu-ulv-context-menu\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [mo]=\"mo\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n            [menuItems]=\"contextMenuItems\"\n            [allColumns]=\"allColumns\"\n        ></bsu-ulv-context-menu>\n    </td>\n    } @if (showDetailsInRow && (!inlineEditMode || !allowInlineEdit)) {\n    <td class=\"col-details\" fd-table-cell [fitContent]=\"true\">\n        @if (detailsComponent?.Selector || detailsColumns?.length || cartableParams?.moId) {\n        <div class=\"tw-flex tw-justify-end tw-w-full\">\n            <button\n                fd-button\n                [label]=\"(detailsCollapsed ? detailsText : 'Hide') | bbbTranslate\"\n                [fdType]=\"'transparent'\"\n                (click)=\"onRowDetails()\"\n            ></button>\n        </div>\n        }\n    </td>\n    } @if (actionList?.length && !inlineEditMode) {\n    <td class=\"col-view\" [class.rtl]=\"rtl\" fd-table-cell [fitContent]=\"true\">\n        <bsu-barsa-row-inline-actionlist\n            [actionList]=\"actionList\"\n            (btnClick)=\"actionListClick.emit($event)\"\n        ></bsu-barsa-row-inline-actionlist>\n    </td>\n    } }\n</tr>\n} @if (secondaryColumns?.length && !mo.$Group && (!mo.$Parent || parentExpanded) && visibility !== false) {\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"secondary-row\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\" (click)=\"onRowCheck()\"></td>\n    }\n    <td fd-table-cell colspan=\"100%\" (click)=\"onRowCheck()\" class=\"secondary p-wrapper\">\n        <div style=\"display: flex; flex-direction: column\">\n            @for (column of secondaryColumns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"column.Name\"\n                style=\"font-family: 'BARSAFONT Medium'\"\n            >\n                <label fd-form-label>{{ column.Caption }} :</label>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: column,\n                            mo: mo,\n                            index: columnIndex,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n            }\n        </div>\n    </td>\n</tr>\n} @if (cartableParams?.moId) {\n<tr [class.detailCollapsed]=\"detailsCollapsed\" fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems.length ? 1 : 0) +\n            (canView ? 1 : 0) +\n            (showDetailsInRow ? 1 : 0)\n        \"\n    >\n        <ng-container>\n            <bnrc-form\n                #cartableFormRef\n                class=\"cartable-template\"\n                [inlineEditInReport]=\"true\"\n                [params]=\"cartableParams\"\n                (beforeTransition)=\"onCartableBeforeTansition()\"\n                (afterTransition)=\"onCartableAfterTansition($event)\"\n                (bruleAction)=\"onCartableBruleAction($event)\"\n                (click)=\"OnCartableFormClick($event)\"\n                (formClose)=\"onCartableFormClosed()\"\n            ></bnrc-form>\n        </ng-container>\n    </td>\n</tr>\n} @if (!detailsCollapsed && (detailsComponent?.Selector|| detailsColumns?.length)) {\n<tr fd-table-row class=\"showdetails\" [attr.aria-selected]=\"isChecked\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        (click)=\"onRowCheck()\"\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <ng-container *ngTemplateOutlet=\"detailsColumnsTemplate\"></ng-container>\n        @if (detailsComponent && detailsComponent.Selector) {\n        <bnrc-dynamic-item-component\n            [component]=\"detailsComponent\"\n            [mo]=\"mo\"\n            [isChecked]=\"isChecked\"\n            [UlvMainCtrlr]=\"UlvMainCtrlr\"\n            [setting]=\"detailsComponentSetting\"\n            [parameters]=\"detailsComponent.Settings\"\n            [editMode]=\"inlineEditMode\"\n            [formSetting]=\"formSetting\"\n            [rtl]=\"rtl\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [allColumns]=\"allColumns\"\n            [typeDefId]=\"typeDefId\"\n        ></bnrc-dynamic-item-component>\n        }\n    </td>\n</tr>\n} @if(previewColumn){\n<tr\n    #trEl\n    fd-table-row\n    [secondary]=\"true\"\n    class=\"preview-column\"\n    [class.no-edit-mode]=\"!inlineEditMode\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"trEl\"\n    [attr.aria-selected]=\"isChecked && !inlineEditMode ? true : false\"\n>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n        (click)=\"onRowCheck()\"\n    >\n        <div style=\"display: flex; flex-direction: column\">\n            <p\n                #pEl\n                fd-table-text\n                [applyConditionalFormats]=\"conditionalFormats\"\n                [hostEl]=\"pEl\"\n                [styleIndex]=\"styleIndex\"\n                [dbName]=\"previewColumn.Name\"\n                style=\"color: var(--sapAccentColor6)\"\n            >\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: previewColumn,\n                            mo: mo,\n                            index: columns.length,\n                            inlineEditMode: inlineEditMode,\n                            layout94: layout$ | async\n                        }\n                    \"\n                ></ng-container>\n            </p>\n        </div>\n    </td>\n</tr>\n} @if(isLastChildGroup && groupSummary){\n<tr #trEl fd-table-row class=\"group-summary-row\" [class.no-edit-mode]=\"true\" [attr.aria-selected]=\"false\">\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    @if (!isCheckList) {\n    <td fd-table-cell class=\"single-select\"></td>\n    } @for (column of columns; track _trackByColumn(columnIndex, column); let columnIndex = $index) {\n    <td fd-table-cell>\n        <label #summaryRef>{{ reCalculateColumnSummary(summaryRef, column) }}</label>\n    </td>\n    }\n</tr>\n} @if (bruleActionMessage && inlineEditMode) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        @if (bruleActionMessage.MessageType === 2) {\n        <fd-message-strip [type]=\"bruleActionMessage.MessageType === 2 ? 'error' : 'information'\" [dismissible]=\"false\">\n            {{ bruleActionMessage.MessageExpression }}\n        </fd-message-strip>\n        }\n    </td>\n</tr>\n} @if (workflowState?.state === 'Finish' && workflowState?.error) {\n<tr fd-table-row>\n    <ng-container *ngTemplateOutlet=\"statusIndicator\"></ng-container>\n    <td\n        fd-table-cell\n        [attr.colspan]=\"\n            columns.length +\n            1 +\n            (rowIndicator ? -1 : 0) +\n            (contextMenuItems && contextMenuItems.length > 0 && !inlineEditMode ? 1 : 0) +\n            (showViewButton ? 1 : 0) +\n            (showDetailsInRow && !inlineEditMode ? 1 : 0)\n        \"\n    >\n        <fd-message-strip type=\"error\" [dismissible]=\"true\" (onDismiss)=\"onResetWorkflowState()\">\n            {{ workflowState.error?.Text || workflowState.error?.MessageExpression }}\n        </fd-message-strip>\n    </td>\n</tr>\n}\n<ng-template #detailsColumnsTemplate>\n    <ng-container\n        *ngTemplateOutlet=\"\n            detailsFormItems;\n            context: {\n                $implicit: detailsColumns,\n                mo: mo,\n                inlineEditMode: inlineEditMode,\n                layout94: layout$\n            }\n        \"\n    ></ng-container>\n</ng-template>\n<ng-template #detailsFormItems let-detailsColumns let-mo=\"mo\" let-inlineEditMode=\"inlineEditMode\" let-layout$=\"layout$\">\n    <div class=\"form-items\">\n        @for (column of detailsColumns; track column; let columnIndex = $index) {\n        <div fd-form-item>\n            <label fd-form-label for=\"input-2\">{{ column.Caption }}</label>\n            <ng-container\n                *ngTemplateOutlet=\"\n                    columnTemplate;\n                    context: {\n                        $implicit: column,\n                        mo: mo,\n                        index: columnIndex,\n                        inlineEditMode: inlineEditMode,\n                        layout94: layout$ | async\n                    }\n                \"\n            ></ng-container>\n        </div>\n        }\n    </div>\n</ng-template>\n<ng-template\n    #columnTemplate\n    let-column\n    let-mo=\"mo\"\n    let-index=\"index\"\n    let-inlineEditMode=\"inlineEditMode\"\n    let-layout94=\"layout94\"\n>\n    <bsu-barsa-table-column\n        [mo]=\"mo\"\n        [allColumns]=\"allColumns\"\n        [column]=\"column\"\n        [isdirty]=\"dirtyColumns && dirtyColumns[column.Name]\"\n        [value]=\"column | columnValue: mo\"\n        [icon]=\"column | columnIcon: mo\"\n        [customComponent]=\"column.$CustomComponent\"\n        [column]=\"column\"\n        [disableEllapsis]=\"secondaryColumns?.length\"\n        [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [isChecked]=\"isChecked\"\n        [index]=\"index\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [layout94]=\"layout94\"\n        (save)=\"onEditFormPanelSave(null)\"\n        (cancel)=\"onEditFormPanelCancel(null)\"\n        (tab)=\"onTabKeyDown($event, index)\"\n        (changeToEditMode)=\"onColumnChangeToEditMode($event, index)\"\n    >\n    </bsu-barsa-table-column>\n</ng-template>\n<ng-template #statusIndicator>\n    @if (rowIndicator) {\n    <bsu-barsa-column-indicator [hideBorderBottom]=\"!detailsCollapsed\" [backColor]=\"rowIndicatorColor\">\n    </bsu-barsa-column-indicator>\n    }\n</ng-template>\n<ng-template #rowNumberTemplate>\n    @if (showRowNumber) {\n    <td fd-table-cell bsu-barsa-column-rownumber [rowNumber]=\"rowNumber\" (click)=\"!isCheckList && onRowCheck()\"></td>\n    }\n</ng-template>\n<tr fd-table-row style=\"pointer-events: none\"></tr>\n", styles: [":host{display:contents;width:100%}:host bnrc-form.cartable-template ::ng-deep bsu-ly-layout-container-of-root{padding-bottom:1rem}:host.has-preview-column .secondary-row td{border-bottom:none}:host ::ng-deep .row-group.mobile-mode{border-bottom:var(--sapList_BorderWidth, .0625rem) solid var(--sapList_BorderColor, #e4e4e4)!important}:host ::ng-deep .inlineEditMode bnrc-field-ui{padding:0;margin:0}:host ::ng-deep .inlineEditMode bsu-ui-simple-combo{margin:0!important}:host ::ng-deep .secondary.p-wrapper p{display:flex;align-items:center}bsu-layout-control:not(.hide-form-item){align-items:center;height:100%;min-width:auto;width:auto}tr.group-summary-row td{border:none;background-color:#dde5f0;border-right:none!important;font-weight:700}tr.group-summary-row td label{font-weight:700}tr.group-summary-row td label.NaN{display:none}td{vertical-align:middle}td.control-readonly{background-color:var(--sapList_HeaderBackground)}tr.brule-message td{border:0}.row-group{background-color:var(--sapBackgroundColor, \"#f7f7ff\")}.cell-expand{cursor:pointer;display:inline-flex;justify-content:center;align-items:center;font-size:.75rem;color:#0854a0;color:var(--sapContent_IconColor, #0854a0);min-width:2rem;max-width:2rem}.save-error{color:var(--sapField_InvalidColor)}.save-success{color:var(--sapField_SuccessColor)}.flow{max-width:100%}.flow-item{display:flex}.flow-item fd-micro-process-flow-icon{width:1.375rem;height:1.375rem}.flow-item h5{padding-right:.3rem}.cartable-template{padding:.5rem 0}.workflow-pending{opacity:.5;pointer-events:none;position:relative}.detailCollapsed{height:0;display:none}tr td.rep-column:first-child{position:sticky;right:0}tr:not([aria-selected=true]).preview-column td{border-bottom:var(--sapList_BorderWidth) var(--fdTable_Cell_Horizontal_Border_Style, solid) var(--sapList_BorderColor)}tr[aria-selected=true].has-preview-column td{border-bottom:none}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.FormComponent, selector: "bnrc-form", inputs: ["params", "customFormPanelUi", "formPanelCtrl", "UlvMainCtrlr", "formPanelCtrlId", "saveOnChange", "inlineEditInReport"], outputs: ["titleChanged", "moChanged", "formClose", "uiComponent", "formRendered", "bruleAction", "beforeTransition", "afterTransition"] }, { kind: "component", type: i3.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i3.FormCloseDirective, selector: "[formClose]", inputs: ["isMobile"] }, { kind: "component", type: i4.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i7.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i8.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i10.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i10.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "key"] }, { kind: "directive", type: i10.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "component", type: i11.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i12.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: i13.BarsaTableColumnComponent, selector: "bsu-barsa-table-column", inputs: ["disableEllapsis"] }, { kind: "component", type: i14.BarsaColumnIndicatorComponent, selector: "bsu-barsa-column-indicator", inputs: ["backColor", "hideBorderBottom"] }, { kind: "component", type: i15.BarsaColumnRowNumberComponent, selector: "td[bsu-barsa-column-rownumber],bsu-barsa-column-rownumber", inputs: ["rowNumber"] }, { kind: "component", type: i16.BarsaRowInlineActionlistComponent, selector: "bsu-barsa-row-inline-actionlist", inputs: ["actionList", "mo", "index"], outputs: ["btnClick"] }, { kind: "directive", type: i17.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i3.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i3.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTableRowComponent, decorators: [{
             type: Component,

package/esm2022/lib/barsa-tree-item/barsa-tree-item.component.mjs

@@ -88,7 +88,7 @@ export class BarsaTreeItemComponent extends BaseViewItemPropsComponent {
         this.dragMoved.emit($event);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTreeItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: { node: "node", selectedNode: "selectedNode", relationList: "relationList", hideOpenIcon: "hideOpenIcon", hasArrowIcon: "hasArrowIcon", collapseIcon: "collapseIcon", loading: "loading", hasChildren: "hasChildren", leafCursorPointer: "leafCursorPointer", isExpand: "isExpand", children: "children", parentNode: "parentNode", text: "text", icon: "icon", color: "color", maxWidthText: "maxWidthText", isHetro: "isHetro", enableNodeReordering: "enableNodeReordering", hideIcon: "hideIcon" }, outputs: { createNew: "createNew", select: "select", checkChange: "checkChange", viewClick: "viewClick", loadChildren: "loadChildren", dragMoved: "dragMoved" }, usesInheritance: true, ngImport: i0, template: "<li\n    fd-list-item\n    #liEl\n    [class.!tw-cursor-pointer]=\"leafCursorPointer\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [interactive]=\"true\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragDisabled]=\"!enableNodeReordering\"\n    [cdkDragData]=\"node.Data.Id\"\n    [class.isdirty]=\"isdirty\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"openOnClick ? onNodeViewClick() : onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    @if (enableNodeReordering && !isHetro) {\n    <fd-icon glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    } @if (inDialog && isMultiSelect) {\n    <fd-checkbox [name]=\"node.Data.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onCheckbox($event)\"></fd-checkbox>\n    }\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1; gap: 3px\">\n            @if (hasArrowIcon) { @if (hasChildren) {\n            <div class=\"arrow-container\">\n                <button\n                    [attr.rtl]=\"rtl\"\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"arrow-children\"\n                    [fdCompact]\n                    [glyph]=\"hasChildren ? (isExpand ? 'slim-arrow-down' : collapseIcon) : ''\"\n                    (click)=\"onLoadChildren($event)\"\n                    (dblclick)=\"onExpandDblClick($event)\"\n                ></button>\n            </div>\n            } @else { @if (!parentNode?.hasOneDepthLevel) {\n            <div class=\"empty-container\" (click)=\"onRowCheck()\">\n                <button fd-button></button>\n            </div>\n            } } @if (loading) {\n            <fd-busy-indicator\n                style=\"display: flex; align-items: center; width: 2rem\"\n                size=\"s\"\n                [loading]=\"true\"\n            ></fd-busy-indicator>\n            } @if(!hideIcon || appComponentIcon){ @if(icon || appComponentIcon){\n            <i\n                [style.color]=\"appComponentIconColor || color\"\n                class=\"icon-item\"\n                fd-list-icon\n                [glyph]=\"appComponentIcon || icon\"\n            ></i>\n            }@else {\n            <i fd-list-icon class=\"icon-item\" style=\"display: flex; align-items: center; justify-content: center\">\n                <img [src]=\"node.icon\" width=\"16px\" />\n            </i>\n            } } }\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                <span\n                    class=\"ellapsis\"\n                    [style.color]=\"color\"\n                    [class.haschildren]=\"hasChildren\"\n                    [style.max-width.px]=\"maxWidthText\"\n                    >{{ text }}</span\n                >\n                @if (children) {\n                <span>{{ ' ( ' + children.length + ' )' }}</span>\n                }\n            </div>\n        </div>\n        @if (contextMenuItems && contextMenuItems.length > 0) {\n        <i\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"node.Data\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n        ></i>\n        } @if (access?.Add !== false && !inDialog) {\n        <bsu-htree-create-new\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n        }\n    </div>\n    @if (access?.View && !showOkCancelButtons && deviceName !== 'desktop' && !hideOpenIcon) {\n    <button fd-button [glyph]=\"navigationArrow\" fdType=\"transparent\" (click)=\"onNodeViewClick()\"></button>\n    } @if (actionList?.length && !inlineEditMode) {\n    <bsu-barsa-row-inline-actionlist\n        [actionList]=\"actionList\"\n        (btnClick)=\"actionListClick.emit($event)\"\n    ></bsu-barsa-row-inline-actionlist>\n    }\n\n    <bsu-barsa-tree-item\n        *cdkDragPreview\n        [node]=\"node\"\n        [rtl]=\"rtl\"\n        [selectedNode]=\"selectedNode\"\n        [hasArrowIcon]=\"false\"\n    ></bsu-barsa-tree-item>\n</li>\n", styles: [":host{display:block}li.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}li .cdk-drag-handle{opacity:.5;cursor:move}li .spacer{height:100%}li .arrow-children{border:none!important;background:transparent!important;color:var(--sapButton_Lite_TextColor)!important}li .arrow-container,li .empty-container{display:flex;width:28px;align-items:center;justify-content:center}li .arrow-container fd-icon,li .empty-container fd-icon{cursor:pointer;width:100%;height:100%;text-align:center}li .empty-container{visibility:hidden!important}.cdk-drag{cursor:default}.tree-icon-children{cursor:pointer}.icon-item{width:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i9.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hideOpenIcon", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "leafCursorPointer", "isExpand", "children", "parentNode", "text", "icon", "color", "maxWidthText", "isHetro", "enableNodeReordering", "hideIcon"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: i10.HtreeCreateNewComponent, selector: "bsu-htree-create-new", inputs: ["relationList", "node"], outputs: ["createNew"] }, { kind: "component", type: i11.BarsaRowInlineActionlistComponent, selector: "bsu-barsa-row-inline-actionlist", inputs: ["actionList", "mo", "index"], outputs: ["btnClick"] }, { kind: "directive", type: i12.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: { node: "node", selectedNode: "selectedNode", relationList: "relationList", hideOpenIcon: "hideOpenIcon", hasArrowIcon: "hasArrowIcon", collapseIcon: "collapseIcon", loading: "loading", hasChildren: "hasChildren", leafCursorPointer: "leafCursorPointer", isExpand: "isExpand", children: "children", parentNode: "parentNode", text: "text", icon: "icon", color: "color", maxWidthText: "maxWidthText", isHetro: "isHetro", enableNodeReordering: "enableNodeReordering", hideIcon: "hideIcon" }, outputs: { createNew: "createNew", select: "select", checkChange: "checkChange", viewClick: "viewClick", loadChildren: "loadChildren", dragMoved: "dragMoved" }, usesInheritance: true, ngImport: i0, template: "<li\n    fd-list-item\n    #liEl\n    [class.!tw-cursor-pointer]=\"leafCursorPointer\"\n    [applyConditionalFormats]=\"conditionalFormats\"\n    [styleIndex]=\"styleIndex\"\n    [hostEl]=\"liEl\"\n    [focusable]=\"true\"\n    [attr.level]=\"level\"\n    [class.root-group]=\"level === 1\"\n    [interactive]=\"true\"\n    [selected]=\"isChecked\"\n    (dblclick)=\"onNodeViewClick()\"\n    cdkDrag\n    [cdkDragDisabled]=\"!enableNodeReordering\"\n    [cdkDragData]=\"node.Data.Id\"\n    [class.isdirty]=\"isdirty\"\n    (cdkDragMoved)=\"onDragMoved($event)\"\n    (click)=\"openOnClick ? onNodeViewClick() : onListItemClick(liEl, $event)\"\n>\n    <div (click)=\"onRowCheck()\" class=\"spacer\" [style.width]=\"(level - 1) * 4 + 'rem'\"></div>\n    @if (enableNodeReordering && !isHetro) {\n    <fd-icon glyph=\"grip\" font=\"BusinessSuiteInAppSymbols\" cdkDragHandle></fd-icon>\n    } @if (inDialog && isMultiSelect) {\n    <fd-checkbox [name]=\"node.Data.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onCheckbox($event)\"></fd-checkbox>\n    }\n\n    <div (click)=\"onRowCheck()\" style=\"display: flex; width: 100%; justify-content: space-between\">\n        <div style=\"display: flex; flex: 1; gap: 3px\">\n            @if (hasArrowIcon) { @if (hasChildren) {\n            <div class=\"arrow-container\">\n                <button\n                    [attr.rtl]=\"rtl\"\n                    fd-button\n                    fdType=\"transparent\"\n                    class=\"arrow-children\"\n                    [fdCompact]\n                    [glyph]=\"hasChildren ? (isExpand ? 'slim-arrow-down' : collapseIcon) : ''\"\n                    (click)=\"onLoadChildren($event)\"\n                    (dblclick)=\"onExpandDblClick($event)\"\n                ></button>\n            </div>\n            } @else { @if (!parentNode?.hasOneDepthLevel) {\n            <div class=\"empty-container\" (click)=\"onRowCheck()\">\n                <button fd-button></button>\n            </div>\n            } } @if (loading) {\n            <fd-busy-indicator\n                style=\"display: flex; align-items: center; width: 2rem\"\n                size=\"s\"\n                [loading]=\"true\"\n            ></fd-busy-indicator>\n            } @if(!hideIcon || appComponentIcon){ @if(icon || appComponentIcon){\n            <i\n                [style.color]=\"appComponentIconColor || color\"\n                class=\"icon-item\"\n                fd-list-icon\n                [glyph]=\"appComponentIcon || icon\"\n            ></i>\n            }@else {\n            <i fd-list-icon class=\"icon-item\" style=\"display: flex; align-items: center; justify-content: center\">\n                <img [src]=\"node.icon\" width=\"16px\" />\n            </i>\n            } } }\n            <div style=\"display: flex; flex: unset; align-items: center\" fd-list-title [focusable]=\"true\">\n                <span\n                    class=\"ellapsis\"\n                    [style.color]=\"color\"\n                    [class.haschildren]=\"hasChildren\"\n                    [style.max-width.px]=\"maxWidthText\"\n                    >{{ text }}</span\n                >\n                @if (children) {\n                <span>{{ ' ( ' + children.length + ' )' }}</span>\n                }\n            </div>\n        </div>\n        @if (contextMenuItems && contextMenuItems.length > 0) {\n        <i\n            ulvContextMenu\n            [allColumns]=\"allColumns\"\n            [menuItems]=\"contextMenuItems\"\n            [conditionalFormats]=\"conditionalFormats\"\n            [styleIndex]=\"styleIndex\"\n            [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n            [mo]=\"node.Data\"\n            [index]=\"index\"\n            (commandClick)=\"onUlvCommand()\"\n            [deviceName]=\"deviceName\"\n        ></i>\n        } @if (access?.Add !== false && !inDialog) {\n        <bsu-htree-create-new\n            [node]=\"node\"\n            [relationList]=\"relationList\"\n            (createNew)=\"onCreateNew($event)\"\n        ></bsu-htree-create-new>\n        }\n    </div>\n    @if (access?.View && !showOkCancelButtons && deviceName !== 'desktop' && !hideOpenIcon) {\n    <button fd-button [glyph]=\"navigationArrow\" fdType=\"transparent\" (click)=\"onNodeViewClick()\"></button>\n    } @if (actionList?.length && !inlineEditMode) {\n    <bsu-barsa-row-inline-actionlist\n        [actionList]=\"actionList\"\n        (btnClick)=\"actionListClick.emit($event)\"\n    ></bsu-barsa-row-inline-actionlist>\n    }\n\n    <bsu-barsa-tree-item\n        *cdkDragPreview\n        [node]=\"node\"\n        [rtl]=\"rtl\"\n        [selectedNode]=\"selectedNode\"\n        [hasArrowIcon]=\"false\"\n    ></bsu-barsa-tree-item>\n</li>\n", styles: [":host{display:block}li.isdirty{background:url(/Lib/ui/resources/images/default/grid/dirty.gif);background-repeat:no-repeat}li .cdk-drag-handle{opacity:.5;cursor:move}li .spacer{height:100%}li .arrow-children{border:none!important;background:transparent!important;color:var(--sapButton_Lite_TextColor)!important}li .arrow-container,li .empty-container{display:flex;width:28px;align-items:center;justify-content:center}li .arrow-container fd-icon,li .empty-container fd-icon{cursor:pointer;width:100%;height:100%;text-align:center}li .empty-container{visibility:hidden!important}.cdk-drag{cursor:default}.tree-icon-children{cursor:pointer}.icon-item{width:1rem}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.CdkDrag, selector: "[cdkDrag]", inputs: ["cdkDragData", "cdkDragLockAxis", "cdkDragRootElement", "cdkDragBoundary", "cdkDragStartDelay", "cdkDragFreeDragPosition", "cdkDragDisabled", "cdkDragConstrainPosition", "cdkDragPreviewClass", "cdkDragPreviewContainer"], outputs: ["cdkDragStarted", "cdkDragReleased", "cdkDragEnded", "cdkDragEntered", "cdkDragExited", "cdkDragDropped", "cdkDragMoved"], exportAs: ["cdkDrag"] }, { kind: "directive", type: i2.CdkDragHandle, selector: "[cdkDragHandle]", inputs: ["cdkDragHandleDisabled"] }, { kind: "directive", type: i2.CdkDragPreview, selector: "ng-template[cdkDragPreview]", inputs: ["data", "matchSize"] }, { kind: "directive", type: i3.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]),                [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]),                [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]),                [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i4.BusyIndicatorComponent, selector: "fd-busy-indicator", inputs: ["loading", "size", "block", "ariaLabel", "title", "label", "ariaLive"] }, { kind: "component", type: i5.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i7.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i8.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "unread", "byline", "ariaRole", "id"], outputs: ["keyDown"] }, { kind: "directive", type: i8.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i8.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i9.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: BarsaTreeItemComponent, selector: "bsu-barsa-tree-item", inputs: ["node", "selectedNode", "relationList", "hideOpenIcon", "hasArrowIcon", "collapseIcon", "loading", "hasChildren", "leafCursorPointer", "isExpand", "children", "parentNode", "text", "icon", "color", "maxWidthText", "isHetro", "enableNodeReordering", "hideIcon"], outputs: ["createNew", "select", "checkChange", "viewClick", "loadChildren", "dragMoved"] }, { kind: "component", type: i10.HtreeCreateNewComponent, selector: "bsu-htree-create-new", inputs: ["relationList", "node"], outputs: ["createNew"] }, { kind: "component", type: i11.BarsaRowInlineActionlistComponent, selector: "bsu-barsa-row-inline-actionlist", inputs: ["actionList", "mo", "index"], outputs: ["btnClick"] }, { kind: "directive", type: i12.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaTreeItemComponent, decorators: [{
             type: Component,
@@ -144,4 +144,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
             }], dragMoved: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdHJlZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL2JhcnNhLXRyZWUtaXRlbS9iYXJzYS10cmVlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdHJlZS1pdGVtL2JhcnNhLXRyZWUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3hHLE9BQU8sRUFJSCwwQkFBMEIsRUFDMUIsUUFBUSxFQUNYLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBUTlCLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSwwQkFBMEI7SUFOdEU7O1FBV2EsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFnQjdCLG9CQUFvQjtRQUNWLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNqRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBRy9CLENBQUM7UUFDSyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUlwQyxDQUFDO1FBQ0ssY0FBUyxHQUFHLElBQUksWUFBWSxFQUdsQyxDQUFDO1FBQ0ssaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztRQUN2RCxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxxQkFBZ0IsR0FBa0IsSUFBSSxDQUFDO1FBQ3ZDLDBCQUFxQixHQUFrQixJQUFJLENBQUM7UUFDNUMsWUFBTyxHQUFHO1lBQ04sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxnQ0FBZ0MsRUFBRTtZQUN6RDtnQkFDSSxJQUFJLEVBQUUsUUFBUTtnQkFDZCxNQUFNLEVBQUUsbUNBQW1DO2FBQzlDO1NBQ0osQ0FBQztLQStETDtJQTdERyxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLG1DQUFtQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQzFHLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQ3pELElBQUksRUFDSix3Q0FBd0MsRUFDeEMsSUFBSSxDQUNQLENBQUM7UUFDRiw0Q0FBNEM7UUFDNUMsNEJBQTRCO1FBQzVCLElBQUk7SUFDUixDQUFDO0lBQ0QsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0QixDQUFDO0lBQ0wsQ0FBQztJQUNELFVBQVUsQ0FBQyxPQUFnQjtRQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDM0UsQ0FBQztJQUNELFVBQVU7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3RDLE9BQU87UUFDWCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELFlBQVk7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELGNBQWMsQ0FBQyxDQUFDO1FBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2QyxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVyxDQUFDLENBQUM7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0QixDQUFDO1FBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUNELFdBQVcsQ0FBQyxXQUFtQjtRQUMzQixNQUFNLE9BQU8sR0FBRyxJQUFJLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUMxQyxPQUFPLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFDRCxXQUFXLENBQUMsTUFBTTtRQUNkLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2YsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQTdHUSxzQkFBc0I7a0dBQXRCLHNCQUFzQixtdUJDakJuQyx5cUpBbUhBLDh3SERsR2Esc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFJRyxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLFNBQVM7c0JBQWxCLE1BQU07Z0JBSUcsWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHtcbiAgICBNZXRhb2JqZWN0RGF0YU1vZGVsLFxuICAgIFRyZWVOb2RlT2JqLFxuICAgIFJlbGF0aW9uSXRlbVR5cGUsXG4gICAgQmFzZVZpZXdJdGVtUHJvcHNDb21wb25lbnQsXG4gICAgQmFyc2FBcGlcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1iYXJzYS10cmVlLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS10cmVlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhcnNhLXRyZWUtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJhcnNhVHJlZUl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlVmlld0l0ZW1Qcm9wc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgbm9kZTogVHJlZU5vZGVPYmo7XG4gICAgQElucHV0KCkgc2VsZWN0ZWROb2RlOiBNZXRhb2JqZWN0RGF0YU1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSByZWxhdGlvbkxpc3Q6IFJlbGF0aW9uSXRlbVR5cGVbXTtcbiAgICBASW5wdXQoKSBoaWRlT3Blbkljb246IGJvb2xlYW47XG4gICAgQElucHV0KCkgaGFzQXJyb3dJY29uID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBjb2xsYXBzZUljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGhhc0NoaWxkcmVuOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGxlYWZDdXJzb3JQb2ludGVyOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGlzRXhwYW5kOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGNoaWxkcmVuOiBUcmVlTm9kZU9ialtdO1xuICAgIEBJbnB1dCgpIHBhcmVudE5vZGU6IFRyZWVOb2RlT2JqO1xuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29sb3I6IHN0cmluZztcbiAgICBASW5wdXQoKSBtYXhXaWR0aFRleHQ6IG51bWJlcjtcbiAgICBASW5wdXQoKSBpc0hldHJvOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGVuYWJsZU5vZGVSZW9yZGVyaW5nOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGhpZGVJY29uOiBib29sZWFuO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgKi9cbiAgICBAT3V0cHV0KCkgY3JlYXRlTmV3ID0gbmV3IEV2ZW50RW1pdHRlcjxSZWxhdGlvbkl0ZW1UeXBlPigpO1xuICAgIEBPdXRwdXQoKSBzZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHtcbiAgICAgICAgbm9kZTogVHJlZU5vZGVPYmo7XG4gICAgICAgIGluZGV4OiBudW1iZXI7XG4gICAgfT4oKTtcbiAgICBAT3V0cHV0KCkgY2hlY2tDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHtcbiAgICAgICAgbm9kZTogVHJlZU5vZGVPYmo7XG4gICAgICAgIGluZGV4OiBudW1iZXI7XG4gICAgICAgIGNoZWNrZWQ6IGJvb2xlYW47XG4gICAgfT4oKTtcbiAgICBAT3V0cHV0KCkgdmlld0NsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx7XG4gICAgICAgIG5vZGU6IE1ldGFvYmplY3REYXRhTW9kZWw7XG4gICAgICAgIGluZGV4OiBudW1iZXI7XG4gICAgfT4oKTtcbiAgICBAT3V0cHV0KCkgbG9hZENoaWxkcmVuID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xuICAgIEBPdXRwdXQoKSBkcmFnTW92ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBpY29uJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICAgIGFwcENvbXBvbmVudEljb246IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIGFwcENvbXBvbmVudEljb25Db2xvcjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgcm93QnRucyA9IFtcbiAgICAgICAgeyBJY29uOiAnYWRkJywgQWN0aW9uOiAnY29uc29sZS5sb2coXCJhZGQgYnRuIGNsaWNrZWRcIiknIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIEljb246ICdkZWxldGUnLFxuICAgICAgICAgICAgQWN0aW9uOiAnY29uc29sZS5sb2coXCJkZWxldGUgYnRuIGNsaWNrZWRcIiknXG4gICAgICAgIH1cbiAgICBdO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuYXBwQ29tcG9uZW50SWNvbiA9IEJhcnNhQXBpLkNvbW1vbi5VdGlsLlRyeUdldFZhbHVlKHRoaXMsICdub2RlLkRhdGEuQ29tcG9uZW50LlNldHRpbmdzLkljb24nLCBudWxsKTtcbiAgICAgICAgdGhpcy5hcHBDb21wb25lbnRJY29uQ29sb3IgPSBCYXJzYUFwaS5Db21tb24uVXRpbC5UcnlHZXRWYWx1ZShcbiAgICAgICAgICAgIHRoaXMsXG4gICAgICAgICAgICAnbm9kZS5EYXRhLkNvbXBvbmVudC5TZXR0aW5ncy5JY29uQ29sb3InLFxuICAgICAgICAgICAgbnVsbFxuICAgICAgICApO1xuICAgICAgICAvLyBpZiAoIXRoaXMubm9kZS5pY29uLnN0YXJ0c1dpdGgoJ2h0dHAnKSkge1xuICAgICAgICAvLyAgICAgdGhpcy5oaWRlSWNvbiA9IHRydWU7XG4gICAgICAgIC8vIH1cbiAgICB9XG4gICAgb25MaXN0SXRlbUNsaWNrKGxpRWwsIGUpIHtcbiAgICAgICAgaWYgKGUudGFyZ2V0ID09PSBsaUVsPy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLm9uUm93Q2hlY2soKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBvbkNoZWNrYm94KGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jaGVja0NoYW5nZS5lbWl0KHsgbm9kZTogdGhpcy5ub2RlLCBpbmRleDogdGhpcy5pbmRleCwgY2hlY2tlZCB9KTtcbiAgICB9XG4gICAgb25Sb3dDaGVjaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaW5EaWFsb2cgJiYgdGhpcy5pc011bHRpU2VsZWN0KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5zZWxlY3QuZW1pdCh7IG5vZGU6IHRoaXMubm9kZSwgaW5kZXg6IHRoaXMuaW5kZXggfSk7XG4gICAgfVxuXG4gICAgb25VbHZDb21tYW5kKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnVsdkNvbW1hbmQuZW1pdCh7IG1vOiB0aGlzLm5vZGUuRGF0YSwgaW5kZXg6IHRoaXMuaW5kZXggfSk7XG4gICAgfVxuXG4gICAgb25Ob2RlVmlld0NsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnZpZXdDbGljay5lbWl0KHsgbm9kZTogdGhpcy5ub2RlLkRhdGEsIGluZGV4OiB0aGlzLmluZGV4IH0pO1xuICAgIH1cblxuICAgIG9uTG9hZENoaWxkcmVuKGUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5sb2FkQ2hpbGRyZW4uZW1pdCh0aGlzLm5vZGUuRGF0YSk7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICBvbkV4cGFuZERibENsaWNrKGUpOiB2b2lkIHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgICBvbkNyZWF0ZU5ldyhlKSB7XG4gICAgICAgIGlmICghdGhpcy5pc0NoZWNrZWQpIHtcbiAgICAgICAgICAgIHRoaXMub25Sb3dDaGVjaygpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY3JlYXRlTmV3LmVtaXQoZSk7XG4gICAgfVxuICAgIG9uUm93QWN0aW9uKGNvbW1hbmRCb2R5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgY29tbWFuZCA9IG5ldyBGdW5jdGlvbihjb21tYW5kQm9keSk7XG4gICAgICAgIGNvbW1hbmQoKTtcbiAgICB9XG4gICAgb25EcmFnTW92ZWQoJGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzSGV0cm8pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRyYWdNb3ZlZC5lbWl0KCRldmVudCk7XG4gICAgfVxufVxuIiwiPGxpXG4gICAgZmQtbGlzdC1pdGVtXG4gICAgI2xpRWxcbiAgICBbY2xhc3MuIXR3LWN1cnNvci1wb2ludGVyXT1cImxlYWZDdXJzb3JQb2ludGVyXCJcbiAgICBbYXBwbHlDb25kaXRpb25hbEZvcm1hdHNdPVwiY29uZGl0aW9uYWxGb3JtYXRzXCJcbiAgICBbc3R5bGVJbmRleF09XCJzdHlsZUluZGV4XCJcbiAgICBbaG9zdEVsXT1cImxpRWxcIlxuICAgIFtmb2N1c2FibGVdPVwidHJ1ZVwiXG4gICAgW2F0dHIubGV2ZWxdPVwibGV2ZWxcIlxuICAgIFtjbGFzcy5yb290LWdyb3VwXT1cImxldmVsID09PSAxXCJcbiAgICBbaW50ZXJhY3RpdmVdPVwidHJ1ZVwiXG4gICAgW3NlbGVjdGVkXT1cImlzQ2hlY2tlZFwiXG4gICAgKGRibGNsaWNrKT1cIm9uTm9kZVZpZXdDbGljaygpXCJcbiAgICBjZGtEcmFnXG4gICAgW2Nka0RyYWdEaXNhYmxlZF09XCIhZW5hYmxlTm9kZVJlb3JkZXJpbmdcIlxuICAgIFtjZGtEcmFnRGF0YV09XCJub2RlLkRhdGEuSWRcIlxuICAgIFtjbGFzcy5pc2RpcnR5XT1cImlzZGlydHlcIlxuICAgIChjZGtEcmFnTW92ZWQpPVwib25EcmFnTW92ZWQoJGV2ZW50KVwiXG4gICAgKGNsaWNrKT1cIm9wZW5PbkNsaWNrID8gb25Ob2RlVmlld0NsaWNrKCkgOiBvbkxpc3RJdGVtQ2xpY2sobGlFbCwgJGV2ZW50KVwiXG4+XG4gICAgPGRpdiAoY2xpY2spPVwib25Sb3dDaGVjaygpXCIgY2xhc3M9XCJzcGFjZXJcIiBbc3R5bGUud2lkdGhdPVwiKGxldmVsIC0gMSkgKiA0ICsgJ3JlbSdcIj48L2Rpdj5cbiAgICBAaWYgKGVuYWJsZU5vZGVSZW9yZGVyaW5nICYmICFpc0hldHJvKSB7XG4gICAgPGZkLWljb24gZ2x5cGg9XCJncmlwXCIgZm9udD1cIkJ1c2luZXNzU3VpdGVJbkFwcFN5bWJvbHNcIiBjZGtEcmFnSGFuZGxlPjwvZmQtaWNvbj5cbiAgICB9IEBpZiAoaW5EaWFsb2cgJiYgaXNNdWx0aVNlbGVjdCkge1xuICAgIDxmZC1jaGVja2JveCBbbmFtZV09XCJub2RlLkRhdGEuJENhcHRpb25cIiBbbmdNb2RlbF09XCJpc0NoZWNrZWRcIiAobmdNb2RlbENoYW5nZSk9XCJvbkNoZWNrYm94KCRldmVudClcIj48L2ZkLWNoZWNrYm94PlxuICAgIH1cblxuICAgIDxkaXYgKGNsaWNrKT1cIm9uUm93Q2hlY2soKVwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgd2lkdGg6IDEwMCU7IGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZmxleDogMTsgZ2FwOiAzcHhcIj5cbiAgICAgICAgICAgIEBpZiAoaGFzQXJyb3dJY29uKSB7IEBpZiAoaGFzQ2hpbGRyZW4pIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcnJvdy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLnJ0bF09XCJydGxcIlxuICAgICAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImFycm93LWNoaWxkcmVuXCJcbiAgICAgICAgICAgICAgICAgICAgW2ZkQ29tcGFjdF1cbiAgICAgICAgICAgICAgICAgICAgW2dseXBoXT1cImhhc0NoaWxkcmVuID8gKGlzRXhwYW5kID8gJ3NsaW0tYXJyb3ctZG93bicgOiBjb2xsYXBzZUljb24pIDogJydcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25Mb2FkQ2hpbGRyZW4oJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIChkYmxjbGljayk9XCJvbkV4cGFuZERibENsaWNrKCRldmVudClcIlxuICAgICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfSBAZWxzZSB7IEBpZiAoIXBhcmVudE5vZGU/Lmhhc09uZURlcHRoTGV2ZWwpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJlbXB0eS1jb250YWluZXJcIiAoY2xpY2spPVwib25Sb3dDaGVjaygpXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBmZC1idXR0b24+PC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH0gfSBAaWYgKGxvYWRpbmcpIHtcbiAgICAgICAgICAgIDxmZC1idXN5LWluZGljYXRvclxuICAgICAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjsgd2lkdGg6IDJyZW1cIlxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBbbG9hZGluZ109XCJ0cnVlXCJcbiAgICAgICAgICAgID48L2ZkLWJ1c3ktaW5kaWNhdG9yPlxuICAgICAgICAgICAgfSBAaWYoIWhpZGVJY29uIHx8IGFwcENvbXBvbmVudEljb24peyBAaWYoaWNvbiB8fCBhcHBDb21wb25lbnRJY29uKXtcbiAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImFwcENvbXBvbmVudEljb25Db2xvciB8fCBjb2xvclwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uLWl0ZW1cIlxuICAgICAgICAgICAgICAgIGZkLWxpc3QtaWNvblxuICAgICAgICAgICAgICAgIFtnbHlwaF09XCJhcHBDb21wb25lbnRJY29uIHx8IGljb25cIlxuICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICAgIH1AZWxzZSB7XG4gICAgICAgICAgICA8aSBmZC1saXN0LWljb24gY2xhc3M9XCJpY29uLWl0ZW1cIiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGp1c3RpZnktY29udGVudDogY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIm5vZGUuaWNvblwiIHdpZHRoPVwiMTZweFwiIC8+XG4gICAgICAgICAgICA8L2k+XG4gICAgICAgICAgICB9IH0gfVxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGZsZXg6IHVuc2V0OyBhbGlnbi1pdGVtczogY2VudGVyXCIgZmQtbGlzdC10aXRsZSBbZm9jdXNhYmxlXT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImVsbGFwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmhhc2NoaWxkcmVuXT1cImhhc0NoaWxkcmVuXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJtYXhXaWR0aFRleHRcIlxuICAgICAgICAgICAgICAgICAgICA+e3sgdGV4dCB9fTwvc3BhblxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBAaWYgKGNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgJyAoICcgKyBjaGlsZHJlbi5sZW5ndGggKyAnICknIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgQGlmIChjb250ZXh0TWVudUl0ZW1zICYmIGNvbnRleHRNZW51SXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICA8aVxuICAgICAgICAgICAgdWx2Q29udGV4dE1lbnVcbiAgICAgICAgICAgIFthbGxDb2x1bW5zXT1cImFsbENvbHVtbnNcIlxuICAgICAgICAgICAgW21lbnVJdGVtc109XCJjb250ZXh0TWVudUl0ZW1zXCJcbiAgICAgICAgICAgIFtjb25kaXRpb25hbEZvcm1hdHNdPVwiY29uZGl0aW9uYWxGb3JtYXRzXCJcbiAgICAgICAgICAgIFtzdHlsZUluZGV4XT1cInN0eWxlSW5kZXhcIlxuICAgICAgICAgICAgW2Rpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XT1cImRpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XCJcbiAgICAgICAgICAgIFttb109XCJub2RlLkRhdGFcIlxuICAgICAgICAgICAgW2luZGV4XT1cImluZGV4XCJcbiAgICAgICAgICAgIChjb21tYW5kQ2xpY2spPVwib25VbHZDb21tYW5kKClcIlxuICAgICAgICAgICAgW2RldmljZU5hbWVdPVwiZGV2aWNlTmFtZVwiXG4gICAgICAgID48L2k+XG4gICAgICAgIH0gQGlmIChhY2Nlc3M/LkFkZCAhPT0gZmFsc2UgJiYgIWluRGlhbG9nKSB7XG4gICAgICAgIDxic3UtaHRyZWUtY3JlYXRlLW5ld1xuICAgICAgICAgICAgW25vZGVdPVwibm9kZVwiXG4gICAgICAgICAgICBbcmVsYXRpb25MaXN0XT1cInJlbGF0aW9uTGlzdFwiXG4gICAgICAgICAgICAoY3JlYXRlTmV3KT1cIm9uQ3JlYXRlTmV3KCRldmVudClcIlxuICAgICAgICA+PC9ic3UtaHRyZWUtY3JlYXRlLW5ldz5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxuICAgIEBpZiAoYWNjZXNzPy5WaWV3ICYmICFzaG93T2tDYW5jZWxCdXR0b25zICYmIGRldmljZU5hbWUgIT09ICdkZXNrdG9wJyAmJiAhaGlkZU9wZW5JY29uKSB7XG4gICAgPGJ1dHRvbiBmZC1idXR0b24gW2dseXBoXT1cIm5hdmlnYXRpb25BcnJvd1wiIGZkVHlwZT1cInRyYW5zcGFyZW50XCIgKGNsaWNrKT1cIm9uTm9kZVZpZXdDbGljaygpXCI+PC9idXR0b24+XG4gICAgfSBAaWYgKGFjdGlvbkxpc3Q/Lmxlbmd0aCAmJiAhaW5saW5lRWRpdE1vZGUpIHtcbiAgICA8YnN1LWJhcnNhLXJvdy1pbmxpbmUtYWN0aW9ubGlzdFxuICAgICAgICBbYWN0aW9uTGlzdF09XCJhY3Rpb25MaXN0XCJcbiAgICAgICAgKGJ0bkNsaWNrKT1cImFjdGlvbkxpc3RDbGljay5lbWl0KCRldmVudClcIlxuICAgID48L2JzdS1iYXJzYS1yb3ctaW5saW5lLWFjdGlvbmxpc3Q+XG4gICAgfVxuXG4gICAgPGJzdS1iYXJzYS10cmVlLWl0ZW1cbiAgICAgICAgKmNka0RyYWdQcmV2aWV3XG4gICAgICAgIFtub2RlXT1cIm5vZGVcIlxuICAgICAgICBbcnRsXT1cInJ0bFwiXG4gICAgICAgIFtzZWxlY3RlZE5vZGVdPVwic2VsZWN0ZWROb2RlXCJcbiAgICAgICAgW2hhc0Fycm93SWNvbl09XCJmYWxzZVwiXG4gICAgPjwvYnN1LWJhcnNhLXRyZWUtaXRlbT5cbjwvbGk+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtdHJlZS1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL2JhcnNhLXRyZWUtaXRlbS9iYXJzYS10cmVlLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtdHJlZS1pdGVtL2JhcnNhLXRyZWUtaXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBR3hHLE9BQU8sRUFJSCwwQkFBMEIsRUFDMUIsUUFBUSxFQUNYLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7Ozs7Ozs7O0FBUTlCLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSwwQkFBMEI7SUFOdEU7O1FBV2EsaUJBQVksR0FBRyxJQUFJLENBQUM7UUFnQjdCLG9CQUFvQjtRQUNWLGNBQVMsR0FBRyxJQUFJLFlBQVksRUFBb0IsQ0FBQztRQUNqRCxXQUFNLEdBQUcsSUFBSSxZQUFZLEVBRy9CLENBQUM7UUFDSyxnQkFBVyxHQUFHLElBQUksWUFBWSxFQUlwQyxDQUFDO1FBQ0ssY0FBUyxHQUFHLElBQUksWUFBWSxFQUdsQyxDQUFDO1FBQ0ssaUJBQVksR0FBRyxJQUFJLFlBQVksRUFBdUIsQ0FBQztRQUN2RCxjQUFTLEdBQUcsSUFBSSxZQUFZLEVBQVUsQ0FBQztRQUVqRCxxQkFBZ0IsR0FBa0IsSUFBSSxDQUFDO1FBQ3ZDLDBCQUFxQixHQUFrQixJQUFJLENBQUM7UUFDNUMsWUFBTyxHQUFHO1lBQ04sRUFBRSxJQUFJLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxnQ0FBZ0MsRUFBRTtZQUN6RDtnQkFDSSxJQUFJLEVBQUUsUUFBUTtnQkFDZCxNQUFNLEVBQUUsbUNBQW1DO2FBQzlDO1NBQ0osQ0FBQztLQStETDtJQTdERyxRQUFRO1FBQ0osS0FBSyxDQUFDLFFBQVEsRUFBRSxDQUFDO1FBQ2pCLElBQUksQ0FBQyxnQkFBZ0IsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQUMsSUFBSSxFQUFFLG1DQUFtQyxFQUFFLElBQUksQ0FBQyxDQUFDO1FBQzFHLElBQUksQ0FBQyxxQkFBcUIsR0FBRyxRQUFRLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxXQUFXLENBQ3pELElBQUksRUFDSix3Q0FBd0MsRUFDeEMsSUFBSSxDQUNQLENBQUM7UUFDRiw0Q0FBNEM7UUFDNUMsNEJBQTRCO1FBQzVCLElBQUk7SUFDUixDQUFDO0lBQ0QsZUFBZSxDQUFDLElBQUksRUFBRSxDQUFDO1FBQ25CLElBQUksQ0FBQyxDQUFDLE1BQU0sS0FBSyxJQUFJLEVBQUUsVUFBVSxFQUFFLGFBQWEsRUFBRSxDQUFDO1lBQy9DLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0QixDQUFDO0lBQ0wsQ0FBQztJQUNELFVBQVUsQ0FBQyxPQUFnQjtRQUN2QixJQUFJLENBQUMsV0FBVyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxFQUFFLEtBQUssRUFBRSxJQUFJLENBQUMsS0FBSyxFQUFFLE9BQU8sRUFBRSxDQUFDLENBQUM7SUFDM0UsQ0FBQztJQUNELFVBQVU7UUFDTixJQUFJLElBQUksQ0FBQyxRQUFRLElBQUksSUFBSSxDQUFDLGFBQWEsRUFBRSxDQUFDO1lBQ3RDLE9BQU87UUFDWCxDQUFDO1FBQ0QsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLENBQUMsRUFBRSxJQUFJLEVBQUUsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDN0QsQ0FBQztJQUVELFlBQVk7UUFDUixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksQ0FBQyxFQUFFLEVBQUUsRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDcEUsQ0FBQztJQUVELGVBQWU7UUFDWCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxFQUFFLElBQUksRUFBRSxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsSUFBSSxDQUFDLEtBQUssRUFBRSxDQUFDLENBQUM7SUFDckUsQ0FBQztJQUVELGNBQWMsQ0FBQyxDQUFDO1FBQ1osSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUN2QyxDQUFDLENBQUMsZUFBZSxFQUFFLENBQUM7UUFDcEIsQ0FBQyxDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxnQkFBZ0IsQ0FBQyxDQUFDO1FBQ2QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3BCLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQztJQUN2QixDQUFDO0lBQ0QsV0FBVyxDQUFDLENBQUM7UUFDVCxJQUFJLENBQUMsSUFBSSxDQUFDLFNBQVMsRUFBRSxDQUFDO1lBQ2xCLElBQUksQ0FBQyxVQUFVLEVBQUUsQ0FBQztRQUN0QixDQUFDO1FBQ0QsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDM0IsQ0FBQztJQUNELFdBQVcsQ0FBQyxXQUFtQjtRQUMzQixNQUFNLE9BQU8sR0FBRyxJQUFJLFFBQVEsQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUMxQyxPQUFPLEVBQUUsQ0FBQztJQUNkLENBQUM7SUFDRCxXQUFXLENBQUMsTUFBTTtRQUNkLElBQUksSUFBSSxDQUFDLE9BQU8sRUFBRSxDQUFDO1lBQ2YsT0FBTztRQUNYLENBQUM7UUFDRCxJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxNQUFNLENBQUMsQ0FBQztJQUNoQyxDQUFDOzhHQTdHUSxzQkFBc0I7a0dBQXRCLHNCQUFzQixtdUJDakJuQyx5cUpBbUhBLDh5SERsR2Esc0JBQXNCOzsyRkFBdEIsc0JBQXNCO2tCQU5sQyxTQUFTOytCQUNJLHFCQUFxQixtQkFHZCx1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxZQUFZO3NCQUFwQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxvQkFBb0I7c0JBQTVCLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSztnQkFHSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLE1BQU07c0JBQWYsTUFBTTtnQkFJRyxXQUFXO3NCQUFwQixNQUFNO2dCQUtHLFNBQVM7c0JBQWxCLE1BQU07Z0JBSUcsWUFBWTtzQkFBckIsTUFBTTtnQkFDRyxTQUFTO3NCQUFsQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuaW1wb3J0IHtcbiAgICBNZXRhb2JqZWN0RGF0YU1vZGVsLFxuICAgIFRyZWVOb2RlT2JqLFxuICAgIFJlbGF0aW9uSXRlbVR5cGUsXG4gICAgQmFzZVZpZXdJdGVtUHJvcHNDb21wb25lbnQsXG4gICAgQmFyc2FBcGlcbn0gZnJvbSAnYmFyc2Etbm92aW4tcmF5LWNvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ2JzdS1iYXJzYS10cmVlLWl0ZW0nLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS10cmVlLWl0ZW0uY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2JhcnNhLXRyZWUtaXRlbS5jb21wb25lbnQuc2NzcyddLFxuICAgIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoXG59KVxuZXhwb3J0IGNsYXNzIEJhcnNhVHJlZUl0ZW1Db21wb25lbnQgZXh0ZW5kcyBCYXNlVmlld0l0ZW1Qcm9wc0NvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XG4gICAgQElucHV0KCkgbm9kZTogVHJlZU5vZGVPYmo7XG4gICAgQElucHV0KCkgc2VsZWN0ZWROb2RlOiBNZXRhb2JqZWN0RGF0YU1vZGVsIHwgbnVsbDtcbiAgICBASW5wdXQoKSByZWxhdGlvbkxpc3Q6IFJlbGF0aW9uSXRlbVR5cGVbXTtcbiAgICBASW5wdXQoKSBoaWRlT3Blbkljb246IGJvb2xlYW47XG4gICAgQElucHV0KCkgaGFzQXJyb3dJY29uID0gdHJ1ZTtcbiAgICBASW5wdXQoKSBjb2xsYXBzZUljb246IHN0cmluZztcbiAgICBASW5wdXQoKSBsb2FkaW5nOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGhhc0NoaWxkcmVuOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGxlYWZDdXJzb3JQb2ludGVyOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGlzRXhwYW5kOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGNoaWxkcmVuOiBUcmVlTm9kZU9ialtdO1xuICAgIEBJbnB1dCgpIHBhcmVudE5vZGU6IFRyZWVOb2RlT2JqO1xuICAgIEBJbnB1dCgpIHRleHQ6IHN0cmluZztcbiAgICBASW5wdXQoKSBpY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgY29sb3I6IHN0cmluZztcbiAgICBASW5wdXQoKSBtYXhXaWR0aFRleHQ6IG51bWJlcjtcbiAgICBASW5wdXQoKSBpc0hldHJvOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGVuYWJsZU5vZGVSZW9yZGVyaW5nOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGhpZGVJY29uOiBib29sZWFuO1xuXG4gICAgLyogZXNsaW50LWRpc2FibGUgKi9cbiAgICBAT3V0cHV0KCkgY3JlYXRlTmV3ID0gbmV3IEV2ZW50RW1pdHRlcjxSZWxhdGlvbkl0ZW1UeXBlPigpO1xuICAgIEBPdXRwdXQoKSBzZWxlY3QgPSBuZXcgRXZlbnRFbWl0dGVyPHtcbiAgICAgICAgbm9kZTogVHJlZU5vZGVPYmo7XG4gICAgICAgIGluZGV4OiBudW1iZXI7XG4gICAgfT4oKTtcbiAgICBAT3V0cHV0KCkgY2hlY2tDaGFuZ2UgPSBuZXcgRXZlbnRFbWl0dGVyPHtcbiAgICAgICAgbm9kZTogVHJlZU5vZGVPYmo7XG4gICAgICAgIGluZGV4OiBudW1iZXI7XG4gICAgICAgIGNoZWNrZWQ6IGJvb2xlYW47XG4gICAgfT4oKTtcbiAgICBAT3V0cHV0KCkgdmlld0NsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjx7XG4gICAgICAgIG5vZGU6IE1ldGFvYmplY3REYXRhTW9kZWw7XG4gICAgICAgIGluZGV4OiBudW1iZXI7XG4gICAgfT4oKTtcbiAgICBAT3V0cHV0KCkgbG9hZENoaWxkcmVuID0gbmV3IEV2ZW50RW1pdHRlcjxNZXRhb2JqZWN0RGF0YU1vZGVsPigpO1xuICAgIEBPdXRwdXQoKSBkcmFnTW92ZWQgPSBuZXcgRXZlbnRFbWl0dGVyPHN0cmluZz4oKTtcbiAgICBpY29uJDogT2JzZXJ2YWJsZTxzdHJpbmc+O1xuICAgIGFwcENvbXBvbmVudEljb246IHN0cmluZyB8IG51bGwgPSBudWxsO1xuICAgIGFwcENvbXBvbmVudEljb25Db2xvcjogc3RyaW5nIHwgbnVsbCA9IG51bGw7XG4gICAgcm93QnRucyA9IFtcbiAgICAgICAgeyBJY29uOiAnYWRkJywgQWN0aW9uOiAnY29uc29sZS5sb2coXCJhZGQgYnRuIGNsaWNrZWRcIiknIH0sXG4gICAgICAgIHtcbiAgICAgICAgICAgIEljb246ICdkZWxldGUnLFxuICAgICAgICAgICAgQWN0aW9uOiAnY29uc29sZS5sb2coXCJkZWxldGUgYnRuIGNsaWNrZWRcIiknXG4gICAgICAgIH1cbiAgICBdO1xuXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XG4gICAgICAgIHN1cGVyLm5nT25Jbml0KCk7XG4gICAgICAgIHRoaXMuYXBwQ29tcG9uZW50SWNvbiA9IEJhcnNhQXBpLkNvbW1vbi5VdGlsLlRyeUdldFZhbHVlKHRoaXMsICdub2RlLkRhdGEuQ29tcG9uZW50LlNldHRpbmdzLkljb24nLCBudWxsKTtcbiAgICAgICAgdGhpcy5hcHBDb21wb25lbnRJY29uQ29sb3IgPSBCYXJzYUFwaS5Db21tb24uVXRpbC5UcnlHZXRWYWx1ZShcbiAgICAgICAgICAgIHRoaXMsXG4gICAgICAgICAgICAnbm9kZS5EYXRhLkNvbXBvbmVudC5TZXR0aW5ncy5JY29uQ29sb3InLFxuICAgICAgICAgICAgbnVsbFxuICAgICAgICApO1xuICAgICAgICAvLyBpZiAoIXRoaXMubm9kZS5pY29uLnN0YXJ0c1dpdGgoJ2h0dHAnKSkge1xuICAgICAgICAvLyAgICAgdGhpcy5oaWRlSWNvbiA9IHRydWU7XG4gICAgICAgIC8vIH1cbiAgICB9XG4gICAgb25MaXN0SXRlbUNsaWNrKGxpRWwsIGUpIHtcbiAgICAgICAgaWYgKGUudGFyZ2V0ID09PSBsaUVsPy5lbGVtZW50UmVmPy5uYXRpdmVFbGVtZW50KSB7XG4gICAgICAgICAgICB0aGlzLm9uUm93Q2hlY2soKTtcbiAgICAgICAgfVxuICAgIH1cbiAgICBvbkNoZWNrYm94KGNoZWNrZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICAgICAgdGhpcy5jaGVja0NoYW5nZS5lbWl0KHsgbm9kZTogdGhpcy5ub2RlLCBpbmRleDogdGhpcy5pbmRleCwgY2hlY2tlZCB9KTtcbiAgICB9XG4gICAgb25Sb3dDaGVjaygpOiB2b2lkIHtcbiAgICAgICAgaWYgKHRoaXMuaW5EaWFsb2cgJiYgdGhpcy5pc011bHRpU2VsZWN0KSB7XG4gICAgICAgICAgICByZXR1cm47XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5zZWxlY3QuZW1pdCh7IG5vZGU6IHRoaXMubm9kZSwgaW5kZXg6IHRoaXMuaW5kZXggfSk7XG4gICAgfVxuXG4gICAgb25VbHZDb21tYW5kKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnVsdkNvbW1hbmQuZW1pdCh7IG1vOiB0aGlzLm5vZGUuRGF0YSwgaW5kZXg6IHRoaXMuaW5kZXggfSk7XG4gICAgfVxuXG4gICAgb25Ob2RlVmlld0NsaWNrKCk6IHZvaWQge1xuICAgICAgICB0aGlzLnZpZXdDbGljay5lbWl0KHsgbm9kZTogdGhpcy5ub2RlLkRhdGEsIGluZGV4OiB0aGlzLmluZGV4IH0pO1xuICAgIH1cblxuICAgIG9uTG9hZENoaWxkcmVuKGUpOiB2b2lkIHtcbiAgICAgICAgdGhpcy5sb2FkQ2hpbGRyZW4uZW1pdCh0aGlzLm5vZGUuRGF0YSk7XG4gICAgICAgIGUuc3RvcFByb3BhZ2F0aW9uKCk7XG4gICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICB9XG5cbiAgICBvbkV4cGFuZERibENsaWNrKGUpOiB2b2lkIHtcbiAgICAgICAgZS5zdG9wUHJvcGFnYXRpb24oKTtcbiAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgIH1cbiAgICBvbkNyZWF0ZU5ldyhlKSB7XG4gICAgICAgIGlmICghdGhpcy5pc0NoZWNrZWQpIHtcbiAgICAgICAgICAgIHRoaXMub25Sb3dDaGVjaygpO1xuICAgICAgICB9XG4gICAgICAgIHRoaXMuY3JlYXRlTmV3LmVtaXQoZSk7XG4gICAgfVxuICAgIG9uUm93QWN0aW9uKGNvbW1hbmRCb2R5OiBzdHJpbmcpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgY29tbWFuZCA9IG5ldyBGdW5jdGlvbihjb21tYW5kQm9keSk7XG4gICAgICAgIGNvbW1hbmQoKTtcbiAgICB9XG4gICAgb25EcmFnTW92ZWQoJGV2ZW50KTogdm9pZCB7XG4gICAgICAgIGlmICh0aGlzLmlzSGV0cm8pIHtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuICAgICAgICB0aGlzLmRyYWdNb3ZlZC5lbWl0KCRldmVudCk7XG4gICAgfVxufVxuIiwiPGxpXG4gICAgZmQtbGlzdC1pdGVtXG4gICAgI2xpRWxcbiAgICBbY2xhc3MuIXR3LWN1cnNvci1wb2ludGVyXT1cImxlYWZDdXJzb3JQb2ludGVyXCJcbiAgICBbYXBwbHlDb25kaXRpb25hbEZvcm1hdHNdPVwiY29uZGl0aW9uYWxGb3JtYXRzXCJcbiAgICBbc3R5bGVJbmRleF09XCJzdHlsZUluZGV4XCJcbiAgICBbaG9zdEVsXT1cImxpRWxcIlxuICAgIFtmb2N1c2FibGVdPVwidHJ1ZVwiXG4gICAgW2F0dHIubGV2ZWxdPVwibGV2ZWxcIlxuICAgIFtjbGFzcy5yb290LWdyb3VwXT1cImxldmVsID09PSAxXCJcbiAgICBbaW50ZXJhY3RpdmVdPVwidHJ1ZVwiXG4gICAgW3NlbGVjdGVkXT1cImlzQ2hlY2tlZFwiXG4gICAgKGRibGNsaWNrKT1cIm9uTm9kZVZpZXdDbGljaygpXCJcbiAgICBjZGtEcmFnXG4gICAgW2Nka0RyYWdEaXNhYmxlZF09XCIhZW5hYmxlTm9kZVJlb3JkZXJpbmdcIlxuICAgIFtjZGtEcmFnRGF0YV09XCJub2RlLkRhdGEuSWRcIlxuICAgIFtjbGFzcy5pc2RpcnR5XT1cImlzZGlydHlcIlxuICAgIChjZGtEcmFnTW92ZWQpPVwib25EcmFnTW92ZWQoJGV2ZW50KVwiXG4gICAgKGNsaWNrKT1cIm9wZW5PbkNsaWNrID8gb25Ob2RlVmlld0NsaWNrKCkgOiBvbkxpc3RJdGVtQ2xpY2sobGlFbCwgJGV2ZW50KVwiXG4+XG4gICAgPGRpdiAoY2xpY2spPVwib25Sb3dDaGVjaygpXCIgY2xhc3M9XCJzcGFjZXJcIiBbc3R5bGUud2lkdGhdPVwiKGxldmVsIC0gMSkgKiA0ICsgJ3JlbSdcIj48L2Rpdj5cbiAgICBAaWYgKGVuYWJsZU5vZGVSZW9yZGVyaW5nICYmICFpc0hldHJvKSB7XG4gICAgPGZkLWljb24gZ2x5cGg9XCJncmlwXCIgZm9udD1cIkJ1c2luZXNzU3VpdGVJbkFwcFN5bWJvbHNcIiBjZGtEcmFnSGFuZGxlPjwvZmQtaWNvbj5cbiAgICB9IEBpZiAoaW5EaWFsb2cgJiYgaXNNdWx0aVNlbGVjdCkge1xuICAgIDxmZC1jaGVja2JveCBbbmFtZV09XCJub2RlLkRhdGEuJENhcHRpb25cIiBbbmdNb2RlbF09XCJpc0NoZWNrZWRcIiAobmdNb2RlbENoYW5nZSk9XCJvbkNoZWNrYm94KCRldmVudClcIj48L2ZkLWNoZWNrYm94PlxuICAgIH1cblxuICAgIDxkaXYgKGNsaWNrKT1cIm9uUm93Q2hlY2soKVwiIHN0eWxlPVwiZGlzcGxheTogZmxleDsgd2lkdGg6IDEwMCU7IGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlblwiPlxuICAgICAgICA8ZGl2IHN0eWxlPVwiZGlzcGxheTogZmxleDsgZmxleDogMTsgZ2FwOiAzcHhcIj5cbiAgICAgICAgICAgIEBpZiAoaGFzQXJyb3dJY29uKSB7IEBpZiAoaGFzQ2hpbGRyZW4pIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJhcnJvdy1jb250YWluZXJcIj5cbiAgICAgICAgICAgICAgICA8YnV0dG9uXG4gICAgICAgICAgICAgICAgICAgIFthdHRyLnJ0bF09XCJydGxcIlxuICAgICAgICAgICAgICAgICAgICBmZC1idXR0b25cbiAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImFycm93LWNoaWxkcmVuXCJcbiAgICAgICAgICAgICAgICAgICAgW2ZkQ29tcGFjdF1cbiAgICAgICAgICAgICAgICAgICAgW2dseXBoXT1cImhhc0NoaWxkcmVuID8gKGlzRXhwYW5kID8gJ3NsaW0tYXJyb3ctZG93bicgOiBjb2xsYXBzZUljb24pIDogJydcIlxuICAgICAgICAgICAgICAgICAgICAoY2xpY2spPVwib25Mb2FkQ2hpbGRyZW4oJGV2ZW50KVwiXG4gICAgICAgICAgICAgICAgICAgIChkYmxjbGljayk9XCJvbkV4cGFuZERibENsaWNrKCRldmVudClcIlxuICAgICAgICAgICAgICAgID48L2J1dHRvbj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgICAgfSBAZWxzZSB7IEBpZiAoIXBhcmVudE5vZGU/Lmhhc09uZURlcHRoTGV2ZWwpIHtcbiAgICAgICAgICAgIDxkaXYgY2xhc3M9XCJlbXB0eS1jb250YWluZXJcIiAoY2xpY2spPVwib25Sb3dDaGVjaygpXCI+XG4gICAgICAgICAgICAgICAgPGJ1dHRvbiBmZC1idXR0b24+PC9idXR0b24+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIH0gfSBAaWYgKGxvYWRpbmcpIHtcbiAgICAgICAgICAgIDxmZC1idXN5LWluZGljYXRvclxuICAgICAgICAgICAgICAgIHN0eWxlPVwiZGlzcGxheTogZmxleDsgYWxpZ24taXRlbXM6IGNlbnRlcjsgd2lkdGg6IDJyZW1cIlxuICAgICAgICAgICAgICAgIHNpemU9XCJzXCJcbiAgICAgICAgICAgICAgICBbbG9hZGluZ109XCJ0cnVlXCJcbiAgICAgICAgICAgID48L2ZkLWJ1c3ktaW5kaWNhdG9yPlxuICAgICAgICAgICAgfSBAaWYoIWhpZGVJY29uIHx8IGFwcENvbXBvbmVudEljb24peyBAaWYoaWNvbiB8fCBhcHBDb21wb25lbnRJY29uKXtcbiAgICAgICAgICAgIDxpXG4gICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImFwcENvbXBvbmVudEljb25Db2xvciB8fCBjb2xvclwiXG4gICAgICAgICAgICAgICAgY2xhc3M9XCJpY29uLWl0ZW1cIlxuICAgICAgICAgICAgICAgIGZkLWxpc3QtaWNvblxuICAgICAgICAgICAgICAgIFtnbHlwaF09XCJhcHBDb21wb25lbnRJY29uIHx8IGljb25cIlxuICAgICAgICAgICAgPjwvaT5cbiAgICAgICAgICAgIH1AZWxzZSB7XG4gICAgICAgICAgICA8aSBmZC1saXN0LWljb24gY2xhc3M9XCJpY29uLWl0ZW1cIiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGFsaWduLWl0ZW1zOiBjZW50ZXI7IGp1c3RpZnktY29udGVudDogY2VudGVyXCI+XG4gICAgICAgICAgICAgICAgPGltZyBbc3JjXT1cIm5vZGUuaWNvblwiIHdpZHRoPVwiMTZweFwiIC8+XG4gICAgICAgICAgICA8L2k+XG4gICAgICAgICAgICB9IH0gfVxuICAgICAgICAgICAgPGRpdiBzdHlsZT1cImRpc3BsYXk6IGZsZXg7IGZsZXg6IHVuc2V0OyBhbGlnbi1pdGVtczogY2VudGVyXCIgZmQtbGlzdC10aXRsZSBbZm9jdXNhYmxlXT1cInRydWVcIj5cbiAgICAgICAgICAgICAgICA8c3BhblxuICAgICAgICAgICAgICAgICAgICBjbGFzcz1cImVsbGFwc2lzXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLmNvbG9yXT1cImNvbG9yXCJcbiAgICAgICAgICAgICAgICAgICAgW2NsYXNzLmhhc2NoaWxkcmVuXT1cImhhc0NoaWxkcmVuXCJcbiAgICAgICAgICAgICAgICAgICAgW3N0eWxlLm1heC13aWR0aC5weF09XCJtYXhXaWR0aFRleHRcIlxuICAgICAgICAgICAgICAgICAgICA+e3sgdGV4dCB9fTwvc3BhblxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICBAaWYgKGNoaWxkcmVuKSB7XG4gICAgICAgICAgICAgICAgPHNwYW4+e3sgJyAoICcgKyBjaGlsZHJlbi5sZW5ndGggKyAnICknIH19PC9zcGFuPlxuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICA8L2Rpdj5cbiAgICAgICAgQGlmIChjb250ZXh0TWVudUl0ZW1zICYmIGNvbnRleHRNZW51SXRlbXMubGVuZ3RoID4gMCkge1xuICAgICAgICA8aVxuICAgICAgICAgICAgdWx2Q29udGV4dE1lbnVcbiAgICAgICAgICAgIFthbGxDb2x1bW5zXT1cImFsbENvbHVtbnNcIlxuICAgICAgICAgICAgW21lbnVJdGVtc109XCJjb250ZXh0TWVudUl0ZW1zXCJcbiAgICAgICAgICAgIFtjb25kaXRpb25hbEZvcm1hdHNdPVwiY29uZGl0aW9uYWxGb3JtYXRzXCJcbiAgICAgICAgICAgIFtzdHlsZUluZGV4XT1cInN0eWxlSW5kZXhcIlxuICAgICAgICAgICAgW2Rpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XT1cImRpc2FibGVPdmVyZmxvd0NvbnRleHRNZW51XCJcbiAgICAgICAgICAgIFttb109XCJub2RlLkRhdGFcIlxuICAgICAgICAgICAgW2luZGV4XT1cImluZGV4XCJcbiAgICAgICAgICAgIChjb21tYW5kQ2xpY2spPVwib25VbHZDb21tYW5kKClcIlxuICAgICAgICAgICAgW2RldmljZU5hbWVdPVwiZGV2aWNlTmFtZVwiXG4gICAgICAgID48L2k+XG4gICAgICAgIH0gQGlmIChhY2Nlc3M/LkFkZCAhPT0gZmFsc2UgJiYgIWluRGlhbG9nKSB7XG4gICAgICAgIDxic3UtaHRyZWUtY3JlYXRlLW5ld1xuICAgICAgICAgICAgW25vZGVdPVwibm9kZVwiXG4gICAgICAgICAgICBbcmVsYXRpb25MaXN0XT1cInJlbGF0aW9uTGlzdFwiXG4gICAgICAgICAgICAoY3JlYXRlTmV3KT1cIm9uQ3JlYXRlTmV3KCRldmVudClcIlxuICAgICAgICA+PC9ic3UtaHRyZWUtY3JlYXRlLW5ldz5cbiAgICAgICAgfVxuICAgIDwvZGl2PlxuICAgIEBpZiAoYWNjZXNzPy5WaWV3ICYmICFzaG93T2tDYW5jZWxCdXR0b25zICYmIGRldmljZU5hbWUgIT09ICdkZXNrdG9wJyAmJiAhaGlkZU9wZW5JY29uKSB7XG4gICAgPGJ1dHRvbiBmZC1idXR0b24gW2dseXBoXT1cIm5hdmlnYXRpb25BcnJvd1wiIGZkVHlwZT1cInRyYW5zcGFyZW50XCIgKGNsaWNrKT1cIm9uTm9kZVZpZXdDbGljaygpXCI+PC9idXR0b24+XG4gICAgfSBAaWYgKGFjdGlvbkxpc3Q/Lmxlbmd0aCAmJiAhaW5saW5lRWRpdE1vZGUpIHtcbiAgICA8YnN1LWJhcnNhLXJvdy1pbmxpbmUtYWN0aW9ubGlzdFxuICAgICAgICBbYWN0aW9uTGlzdF09XCJhY3Rpb25MaXN0XCJcbiAgICAgICAgKGJ0bkNsaWNrKT1cImFjdGlvbkxpc3RDbGljay5lbWl0KCRldmVudClcIlxuICAgID48L2JzdS1iYXJzYS1yb3ctaW5saW5lLWFjdGlvbmxpc3Q+XG4gICAgfVxuXG4gICAgPGJzdS1iYXJzYS10cmVlLWl0ZW1cbiAgICAgICAgKmNka0RyYWdQcmV2aWV3XG4gICAgICAgIFtub2RlXT1cIm5vZGVcIlxuICAgICAgICBbcnRsXT1cInJ0bFwiXG4gICAgICAgIFtzZWxlY3RlZE5vZGVdPVwic2VsZWN0ZWROb2RlXCJcbiAgICAgICAgW2hhc0Fycm93SWNvbl09XCJmYWxzZVwiXG4gICAgPjwvYnN1LWJhcnNhLXRyZWUtaXRlbT5cbjwvbGk+XG4iXX0=

package/esm2022/lib/card-item/card-item.component.mjs

@@ -42,7 +42,7 @@ export class CardItemComponent extends BaseViewItemPropsComponent {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardItemComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    @if (!noContent || contextMenuItems) {\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </fd-card-content>\n    @if ((contextMenuInFooter || deviceName!=='desktop' || openOnClick) && (contextMenuItems && contextMenuItems.length\n    > 0) ) {\n    <div\n        ulvContextMenu\n        [allColumns]=\"allColumns\"\n        [footerMode]=\"true\"\n        [menuItems]=\"contextMenuItems\"\n        [styleIndex]=\"styleIndex\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [mo]=\"mo\"\n        (commandClick)=\"onUlvCommand()\"\n    ></div>\n    } }\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    >@if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    @if (!noContent) {\n    <fd-quick-view [id]=\"'id'\">\n        <fd-quick-view-group>\n            @if (setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField) {\n            <fd-quick-view-subheader> </fd-quick-view-subheader>\n            } @for (column of setting.FieldListMapped; track column) {\n            <fd-quick-view-group-item>\n                @if (column) {\n                <fd-quick-view-group-item-label>\n                    {{ column.Caption | bbbTranslate }}\n                </fd-quick-view-group-item-label>\n                <fd-quick-view-group-item-content>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            } @if (setting.DescriptionField) {\n            <fd-quick-view-group-item>\n                <fd-quick-view-group-item-content>\n                    @if (inlineEditMode && allowInlineEdit) {\n                    <fd-quick-view-group-item-label>\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    }\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                @if (setting.ActionFieldNameField) {\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            }\n        </fd-quick-view-group>\n    </fd-quick-view>\n    }\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow style=\"align-items: center\">\n            <div [fdLayoutGridCol]=\"12\">\n                @for (column of setting.FieldListMapped; track column) {\n                <div style=\"display: flex\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{ column.Caption | bbbTranslate }}</label>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: column,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n                }\n            </div>\n            @if (setting.DescriptionField) {\n            <div [fdLayoutGridCol]=\"12\">\n                @if (inlineEditMode && allowInlineEdit) {\n                <label>\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                }\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    @if (visible) {\n    <fd-avatar\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\n        \"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n    }\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    @if(openOnClick || (canView && deviceName !== 'desktop')){\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderHeaderMobileCanView;\n            context: {\n                $implicit: mo,\n                index: index\n            }\n        \"\n    ></ng-container>\n    }@else{\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderHeaderDesktop;\n            context: {\n                $implicit: mo,\n                index: index\n            }\n        \"\n    ></ng-container>\n    }\n</ng-template>\n<ng-template #renderHeaderDesktop let-mo let-index=\"index\">\n    <fd-card-header>\n        <div>\n            @if(isCheckList){\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n            }\n        </div>\n        <fd-card-main-header>\n            @if (setting.AvatarField || setting.Avatar) {\n            <fd-avatar\n                alterIcon=\"alt|content|backup|default-icon\"\n                [circle]=\"setting.CircleAvatar\"\n                [image]=\"\n                    setting.AvatarField\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                        : ''\n                \"\n                [size]=\"\n                    deviceSize === 'xl' || deviceSize === 'l'\n                        ? setting.AvatarSizeDesktop$Caption\n                        : setting.AvatarSize$Caption\n                \"\n                [glyph]=\"\n                    setting.Avatar ||\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                \"\n            ></fd-avatar>\n            }\n            <h2 fd-card-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.TitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h2>\n            <h3 fd-card-subtitle>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h3>\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\n            <div\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [footerMode]=\"false\"\n                [menuItems]=\"contextMenuItems\"\n                [styleIndex]=\"styleIndex\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></div>\n            }\n        </fd-card-main-header>\n    </fd-card-header>\n</ng-template>\n<ng-template #renderHeaderMobileCanView let-mo let-index=\"index\">\n    <fd-card-header>\n        <div>\n            @if(isCheckList){\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n            }\n        </div>\n        <fd-card-main-header>\n            @if (setting.AvatarField || setting.Avatar) {\n            <fd-avatar\n                alterIcon=\"alt|content|backup|default-icon\"\n                [circle]=\"setting.CircleAvatar\"\n                [image]=\"\n                    setting.AvatarField\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                        : ''\n                \"\n                [size]=\"\n                    deviceSize === 'xl' || deviceSize === 'l'\n                        ? setting.AvatarSizeDesktop$Caption\n                        : setting.AvatarSize$Caption\n                \"\n                [glyph]=\"\n                    setting.Avatar ||\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                \"\n            ></fd-avatar>\n            }\n            <h2 fd-card-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.TitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h2>\n            <h3 fd-card-subtitle>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h3>\n            <button\n                fd-card-header-action\n                fd-button\n                class=\"view-btn\"\n                (click)=\"onRowClick()\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </fd-card-main-header>\n    </fd-card-header>\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card div[ulvcontextmenu] ::ng-deep .fd-bar{background-color:transparent}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i3.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i7.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i7.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i7.CardHeaderActionDirective, selector: "[fd-card-header-action]" }, { kind: "component", type: i7.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i7.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i8.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i9.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i10.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i11.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i11.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i11.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i11.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i11.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i11.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i11.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: i12.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i13.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: i14.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i3.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i3.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i3.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardItemComponent, selector: "bsu-card-item", inputs: { setting: "setting" }, providers: [FormPanelService], viewQueries: [{ propertyName: "_quickViewTemplate", first: true, predicate: ["quickViewTemplate"], descendants: true, static: true }, { propertyName: "_contentTemplate", first: true, predicate: ["contentTemplate"], descendants: true, static: true }], usesInheritance: true, ngImport: i0, template: "<fd-card\n    [cardType]=\"setting.CardType$Caption\"\n    class=\"docs-flex-item-margin\"\n    [class.openOnClick]=\"setting.openOnClick\"\n    [style.width]=\"cardWidth\"\n    [style.min-width]=\"minWidth\"\n    [style.max-width]=\"maxWidth\"\n>\n    <ng-container\n        *ngTemplateOutlet=\"\n            setting.HeaderComponent ? renderHeaderComponent : renderHeader;\n            context: {\n                $implicit: mo,\n                index: this.index\n            }\n        \"\n    ></ng-container>\n\n    @if (!noContent || contextMenuItems) {\n    <fd-card-content (click)=\"onRowCheck()\" (dblclick)=\"onRowClick()\" ellipsify>\n        <div #divEl [applyConditionalFormats]=\"conditionalFormats\" [styleIndex]=\"styleIndex\" [hostEl]=\"divEl\">\n            <ng-container\n                *ngTemplateOutlet=\"\n                    setting.ContentComponent ? contentTemplateComponent : contentTemplateRef;\n                    context: {\n                        $implicit: mo,\n                        index: this.index\n                    }\n                \"\n            ></ng-container>\n        </div>\n    </fd-card-content>\n    @if ((contextMenuInFooter || deviceName!=='desktop' || openOnClick) && (contextMenuItems && contextMenuItems.length\n    > 0) ) {\n    <div\n        ulvContextMenu\n        [allColumns]=\"allColumns\"\n        [footerMode]=\"true\"\n        [menuItems]=\"contextMenuItems\"\n        [styleIndex]=\"styleIndex\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [mo]=\"mo\"\n        (commandClick)=\"onUlvCommand()\"\n    ></div>\n    } }\n</fd-card>\n\n<ng-template #columnTemplate let-column let-mo=\"mo\" let-index=\"index\" let-layout94=\"layout94\"\n    >@if (column) {\n    <div\n        #divEl\n        [applyConditionalFormats]=\"conditionalFormats\"\n        [styleIndex]=\"styleIndex\"\n        [hostEl]=\"divEl\"\n        [dbName]=\"column.Name\"\n    >\n        <bsu-column-renderer\n            [mo]=\"mo\"\n            [column]=\"column\"\n            [value]=\"column | columnValue: mo | bbbTranslate\"\n            [icon]=\"column | columnIcon: mo\"\n            [editMode]=\"isChecked && inlineEditMode && allowInlineEdit\"\n            [rtl]=\"rtl\"\n            [isChecked]=\"isChecked\"\n            [deviceName]=\"deviceName\"\n            [deviceSize]=\"deviceSize\"\n            [index]=\"index\"\n            [controlUi]=\"column.Caption | controlUi: layout94:column.Name\"\n            (keyup.control.enter)=\"onEditFormPanelSave($event)\"\n            (keyup.esc)=\"onEditFormPanelCancel($event)\"\n            (keydown.Tab)=\"onTabKeyDown($event, index)\"\n            [formLayoutShowLabel]=\"true\"\n        ></bsu-column-renderer>\n    </div>\n    }\n</ng-template>\n<ng-template #quickViewTemplate let-mo let-index=\"index\">\n    @if (!noContent) {\n    <fd-quick-view [id]=\"'id'\">\n        <fd-quick-view-group>\n            @if (setting.Avatar || setting.AvatarField || setting.TitleField || setting.SubtitleField) {\n            <fd-quick-view-subheader> </fd-quick-view-subheader>\n            } @for (column of setting.FieldListMapped; track column) {\n            <fd-quick-view-group-item>\n                @if (column) {\n                <fd-quick-view-group-item-label>\n                    {{ column.Caption | bbbTranslate }}\n                </fd-quick-view-group-item-label>\n                <fd-quick-view-group-item-content>\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: column,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            } @if (setting.DescriptionField) {\n            <fd-quick-view-group-item>\n                <fd-quick-view-group-item-content>\n                    @if (inlineEditMode && allowInlineEdit) {\n                    <fd-quick-view-group-item-label>\n                        {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                    </fd-quick-view-group-item-label>\n                    }\n                    <div fd-quick-view-group-item-content-element class=\"group-item-content\">\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.DescriptionField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </div>\n                </fd-quick-view-group-item-content>\n                @if (setting.ActionFieldNameField) {\n                <fd-quick-view-group-item-content\n                    class=\"action\"\n                    (click)=\"onAction(setting.ActionFieldCommandField || '')\"\n                >\n                    <a fd-link>\n                        <ng-container\n                            *ngTemplateOutlet=\"\n                                columnTemplate;\n                                context: {\n                                    $implicit: setting.ActionFieldNameField,\n                                    layout94: layout$ | async,\n                                    mo: mo,\n                                    index: index\n                                }\n                            \"\n                        ></ng-container>\n                    </a>\n                </fd-quick-view-group-item-content>\n                }\n            </fd-quick-view-group-item>\n            }\n        </fd-quick-view-group>\n    </fd-quick-view>\n    }\n</ng-template>\n<ng-template #contentTemplate let-mo let-index=\"index\">\n    <fd-layout-grid>\n        <div fdLayoutGridRow style=\"align-items: center\">\n            <div [fdLayoutGridCol]=\"12\">\n                @for (column of setting.FieldListMapped; track column) {\n                <div style=\"display: flex\">\n                    <label fd-form-label [colon]=\"true\" for=\"form-value-11\">{{ column.Caption | bbbTranslate }}</label>\n                    <ng-container\n                        *ngTemplateOutlet=\"\n                            columnTemplate;\n                            context: {\n                                $implicit: column,\n                                layout94: layout$ | async,\n                                mo: mo,\n                                index: index\n                            }\n                        \"\n                    ></ng-container>\n                </div>\n                }\n            </div>\n            @if (setting.DescriptionField) {\n            <div [fdLayoutGridCol]=\"12\">\n                @if (inlineEditMode && allowInlineEdit) {\n                <label>\n                    {{ setting.DescriptionField?.Alias | bbbTranslate }}\n                </label>\n                }\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.DescriptionField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </div>\n            }\n        </div>\n    </fd-layout-grid>\n</ng-template>\n<ng-template #avatar let-avatar let-visible=\"visible\" let-circle=\"circle\" let-avatarField=\"avatarField\">\n    @if (visible) {\n    <fd-avatar\n        alterIcon=\"alt|content|backup|default-icon\"\n        [circle]=\"circle\"\n        [image]=\"avatarField ? (mo[avatarField.Name]?.FileId | picFieldSrc: 'ID':avatarField.FieldDefId) : ''\"\n        [size]=\"\n            deviceSize === 'xl' || deviceSize === 'l' ? setting.AvatarSizeDesktop$Caption : setting.AvatarSize$Caption\n        \"\n        [glyph]=\"avatar || (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\"\n    >\n    </fd-avatar>\n    }\n</ng-template>\n\n<ng-template #contentTemplateComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.ContentComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.ContentComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n\n<ng-template #renderHeader let-mo let-index=\"index\">\n    @if(openOnClick || (canView && deviceName !== 'desktop')){\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderHeaderMobileCanView;\n            context: {\n                $implicit: mo,\n                index: index\n            }\n        \"\n    ></ng-container>\n    }@else{\n    <ng-container\n        *ngTemplateOutlet=\"\n            renderHeaderDesktop;\n            context: {\n                $implicit: mo,\n                index: index\n            }\n        \"\n    ></ng-container>\n    }\n</ng-template>\n<ng-template #renderHeaderDesktop let-mo let-index=\"index\">\n    <fd-card-header>\n        <div>\n            @if(isCheckList){\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n            }\n        </div>\n        <fd-card-main-header>\n            @if (setting.AvatarField || setting.Avatar) {\n            <fd-avatar\n                alterIcon=\"alt|content|backup|default-icon\"\n                [circle]=\"setting.CircleAvatar\"\n                [image]=\"\n                    setting.AvatarField\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                        : ''\n                \"\n                [size]=\"\n                    deviceSize === 'xl' || deviceSize === 'l'\n                        ? setting.AvatarSizeDesktop$Caption\n                        : setting.AvatarSize$Caption\n                \"\n                [glyph]=\"\n                    setting.Avatar ||\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                \"\n            ></fd-avatar>\n            }\n            <h2 fd-card-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.TitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h2>\n            <h3 fd-card-subtitle>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h3>\n            @if (!contextMenuInFooter && (contextMenuItems && contextMenuItems.length > 0)) {\n            <div\n                ulvContextMenu\n                [allColumns]=\"allColumns\"\n                [footerMode]=\"false\"\n                [menuItems]=\"contextMenuItems\"\n                [styleIndex]=\"styleIndex\"\n                [conditionalFormats]=\"conditionalFormats\"\n                [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n                [mo]=\"mo\"\n                (commandClick)=\"onUlvCommand()\"\n            ></div>\n            }\n        </fd-card-main-header>\n    </fd-card-header>\n</ng-template>\n<ng-template #renderHeaderMobileCanView let-mo let-index=\"index\">\n    <fd-card-header>\n        <div>\n            @if(isCheckList){\n            <fd-checkbox [name]=\"mo.$Caption\" [ngModel]=\"isChecked\" (ngModelChange)=\"onRowCheck()\"></fd-checkbox>\n            }\n        </div>\n        <fd-card-main-header>\n            @if (setting.AvatarField || setting.Avatar) {\n            <fd-avatar\n                alterIcon=\"alt|content|backup|default-icon\"\n                [circle]=\"setting.CircleAvatar\"\n                [image]=\"\n                    setting.AvatarField\n                        ? (mo[setting.AvatarField.Name]?.FileId | picFieldSrc: 'ID':setting.AvatarField.FieldDefId)\n                        : ''\n                \"\n                [size]=\"\n                    deviceSize === 'xl' || deviceSize === 'l'\n                        ? setting.AvatarSizeDesktop$Caption\n                        : setting.AvatarSize$Caption\n                \"\n                [glyph]=\"\n                    setting.Avatar ||\n                    (mo.$State === 'New' && !isChecked ? 'favorite' : inlineEditMode && isChecked ? 'edit' : '')\n                \"\n            ></fd-avatar>\n            }\n            <h2 fd-card-title>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.TitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h2>\n            <h3 fd-card-subtitle>\n                <ng-container\n                    *ngTemplateOutlet=\"\n                        columnTemplate;\n                        context: {\n                            $implicit: setting.SubtitleField,\n                            layout94: layout$ | async,\n                            mo: mo,\n                            index: index\n                        }\n                    \"\n                ></ng-container>\n            </h3>\n            <button\n                fd-card-header-action\n                fd-button\n                class=\"view-btn\"\n                (click)=\"onRowClick()\"\n                [glyph]=\"navigationArrow\"\n                fdType=\"transparent\"\n            ></button>\n        </fd-card-main-header>\n    </fd-card-header>\n</ng-template>\n<ng-template #renderHeaderComponent let-mo let-index=\"index\">\n    <bnrc-dynamic-item-component\n        [component]=\"setting.HeaderComponent\"\n        [mo]=\"mo\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isChecked]=\"isChecked\"\n        [setting]=\"setting\"\n        [parameters]=\"setting.HeaderComponent.Settings\"\n        [editMode]=\"inlineEditMode\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (events)=\"onDynamicComponentEvents($event)\"\n    ></bnrc-dynamic-item-component>\n</ng-template>\n", styles: ["fd-card:hover{box-shadow:0 0 0 .0625rem #2235487a,0 .625rem 1.875rem #22354840}fd-card div[ulvcontextmenu] ::ng-deep .fd-bar{background-color:transparent}fd-card fd-card-content{padding:0!important}fd-card fd-card-header{padding:.5rem}fd-card fd-card-header:hover{background:var(--fdCard_Background_Color)}fd-card fd-card-header .fd-card__title{display:flex;justify-content:space-between;align-items:center;width:100%}fd-card fd-card-header button,fd-card fd-card-header div[ulvcontextmenu]{z-index:6}fd-card fd-card-header:hover{background:inherit}fd-quick-view-subheader ::ng-deep div{background:inherit}.action{cursor:pointer;margin-top:6px;flex:1;display:flex;justify-content:end;flex-direction:column}.openOnClick{cursor:pointer}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i3.DynamicItemComponent, selector: "bnrc-dynamic-item-component", inputs: ["mo", "allColumns", "moDataList", "columns", "column", "index", "last", "deviceName", "deviceSize", "rtl", "editMode", "setting", "parameters", "contextMenuItems", "canView", "showRowNumber", "rowNumber", "formSetting", "conditionalFormats", "disableOverflowContextMenu", "navigationArrow", "isCheckList", "fields", "isChecked", "layout94$", "inlineEditMode", "isNewInlineMo", "allowInlineEdit", "typeDefId", "rowIndicator", "rowIndicatorColor", "UlvMainCtrlr"] }, { kind: "directive", type: i3.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i4.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i5.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i6.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i7.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i7.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i7.CardHeaderActionDirective, selector: "[fd-card-header-action]" }, { kind: "component", type: i7.CardContentComponent, selector: "fd-card-content" }, { kind: "directive", type: i7.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i7.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "component", type: i8.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i9.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i10.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i10.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i10.LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "component", type: i11.QuickViewComponent, selector: "fd-quick-view", inputs: ["id"] }, { kind: "component", type: i11.QuickViewSubheaderComponent, selector: "fd-quick-view-subheader" }, { kind: "component", type: i11.QuickViewGroupComponent, selector: "fd-quick-view-group" }, { kind: "component", type: i11.QuickViewGroupItemComponent, selector: "fd-quick-view-group-item", inputs: ["id"] }, { kind: "component", type: i11.QuickViewGroupItemLabelComponent, selector: "fd-quick-view-group-item-label" }, { kind: "component", type: i11.QuickViewGroupItemContentComponent, selector: "fd-quick-view-group-item-content" }, { kind: "directive", type: i11.QuickViewGroupItemContentElementDirective, selector: "[fd-quick-view-group-item-content-element]" }, { kind: "component", type: i12.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: i13.ColumnRendererComponent, selector: "bsu-column-renderer,[colRenderer]", inputs: ["column", "mo", "index", "editMode", "customRowHeight", "controlUi", "formLayoutShowLabel", "isChecked", "isNewInlineMo", "containerDom", "disableEllapsis", "rtl", "deviceName", "deviceSize", "value", "icon"] }, { kind: "directive", type: i14.ApplyConditionalFormatsDirective, selector: "[applyConditionalFormats]", inputs: ["applyConditionalFormats", "styleIndex", "hostEl", "dbName"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i3.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i3.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i3.ControlUiPipe, name: "controlUi" }, { kind: "pipe", type: i3.ColumnIconPipe, name: "columnIcon" }, { kind: "pipe", type: i3.ColumnValuePipe, name: "columnValue" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardItemComponent, decorators: [{
             type: Component,

package/esm2022/lib/card-view-content/card-view-content.component.mjs

@@ -37,7 +37,7 @@ export class CardViewContentComponent extends BaseViewContentPropsComponent {
         this.expandClick.emit(mo);
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardViewContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    @if (moDataList && moDataList.length > 0) {\n    <fd-layout-grid class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n    } @else {\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\n    }\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\n    $last; let first = $first) { @if (!mo.$Parent || mo.$Parent?.$Expanded) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            mo.$Group || mo.$Group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n            context: { $implicit: mo, index: this.index }\n        \"\n    ></ng-container>\n    <ng-template #group>\n        <div\n            class=\"group-label row-group\"\n            [style.padding-right]=\"'calc( 1rem + ' + mo.$Level * 12 + 'px' + ' )'\"\n            [attr.level]=\"mo.$Level\"\n            [class.root-group]=\"mo.$Level === 0\"\n            ellipsify\n        >\n            <fd-icon\n                [glyph]=\"mo.$Expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick(mo)\"\n            ></fd-icon>\n            <span fd-list-title>{{ mo.$Group }}</span>\n        </div>\n    </ng-template>\n    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n    <div\n        ulvContextMenu\n        [allColumns]=\"allColumns\"\n        [menuItems]=\"contextMenuItems\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [mo]=\"mo\"\n        (commandClick)=\"ulvCommand.emit({mo,index})\"\n    ></div>\n    } }\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [openOnClick]=\"openOnClick\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0);border-style:solid;border-width:thin}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i5.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i6.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode"], outputs: ["commandClick"] }, { kind: "component", type: i7.NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: i8.CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: CardViewContentComponent, selector: "bsu-card-view-content", usesInheritance: true, ngImport: i0, template: "<ng-container *ngTemplateOutlet=\"setting.CardWidth ? flexTemplate : gridTemplate\"></ng-container>\n<ng-template #gridTemplate>\n    @if (moDataList && moDataList.length > 0) {\n    <fd-layout-grid class=\"card-list\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate; context: { $implicit: true }\"></ng-container>\n    </fd-layout-grid>\n    } @else {\n    <bsu-no-data [simple]=\"true\"></bsu-no-data>\n    }\n</ng-template>\n<ng-template #flexTemplate>\n    <div class=\"card-view-flex-container\">\n        <ng-container *ngTemplateOutlet=\"containerTemplate\"></ng-container>\n    </div>\n</ng-template>\n<ng-template #containerTemplate let-isGrid>\n    @for ( mo of moDataList | multipleGroupBy: groupby; track _trackByRow(index, mo); let index = $index; let last =\n    $last; let first = $first) { @if (!mo.$Parent || mo.$Parent?.$Expanded) {\n    <ng-container\n        *ngTemplateOutlet=\"\n            mo.$Group || mo.$Group === '' ? group : isGrid ? cardTemplateGrid : cardTemplate;\n            context: { $implicit: mo, index: this.index }\n        \"\n    ></ng-container>\n    <ng-template #group>\n        <div\n            class=\"group-label row-group\"\n            [style.padding-right]=\"'calc( 1rem + ' + mo.$Level * 12 + 'px' + ' )'\"\n            [attr.level]=\"mo.$Level\"\n            [class.root-group]=\"mo.$Level === 0\"\n            ellipsify\n        >\n            <fd-icon\n                [glyph]=\"mo.$Expanded ? 'navigation-down-arrow' : 'navigation-left-arrow'\"\n                class=\"cell-expand\"\n                (click)=\"onExpandClick(mo)\"\n            ></fd-icon>\n            <span fd-list-title>{{ mo.$Group }}</span>\n        </div>\n    </ng-template>\n    } @if (setting.contextMenuInFooter && contextMenuItems && contextMenuItems.length > 0) {\n    <div\n        ulvContextMenu\n        [allColumns]=\"allColumns\"\n        [menuItems]=\"contextMenuItems\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [mo]=\"mo\"\n        (commandClick)=\"ulvCommand.emit({mo,index})\"\n    ></div>\n    } }\n</ng-template>\n<ng-template #cardTemplate let-mo let-index=\"index\">\n    <bsu-card-item\n        [mo]=\"mo\"\n        [openOnClick]=\"openOnClick\"\n        [styleIndex]=\"mo.$StyleIndex\"\n        [isNewInlineMo]=\"mo.$NewInlineMo\"\n        [index]=\"index\"\n        [isChecked]=\"mo.$IsChecked\"\n        [visibility]=\"mo.$Visibility\"\n        [expanded]=\"mo.$Expanded\"\n        [level]=\"mo.$Level\"\n        [parentExpanded]=\"mo.$Parent?.$Expanded\"\n        [setting]=\"setting\"\n        [inlineEditMode]=\"inlineEditMode\"\n        [allowInlineEdit]=\"allowInlineEdit\"\n        [formSetting]=\"formSetting\"\n        [rtl]=\"rtl\"\n        [deviceName]=\"deviceName\"\n        [deviceSize]=\"deviceSize\"\n        [index]=\"index\"\n        [allColumns]=\"allColumns\"\n        [contextMenuItems]=\"contextMenuItems\"\n        [canView]=\"canView\"\n        [conditionalFormats]=\"conditionalFormats\"\n        [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\n        [navigationArrow]=\"navigationArrow\"\n        [isCheckList]=\"isCheckList\"\n        (rowCheck)=\"rowCheck.emit($event)\"\n        (rowClick)=\"rowClick.emit($event)\"\n        (ulvCommand)=\"ulvCommand.emit($event)\"\n        (editFormPanelSave)=\"editFormPanelSave.emit($event)\"\n        (editFormPanelCancel)=\"editFormPanelCancel.emit($event)\"\n        (action)=\"action.emit($event)\"\n    >\n    </bsu-card-item>\n</ng-template>\n<ng-template #cardTemplateGrid let-mo let-index=\"index\">\n    <div\n        [fdLayoutGridCol]=\"sizeS\"\n        [colMd]=\"sizeM\"\n        [colLg]=\"sizeL\"\n        [colXl]=\"sizeXl\"\n        [class.selected]=\"mo.$IsChecked ? true : false\"\n        class=\"card-container\"\n    >\n        <ng-container *ngTemplateOutlet=\"cardTemplate; context: { $implicit: mo, index: index }\"></ng-container>\n    </div>\n</ng-template>\n", styles: [".card-list{flex-wrap:wrap;padding-bottom:2rem;margin-left:0;row-gap:.25rem}.card-list .group-label{width:100%;display:flex;align-items:center;border-right:none;padding-top:.25rem;padding-bottom:.25rem;column-gap:10px}::ng-deep .card-list .unread .fd-form-item,::ng-deep .card-list .unread .fd-title,::ng-deep .card-list .unread .fd-quick-view__subtitle{font-weight:700}::ng-deep .card-list .group-item-content{background-color:transparent}::ng-deep .card-list .selected fd-card{border-color:var(--sapList_SelectionBorderColor, #0854a0);border-style:solid;border-width:thin}::ng-deep .card-list fd-card fd-icon .avatar{font-size:.75rem!important}::ng-deep .card-list fd-card .fd-quick-view__content{height:100%}::ng-deep .card-list fd-card fd-icon .avatar{font-size:1rem!important}.card-view-flex-container{width:100%;display:flex;flex-wrap:wrap;row-gap:10px;column-gap:10px}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.EllipsifyDirective, selector: "[ellipsify]", inputs: ["limitLine"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "component", type: i4.LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["class", "noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: i4.LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl", "class"] }, { kind: "directive", type: i5.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "component", type: i6.UlvContextMenuComponent, selector: "bsu-ulv-context-menu,[ulvContextMenu]", inputs: ["onlyOverflow", "rightClickEnable", "deviceName", "menuItems", "allColumns", "index", "mo", "styleIndex", "conditionalFormats", "disableOverflowContextMenu", "footerMode", "appendTo"], outputs: ["commandClick"] }, { kind: "component", type: i7.NoDataComponent, selector: "bsu-no-data", inputs: ["simple"] }, { kind: "component", type: i8.CardItemComponent, selector: "bsu-card-item", inputs: ["setting"] }, { kind: "pipe", type: i2.MultipleGroupByPipe, name: "multipleGroupBy" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: CardViewContentComponent, decorators: [{
             type: Component,