@fundamental-ngx/platform 0.64.2-rc.8 → 0.64.2

package/fesm2022/fundamental-ngx-platform-value-help-dialog.mjs

@@ -420,7 +420,7 @@ class DefineTabComponent extends VhdBaseTab {
         }
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DefineTabComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DefineTabComponent, isStandalone: true, selector: "fdp-define-tab", inputs: { titleId: "titleId", selectedId: "selectedId", conditions: "conditions", strategyLabels: "strategyLabels" }, outputs: { includeChange: "includeChange", excludeChange: "excludeChange", conditionChange: "conditionChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ ('platformVHD.defineConditionTitle' | fdTranslate)() }}\n</h5>\n@for (item of _conditions; track _trackByKeyAndType(i, item); let i = $index) {\n    <fd-layout-grid class=\"condition-row\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"4\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        (\n                            'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate: { value: item.strategy }\n                        )()\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [inline]=\"false\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    @if (_includeStrategy.length) {\n                        <li fd-list-group-header>\n                            <span fd-list-title>{{\n                                ('platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate)()\n                            }}</span>\n                        </li>\n                        @for (strategy of _includeStrategy; track strategy) {\n                            <li fd-option [value]=\"strategy.key\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                    [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                                ></ng-template>\n                            </li>\n                        }\n                    }\n                    @if (_excludeStrategy.length) {\n                        <li fd-list-group-header>\n                            <span fd-list-title>{{\n                                ('platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate)()\n                            }}</span>\n                        </li>\n                        @for (strategy of _excludeStrategy; track strategy) {\n                            <li fd-option [value]=\"strategy.key\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                    [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                                ></ng-template>\n                            </li>\n                        }\n                    }\n                </fd-select>\n            </div>\n            @if (item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty) {\n                <div fdLayoutGridCol colGrow>\n                    <div fdLayoutGridRow>\n                        @if (item.strategy === _strategyIncludeValues.between) {\n                            <div fdLayoutGridCol colGrow>\n                                <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                    <input\n                                        fd-form-control\n                                        fdp-condition-count-message\n                                        [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                        type=\"text\"\n                                        [placeholder]=\"('platformVHD.defineConditionFromPlaceholder' | fdTranslate)()\"\n                                        placeholder=\"from\"\n                                        required\n                                        [state]=\"fromModel.invalid ? 'error' : null\"\n                                        [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                        (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                        #fromModel=\"ngModel\"\n                                        [(ngModel)]=\"item.value\"\n                                    />\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-template>\n                                </fd-form-input-message-group>\n                            </div>\n                            <div fdLayoutGridCol colGrow>\n                                <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                    <input\n                                        fd-form-control\n                                        fdp-condition-count-message\n                                        [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                        type=\"text\"\n                                        [placeholder]=\"('platformVHD.defineConditionToPlaceholder' | fdTranslate)()\"\n                                        required\n                                        [state]=\"toModel.invalid ? 'error' : null\"\n                                        [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                        (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                        #toModel=\"ngModel\"\n                                        [(ngModel)]=\"item.valueTo\"\n                                    />\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-template>\n                                </fd-form-input-message-group>\n                            </div>\n                        } @else {\n                            <div fdLayoutGridCol colGrow>\n                                <fd-form-input-message-group>\n                                    <input\n                                        fd-form-control\n                                        fdp-condition-count-message\n                                        [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                        type=\"text\"\n                                        [placeholder]=\"('platformVHD.defineConditionValuePlaceholder' | fdTranslate)()\"\n                                        [state]=\"valueModel.invalid ? 'error' : null\"\n                                        [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                        (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                        #valueModel=\"ngModel\"\n                                        [(ngModel)]=\"item.value\"\n                                    />\n                                    @if (valueModel.invalid) {\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"countError\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                        ></ng-template>\n                                    }\n                                </fd-form-input-message-group>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"('platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate)()\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"('platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate)()\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n}\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"('platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate)()\"\n                [label]=\"('platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate)()\"\n                [title]=\"('platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate)()\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    @switch (strategy.key) {\n        @case ('contains') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate)() }}\n        }\n        @case ('equalTo') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate)() }}\n        }\n        @case ('between') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate)() }}\n        }\n        @case ('startsWith') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate)() }}\n        }\n        @case ('endsWith') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate)() }}\n        }\n        @case ('lessThan') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate)() }}\n        }\n        @case ('lessThanEqual') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate)() }}\n        }\n        @case ('greaterThan') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate)() }}\n        }\n        @case ('greaterThanEqual') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate)() }}\n        }\n        @case ('empty') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate)() }}\n        }\n        @case ('not_equalTo') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate)() }}\n        }\n        @case ('not_empty') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate)() }}\n        }\n    }\n</ng-template>\n<ng-template #countError let-count>\n    @if (count && count > 7) {\n        <fd-form-message type=\"error\">\n            {{ ('platformVHD.defineConditionMaxCountError' | fdTranslate: { count: 7 })() }}\n        </fd-form-message>\n    }\n</ng-template>\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .condition-row{padding:0}.fdp-value-help-dialog fdp-define-tab .condition-row .fd-col{padding-top:0;padding-bottom:0}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{display:flex;align-items:center;min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:1rem}.fd-list--dropdown .fd-list__item.fd-list__group-header{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["twoLineClamp", "headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl"] }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id", "disabled", "unitDescription", "independent"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "textOverflow", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "glyphFont", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "tabOutStrategy", "ariaHasPopup", "ariaDescription", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "directive", type: ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate", "scope"] }, { kind: "component", type: OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: ConditionCountMessageDirective, selector: "[fdp-condition-count-message]", inputs: ["maxCharacters"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: FormMessageComponent, selector: "fd-form-message", inputs: ["type", "static", "embedded", "class"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.5", type: DefineTabComponent, isStandalone: true, selector: "fdp-define-tab", inputs: { titleId: "titleId", selectedId: "selectedId", conditions: "conditions", strategyLabels: "strategyLabels" }, outputs: { includeChange: "includeChange", excludeChange: "excludeChange", conditionChange: "conditionChange" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<h5 [id]=\"titleId\" role=\"heading\" aria-level=\"5\" fd-title class=\"define-condition-title\">\n    {{ ('platformVHD.defineConditionTitle' | fdTranslate)() }}\n</h5>\n@for (item of _conditions; track _trackByKeyAndType(i, item); let i = $index) {\n    <fd-layout-grid class=\"condition-row\">\n        <div fdLayoutGridRow>\n            <div [fdLayoutGridCol]=\"4\">\n                <label id=\"CONDITIONPANEL_OPERATOR_LABEL\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    CONDITIONPANEL_OPERATOR_LABEL\n                </label>\n                <label [id]=\"selectedId\" fd-form-label class=\"fdp-value-help-dialog__hidden_label\">\n                    {{\n                        (\n                            'platformVHD.defineConditionSelectedValueHiddenA11yLabel'\n                            | fdTranslate: { value: item.strategy }\n                        )()\n                    }}</label\n                >\n                <fd-select\n                    class=\"vhd-condition-filters\"\n                    fdLayoutGridCol\n                    colGrow\n                    [class.fd-select-custom-class]=\"false\"\n                    #sttr\n                    [controlTemplate]=\"customSelectTemplate\"\n                    [name]=\"uid + '-' + type + '-strategy-' + item.id\"\n                    [(ngModel)]=\"item.strategy\"\n                    (valueChange)=\"_filterChanged()\"\n                    role=\"combobox\"\n                    aria-roledescription=\"select\"\n                    aria-haspopup=\"listbox\"\n                    [inline]=\"false\"\n                    [ariaLabelledBy]=\"titleId + ' ' + 'CONDITIONPANEL_OPERATOR_LABEL' + ' ' + selectedId\"\n                >\n                    @if (_includeStrategy.length) {\n                        <li fd-list-group-header>\n                            <span fd-list-title>{{\n                                ('platformVHD.defineConditionConditionsGroupHeaderInclude' | fdTranslate)()\n                            }}</span>\n                        </li>\n                        @for (strategy of _includeStrategy; track strategy) {\n                            <li fd-option [value]=\"strategy.key\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                    [ngTemplateOutletContext]=\"{ type: _defineTypes.include, strategy: strategy }\"\n                                ></ng-template>\n                            </li>\n                        }\n                    }\n                    @if (_excludeStrategy.length) {\n                        <li fd-list-group-header>\n                            <span fd-list-title>{{\n                                ('platformVHD.defineConditionConditionsGroupHeaderExclude' | fdTranslate)()\n                            }}</span>\n                        </li>\n                        @for (strategy of _excludeStrategy; track strategy) {\n                            <li fd-option [value]=\"strategy.key\">\n                                <ng-template\n                                    [ngTemplateOutlet]=\"conditionStrategyOption\"\n                                    [ngTemplateOutletContext]=\"{ type: _defineTypes.exclude, strategy: strategy }\"\n                                ></ng-template>\n                            </li>\n                        }\n                    }\n                </fd-select>\n            </div>\n            @if (item.strategy !== _strategyIncludeValues.empty && item.strategy !== _strategyExcludeValues.not_empty) {\n                <div fdLayoutGridCol colGrow>\n                    <div fdLayoutGridRow>\n                        @if (item.strategy === _strategyIncludeValues.between) {\n                            <div fdLayoutGridCol colGrow>\n                                <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                    <input\n                                        fd-form-control\n                                        fdp-condition-count-message\n                                        [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                        type=\"text\"\n                                        [placeholder]=\"('platformVHD.defineConditionFromPlaceholder' | fdTranslate)()\"\n                                        placeholder=\"from\"\n                                        required\n                                        [state]=\"fromModel.invalid ? 'error' : null\"\n                                        [name]=\"uid + '-' + type + '-from-' + item.id\"\n                                        (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                        #fromModel=\"ngModel\"\n                                        [(ngModel)]=\"item.value\"\n                                    />\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-template>\n                                </fd-form-input-message-group>\n                            </div>\n                            <div fdLayoutGridCol colGrow>\n                                <fd-form-input-message-group [triggers]=\"['focusin', 'focusout']\">\n                                    <input\n                                        fd-form-control\n                                        fdp-condition-count-message\n                                        [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                        type=\"text\"\n                                        [placeholder]=\"('platformVHD.defineConditionToPlaceholder' | fdTranslate)()\"\n                                        required\n                                        [state]=\"toModel.invalid ? 'error' : null\"\n                                        [name]=\"uid + '-' + type + '-to-' + item.id\"\n                                        (blur)=\"_validateConditionValue(item, [!!fromModel.valid, !!toModel.valid])\"\n                                        #toModel=\"ngModel\"\n                                        [(ngModel)]=\"item.valueTo\"\n                                    />\n                                    <ng-template\n                                        [ngTemplateOutlet]=\"countError\"\n                                        [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                    ></ng-template>\n                                </fd-form-input-message-group>\n                            </div>\n                        } @else {\n                            <div fdLayoutGridCol colGrow>\n                                <fd-form-input-message-group>\n                                    <input\n                                        fd-form-control\n                                        fdp-condition-count-message\n                                        [maxCharacters]=\"_rules.maxCharactersHintCount\"\n                                        type=\"text\"\n                                        [placeholder]=\"('platformVHD.defineConditionValuePlaceholder' | fdTranslate)()\"\n                                        [state]=\"valueModel.invalid ? 'error' : null\"\n                                        [name]=\"uid + '-' + type + '-value-' + item.id\"\n                                        (blur)=\"_validateConditionValue(item, !!valueModel.valid)\"\n                                        #valueModel=\"ngModel\"\n                                        [(ngModel)]=\"item.value\"\n                                    />\n                                    @if (valueModel.invalid) {\n                                        <ng-template\n                                            [ngTemplateOutlet]=\"countError\"\n                                            [ngTemplateOutletContext]=\"{ $implicit: item.value && item.value.length }\"\n                                        ></ng-template>\n                                    }\n                                </fd-form-input-message-group>\n                            </div>\n                        }\n                    </div>\n                </div>\n            }\n            <div class=\"action-col\" fdLayoutGridCol colGrow>\n                <button\n                    fd-button\n                    [ariaLabel]=\"('platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate)()\"\n                    fdType=\"transparent\"\n                    glyph=\"decline\"\n                    [title]=\"('platformVHD.defineConditionRemoveConditionButtonTitle' | fdTranslate)()\"\n                    (click)=\"removeCondition(i)\"\n                ></button>\n            </div>\n        </div>\n    </fd-layout-grid>\n}\n<fd-layout-grid class=\"condition-row new-condition-row\" [noGap]=\"true\">\n    <div fdLayoutGridRow>\n        <div fdLayoutGridCol colGrow>&nbsp;</div>\n        <div fdLayoutGridCol class=\"action-col\">\n            <button\n                fd-button\n                [attr.aria-label]=\"('platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate)()\"\n                [label]=\"('platformVHD.defineConditionAddConditionButtonLabel' | fdTranslate)()\"\n                [title]=\"('platformVHD.defineConditionAddConditionButtonTitle' | fdTranslate)()\"\n                (click)=\"addEmptyCondition()\"\n            ></button>\n        </div>\n    </div>\n</fd-layout-grid>\n<ng-template #conditionStrategyOption let-type=\"type\" let-strategy=\"strategy\">\n    @switch (strategy.key) {\n        @case ('contains') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelContains' | fdTranslate)() }}\n        }\n        @case ('equalTo') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelEqualTo' | fdTranslate)() }}\n        }\n        @case ('between') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelBetween' | fdTranslate)() }}\n        }\n        @case ('startsWith') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelStartsWith' | fdTranslate)() }}\n        }\n        @case ('endsWith') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelEndsWith' | fdTranslate)() }}\n        }\n        @case ('lessThan') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelLessThan' | fdTranslate)() }}\n        }\n        @case ('lessThanEqual') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelLessThanEqual' | fdTranslate)() }}\n        }\n        @case ('greaterThan') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelGreaterThan' | fdTranslate)() }}\n        }\n        @case ('greaterThanEqual') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelGreaterThanEqual' | fdTranslate)() }}\n        }\n        @case ('empty') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelEmpty' | fdTranslate)() }}\n        }\n        @case ('not_equalTo') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelNotEqualTo' | fdTranslate)() }}\n        }\n        @case ('not_empty') {\n            {{ ('platformVHD.defineConditionConditionStrategyLabelNotEmpty' | fdTranslate)() }}\n        }\n    }\n</ng-template>\n<ng-template #countError let-count>\n    @if (count && count > 7) {\n        <fd-form-message type=\"error\">\n            {{ ('platformVHD.defineConditionMaxCountError' | fdTranslate: { count: 7 })() }}\n        </fd-form-message>\n    }\n</ng-template>\n<ng-template #customSelectTemplate let-textValue>\n    {{ textValue }}\n</ng-template>\n", styles: [".fdp-value-help-dialog fdp-define-tab{height:100%;overflow:auto}.fdp-value-help-dialog fdp-define-tab .define-condition-title{padding:.625rem 0 0}.fdp-value-help-dialog fdp-define-tab .condition-row{padding:0}.fdp-value-help-dialog fdp-define-tab .condition-row .fd-col{padding-top:0;padding-bottom:0}.fdp-value-help-dialog .vhd-condition-filters fd-popover{width:100%}.fdp-value-help-dialog .condition-row{align-items:center}.fdp-value-help-dialog .condition-row .main-col{min-width:auto;flex:1 1 auto}.fdp-value-help-dialog .condition-row .action-col{display:flex;align-items:center;min-width:auto;flex:0 0 auto}.fdp-value-help-dialog .condition-row.new-condition-row{padding-top:.5rem}.fdp-value-help-dialog .condition-row.new-condition-row .fd-button{margin-right:1rem}.fd-list--dropdown .fd-list__item.fd-list__group-header{border-bottom:var(--sapList_BorderWidth) solid var(--sapList_GroupHeaderBorderColor)}\n"], dependencies: [{ kind: "component", type: TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["twoLineClamp", "headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: LayoutGridComponent, selector: "fd-layout-grid, [fdLayoutGrid]", inputs: ["noGap", "noHorizontalGap", "noVerticalGap"] }, { kind: "directive", type: LayoutGridRowDirective, selector: "[fd-layout-grid-row], [fdLayoutGridRow]" }, { kind: "directive", type: LayoutGridColDirective, selector: "[fd-layout-grid-col], [fdLayoutGridCol]", inputs: ["fdLayoutGridCol", "colGrow", "colMd", "colLg", "colXl", "colOffset", "colOffsetMd", "colOffsetLg", "colOffsetXl"] }, { kind: "component", type: FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "allowWrap", "inlineHelpLabel", "id", "disabled", "unitDescription", "independent"] }, { kind: "component", type: SelectComponent, selector: "fd-select", inputs: ["extendedBodyTemplate", "scrollStrategy", "textOverflow", "controlId", "state", "mobile", "stateMessage", "disabled", "required", "readonly", "placeholder", "value", "maxHeight", "glyph", "glyphFont", "closeOnOutsideClick", "fillControlMode", "controlTemplate", "appendTo", "unselectMissingOption", "typeaheadDebounceInterval", "ariaLabelledBy", "ariaLabel", "mobileConfig", "inline", "selectControlClass", "selectDropdownButtonClass", "advancedStateMessage", "tabOutStrategy", "ariaHasPopup", "ariaDescription", "compareWith"], outputs: ["isOpenChange", "valueChange"] }, { kind: "ngmodule", type: FormsModule }, { kind: "directive", type: i1.DefaultValueAccessor, selector: "input:not([type=checkbox]):not([ngNoCva])[formControlName],textarea:not([ngNoCva])[formControlName],input:not([type=checkbox]):not([ngNoCva])[formControl],textarea:not([ngNoCva])[formControl],input:not([type=checkbox]):not([ngNoCva])[ngModel],textarea:not([ngNoCva])[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: ListGroupHeaderDirective, selector: "[fdListGroupHeader], [fd-list-group-header]", inputs: ["nativeElementId"], outputs: ["keyDown"] }, { kind: "directive", type: ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap", "truncate", "scope"] }, { kind: "component", type: OptionComponent, selector: "[fd-option], fd-option", inputs: ["id", "value", "disabled"], outputs: ["selectionChange"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: ConditionCountMessageDirective, selector: "[fdp-condition-count-message]", inputs: ["maxCharacters"] }, { kind: "component", type: ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["id"], exportAs: ["fd-button"] }, { kind: "component", type: FormMessageComponent, selector: "fd-form-message", inputs: ["id", "type", "static", "valueStateMessage", "embedded"] }, { kind: "pipe", type: FdTranslatePipe, name: "fdTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.5", ngImport: i0, type: DefineTabComponent, decorators: [{
             type: Component,