barsa-sap-ui 2.3.1 → 2.3.3
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.
|
@@ -1041,11 +1041,11 @@ class LayoutControlComponent extends LayoutItemBaseComponent {
|
|
|
1041
1041
|
}
|
|
1042
1042
|
}
|
|
1043
1043
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LayoutControlComponent, deps: [{ token: i2.FormPanelService }, { token: i0.ElementRef }, { token: i1.ContentDensityService }, { token: i1$1.DomSanitizer }, { token: i0.ChangeDetectorRef }, { token: i0.NgZone }, { token: i0.Renderer2 }, { token: i2.BbbTranslatePipe }, { token: i2.LayoutService, skipSelf: true }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
1044
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LayoutControlComponent, isStandalone: false, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", cellEdit: "cellEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, outputs: { events: "events" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "class.readonlyiswraped": "this.readonlyiswraped", "class.labelnotinrow": "this._labelNotInRow", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isCheckbox": "this.isCheckbox", "attr.controlIsReadonly": "this.controlIsReadonly", "attr.isButton": "this.isButton", "attr.issinglepicture": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.ismobile": "this.isMobile", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n [attr.labelWidth]=\"labelWidth\"\r\n [attrRtl]\r\n #tempLabelRef\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [config]=\"config\"\r\n [caption]=\"labelCaption\"\r\n [translateCaption]=\"translateCaption\"\r\n [originalWidth]=\"labelWidth\"\r\n [style.min-width]=\"\r\n isCheckbox\r\n ? checkboxWidth\r\n : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n ? 'fit-content'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [style.width]=\"\r\n (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n ? 'auto'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [isMandatory]=\"isMandatory\"\r\n [fieldIcon]=\"fieldIcon\"\r\n [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n [helpDescription]=\"helpDescription\"\r\n [originalXtype]=\"originalXtype\"\r\n [textVisible]=\"textVisible\"\r\n [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n [attr.fieldWidth]=\"layoutControlWidth\"\r\n [attr.isCheckbox]=\"isCheckbox\"\r\n [attr.isbutton]=\"isButton\"\r\n [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [customField]=\"config.FieldUi\"\r\n [layoutInfo]=\"config\"\r\n [inlineEdit]=\"inlineEdit\"\r\n [cellEdit]=\"cellEdit\"\r\n [formHeight]=\"(formHeight$ | async)!!\"\r\n [focusControl]=\"focusControl\"\r\n [isSearchPanel]=\"isSearchPanel\"\r\n [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}:host bnrc-field-ui ::ng-deep>:first-child{min-height:var(--layout-control-height)}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit;margin-top:auto;margin-bottom:auto}
|
|
1044
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: LayoutControlComponent, isStandalone: false, selector: "bsu-layout-control", inputs: { inlineEdit: "inlineEdit", cellEdit: "cellEdit", caption: "caption", focusControl: "focusControl", showLabel: "showLabel", maxLabelWidth: "maxLabelWidth", hasHorizontalText: "hasHorizontalText", contentDensity: "contentDensity", flex: "flex", RefreshLabel: "RefreshLabel", SetVisible: "SetVisible" }, outputs: { events: "events" }, host: { properties: { "class.layout-control": "this.layoutControlClass", "class.row-direction": "this.isRowDirection", "class.row-reverse-direction": "this.isRowReverseDirection", "class.column-direction": "this.isColumnDirection", "class.column-reverse-direction": "this.isColumnReverseDirection", "class.container-field": "this.isContainer", "class.readonlyiswraped": "this.readonlyiswraped", "class.labelnotinrow": "this._labelNotInRow", "style.max-width": "this.maxWidth", "style.min-width": "this.minWidth", "style.min-height": "this.minHeight", "style.height": "this.height", "attr.isCheckbox": "this.isCheckbox", "attr.controlIsReadonly": "this.controlIsReadonly", "attr.isButton": "this.isButton", "attr.issinglepicture": "this.isSinglePicture", "attr.minWidth": "this.attrMinWidth", "attr.ismobile": "this.isMobile", "attr.controlId": "this.attrControlId", "attr.caption": "this.attrCaption" } }, providers: [LayoutService], viewQueries: [{ propertyName: "tempLabelRef", first: true, predicate: ["tempLabelRef"], descendants: true, read: ElementRef }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n [attr.labelWidth]=\"labelWidth\"\r\n [attrRtl]\r\n #tempLabelRef\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [config]=\"config\"\r\n [caption]=\"labelCaption\"\r\n [translateCaption]=\"translateCaption\"\r\n [originalWidth]=\"labelWidth\"\r\n [style.min-width]=\"\r\n isCheckbox\r\n ? checkboxWidth\r\n : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n ? 'fit-content'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [style.width]=\"\r\n (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n ? 'auto'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [isMandatory]=\"isMandatory\"\r\n [fieldIcon]=\"fieldIcon\"\r\n [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n [helpDescription]=\"helpDescription\"\r\n [originalXtype]=\"originalXtype\"\r\n [textVisible]=\"textVisible\"\r\n [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n [attr.fieldWidth]=\"layoutControlWidth\"\r\n [attr.isCheckbox]=\"isCheckbox\"\r\n [attr.isbutton]=\"isButton\"\r\n [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [customField]=\"config.FieldUi\"\r\n [layoutInfo]=\"config\"\r\n [inlineEdit]=\"inlineEdit\"\r\n [cellEdit]=\"cellEdit\"\r\n [formHeight]=\"(formHeight$ | async)!!\"\r\n [focusControl]=\"focusControl\"\r\n [isSearchPanel]=\"isSearchPanel\"\r\n [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}:host bnrc-field-ui ::ng-deep>:first-child{min-height:var(--layout-control-height)}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit;margin-top:auto;margin-bottom:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"], dependencies: [{ kind: "component", type: i2.FieldUiComponent, selector: "bnrc-field-ui", inputs: ["isSearchPanel", "customField", "componentUi", "layoutInfo", "inlineEdit", "focusControl", "cellEdit", "formHeight"] }, { kind: "directive", type: i2.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: LyLabelComponent, selector: "bsu-ly-label", inputs: ["originalWidth", "minWidth", "translateCaption", "caption", "captionIcon", "helpDescription", "isColumn", "isMandatory", "fieldIcon", "originalXtype", "textVisible"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
1045
1045
|
}
|
|
1046
1046
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: LayoutControlComponent, decorators: [{
|
|
1047
1047
|
type: Component,
|
|
1048
|
-
args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n [attr.labelWidth]=\"labelWidth\"\r\n [attrRtl]\r\n #tempLabelRef\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [config]=\"config\"\r\n [caption]=\"labelCaption\"\r\n [translateCaption]=\"translateCaption\"\r\n [originalWidth]=\"labelWidth\"\r\n [style.min-width]=\"\r\n isCheckbox\r\n ? checkboxWidth\r\n : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n ? 'fit-content'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [style.width]=\"\r\n (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n ? 'auto'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [isMandatory]=\"isMandatory\"\r\n [fieldIcon]=\"fieldIcon\"\r\n [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n [helpDescription]=\"helpDescription\"\r\n [originalXtype]=\"originalXtype\"\r\n [textVisible]=\"textVisible\"\r\n [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n [attr.fieldWidth]=\"layoutControlWidth\"\r\n [attr.isCheckbox]=\"isCheckbox\"\r\n [attr.isbutton]=\"isButton\"\r\n [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [customField]=\"config.FieldUi\"\r\n [layoutInfo]=\"config\"\r\n [inlineEdit]=\"inlineEdit\"\r\n [cellEdit]=\"cellEdit\"\r\n [formHeight]=\"(formHeight$ | async)!!\"\r\n [focusControl]=\"focusControl\"\r\n [isSearchPanel]=\"isSearchPanel\"\r\n [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}:host bnrc-field-ui ::ng-deep>:first-child{min-height:var(--layout-control-height)}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit;margin-top:auto;margin-bottom:auto}
|
|
1048
|
+
args: [{ selector: 'bsu-layout-control', providers: [LayoutService], changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (!hide) { @if (labelVisible) {\r\n<bsu-ly-label\r\n [attr.labelWidth]=\"labelWidth\"\r\n [attrRtl]\r\n #tempLabelRef\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [config]=\"config\"\r\n [caption]=\"labelCaption\"\r\n [translateCaption]=\"translateCaption\"\r\n [originalWidth]=\"labelWidth\"\r\n [style.min-width]=\"\r\n isCheckbox\r\n ? checkboxWidth\r\n : (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && controlIsReadonly)\r\n ? 'fit-content'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [style.width]=\"\r\n (config.CaptionSetting?.AlignMode === 'AutoSize' && !isMobile) || (isMobile && (isCheckbox || controlIsReadonly))\r\n ? 'auto'\r\n : isColumnDirection || isColumnReverseDirection\r\n ? '100%'\r\n : maxLabelWidth + 'px'\r\n \"\r\n [isMandatory]=\"isMandatory\"\r\n [fieldIcon]=\"fieldIcon\"\r\n [attr.autosize]=\"config.CaptionSetting?.AlignMode ? true:null\"\r\n [helpDescription]=\"helpDescription\"\r\n [originalXtype]=\"originalXtype\"\r\n [textVisible]=\"textVisible\"\r\n [isColumn]=\"isColumnDirection || isColumnReverseDirection\"\r\n></bsu-ly-label>\r\n}\r\n<label [attr.visible]=\"labelVisible\" class=\"horizontal-label\" [innerHtml]=\"emptyText\"></label>\r\n<bnrc-field-ui\r\n [attr.xtype]=\"config.FieldUi.originalXtype\"\r\n [attr.fieldWidth]=\"layoutControlWidth\"\r\n [attr.isCheckbox]=\"isCheckbox\"\r\n [attr.isbutton]=\"isButton\"\r\n [style.flex-grow]=\"isCheckbox ? 1 : 0\"\r\n [class.no-padding]=\"config.Padding[0] === 0\"\r\n [customField]=\"config.FieldUi\"\r\n [layoutInfo]=\"config\"\r\n [inlineEdit]=\"inlineEdit\"\r\n [cellEdit]=\"cellEdit\"\r\n [formHeight]=\"(formHeight$ | async)!!\"\r\n [focusControl]=\"focusControl\"\r\n [isSearchPanel]=\"isSearchPanel\"\r\n [style.height]=\"isUlv ? '100%' : 'auto'\"\r\n [attr.isulv]=\"isUlv\"\r\n></bnrc-field-ui>\r\n}\r\n", styles: [":host{width:100%;display:flex}:host[ismobile=true].isUlv{width:100%!important}:host bnrc-field-ui ::ng-deep>:first-child{min-height:var(--layout-control-height)}.form-item-label-container{display:flex;position:relative}.lbl-temp{position:absolute;visibility:hidden}bsu-ly-label{padding:0 5px;margin:auto}bsu-ly-label[autosize=true]{margin:inherit;margin-top:auto;margin-bottom:auto}bnrc-field-ui[xtype=\"Ui.CheckBox\"]{padding:0}@media screen and (max-width: 599px){:host{height:auto}:host:not([isbutton=true]){min-width:7rem}bnrc-field-ui:not([isbutton=true]){height:auto!important}}\n"] }]
|
|
1049
1049
|
}], ctorParameters: () => [{ type: i2.FormPanelService }, { type: i0.ElementRef }, { type: i1.ContentDensityService }, { type: i1$1.DomSanitizer }, { type: i0.ChangeDetectorRef }, { type: i0.NgZone }, { type: i0.Renderer2 }, { type: i2.BbbTranslatePipe }, { type: i2.LayoutService, decorators: [{
|
|
1050
1050
|
type: SkipSelf
|
|
1051
1051
|
}] }], propDecorators: { tempLabelRef: [{
|
|
@@ -2600,7 +2600,7 @@ class UlvToolbarComponent extends BaseComponent {
|
|
|
2600
2600
|
ngOnChanges(changes) {
|
|
2601
2601
|
super.ngOnChanges(changes);
|
|
2602
2602
|
const { toolbarButtons } = changes;
|
|
2603
|
-
const x = this.el.nativeElement.parentNode
|
|
2603
|
+
const x = this.el.nativeElement.parentNode?.offsetWidth;
|
|
2604
2604
|
if (this.parentWidth === 0) {
|
|
2605
2605
|
this.parentWidth = x;
|
|
2606
2606
|
this._setWidthByElementWidth(x);
|
|
@@ -6212,7 +6212,10 @@ class UiTableViewComponent extends ReportViewBaseComponent {
|
|
|
6212
6212
|
ngOnInit() {
|
|
6213
6213
|
super.ngOnInit();
|
|
6214
6214
|
this._portalService.windowResize$.pipe(takeUntil$1(this._onDestroy$)).subscribe(() => {
|
|
6215
|
-
|
|
6215
|
+
if (!this.parentClientBound) {
|
|
6216
|
+
return;
|
|
6217
|
+
}
|
|
6218
|
+
const x = Math.floor(this.parentClientBound.width);
|
|
6216
6219
|
this._renderer2.setStyle(this._tableRef.nativeElement, 'width', x + 'px');
|
|
6217
6220
|
this._renderer2.setStyle(this._tableRef.nativeElement, 'max-width', x + 'px');
|
|
6218
6221
|
this._refreshThWidth();
|
|
@@ -6234,7 +6237,7 @@ class UiTableViewComponent extends ReportViewBaseComponent {
|
|
|
6234
6237
|
}
|
|
6235
6238
|
ngAfterViewInit() {
|
|
6236
6239
|
super.ngAfterViewInit();
|
|
6237
|
-
const x = Math.floor(this.
|
|
6240
|
+
const x = Math.floor(this.parentClientBound?.width);
|
|
6238
6241
|
if (x) {
|
|
6239
6242
|
this._renderer2.setStyle(this._el.nativeElement, 'width', `${x}px`);
|
|
6240
6243
|
}
|
|
@@ -6256,6 +6259,9 @@ class UiTableViewComponent extends ReportViewBaseComponent {
|
|
|
6256
6259
|
}
|
|
6257
6260
|
super.ngOnChanges(changes);
|
|
6258
6261
|
}
|
|
6262
|
+
get parentClientBound() {
|
|
6263
|
+
return this._el.nativeElement.parentNode?.getBoundingClientRect();
|
|
6264
|
+
}
|
|
6259
6265
|
_calcContextMenuWidth(contextMenuItems) {
|
|
6260
6266
|
this.contextMenuWidth = calcContextMenuWidth(contextMenuItems, this.disableOverflowContextMenu);
|
|
6261
6267
|
}
|
|
@@ -6343,14 +6349,20 @@ class UiTableViewComponent extends ReportViewBaseComponent {
|
|
|
6343
6349
|
this._renderer2.setStyle(this._tableRef.nativeElement, 'width', `100%`);
|
|
6344
6350
|
}
|
|
6345
6351
|
_setParentWidthFitToOffsetWidth() {
|
|
6346
|
-
|
|
6352
|
+
if (!this.parentClientBound) {
|
|
6353
|
+
return;
|
|
6354
|
+
}
|
|
6355
|
+
const x1 = Math.floor(this.parentClientBound.width);
|
|
6347
6356
|
this._renderer2.setStyle(this._el.nativeElement.parentNode, 'width', `${x1}px`);
|
|
6348
6357
|
const x = Math.floor(this._el.nativeElement.offsetWidth);
|
|
6349
6358
|
this._renderer2.setStyle(this._tableRef.nativeElement, 'min-width', `${x}px`);
|
|
6350
6359
|
this._renderer2.setStyle(this._tableRef.nativeElement, 'width', `${x}px`);
|
|
6351
6360
|
}
|
|
6352
6361
|
_setParentWidth() {
|
|
6353
|
-
|
|
6362
|
+
if (!this.parentClientBound) {
|
|
6363
|
+
return;
|
|
6364
|
+
}
|
|
6365
|
+
const x = Math.floor(this.parentClientBound.width);
|
|
6354
6366
|
this._renderer2.setStyle(this._el.nativeElement.parentNode, 'width', `${x}px`);
|
|
6355
6367
|
}
|
|
6356
6368
|
_refreshThWidth() {
|
|
@@ -6358,7 +6370,10 @@ class UiTableViewComponent extends ReportViewBaseComponent {
|
|
|
6358
6370
|
this._tableHeaderComponent?.RefreshTableThWidth();
|
|
6359
6371
|
}
|
|
6360
6372
|
_setWidth(_setWidth) {
|
|
6361
|
-
|
|
6373
|
+
if (!this.parentClientBound) {
|
|
6374
|
+
return;
|
|
6375
|
+
}
|
|
6376
|
+
const widthOfDom = Math.floor(this.parentClientBound.width);
|
|
6362
6377
|
// console.log(widthOfDom);
|
|
6363
6378
|
if (widthOfDom === 0) {
|
|
6364
6379
|
return;
|
|
@@ -6367,7 +6382,7 @@ class UiTableViewComponent extends ReportViewBaseComponent {
|
|
|
6367
6382
|
this._refreshThWidth();
|
|
6368
6383
|
}
|
|
6369
6384
|
this.oldWidth = widthOfDom;
|
|
6370
|
-
const parentWidth = Math.floor(this.
|
|
6385
|
+
const parentWidth = Math.floor(this.parentClientBound.width);
|
|
6371
6386
|
const elWidth = Math.floor(this._el.nativeElement.getBoundingClientRect().width);
|
|
6372
6387
|
if (parentWidth !== elWidth) {
|
|
6373
6388
|
this._renderer2.setStyle(this._el.nativeElement, 'width', parentWidth + 'px');
|
|
@@ -14624,7 +14639,7 @@ class BarsaReportOneOfListComponent extends ReportViewBaseComponent {
|
|
|
14624
14639
|
}
|
|
14625
14640
|
openInIndependentFormClicked() {
|
|
14626
14641
|
const queryParams = {
|
|
14627
|
-
id: this.viewSetting
|
|
14642
|
+
id: this.viewSetting?.RelatedReport.Id
|
|
14628
14643
|
};
|
|
14629
14644
|
this._router.navigate([
|
|
14630
14645
|
'formfieldshow',
|
|
@@ -14644,11 +14659,11 @@ class BarsaReportOneOfListComponent extends ReportViewBaseComponent {
|
|
|
14644
14659
|
this.hastLastRecord.set(molist.length ? true : false);
|
|
14645
14660
|
}
|
|
14646
14661
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaReportOneOfListComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
14647
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaReportOneOfListComponent, isStandalone: false, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"tw-relative\" #containerRef>\r\n <input\r\n fd-form-control\r\n [readonly]=\"true\"\r\n [ngModel]=\"!hastLastRecord() ? '' : (viewSetting.DbColumnName | rval: moDataList[0]:allColumns:true)\"\r\n class=\"revert-readonly-bg\"\r\n />\r\n <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\r\n @if (viewSetting.OpenInIndependentForm) {\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"popup-window\"\r\n ariaLabel=\"Open in an independent form\"\r\n title=\"Open in an independent form\"\r\n (click)=\"openInIndependentFormClicked()\"\r\n ></button>\r\n }\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"list\"\r\n ariaLabel=\"Show list\"\r\n title=\"Show list\"\r\n (click)=\"open(popover, dialogTemplate)\"\r\n ></button>\r\n </div>\r\n <fd-popover\r\n #popover\r\n placement=\"bottom-end\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n [appendTo]=\"containerRef\"\r\n class=\"!tw-block\"\r\n >\r\n <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\r\n <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n <div fd-popover-body-footer>\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n </fd-popover-body>\r\n </fd-popover>\r\n</div>\r\n<ng-template #middle>\r\n <bsu-ulv-toolbar\r\n [hideToolbar]=\"customButtons.length === 0\"\r\n [deviceName]=\"deviceName\"\r\n [deviceSize]=\"deviceSize\"\r\n [toolbarButtons]=\"customButtons\"\r\n [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n [title]=\"isMobile ? title : ''\"\r\n [access]=\"access\"\r\n [isMultiSelect]=\"isMultiSelect\"\r\n [inDialog]=\"inDialog\"\r\n [hasSelected]=\"hasSelected\"\r\n [contentDensity]=\"contentDensity\"\r\n [inlineEditMode]=\"false\"\r\n [allowInlineEdit]=\"false\"\r\n [moDataListCount]=\"moDataList.length\"\r\n ></bsu-ulv-toolbar>\r\n <bsu-ui-table-view\r\n [gridFreeColumnSizing]=\"false\"\r\n [cartableTemplates]=\"cartableTemplates\"\r\n [disableResize]=\"true\"\r\n [disableHeaderContextMenu]=\"true\"\r\n [parentHeight]=\"parentHeight\"\r\n [fullscreen]=\"fullscreen\"\r\n [selectedMo]=\"selectedMo\"\r\n [rtl]=\"rtl\"\r\n [inDialog]=\"inDialog\"\r\n [disableFixedTableLayout]=\"true\"\r\n [isMultiSelect]=\"isMultiSelect\"\r\n [cartableChildsMo]=\"cartableChildsMo\"\r\n [contextView]=\"contextView\"\r\n [isCheckList]=\"isCheckList\"\r\n [allChecked]=\"allChecked\"\r\n [moDataList]=\"moDataList\"\r\n [access]=\"access\"\r\n [hasInlineDeleteButton]=\"true\"\r\n [hasInlineEditButton]=\"true\"\r\n [toolbarButtons]=\"toolbarButtons\"\r\n [groupby]=\"groupby\"\r\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n [conditionalFormats]=\"conditionalFormats\"\r\n [deviceName]=\"deviceName\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigationArrow]=\"navigationArrow\"\r\n [title]=\"title\"\r\n [mobileOrTablet]=\"mobileOrTablet\"\r\n [disableResponsive]=\"disableResponsive\"\r\n [popin]=\"popin\"\r\n [secondaryColumns]=\"secondaryColumns\"\r\n [contextMenuItems]=\"contextMenuItems\"\r\n [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n [allowInlineEdit]=\"allowInlineEdit\"\r\n [columns]=\"columns\"\r\n [columnWidth]=\"100 / columns.length\"\r\n [columnsCount]=\"columnsCount\"\r\n [rowHoverable]=\"rowHoverable\"\r\n [rowActivable]=\"rowActivable\"\r\n [formSetting]=\"formSetting\"\r\n [typeDefId]=\"typeDefId\"\r\n [reportId]=\"reportId\"\r\n [listEditViewId]=\"listEditViewId\"\r\n [typeViewId]=\"typeViewId\"\r\n [extraRelation]=\"extraRelation\"\r\n [showOkCancelButtons]=\"showOkCancelButtons\"\r\n [fitWidth]=\"false\"\r\n [hasSummary]=\"hasSummary\"\r\n [newInlineEditMo]=\"newInlineEditMo\"\r\n (ulvCommandClick)=\"onUlvCommand($event)\"\r\n (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n (sortAscending)=\"onSortAscending($event)\"\r\n (sortDescending)=\"onSortDescending($event)\"\r\n (filter)=\"onFilter($event)\"\r\n (rowClick)=\"onRowClick($event)\"\r\n (rowCheck)=\"onRowCheck($event)\"\r\n (allCheckbox)=\"onAllCheckbox($event)\"\r\n (expandClick)=\"onExpandClick($event)\"\r\n (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n >\r\n </bsu-ui-table-view>\r\n</ng-template>\r\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\r\n <div fd-bar [barDesign]=\"'footer'\">\r\n <div fd-bar-right>\r\n <fd-button-bar\r\n [label]=\"getNewButton?.text ?? ''\"\r\n fdType=\"emphasized\"\r\n (click)=\"onAdd(popover)\"\r\n bodyClick\r\n glyph=\"add\"\r\n ></fd-button-bar>\r\n <fd-button-bar\r\n fdType=\"transparent\"\r\n label=\"\u0628\u0633\u062A\u0646\"\r\n bodyClick\r\n (click)=\"close(dialog)\"\r\n ariaLabel=\"Close\"\r\n ></fd-button-bar>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n <fd-dialog-header>\r\n <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\r\n <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n </fd-dialog-header>\r\n <fd-dialog-body class=\"!tw-pt-0\">\r\n <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n </fd-dialog-body>\r\n <fd-dialog-footer>\r\n <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i4$2.DialogTemplateDirective, selector: "[fdDialogTemplate]", inputs: ["fdDialogTemplateConfig"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "cls", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "disableResize", "disableHeaderContextMenu", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14662
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaReportOneOfListComponent, isStandalone: false, selector: "bsu-barsa-report-one-of-list", inputs: { disabled: "disabled" }, viewQueries: [{ propertyName: "_inputGroupRef", first: true, predicate: ["InputGroupRef"], descendants: true, static: true }, { propertyName: "popover", first: true, predicate: ["popover"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(viewSetting && moDataList){\r\n<div class=\"tw-relative\" #containerRef>\r\n <input\r\n fd-form-control\r\n [readonly]=\"true\"\r\n [ngModel]=\"!hastLastRecord() ? '' : (viewSetting.DbColumnName | rval: moDataList[0]:allColumns:true)\"\r\n class=\"revert-readonly-bg\"\r\n />\r\n <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\r\n @if (viewSetting?.OpenInIndependentForm) {\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"popup-window\"\r\n ariaLabel=\"Open in an independent form\"\r\n title=\"Open in an independent form\"\r\n (click)=\"openInIndependentFormClicked()\"\r\n ></button>\r\n }\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"list\"\r\n ariaLabel=\"Show list\"\r\n title=\"Show list\"\r\n (click)=\"open(popover, dialogTemplate)\"\r\n ></button>\r\n </div>\r\n <fd-popover\r\n #popover\r\n placement=\"bottom-end\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n [appendTo]=\"containerRef\"\r\n class=\"!tw-block\"\r\n >\r\n <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\r\n <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n <div fd-popover-body-footer>\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n </fd-popover-body>\r\n </fd-popover>\r\n</div>\r\n<ng-template #middle>\r\n <bsu-ulv-toolbar\r\n [hideToolbar]=\"customButtons.length === 0\"\r\n [deviceName]=\"deviceName\"\r\n [deviceSize]=\"deviceSize\"\r\n [toolbarButtons]=\"customButtons\"\r\n [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n [title]=\"isMobile ? title : ''\"\r\n [access]=\"access\"\r\n [isMultiSelect]=\"isMultiSelect\"\r\n [inDialog]=\"inDialog\"\r\n [hasSelected]=\"hasSelected\"\r\n [contentDensity]=\"contentDensity\"\r\n [inlineEditMode]=\"false\"\r\n [allowInlineEdit]=\"false\"\r\n [moDataListCount]=\"moDataList.length\"\r\n ></bsu-ulv-toolbar>\r\n <bsu-ui-table-view\r\n [gridFreeColumnSizing]=\"false\"\r\n [cartableTemplates]=\"cartableTemplates\"\r\n [disableResize]=\"true\"\r\n [disableHeaderContextMenu]=\"true\"\r\n [parentHeight]=\"parentHeight\"\r\n [fullscreen]=\"fullscreen\"\r\n [selectedMo]=\"selectedMo\"\r\n [rtl]=\"rtl\"\r\n [inDialog]=\"inDialog\"\r\n [disableFixedTableLayout]=\"true\"\r\n [isMultiSelect]=\"isMultiSelect\"\r\n [cartableChildsMo]=\"cartableChildsMo\"\r\n [contextView]=\"contextView\"\r\n [isCheckList]=\"isCheckList\"\r\n [allChecked]=\"allChecked\"\r\n [moDataList]=\"moDataList\"\r\n [access]=\"access\"\r\n [hasInlineDeleteButton]=\"true\"\r\n [hasInlineEditButton]=\"true\"\r\n [toolbarButtons]=\"toolbarButtons\"\r\n [groupby]=\"groupby\"\r\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n [conditionalFormats]=\"conditionalFormats\"\r\n [deviceName]=\"deviceName\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigationArrow]=\"navigationArrow\"\r\n [title]=\"title\"\r\n [mobileOrTablet]=\"mobileOrTablet\"\r\n [disableResponsive]=\"disableResponsive\"\r\n [popin]=\"popin\"\r\n [secondaryColumns]=\"secondaryColumns\"\r\n [contextMenuItems]=\"contextMenuItems\"\r\n [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n [allowInlineEdit]=\"allowInlineEdit\"\r\n [columns]=\"columns\"\r\n [columnWidth]=\"100 / columns.length\"\r\n [columnsCount]=\"columnsCount\"\r\n [rowHoverable]=\"rowHoverable\"\r\n [rowActivable]=\"rowActivable\"\r\n [formSetting]=\"formSetting\"\r\n [typeDefId]=\"typeDefId\"\r\n [reportId]=\"reportId\"\r\n [listEditViewId]=\"listEditViewId\"\r\n [typeViewId]=\"typeViewId\"\r\n [extraRelation]=\"extraRelation\"\r\n [showOkCancelButtons]=\"showOkCancelButtons\"\r\n [fitWidth]=\"false\"\r\n [hasSummary]=\"hasSummary\"\r\n [newInlineEditMo]=\"newInlineEditMo\"\r\n (ulvCommandClick)=\"onUlvCommand($event)\"\r\n (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n (sortAscending)=\"onSortAscending($event)\"\r\n (sortDescending)=\"onSortDescending($event)\"\r\n (filter)=\"onFilter($event)\"\r\n (rowClick)=\"onRowClick($event)\"\r\n (rowCheck)=\"onRowCheck($event)\"\r\n (allCheckbox)=\"onAllCheckbox($event)\"\r\n (expandClick)=\"onExpandClick($event)\"\r\n (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n >\r\n </bsu-ui-table-view>\r\n</ng-template>\r\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\r\n <div fd-bar [barDesign]=\"'footer'\">\r\n <div fd-bar-right>\r\n <fd-button-bar\r\n [label]=\"getNewButton?.text ?? ''\"\r\n fdType=\"emphasized\"\r\n (click)=\"onAdd(popover)\"\r\n bodyClick\r\n glyph=\"add\"\r\n ></fd-button-bar>\r\n <fd-button-bar\r\n fdType=\"transparent\"\r\n label=\"\u0628\u0633\u062A\u0646\"\r\n bodyClick\r\n (click)=\"close(dialog)\"\r\n ariaLabel=\"Close\"\r\n ></fd-button-bar>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n <fd-dialog-header>\r\n <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\r\n <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n </fd-dialog-header>\r\n <fd-dialog-body class=\"!tw-pt-0\">\r\n <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n </fd-dialog-body>\r\n <fd-dialog-footer>\r\n <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n}\r\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1$3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i1$3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i1$3.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "component", type: i4$1.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i4$1.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "component", type: i4$1.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i3$2.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i4$2.DialogComponent, selector: "fd-dialog", inputs: ["class", "dialogRef", "dialogConfig"] }, { kind: "component", type: i4$2.DialogBodyComponent, selector: "fd-dialog-body", inputs: ["disablePaddings"] }, { kind: "component", type: i4$2.DialogFooterComponent, selector: "fd-dialog-footer" }, { kind: "component", type: i4$2.DialogHeaderComponent, selector: "fd-dialog-header" }, { kind: "component", type: i4$2.DialogCloseButtonComponent, selector: "[fd-dialog-close-button]", inputs: ["mobile", "title", "ariaLabel"] }, { kind: "directive", type: i4$2.DialogTemplateDirective, selector: "[fdDialogTemplate]", inputs: ["fdDialogTemplateConfig"] }, { kind: "component", type: i6.TitleComponent, selector: "[fd-title], [fdTitle]", inputs: ["headerSize", "wrap"], exportAs: ["fd-title"] }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "component", type: UlvToolbarComponent, selector: "bsu-ulv-toolbar", inputs: ["allowGridColumnSort", "useLayoutItemTextForControl", "enableSearch", "hideTitle", "title", "icon", "deviceName", "deviceSize", "access", "hideToolbar", "toolbarButtons", "contentDensity", "inlineEditMode", "allowInlineEdit", "gridSetting", "viewCollection", "reportView", "inDialog", "isMultiSelect", "cls", "hasSelected", "config", "hidden", "buttons", "moDataListCount"], outputs: ["search", "groupbyClick", "sortClick", "columnClick", "editModeClick", "viewClick", "createNewInlineMo"] }, { kind: "component", type: UiTableViewComponent, selector: "bsu-ui-table-view", inputs: ["columnWidth", "minWidth", "minHeight", "disableResize", "disableHeaderContextMenu", "rowResizer", "enableResizing", "disableFixedTableLayout"] }, { kind: "directive", type: ContentDensityDirective, selector: "[contentDensity]" }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
14648
14663
|
}
|
|
14649
14664
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaReportOneOfListComponent, decorators: [{
|
|
14650
14665
|
type: Component,
|
|
14651
|
-
args: [{ selector: 'bsu-barsa-report-one-of-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<div class=\"tw-relative\" #containerRef>\r\n <input\r\n fd-form-control\r\n [readonly]=\"true\"\r\n [ngModel]=\"!hastLastRecord() ? '' : (viewSetting.DbColumnName | rval: moDataList[0]:allColumns:true)\"\r\n class=\"revert-readonly-bg\"\r\n />\r\n <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\r\n @if (viewSetting
|
|
14666
|
+
args: [{ selector: 'bsu-barsa-report-one-of-list', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(viewSetting && moDataList){\r\n<div class=\"tw-relative\" #containerRef>\r\n <input\r\n fd-form-control\r\n [readonly]=\"true\"\r\n [ngModel]=\"!hastLastRecord() ? '' : (viewSetting.DbColumnName | rval: moDataList[0]:allColumns:true)\"\r\n class=\"revert-readonly-bg\"\r\n />\r\n <div class=\"!tw-absolute tw-left-0 tw-top-[0.1875rem] tw-flex\">\r\n @if (viewSetting?.OpenInIndependentForm) {\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"popup-window\"\r\n ariaLabel=\"Open in an independent form\"\r\n title=\"Open in an independent form\"\r\n (click)=\"openInIndependentFormClicked()\"\r\n ></button>\r\n }\r\n <button\r\n fd-button\r\n fdType=\"transparent\"\r\n glyph=\"list\"\r\n ariaLabel=\"Show list\"\r\n title=\"Show list\"\r\n (click)=\"open(popover, dialogTemplate)\"\r\n ></button>\r\n </div>\r\n <fd-popover\r\n #popover\r\n placement=\"bottom-end\"\r\n [focusTrapped]=\"true\"\r\n [focusAutoCapture]=\"true\"\r\n [appendTo]=\"containerRef\"\r\n class=\"!tw-block\"\r\n >\r\n <fd-popover-body [style.width.px]=\"containerRef.offsetWidth\">\r\n <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n <div fd-popover-body-footer>\r\n <ng-container *ngTemplateOutlet=\"footer\"></ng-container>\r\n </div>\r\n </fd-popover-body>\r\n </fd-popover>\r\n</div>\r\n<ng-template #middle>\r\n <bsu-ulv-toolbar\r\n [hideToolbar]=\"customButtons.length === 0\"\r\n [deviceName]=\"deviceName\"\r\n [deviceSize]=\"deviceSize\"\r\n [toolbarButtons]=\"customButtons\"\r\n [UlvMainCtrlr]=\"UlvMainCtrlr\"\r\n [title]=\"isMobile ? title : ''\"\r\n [access]=\"access\"\r\n [isMultiSelect]=\"isMultiSelect\"\r\n [inDialog]=\"inDialog\"\r\n [hasSelected]=\"hasSelected\"\r\n [contentDensity]=\"contentDensity\"\r\n [inlineEditMode]=\"false\"\r\n [allowInlineEdit]=\"false\"\r\n [moDataListCount]=\"moDataList.length\"\r\n ></bsu-ulv-toolbar>\r\n <bsu-ui-table-view\r\n [gridFreeColumnSizing]=\"false\"\r\n [cartableTemplates]=\"cartableTemplates\"\r\n [disableResize]=\"true\"\r\n [disableHeaderContextMenu]=\"true\"\r\n [parentHeight]=\"parentHeight\"\r\n [fullscreen]=\"fullscreen\"\r\n [selectedMo]=\"selectedMo\"\r\n [rtl]=\"rtl\"\r\n [inDialog]=\"inDialog\"\r\n [disableFixedTableLayout]=\"true\"\r\n [isMultiSelect]=\"isMultiSelect\"\r\n [cartableChildsMo]=\"cartableChildsMo\"\r\n [contextView]=\"contextView\"\r\n [isCheckList]=\"isCheckList\"\r\n [allChecked]=\"allChecked\"\r\n [moDataList]=\"moDataList\"\r\n [access]=\"access\"\r\n [hasInlineDeleteButton]=\"true\"\r\n [hasInlineEditButton]=\"true\"\r\n [toolbarButtons]=\"toolbarButtons\"\r\n [groupby]=\"groupby\"\r\n [disableOverflowContextMenu]=\"disableOverflowContextMenu\"\r\n [conditionalFormats]=\"conditionalFormats\"\r\n [deviceName]=\"deviceName\"\r\n [deviceSize]=\"deviceSize\"\r\n [navigationArrow]=\"navigationArrow\"\r\n [title]=\"title\"\r\n [mobileOrTablet]=\"mobileOrTablet\"\r\n [disableResponsive]=\"disableResponsive\"\r\n [popin]=\"popin\"\r\n [secondaryColumns]=\"secondaryColumns\"\r\n [contextMenuItems]=\"contextMenuItems\"\r\n [inlineEditMode]=\"inlineEditMode && allowInlineEdit\"\r\n [allowInlineEdit]=\"allowInlineEdit\"\r\n [columns]=\"columns\"\r\n [columnWidth]=\"100 / columns.length\"\r\n [columnsCount]=\"columnsCount\"\r\n [rowHoverable]=\"rowHoverable\"\r\n [rowActivable]=\"rowActivable\"\r\n [formSetting]=\"formSetting\"\r\n [typeDefId]=\"typeDefId\"\r\n [reportId]=\"reportId\"\r\n [listEditViewId]=\"listEditViewId\"\r\n [typeViewId]=\"typeViewId\"\r\n [extraRelation]=\"extraRelation\"\r\n [showOkCancelButtons]=\"showOkCancelButtons\"\r\n [fitWidth]=\"false\"\r\n [hasSummary]=\"hasSummary\"\r\n [newInlineEditMo]=\"newInlineEditMo\"\r\n (ulvCommandClick)=\"onUlvCommand($event)\"\r\n (selectNextInlineRecord)=\"onSelectNextInlineRecord($event)\"\r\n (editFormPanelCancel)=\"onEditFormPanelCancel($event)\"\r\n (editFormPanelSave)=\"onEditFormPanelSave($event)\"\r\n (editFormPanelValueChange)=\"onEditFormPanelValueChange($event)\"\r\n (sortAscending)=\"onSortAscending($event)\"\r\n (sortDescending)=\"onSortDescending($event)\"\r\n (filter)=\"onFilter($event)\"\r\n (rowClick)=\"onRowClick($event)\"\r\n (rowCheck)=\"onRowCheck($event)\"\r\n (allCheckbox)=\"onAllCheckbox($event)\"\r\n (expandClick)=\"onExpandClick($event)\"\r\n (workflowShareButtons)=\"onWorkflowShareButtons($event)\"\r\n >\r\n </bsu-ui-table-view>\r\n</ng-template>\r\n<ng-template #footer let-dialog=\"dialog\" let-popover=\"popover\">\r\n <div fd-bar [barDesign]=\"'footer'\">\r\n <div fd-bar-right>\r\n <fd-button-bar\r\n [label]=\"getNewButton?.text ?? ''\"\r\n fdType=\"emphasized\"\r\n (click)=\"onAdd(popover)\"\r\n bodyClick\r\n glyph=\"add\"\r\n ></fd-button-bar>\r\n <fd-button-bar\r\n fdType=\"transparent\"\r\n label=\"\u0628\u0633\u062A\u0646\"\r\n bodyClick\r\n (click)=\"close(dialog)\"\r\n ariaLabel=\"Close\"\r\n ></fd-button-bar>\r\n </div>\r\n </div>\r\n</ng-template>\r\n\r\n<ng-template [fdDialogTemplate] let-dialog let-dialogConfig=\"dialogConfig\" #dialogTemplate>\r\n <fd-dialog [dialogConfig]=\"dialogConfig\" [dialogRef]=\"dialog\">\r\n <fd-dialog-header>\r\n <h1 id=\"fd-dialog-header-3\" fd-title>{{ title }}</h1>\r\n <button fd-dialog-close-button (click)=\"dialog.dismiss()\"></button>\r\n </fd-dialog-header>\r\n <fd-dialog-body class=\"!tw-pt-0\">\r\n <ng-container *ngTemplateOutlet=\"middle\"></ng-container>\r\n </fd-dialog-body>\r\n <fd-dialog-footer>\r\n <ng-container *ngTemplateOutlet=\"footer; context: { dialog: dialog }\"></ng-container>\r\n </fd-dialog-footer>\r\n </fd-dialog>\r\n</ng-template>\r\n}\r\n", styles: [".revert-readonly-bg{background-color:var(--sapField_Background)}bsu-ui-table-view ::ng-deep table tbody bsu-barsa-table-row:last-child ::ng-deep>tr>td{border-bottom:none!important}\n"] }]
|
|
14652
14667
|
}], propDecorators: { disabled: [{
|
|
14653
14668
|
type: Input
|
|
14654
14669
|
}], _inputGroupRef: [{
|
|
@@ -16077,11 +16092,11 @@ class BarsaBottomMenuViewComponent extends ReportViewBaseComponent {
|
|
|
16077
16092
|
});
|
|
16078
16093
|
}
|
|
16079
16094
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaBottomMenuViewComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
16080
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaBottomMenuViewComponent, isStandalone: false, selector: "bsu-barsa-bottom-menu-view", usesInheritance: true, ngImport: i0, template: "<ng-template\r\n #ui\r\n let-badge=\"badge\"\r\n let-title=\"title\"\r\n let-icon=\"icon\"\r\n let-url=\"url\"\r\n let-dynCommand=\"dynCommand\"\r\n let-mo=\"mo\"\r\n>\r\n <a class=\"item\" [routerLink]=\"[url]\" [routerLinkActive]=\"['active']\" [dynCommand]=\"dynCommand\">\r\n <div class=\"col\">\r\n <fd-icon [glyph]=\"icon\"></fd-icon>\r\n <span>{{ title }}</span>\r\n <span class=\"badge badge-danger\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n </div>\r\n </a>\r\n</ng-template>\r\n<div\r\n class=\"appBottomMenu\"\r\n [class.hide]=\"hide() || !isMobile\"\r\n #btMenu\r\n cssRootVariable\r\n [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n ui;\r\n context: {\r\n badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n dynCommand: viewSetting.DynamicCommandField |
|
|
16095
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaBottomMenuViewComponent, isStandalone: false, selector: "bsu-barsa-bottom-menu-view", usesInheritance: true, ngImport: i0, template: "<ng-template\r\n #ui\r\n let-badge=\"badge\"\r\n let-title=\"title\"\r\n let-icon=\"icon\"\r\n let-url=\"url\"\r\n let-dynCommand=\"dynCommand\"\r\n let-mo=\"mo\"\r\n>\r\n <a class=\"item\" [routerLink]=\"[url]\" [routerLinkActive]=\"['active']\" [dynCommand]=\"dynCommand\">\r\n <div class=\"col\">\r\n <fd-icon [glyph]=\"icon\"></fd-icon>\r\n <span>{{ title }}</span>\r\n <span class=\"badge badge-danger\" [class.hide]=\"!badge\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n </div>\r\n </a>\r\n</ng-template>\r\n<div\r\n class=\"appBottomMenu\"\r\n [class.hide]=\"hide() || !isMobile\"\r\n #btMenu\r\n cssRootVariable\r\n [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n ui;\r\n context: {\r\n badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n dynCommand: viewSetting.DynamicCommandField | rval: mo:allColumns,\r\n mo: mo\r\n }\r\n \"\r\n ></ng-container>\r\n }\r\n</div>\r\n", styles: [":host{--iconSize: 1.5rem}:host>div{width:100%}:host .appBottomMenu{min-height:env(safe-area-inset-bottom);position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #e1e1e1;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--mobile-bottom-menu-backcolor)}:host fd-icon,:host span{color:var(--bottom-menu-color)}:host .appBottomMenu.no-border{border:0!important;box-shadow:0!important}:host .appBottomMenu.rounded{border-radius:24px 24px 0 0!important}:host .appBottomMenu.rounded .item:before{display:none}:host .appBottomMenu .item{font-size:9px;letter-spacing:0;text-align:center;width:100%;height:56px;line-height:1.2em;display:flex;align-items:center;justify-content:center;position:relative}:host .appBottomMenu .item:before{content:\"\";display:block;height:2px;border-radius:0 0 10px 10px;background:transparent;position:absolute;left:4px;right:4px;top:0}:host .appBottomMenu .item .col{width:100%;padding:0 4px;text-align:center}:host .appBottomMenu .item i.bi,:host .appBottomMenu .item i.icon,:host .appBottomMenu .item ion-icon{display:inline-flex;margin:1px auto 3px;font-size:26px;line-height:1em;color:#141515;transition:none;display:block}:host .appBottomMenu .item .action-button{display:inline-flex;width:50px;height:50px;margin-left:-5px;margin-right:-5px;align-items:center;justify-content:center;border-radius:200px;background:#1e74fd}:host .appBottomMenu .item .action-button.large{width:60px;height:60px;margin-top:-20px;margin-left:-10px;margin-right:-10px}:host .appBottomMenu .item .action-button i.bi,:host .appBottomMenu .item .action-button i.icon,:host .appBottomMenu .item .action-button ion-icon{color:#fff!important;margin:0!important;line-height:0!important}:host .appBottomMenu .item strong{margin-top:4px;display:block;color:#141515;font-weight:400;transition:none}:host .appBottomMenu .item:active{opacity:.8}:host .appBottomMenu .item.active:before{background:transparent}:host .appBottomMenu .item.active i.bi,:host .appBottomMenu .item.active i.icon,:host .appBottomMenu .item.active ion-icon,:host .appBottomMenu .item.active strong{color:#1e74fd!important;font-weight:500}:host .appBottomMenu .item:hover i.bi,:host .appBottomMenu .item:hover i.icon,:host .appBottomMenu .item:hover ion-icon,:host .appBottomMenu .item:hover strong{color:#141515}:host .appBottomMenu.text-light{color:#fff}:host .appBottomMenu.text-light .item{color:#fff;opacity:.7}:host .appBottomMenu.text-light .item i.bi,:host .appBottomMenu.text-light .item i.icon,:host .appBottomMenu.text-light .item ion-icon,:host .appBottomMenu.text-light .item strong{color:#fff}:host .appBottomMenu.text-light .item.active{opacity:1}:host .appBottomMenu.text-light .item.active i.bi,:host .appBottomMenu.text-light .item.active i.icon,:host .appBottomMenu.text-light .item.active ion-icon,:host .appBottomMenu.text-light .item.active strong{color:#fff!important}:host .appBottomMenu.bg-primary,:host .appBottomMenu.bg-secondary,:host .appBottomMenu.bg-success,:host .appBottomMenu.bg-warning,:host .appBottomMenu.bg-danger,:host .appBottomMenu.bg-info,:host .appBottomMenu.bg-light,:host .appBottomMenu.bg-dark{border:0}:host .appBottomMenu.bg-primary .item:before,:host .appBottomMenu.bg-secondary .item:before,:host .appBottomMenu.bg-success .item:before,:host .appBottomMenu.bg-warning .item:before,:host .appBottomMenu.bg-danger .item:before,:host .appBottomMenu.bg-info .item:before,:host .appBottomMenu.bg-light .item:before,:host .appBottomMenu.bg-dark .item:before{display:none}:host .item{margin:.2rem .5rem}:host .item .col{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .item .col>span:first-child,:host .item .col>fd-icon{color:var(--sapTextColor)}:host .item fd-icon{font-size:var(--iconSize);margin-bottom:.5rem}:host .item span{font-size:.825rem}:host .item.active{background:var(--barsaAppBackcolor);border-radius:.5rem}:host .item:active{background:var(--sapBackgroundColor);border-radius:.5rem}:host .badge{font-size:12px;line-height:1em;border-radius:100px;letter-spacing:0;height:22px;min-width:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:400}:host .badge-primary,:host a.badge-primary{background:#1e74fd!important}:host .badge-secondary,:host a.badge-secondary{background:#6c7c94!important}:host .badge-success,:host a.badge-success{background:#34c759!important}:host .badge-danger,:host a.badge-danger{background:#ec4433!important}:host .badge-warning,:host a.badge-warning{background:#fe9500!important;color:#fff}:host .badge-info,:host a.badge-info{background:#592bca!important}:host .badge-light,:host a.badge-light{background:#fff9!important;color:#141515}:host .badge-dark,:host a.badge-dark{background:#222!important}:host .badge-empty{display:block!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0px}:host .appBottomMenu .badge{min-width:16px;height:16px;line-height:9px!important;font-size:10px;padding:0 4px!important;position:absolute;right:50%;transform:translate(120%);top:10px}:host .appBottomMenu .badge-empty{transform:translate(200%);top:10px}\n"], dependencies: [{ kind: "directive", type: i1$2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.DynamicCommandDirective, selector: "[dynCommand]", inputs: ["dynCommand", "mo", "enableCommand"], outputs: ["commandClick"] }, { kind: "directive", type: i2.DynamicRootVariableDirective, selector: "[cssRootVariable]", inputs: ["cssVariableName", "cssVariableValue", "disable"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i2$7.RouterLink, selector: "[routerLink]", inputs: ["target", "queryParams", "fragment", "queryParamsHandling", "state", "info", "relativeTo", "preserveFragment", "skipLocationChange", "replaceUrl", "routerLink"] }, { kind: "directive", type: i2$7.RouterLinkActive, selector: "[routerLinkActive]", inputs: ["routerLinkActiveOptions", "ariaCurrentWhenActive", "routerLinkActive"], outputs: ["isActiveChange"], exportAs: ["routerLinkActive"] }, { kind: "pipe", type: i2.MoReportValuePipe, name: "rval" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
16081
16096
|
}
|
|
16082
16097
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaBottomMenuViewComponent, decorators: [{
|
|
16083
16098
|
type: Component,
|
|
16084
|
-
args: [{ selector: 'bsu-barsa-bottom-menu-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template\r\n #ui\r\n let-badge=\"badge\"\r\n let-title=\"title\"\r\n let-icon=\"icon\"\r\n let-url=\"url\"\r\n let-dynCommand=\"dynCommand\"\r\n let-mo=\"mo\"\r\n>\r\n <a class=\"item\" [routerLink]=\"[url]\" [routerLinkActive]=\"['active']\" [dynCommand]=\"dynCommand\">\r\n <div class=\"col\">\r\n <fd-icon [glyph]=\"icon\"></fd-icon>\r\n <span>{{ title }}</span>\r\n <span class=\"badge badge-danger\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n </div>\r\n </a>\r\n</ng-template>\r\n<div\r\n class=\"appBottomMenu\"\r\n [class.hide]=\"hide() || !isMobile\"\r\n #btMenu\r\n cssRootVariable\r\n [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n ui;\r\n context: {\r\n badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n dynCommand: viewSetting.DynamicCommandField |
|
|
16099
|
+
args: [{ selector: 'bsu-barsa-bottom-menu-view', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<ng-template\r\n #ui\r\n let-badge=\"badge\"\r\n let-title=\"title\"\r\n let-icon=\"icon\"\r\n let-url=\"url\"\r\n let-dynCommand=\"dynCommand\"\r\n let-mo=\"mo\"\r\n>\r\n <a class=\"item\" [routerLink]=\"[url]\" [routerLinkActive]=\"['active']\" [dynCommand]=\"dynCommand\">\r\n <div class=\"col\">\r\n <fd-icon [glyph]=\"icon\"></fd-icon>\r\n <span>{{ title }}</span>\r\n <span class=\"badge badge-danger\" [class.hide]=\"!badge\">{{ badge !== '0' && badge ? badge : '' }}</span>\r\n </div>\r\n </a>\r\n</ng-template>\r\n<div\r\n class=\"appBottomMenu\"\r\n [class.hide]=\"hide() || !isMobile\"\r\n #btMenu\r\n cssRootVariable\r\n [cssVariableValue]=\"btMenu.offsetHeight + 'px'\"\r\n [cssVariableName]=\"'--bottom-menu-height'\"\r\n>\r\n @for ( mo of moDataList ; track _trackByRow(index, mo); let index = $index; let last = $last; let first = $first) {\r\n <ng-container\r\n *ngTemplateOutlet=\"\r\n ui;\r\n context: {\r\n badge: viewSetting.BadgeField | rval: mo:allColumns:true | bbbTranslate,\r\n title: viewSetting.TitleField | rval: mo:allColumns:true | bbbTranslate,\r\n subtitle: viewSetting.SubtitleField | rval: mo:allColumns:true | bbbTranslate,\r\n icon: viewSetting.IconField | rval: mo:allColumns:true | bbbTranslate,\r\n url: viewSetting.UrlField | rval: mo:allColumns:true | bbbTranslate,\r\n dynCommand: viewSetting.DynamicCommandField | rval: mo:allColumns,\r\n mo: mo\r\n }\r\n \"\r\n ></ng-container>\r\n }\r\n</div>\r\n", styles: [":host{--iconSize: 1.5rem}:host>div{width:100%}:host .appBottomMenu{min-height:env(safe-area-inset-bottom);position:fixed;z-index:5;bottom:0;left:0;right:0;display:flex;align-items:center;justify-content:center;border-top:1px solid #e1e1e1;padding-left:4px;padding-right:4px;padding-bottom:env(safe-area-inset-bottom);background-color:var(--mobile-bottom-menu-backcolor)}:host fd-icon,:host span{color:var(--bottom-menu-color)}:host .appBottomMenu.no-border{border:0!important;box-shadow:0!important}:host .appBottomMenu.rounded{border-radius:24px 24px 0 0!important}:host .appBottomMenu.rounded .item:before{display:none}:host .appBottomMenu .item{font-size:9px;letter-spacing:0;text-align:center;width:100%;height:56px;line-height:1.2em;display:flex;align-items:center;justify-content:center;position:relative}:host .appBottomMenu .item:before{content:\"\";display:block;height:2px;border-radius:0 0 10px 10px;background:transparent;position:absolute;left:4px;right:4px;top:0}:host .appBottomMenu .item .col{width:100%;padding:0 4px;text-align:center}:host .appBottomMenu .item i.bi,:host .appBottomMenu .item i.icon,:host .appBottomMenu .item ion-icon{display:inline-flex;margin:1px auto 3px;font-size:26px;line-height:1em;color:#141515;transition:none;display:block}:host .appBottomMenu .item .action-button{display:inline-flex;width:50px;height:50px;margin-left:-5px;margin-right:-5px;align-items:center;justify-content:center;border-radius:200px;background:#1e74fd}:host .appBottomMenu .item .action-button.large{width:60px;height:60px;margin-top:-20px;margin-left:-10px;margin-right:-10px}:host .appBottomMenu .item .action-button i.bi,:host .appBottomMenu .item .action-button i.icon,:host .appBottomMenu .item .action-button ion-icon{color:#fff!important;margin:0!important;line-height:0!important}:host .appBottomMenu .item strong{margin-top:4px;display:block;color:#141515;font-weight:400;transition:none}:host .appBottomMenu .item:active{opacity:.8}:host .appBottomMenu .item.active:before{background:transparent}:host .appBottomMenu .item.active i.bi,:host .appBottomMenu .item.active i.icon,:host .appBottomMenu .item.active ion-icon,:host .appBottomMenu .item.active strong{color:#1e74fd!important;font-weight:500}:host .appBottomMenu .item:hover i.bi,:host .appBottomMenu .item:hover i.icon,:host .appBottomMenu .item:hover ion-icon,:host .appBottomMenu .item:hover strong{color:#141515}:host .appBottomMenu.text-light{color:#fff}:host .appBottomMenu.text-light .item{color:#fff;opacity:.7}:host .appBottomMenu.text-light .item i.bi,:host .appBottomMenu.text-light .item i.icon,:host .appBottomMenu.text-light .item ion-icon,:host .appBottomMenu.text-light .item strong{color:#fff}:host .appBottomMenu.text-light .item.active{opacity:1}:host .appBottomMenu.text-light .item.active i.bi,:host .appBottomMenu.text-light .item.active i.icon,:host .appBottomMenu.text-light .item.active ion-icon,:host .appBottomMenu.text-light .item.active strong{color:#fff!important}:host .appBottomMenu.bg-primary,:host .appBottomMenu.bg-secondary,:host .appBottomMenu.bg-success,:host .appBottomMenu.bg-warning,:host .appBottomMenu.bg-danger,:host .appBottomMenu.bg-info,:host .appBottomMenu.bg-light,:host .appBottomMenu.bg-dark{border:0}:host .appBottomMenu.bg-primary .item:before,:host .appBottomMenu.bg-secondary .item:before,:host .appBottomMenu.bg-success .item:before,:host .appBottomMenu.bg-warning .item:before,:host .appBottomMenu.bg-danger .item:before,:host .appBottomMenu.bg-info .item:before,:host .appBottomMenu.bg-light .item:before,:host .appBottomMenu.bg-dark .item:before{display:none}:host .item{margin:.2rem .5rem}:host .item .col{display:flex;flex-direction:column;align-items:center;justify-content:center}:host .item .col>span:first-child,:host .item .col>fd-icon{color:var(--sapTextColor)}:host .item fd-icon{font-size:var(--iconSize);margin-bottom:.5rem}:host .item span{font-size:.825rem}:host .item.active{background:var(--barsaAppBackcolor);border-radius:.5rem}:host .item:active{background:var(--sapBackgroundColor);border-radius:.5rem}:host .badge{font-size:12px;line-height:1em;border-radius:100px;letter-spacing:0;height:22px;min-width:22px;padding:0 6px;display:inline-flex;align-items:center;justify-content:center;font-weight:400}:host .badge-primary,:host a.badge-primary{background:#1e74fd!important}:host .badge-secondary,:host a.badge-secondary{background:#6c7c94!important}:host .badge-success,:host a.badge-success{background:#34c759!important}:host .badge-danger,:host a.badge-danger{background:#ec4433!important}:host .badge-warning,:host a.badge-warning{background:#fe9500!important;color:#fff}:host .badge-info,:host a.badge-info{background:#592bca!important}:host .badge-light,:host a.badge-light{background:#fff9!important;color:#141515}:host .badge-dark,:host a.badge-dark{background:#222!important}:host .badge-empty{display:block!important;min-width:8px!important;width:8px!important;height:8px!important;padding:0!important;font-size:0px}:host .appBottomMenu .badge{min-width:16px;height:16px;line-height:9px!important;font-size:10px;padding:0 4px!important;position:absolute;right:50%;transform:translate(120%);top:10px}:host .appBottomMenu .badge-empty{transform:translate(200%);top:10px}\n"] }]
|
|
16085
16100
|
}] });
|
|
16086
16101
|
|
|
16087
16102
|
const components = [
|