barsa-sap-ui 2.3.52 → 2.3.53
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/barsa-sap-ui.mjs +19 -10
- package/fesm2022/barsa-sap-ui.mjs.map +1 -1
- package/index.d.ts +1 -0
- package/package.json +1 -1
|
@@ -2839,6 +2839,7 @@ class BarsaAspViewerComponent extends BaseComponent {
|
|
|
2839
2839
|
return;
|
|
2840
2840
|
}
|
|
2841
2841
|
basket.UlvParams.Width = this.el.nativeElement.offsetWidth;
|
|
2842
|
+
basket.UlvParams.Height = this.el.nativeElement.offsetHeight;
|
|
2842
2843
|
this._submitForm(basket.UlvParams);
|
|
2843
2844
|
}
|
|
2844
2845
|
_loadIFrame(handleEvent = true) {
|
|
@@ -7036,7 +7037,7 @@ class ReportNavigatorComponent extends BaseComponent {
|
|
|
7036
7037
|
ReportId: params.id.split('__').length > 2 ? params.id.split('__')[2] : '',
|
|
7037
7038
|
ReportId2: params.id.split('__').length > 1 ? params.id.split('__')[1] : '',
|
|
7038
7039
|
isReportPage: params.id.split('__').length > 3 ? params.id.split('__')[3] : null
|
|
7039
|
-
})), tap((c) => (c.isReportPage ? (this.minheight = 'auto') : '100vh')), tap((_c) => this.containerRef.clear()), tap((navItem) => this._applicationCtrlService.selectNavGroupItem(navItem.Id)), tap((navItem) => this._applicationCtrlService.selectedReportId(navItem.ReportId || navItem.ReportId2)), switchMap((navItem) => this._portalService
|
|
7040
|
+
})), tap((c) => (c.isReportPage ? (this.minheight = 'auto') : '100vh')), tap((c) => (c.ReportId = !c.ReportId ? c.ReportId2 : c.ReportId)), tap((_c) => this.containerRef.clear()), tap((navItem) => this._applicationCtrlService.selectNavGroupItem(navItem.Id)), tap((navItem) => this._applicationCtrlService.selectedReportId(navItem.ReportId || navItem.ReportId2)), switchMap((navItem) => this._portalService
|
|
7040
7041
|
.renderUlvMainUi(navItem, this.containerRef, this._injector, navItem.isReportPage ? false : true)
|
|
7041
7042
|
.pipe(catchError((_err) =>
|
|
7042
7043
|
// this._location.back();
|
|
@@ -11403,11 +11404,11 @@ class UiTextAreaComponent extends FieldBaseComponent {
|
|
|
11403
11404
|
this._cdr.detectChanges();
|
|
11404
11405
|
}
|
|
11405
11406
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiTextAreaComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11406
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiTextAreaComponent, isStandalone: false, selector: "bsu-ui-text-area", viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n #textarea\r\n fd-form-control\r\n [id]=\"id\"\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [disabled]=\"(disable$ | async) === true ? true : null\"\r\n growing=\"true\"\r\n wrapType=\"hard\"\r\n [attr.title]=\"value\"\r\n [value]=\"!value ? '' : value\"\r\n (input)=\"onValueChange($event)\"\r\n (keyup)=\"onKeyup()\"\r\n [style.min-height.px]=\"minHeight\"\r\n [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n intersectionObserver\r\n [intersectionThreshold]=\"0.5\"\r\n (visibilityChange)=\"onVisibilityChange($event)\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"value | sanitizeText\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SanitizeTextPipe, name: "sanitizeText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11407
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiTextAreaComponent, isStandalone: false, selector: "bsu-ui-text-area", viewQueries: [{ propertyName: "textarea", first: true, predicate: ["textarea"], descendants: true, read: ElementRef }], usesInheritance: true, ngImport: i0, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n #textarea\r\n fd-form-control\r\n [id]=\"id\"\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [disabled]=\"(disable$ | async) === true ? true : null\"\r\n growing=\"true\"\r\n wrapType=\"hard\"\r\n [attr.title]=\"value\"\r\n [value]=\"!value ? '' : value\"\r\n (input)=\"onValueChange($event)\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n (keyup)=\"onKeyup()\"\r\n [style.min-height.px]=\"minHeight\"\r\n [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n intersectionObserver\r\n [intersectionThreshold]=\"0.5\"\r\n (visibilityChange)=\"onVisibilityChange($event)\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"value | sanitizeText\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"], dependencies: [{ kind: "directive", type: i2.IntersectionObserverDirective, selector: "[intersectionObserver]", inputs: ["intersectionDebounce", "intersectionRootMargin", "intersectionRoot", "intersectionThreshold"], outputs: ["visibilityChange"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SanitizeTextPipe, name: "sanitizeText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11407
11408
|
}
|
|
11408
11409
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiTextAreaComponent, decorators: [{
|
|
11409
11410
|
type: Component,
|
|
11410
|
-
args: [{ selector: 'bsu-ui-text-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n #textarea\r\n fd-form-control\r\n [id]=\"id\"\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [disabled]=\"(disable$ | async) === true ? true : null\"\r\n growing=\"true\"\r\n wrapType=\"hard\"\r\n [attr.title]=\"value\"\r\n [value]=\"!value ? '' : value\"\r\n (input)=\"onValueChange($event)\"\r\n (keyup)=\"onKeyup()\"\r\n [style.min-height.px]=\"minHeight\"\r\n [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n intersectionObserver\r\n [intersectionThreshold]=\"0.5\"\r\n (visibilityChange)=\"onVisibilityChange($event)\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"value | sanitizeText\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"] }]
|
|
11411
|
+
args: [{ selector: 'bsu-ui-text-area', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!isEmbedHtml) {\r\n<textarea\r\n #textarea\r\n fd-form-control\r\n [id]=\"id\"\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [disabled]=\"(disable$ | async) === true ? true : null\"\r\n growing=\"true\"\r\n wrapType=\"hard\"\r\n [attr.title]=\"value\"\r\n [value]=\"!value ? '' : value\"\r\n (input)=\"onValueChange($event)\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n (keyup)=\"onKeyup()\"\r\n [style.min-height.px]=\"minHeight\"\r\n [style.height]=\"fixHeightValue ? fixHeightValue : null\"\r\n [style.overflow-y]=\"fixHeightValue ? 'auto' : null\"\r\n intersectionObserver\r\n [intersectionThreshold]=\"0.5\"\r\n (visibilityChange)=\"onVisibilityChange($event)\"\r\n></textarea>\r\n} @else {\r\n<textarea fd-form-control [innerHTML]=\"value | sanitizeText\"></textarea>\r\n}\r\n", styles: [":host{display:block}textarea{width:100%;overflow:hidden}\n"] }]
|
|
11411
11412
|
}], propDecorators: { textarea: [{
|
|
11412
11413
|
type: ViewChild,
|
|
11413
11414
|
args: ['textarea', { read: ElementRef }]
|
|
@@ -11901,11 +11902,11 @@ class UiDateTimeComponent extends FieldBaseComponent {
|
|
|
11901
11902
|
return caption;
|
|
11902
11903
|
}
|
|
11903
11904
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiDateTimeComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11904
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiDateTimeComponent, isStandalone: false, selector: "bsu-ui-date-time", inputs: { GetCaption: "GetCaption" }, viewQueries: [{ propertyName: "datetimePickerRef", first: true, predicate: ["datetimePicker"], descendants: true }, { propertyName: "datePickerRef", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "durationPickerRef", first: true, predicate: ["durationPicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ((readonly$ | async) === true) {\r\n<input fd-form-control type=\"text\" [attr.readonly]=\"true\" [value]=\"value ? valueCaption : ''\" />\r\n} @else{\r\n<div\r\n [class.disabled]=\"(disable$ | async) === true\"\r\n [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\r\n [attr.dir]=\"Setting.IsLtr === true ? 'ltr' :
|
|
11905
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiDateTimeComponent, isStandalone: false, selector: "bsu-ui-date-time", inputs: { GetCaption: "GetCaption" }, viewQueries: [{ propertyName: "datetimePickerRef", first: true, predicate: ["datetimePicker"], descendants: true }, { propertyName: "datePickerRef", first: true, predicate: ["datePicker"], descendants: true }, { propertyName: "durationPickerRef", first: true, predicate: ["durationPicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "@if ((readonly$ | async) === true) {\r\n<input fd-form-control type=\"text\" [attr.readonly]=\"true\" [value]=\"value ? valueCaption : ''\" />\r\n} @else{\r\n<div\r\n [class.disabled]=\"(disable$ | async) === true\"\r\n [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\r\n [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n>\r\n <bc-date-time-picker\r\n [value]=\"value\"\r\n [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\r\n [culture]=\"culture\"\r\n [showDate]=\"Setting.ShowDate1\"\r\n [showTime]=\"Setting.ShowTime1\"\r\n [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\r\n [calendarType]=\"Setting.CalendarType\"\r\n [formatPattern]=\"formatPattern\"\r\n [deviceSize]=\"(deviceSize$ | async)!!\"\r\n [isMobile]=\"isMobile\"\r\n [daterangeMode]=\"parameters?.DateRangeMode === true\"\r\n [inlineMode]=\"parameters?.InlineMode === true\"\r\n [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n (valueChange)=\"onDateChange2($event)\"\r\n (rangeChange)=\"onRangeChange($event)\"\r\n >\r\n </bc-date-time-picker>\r\n</div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i2$4.DateTimePickerComponent, selector: "bc-date-time-picker", inputs: ["placeholder", "calendarType", "formatPattern", "value", "timeValue", "startRangeDate", "endRangeDate", "isRangePicker", "showTime", "showDate", "rtl", "deviceSize", "isMobile", "readonly", "disabled", "buttonMenuMode", "inlineMode", "daterangeMode", "culture"], outputs: ["rangeChange", "valueChange"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11905
11906
|
}
|
|
11906
11907
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiDateTimeComponent, decorators: [{
|
|
11907
11908
|
type: Component,
|
|
11908
|
-
args: [{ selector: 'bsu-ui-date-time', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if ((readonly$ | async) === true) {\r\n<input fd-form-control type=\"text\" [attr.readonly]=\"true\" [value]=\"value ? valueCaption : ''\" />\r\n} @else{\r\n<div\r\n [class.disabled]=\"(disable$ | async) === true\"\r\n [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\r\n [attr.dir]=\"Setting.IsLtr === true ? 'ltr' :
|
|
11909
|
+
args: [{ selector: 'bsu-ui-date-time', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if ((readonly$ | async) === true) {\r\n<input fd-form-control type=\"text\" [attr.readonly]=\"true\" [value]=\"value ? valueCaption : ''\" />\r\n} @else{\r\n<div\r\n [class.disabled]=\"(disable$ | async) === true\"\r\n [style.display]=\"(disableOrReadonly$ | async)!! ? 'hidden' : 'block'\"\r\n [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n>\r\n <bc-date-time-picker\r\n [value]=\"value\"\r\n [buttonMenuMode]=\"parameters?.ButtonMenuMode === true\"\r\n [culture]=\"culture\"\r\n [showDate]=\"Setting.ShowDate1\"\r\n [showTime]=\"Setting.ShowTime1\"\r\n [placeholder]=\"parameters?.ButtonMenuMode === true ? parameters.Placeholder : formatPattern\"\r\n [calendarType]=\"Setting.CalendarType\"\r\n [formatPattern]=\"formatPattern\"\r\n [deviceSize]=\"(deviceSize$ | async)!!\"\r\n [isMobile]=\"isMobile\"\r\n [daterangeMode]=\"parameters?.DateRangeMode === true\"\r\n [inlineMode]=\"parameters?.InlineMode === true\"\r\n [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n (valueChange)=\"onDateChange2($event)\"\r\n (rangeChange)=\"onRangeChange($event)\"\r\n >\r\n </bc-date-time-picker>\r\n</div>\r\n}\r\n", styles: [":host{display:block}\n"] }]
|
|
11909
11910
|
}], propDecorators: { datetimePickerRef: [{
|
|
11910
11911
|
type: ViewChild,
|
|
11911
11912
|
args: ['datetimePicker']
|
|
@@ -12346,11 +12347,11 @@ class UiNumIntUiComponent extends NumberBaseComponent {
|
|
|
12346
12347
|
super.ngOnInit();
|
|
12347
12348
|
}
|
|
12348
12349
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiNumIntUiComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
12349
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: UiNumIntUiComponent, isStandalone: false, selector: "bsu-ui-num-int-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n #inputRef\r\n fd-form-control\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n [type]=\"hasMask ? 'text' : 'number'\"\r\n [id]=\"id\"
|
|
12350
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: UiNumIntUiComponent, isStandalone: false, selector: "bsu-ui-num-int-ui", viewQueries: [{ propertyName: "inputRef", first: true, predicate: ["inputRef"], descendants: true, read: ElementRef, static: true }], usesInheritance: true, ngImport: i0, template: "<input\r\n #inputRef\r\n fd-form-control\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n [type]=\"hasMask ? 'text' : 'number'\"\r\n [id]=\"id\" \r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (input)=\"onValueChange($event)\"\r\n \r\n/>\r\n\r\n\r\n", styles: [":host{display:block}.number-input{display:block}\n"], dependencies: [{ kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }] }); }
|
|
12350
12351
|
}
|
|
12351
12352
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiNumIntUiComponent, decorators: [{
|
|
12352
12353
|
type: Component,
|
|
12353
|
-
args: [{ selector: 'bsu-ui-num-int-ui', standalone: false, template: "<input\r\n #inputRef\r\n fd-form-control\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n [type]=\"hasMask ? 'text' : 'number'\"\r\n [id]=\"id\"
|
|
12354
|
+
args: [{ selector: 'bsu-ui-num-int-ui', standalone: false, template: "<input\r\n #inputRef\r\n fd-form-control\r\n [placeholder]=\"Setting.NullText || ''\"\r\n [attr.readonly]=\"(readonly$ | async) === true ? true : null\"\r\n [attr.disabled]=\"(disable$ | async) === true ? true : null\"\r\n [type]=\"hasMask ? 'text' : 'number'\"\r\n [id]=\"id\" \r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n (keydown)=\"onKeyDown($event)\"\r\n (input)=\"onValueChange($event)\"\r\n \r\n/>\r\n\r\n\r\n", styles: [":host{display:block}.number-input{display:block}\n"] }]
|
|
12354
12355
|
}], propDecorators: { inputRef: [{
|
|
12355
12356
|
type: ViewChild,
|
|
12356
12357
|
args: ['inputRef', { read: ElementRef, static: true }]
|
|
@@ -13262,11 +13263,11 @@ class UiSimpleComboComponent extends FieldBaseComponent {
|
|
|
13262
13263
|
this.fireContextEvent('select', this.value);
|
|
13263
13264
|
}
|
|
13264
13265
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiSimpleComboComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
13265
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiSimpleComboComponent, isStandalone: false, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\r\n<!-- <fd-select\r\n style=\"width: 100%\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [value]=\"value\"\r\n [mobile]=\"(deviceSize$ | async) === 's'\"\r\n [mobileConfig]=\"mobileConfig\"\r\n (valueChange)=\"onValueChange($event)\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <fd-option\r\n [value]=\"item.id\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [class.control-disabled]=\"item.IsEmpty\"\r\n [class.list-empty-item]=\"item.IsEmpty\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n </fd-option>\r\n }\r\n</fd-select> -->\r\n<fd-combobox\r\n [inputId]=\"id\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [displayFn]=\"displayFn\"\r\n [(ngModel)]=\"tvalue\"\r\n [readOnly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n [fillOnSelect]=\"true\"\r\n [dropdownValues]=\"context.store.data[context.store.root]\"\r\n (itemClicked)=\"onItemClick($event)\"\r\n (change)=\"onChange($event)\"\r\n>\r\n <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\r\n <!-- Note that in this case you are responsible for highlighting. -->\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\r\n }\r\n </ng-container>\r\n</fd-combobox>\r\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\r\n <fd-popover-control>\r\n <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n @if (value && value !== '0') {\r\n <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n }\r\n </button>\r\n </fd-popover-control>\r\n <fd-popover-body class=\"combo-popupmode\">\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\r\n @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n }\r\n </button>\r\n }\r\n </fd-popover-body>\r\n</fd-popover>\r\n}\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\r\n }\r\n</ng-template>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$9.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "glyphFont", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "dropDownMaxWidthPx", "noDropDownMaxWidth", "width", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "directive", type: i4$9.ComboboxItemDirective, selector: "[fdComboboxItem]", inputs: ["fdComboboxItemUse"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ComboRowImagePipe, name: "comboRowImg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13266
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiSimpleComboComponent, isStandalone: false, selector: "bsu-ui-simple-combo", inputs: { MinSize: "MinSize" }, viewQueries: [{ propertyName: "fdComboRef", first: true, predicate: ComboboxComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\r\n<!-- <fd-select\r\n style=\"width: 100%\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [value]=\"value\"\r\n [mobile]=\"(deviceSize$ | async) === 's'\"\r\n [mobileConfig]=\"mobileConfig\"\r\n (valueChange)=\"onValueChange($event)\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <fd-option\r\n [value]=\"item.id\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [class.control-disabled]=\"item.IsEmpty\"\r\n [class.list-empty-item]=\"item.IsEmpty\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n </fd-option>\r\n }\r\n</fd-select> -->\r\n<fd-combobox\r\n [inputId]=\"id\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [displayFn]=\"displayFn\"\r\n [(ngModel)]=\"tvalue\"\r\n [readOnly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [class.ltr]=\"Setting.IsLtr === true\"\r\n [fillOnSelect]=\"true\"\r\n [dropdownValues]=\"context.store.data[context.store.root]\"\r\n (itemClicked)=\"onItemClick($event)\"\r\n (change)=\"onChange($event)\"\r\n>\r\n <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\r\n <!-- Note that in this case you are responsible for highlighting. -->\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\r\n }\r\n </ng-container>\r\n</fd-combobox>\r\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\r\n <fd-popover-control>\r\n <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n @if (value && value !== '0') {\r\n <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n }\r\n </button>\r\n </fd-popover-control>\r\n <fd-popover-body class=\"combo-popupmode\">\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\r\n @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n }\r\n </button>\r\n }\r\n </fd-popover-body>\r\n</fd-popover>\r\n}\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\r\n }\r\n</ng-template>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host fd-combobox ::ng-deep .ltr input{text-align:left!important}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: i1$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4$9.ComboboxComponent, selector: "fd-combobox", inputs: ["comboboxId", "inputId", "ariaLabel", "ariaLabelledBy", "required", "dropdownValues", "filterFn", "disabled", "placeholder", "isSearch", "glyph", "glyphFont", "showClearButton", "triggers", "closeOnOutsideClick", "openOnKeyboardEvent", "state", "itemTemplate", "groupFn", "maxHeight", "dropDownMaxWidthPx", "noDropDownMaxWidth", "width", "searchFn", "highlighting", "closeOnSelect", "fillOnSelect", "autoComplete", "fillControlMode", "communicateByObject", "displayFn", "buttonFocusable", "clearButtonFocusable", "readOnly", "mobile", "mobileConfig", "showDropdownButton", "includes", "title", "byline", "tabOutStrategy"], outputs: ["itemClicked", "openChange", "inputTextChange"] }, { kind: "directive", type: i4$9.ComboboxItemDirective, selector: "[fdComboboxItem]", inputs: ["fdComboboxItemUse"] }, { kind: "directive", type: i7.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }, { kind: "pipe", type: i2.ComboRowImagePipe, name: "comboRowImg" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13266
13267
|
}
|
|
13267
13268
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiSimpleComboComponent, decorators: [{
|
|
13268
13269
|
type: Component,
|
|
13269
|
-
args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\r\n<!-- <fd-select\r\n style=\"width: 100%\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [value]=\"value\"\r\n [mobile]=\"(deviceSize$ | async) === 's'\"\r\n [mobileConfig]=\"mobileConfig\"\r\n (valueChange)=\"onValueChange($event)\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <fd-option\r\n [value]=\"item.id\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [class.control-disabled]=\"item.IsEmpty\"\r\n [class.list-empty-item]=\"item.IsEmpty\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n </fd-option>\r\n }\r\n</fd-select> -->\r\n<fd-combobox\r\n [inputId]=\"id\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [displayFn]=\"displayFn\"\r\n [(ngModel)]=\"tvalue\"\r\n [readOnly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n [fillOnSelect]=\"true\"\r\n [dropdownValues]=\"context.store.data[context.store.root]\"\r\n (itemClicked)=\"onItemClick($event)\"\r\n (change)=\"onChange($event)\"\r\n>\r\n <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\r\n <!-- Note that in this case you are responsible for highlighting. -->\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\r\n }\r\n </ng-container>\r\n</fd-combobox>\r\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\r\n <fd-popover-control>\r\n <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n @if (value && value !== '0') {\r\n <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n }\r\n </button>\r\n </fd-popover-control>\r\n <fd-popover-body class=\"combo-popupmode\">\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\r\n @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n }\r\n </button>\r\n }\r\n </fd-popover-body>\r\n</fd-popover>\r\n}\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\r\n }\r\n</ng-template>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"] }]
|
|
13270
|
+
args: [{ selector: 'bsu-ui-simple-combo', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (Setting.IconDisplayType !== 'Image' && !popupMode) {\r\n<!-- <fd-select\r\n style=\"width: 100%\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [value]=\"value\"\r\n [mobile]=\"(deviceSize$ | async) === 's'\"\r\n [mobileConfig]=\"mobileConfig\"\r\n (valueChange)=\"onValueChange($event)\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [style.text-align]=\"Setting.IsLtr === true ? 'left' : null\"\r\n [readonly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n>\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <fd-option\r\n [value]=\"item.id\"\r\n [style.direction]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [class.control-disabled]=\"item.IsEmpty\"\r\n [class.list-empty-item]=\"item.IsEmpty\"\r\n >\r\n <ng-container *ngTemplateOutlet=\"itemTemplate; context: { $implicit: item, popupMode: true }\"></ng-container>\r\n </fd-option>\r\n }\r\n</fd-select> -->\r\n<fd-combobox\r\n [inputId]=\"id\"\r\n [placeholder]=\"'Select' | bbbTranslate\"\r\n [displayFn]=\"displayFn\"\r\n [(ngModel)]=\"tvalue\"\r\n [readOnly]=\"(readonly$ | async) === true ? true : false\"\r\n [disabled]=\"(disable$ | async) === true ? true : false\"\r\n [attr.dir]=\"Setting.IsLtr === true ? 'ltr' : null\"\r\n [class.ltr]=\"Setting.IsLtr === true\"\r\n [fillOnSelect]=\"true\"\r\n [dropdownValues]=\"context.store.data[context.store.root]\"\r\n (itemClicked)=\"onItemClick($event)\"\r\n (change)=\"onChange($event)\"\r\n>\r\n <ng-container *fdComboboxItem=\"let item; use: rowDataOption; inputText as search\">\r\n <!-- Note that in this case you are responsible for highlighting. -->\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img fd-list-icon [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n <span fd-list-title [innerHTML]=\"item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate)\"></span>\r\n }\r\n </ng-container>\r\n</fd-combobox>\r\n} @if (Setting.IconDisplayType === 'Image' || popupMode) {\r\n<fd-popover #popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\">\r\n <fd-popover-control>\r\n <button fd-button fdType=\"transparent\" [fdMenu]=\"true\">\r\n @if (value && value !== '0') {\r\n <img [src]=\"value | comboRowImg: context.store.data.Rows\" />\r\n }\r\n </button>\r\n </fd-popover-control>\r\n <fd-popover-body class=\"combo-popupmode\">\r\n @for (item of context.store.data[context.store.root]; track item) {\r\n <button fd-button fdType=\"transparent\" [title]=\"item.txt\" (click)=\"popover.close(); onValueChange(item.id)\">\r\n @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n }\r\n </button>\r\n }\r\n </fd-popover-body>\r\n</fd-popover>\r\n}\r\n<ng-template #itemTemplate let-item let-popupMode=\"popupMode\">\r\n @if (Setting.IconDisplayType !== 'NoImage') { @if (item.url) {\r\n <img [attrRtl]=\"Setting.IsLtr === true ? false : undefined\" [src]=\"item.url\" />\r\n } } @if (Setting.IconDisplayType !== 'Image') {\r\n {{ item.IsEmpty ? ('Select' | bbbTranslate) : (item.txt | bbbTranslate) }}\r\n }\r\n</ng-template>\r\n", styles: [":host{display:flex;align-self:center;align-items:center;width:100%;height:100%}:host ::ng-deep fd-select fd-popover{width:100%}:host fd-combobox{width:100%}:host fd-combobox ::ng-deep fd-popover{width:100%}:host fd-combobox ::ng-deep .ltr input{text-align:left!important}:host ::ng-deep .fd-popover-custom{width:100%}:host ::ng-deep fd-combobox-mobile fd-dialog-footer{position:absolute;bottom:0;width:100%}:host ::ng-deep fd-combobox-mobile .fd-dialog__content.fd-dialog__content--mobile{width:80svw;height:60svh}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}fd-popover{margin:.25rem 0}\n"] }]
|
|
13270
13271
|
}], propDecorators: { fdComboRef: [{
|
|
13271
13272
|
type: ViewChild,
|
|
13272
13273
|
args: [ComboboxComponent]
|
|
@@ -13275,12 +13276,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImpor
|
|
|
13275
13276
|
}] } });
|
|
13276
13277
|
|
|
13277
13278
|
class UiCheckBoxComponent extends DeviceInfoFieldBaseComponent {
|
|
13279
|
+
constructor() {
|
|
13280
|
+
super(...arguments);
|
|
13281
|
+
this._justifyContent = null;
|
|
13282
|
+
}
|
|
13278
13283
|
get MinSize() {
|
|
13279
13284
|
return { width: 0, height: 33 };
|
|
13280
13285
|
}
|
|
13281
13286
|
ngOnInit() {
|
|
13282
13287
|
super.ngOnInit();
|
|
13283
13288
|
this.helpDescription = BarsaApi.Common.Util.TryGetValue(this.layoutInfo.FieldUi, 'Setting.HelpDescription', '');
|
|
13289
|
+
this.Setting.IsLtr && (this._justifyContent = 'end');
|
|
13284
13290
|
this.showText =
|
|
13285
13291
|
this.layoutInfo.TextVisible === false && this.layoutInfo.UseLayoutItemTextForControl ? true : false;
|
|
13286
13292
|
let caption = this.layoutInfo.Caption;
|
|
@@ -13299,13 +13305,16 @@ class UiCheckBoxComponent extends DeviceInfoFieldBaseComponent {
|
|
|
13299
13305
|
this.fireContextEvent('check', val);
|
|
13300
13306
|
}
|
|
13301
13307
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiCheckBoxComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
13302
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiCheckBoxComponent, isStandalone: false, selector: "bsu-ui-check-box", inputs: { MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "@if(showText && helpDescription){\r\n<fd-icon glyph=\"question-mark\" [fd-inline-help]=\"templateRef\" tabindex=\"0\"></fd-icon>\r\n}\r\n<fd-checkbox\r\n [id]=\"id\"\r\n (change)=\"onValueChange()\"\r\n [ngModel]=\"value\"\r\n [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n [label]=\"!showText ? '' : caption\"\r\n [wrapLabel]=\"true\"\r\n [attr.title]=\"caption\"\r\n>\r\n</fd-checkbox>\r\n\r\n<ng-template #templateRef>\r\n <div [style.display]=\"'flex'\" [style.align-items]=\"'center'\" [innerHtml]=\"helpDescription | sanitizeText\"></div>\r\n</ng-template>\r\n", styles: [":host{width:100%;height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i4.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SanitizeTextPipe, name: "sanitizeText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13308
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: UiCheckBoxComponent, isStandalone: false, selector: "bsu-ui-check-box", inputs: { MinSize: "MinSize" }, host: { properties: { "style.justify-content": "this._justifyContent" } }, usesInheritance: true, ngImport: i0, template: "@if(showText && helpDescription){\r\n<fd-icon glyph=\"question-mark\" [fd-inline-help]=\"templateRef\" tabindex=\"0\"></fd-icon>\r\n}\r\n<fd-checkbox\r\n [id]=\"id\"\r\n (change)=\"onValueChange()\"\r\n [ngModel]=\"value\"\r\n [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n [label]=\"!showText ? '' : caption\"\r\n [wrapLabel]=\"true\"\r\n [attr.title]=\"caption\"\r\n>\r\n</fd-checkbox>\r\n\r\n<ng-template #templateRef>\r\n <div [style.display]=\"'flex'\" [style.align-items]=\"'center'\" [innerHtml]=\"helpDescription | sanitizeText\"></div>\r\n</ng-template>\r\n", styles: [":host{width:100%;height:100%;display:flex;align-items:center}\n"], dependencies: [{ kind: "directive", type: i1$1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "component", type: i2$2.CheckboxComponent, selector: "fd-checkbox", inputs: ["wrapLabel", "valignLabel", "ariaLabel", "role", "value", "ariaLabelledBy", "ariaDescribedBy", "title", "inputId", "state", "name", "label", "disabled", "readonly", "tristate", "tristateSelectable", "labelClass", "required", "displayOnly", "values", "standalone"], outputs: ["focusChange"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i4.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.SanitizeTextPipe, name: "sanitizeText" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13303
13309
|
}
|
|
13304
13310
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiCheckBoxComponent, decorators: [{
|
|
13305
13311
|
type: Component,
|
|
13306
13312
|
args: [{ selector: 'bsu-ui-check-box', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(showText && helpDescription){\r\n<fd-icon glyph=\"question-mark\" [fd-inline-help]=\"templateRef\" tabindex=\"0\"></fd-icon>\r\n}\r\n<fd-checkbox\r\n [id]=\"id\"\r\n (change)=\"onValueChange()\"\r\n [ngModel]=\"value\"\r\n [disabled]=\"(disableOrReadonly$ | async)!!\"\r\n [label]=\"!showText ? '' : caption\"\r\n [wrapLabel]=\"true\"\r\n [attr.title]=\"caption\"\r\n>\r\n</fd-checkbox>\r\n\r\n<ng-template #templateRef>\r\n <div [style.display]=\"'flex'\" [style.align-items]=\"'center'\" [innerHtml]=\"helpDescription | sanitizeText\"></div>\r\n</ng-template>\r\n", styles: [":host{width:100%;height:100%;display:flex;align-items:center}\n"] }]
|
|
13307
13313
|
}], propDecorators: { MinSize: [{
|
|
13308
13314
|
type: Input
|
|
13315
|
+
}], _justifyContent: [{
|
|
13316
|
+
type: HostBinding,
|
|
13317
|
+
args: ['style.justify-content']
|
|
13309
13318
|
}] } });
|
|
13310
13319
|
|
|
13311
13320
|
class UiSwitchButtonComponent extends UiCheckBoxComponent {
|