barsa-sap-ui 2.0.35 → 2.0.37
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/esm2022/lib/barsa-chat/barsa-chat.component.mjs +15 -13
- package/esm2022/lib/barsa-chat/chat.model.mjs +1 -1
- package/esm2022/lib/barsa-chat-list/barsa-chat-list.component.mjs +9 -7
- package/esm2022/lib/barsa-chat-message/barsa-chat-message.component.mjs +9 -8
- package/esm2022/lib/barsa-table-header/barsa-table-header.component.mjs +3 -3
- package/esm2022/lib/barsa-table-row/barsa-table-row.component.mjs +2 -2
- package/esm2022/lib/blob-viewer/blob-viewer.component.mjs +3 -3
- package/esm2022/lib/column-renderer/column-renderer.component.mjs +4 -3
- package/esm2022/lib/file-viewer-content/file-viewer-content.component.mjs +17 -4
- package/esm2022/lib/file-viewer-popover/file-viewer-popover.component.mjs +7 -9
- package/esm2022/lib/ly-label/ly-label.component.mjs +3 -3
- package/fesm2022/barsa-sap-ui.mjs +44 -29
- package/fesm2022/barsa-sap-ui.mjs.map +1 -1
- package/lib/barsa-chat/chat.model.d.ts +3 -13
- package/lib/barsa-chat-message/barsa-chat-message.component.d.ts +2 -1
- package/lib/column-renderer/column-renderer.component.d.ts +1 -0
- package/lib/file-viewer-content/file-viewer-content.component.d.ts +5 -2
- package/lib/file-viewer-popover/file-viewer-popover.component.d.ts +3 -4
- package/package.json +1 -1
|
@@ -11,19 +11,17 @@ import * as i7 from "../fullscreen-files.directive";
|
|
|
11
11
|
import * as i8 from "../download-files.directive";
|
|
12
12
|
export class FileViewerPopoverComponent extends BaseComponent {
|
|
13
13
|
constructor() {
|
|
14
|
-
super();
|
|
14
|
+
super(...arguments);
|
|
15
15
|
this.remove = new EventEmitter();
|
|
16
|
+
this.hideFullScreen = false;
|
|
16
17
|
}
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
}
|
|
20
|
-
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FileViewerPopoverComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
21
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType" }, outputs: { remove: "remove" }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\n<div class=\"box-content\">\n <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\n</div>\n<div class=\"box-file-download\">\n <div class=\"icon\">\n <img\n id=\":1wy\"\n class=\"aSM\"\n src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\n title=\"Compressed Archive\"\n />\n </div>\n <div class=\"filename-wrapper\">\n <span class=\"filename\">build.rar</span>\n </div>\n </div>\n <div class=\"download-wrapper\">\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n </div>\n</div> -->\n\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\n <button\n fd-button\n [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\n [label]=\"file.FileName || ''\"\n [title]=\"file.FileName || ''\"\n glyph=\"attachment\"\n [fdMenu]=\"true\"\n [fdType]=\"fdType\"\n class=\"btn-actionsheet\"\n ></button>\n <fd-popover\n #popoverMobile\n [mobile]=\"true\"\n [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\n >\n <ng-template #popoverBodyContent>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\n ></ng-container>\n </ng-template>\n </fd-popover>\n <fd-popover #popoverLarge>\n <fd-popover-body>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\n ></ng-container>\n </fd-popover-body>\n </fd-popover>\n\n @if (!disableRemove) {\n <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\n }\n</div>\n\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\n <div fd-popover-body-header>\n <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\n <div fd-bar-left>\n <fd-bar-element>{{ file.FileName }}</fd-bar-element>\n </div>\n </div>\n </div>\n <bsu-file-viewer-content\n [file]=\"file\"\n [width]=\"mobile ? '100vw' : '30vw'\"\n [cardMode]=\"true\"\n [showContent]=\"true\"\n [showFooter]=\"true\"\n [deviceSize]=\"deviceSize\"\n [cardContentHeight]=\"mobile ? null : '320px'\"\n ></bsu-file-viewer-content>\n @if (canDownload) {\n <div fd-popover-body-footer>\n <div fd-bar barDesign=\"footer\">\n <div fd-bar-right>\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"download\"\n downloadFiles\n [files]=\"[file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n @if (!mobile) {\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"resize\"\n fullscreenFiles\n [files]=\"files?.length ? files : [file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n }\n </div>\n </div>\n </div>\n }\n</ng-template>\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i5.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i5.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i6.FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"] }, { kind: "directive", type: i7.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i8.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
18
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FileViewerPopoverComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
19
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: { files: "files", file: "file", deviceSize: "deviceSize", canDownload: "canDownload", disableRemove: "disableRemove", fdType: "fdType" }, outputs: { remove: "remove" }, usesInheritance: true, ngImport: i0, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\n<div class=\"box-content\">\n <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\n</div>\n<div class=\"box-file-download\">\n <div class=\"icon\">\n <img\n id=\":1wy\"\n class=\"aSM\"\n src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\n title=\"Compressed Archive\"\n />\n </div>\n <div class=\"filename-wrapper\">\n <span class=\"filename\">build.rar</span>\n </div>\n </div>\n <div class=\"download-wrapper\">\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n </div>\n</div> -->\n\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\n <button\n fd-button\n [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\n [label]=\"file.FileName || ''\"\n [title]=\"file.FileName || ''\"\n glyph=\"attachment\"\n [fdMenu]=\"true\"\n [fdType]=\"fdType\"\n class=\"btn-actionsheet\"\n ></button>\n <fd-popover\n #popoverMobile\n [mobile]=\"true\"\n [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\n >\n <ng-template #popoverBodyContent>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\n ></ng-container>\n </ng-template>\n </fd-popover>\n <fd-popover #popoverLarge>\n <fd-popover-body>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\n ></ng-container>\n </fd-popover-body>\n </fd-popover>\n\n @if (!disableRemove) {\n <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\n }\n</div>\n\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\n <div fd-popover-body-header>\n <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\n <div fd-bar-left>\n <fd-bar-element>{{ file.FileName }}</fd-bar-element>\n </div>\n </div>\n </div>\n <bsu-file-viewer-content\n [file]=\"file\"\n [width]=\"mobile ? '100vw' : '30vw'\"\n [cardMode]=\"true\"\n [showContent]=\"true\"\n [showFooter]=\"true\"\n [deviceSize]=\"deviceSize\"\n [cardContentHeight]=\"mobile ? null : '320px'\"\n (cantView)=\"hideFullScreen = true\"\n ></bsu-file-viewer-content>\n @if (canDownload) {\n <div fd-popover-body-footer>\n <div fd-bar barDesign=\"footer\">\n <div fd-bar-right>\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"download\"\n downloadFiles\n [files]=\"[file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n @if (!mobile && !hideFullScreen) {\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"resize\"\n fullscreenFiles\n [files]=\"files?.length ? files : [file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n }\n </div>\n </div>\n </div>\n }\n</ng-template>\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i2.MobileDirective, selector: "[mobile]" }, { kind: "component", type: i3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i5.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i5.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { kind: "directive", type: i5.PopoverBodyFooterDirective, selector: "[fdPopoverBodyFooter], [fd-popover-body-footer]" }, { kind: "component", type: i5.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[fdPopoverTrigger], [fd-popover-trigger]", inputs: ["fdPopoverTrigger"] }, { kind: "component", type: i6.FileViewerContentComponent, selector: "bsu-file-viewer-content", inputs: ["fillWidth", "imageOnly", "isImageGallery", "cardMode", "showFooter", "showContent", "width", "deviceSize", "cardContentHeight", "file"], outputs: ["cantView"] }, { kind: "directive", type: i7.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i8.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
22
20
|
}
|
|
23
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: FileViewerPopoverComponent, decorators: [{
|
|
24
22
|
type: Component,
|
|
25
|
-
args: [{ selector: 'bsu-file-viewer-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\n<div class=\"box-content\">\n <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\n</div>\n<div class=\"box-file-download\">\n <div class=\"icon\">\n <img\n id=\":1wy\"\n class=\"aSM\"\n src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\n title=\"Compressed Archive\"\n />\n </div>\n <div class=\"filename-wrapper\">\n <span class=\"filename\">build.rar</span>\n </div>\n </div>\n <div class=\"download-wrapper\">\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n </div>\n</div> -->\n\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\n <button\n fd-button\n [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\n [label]=\"file.FileName || ''\"\n [title]=\"file.FileName || ''\"\n glyph=\"attachment\"\n [fdMenu]=\"true\"\n [fdType]=\"fdType\"\n class=\"btn-actionsheet\"\n ></button>\n <fd-popover\n #popoverMobile\n [mobile]=\"true\"\n [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\n >\n <ng-template #popoverBodyContent>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\n ></ng-container>\n </ng-template>\n </fd-popover>\n <fd-popover #popoverLarge>\n <fd-popover-body>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\n ></ng-container>\n </fd-popover-body>\n </fd-popover>\n\n @if (!disableRemove) {\n <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\n }\n</div>\n\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\n <div fd-popover-body-header>\n <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\n <div fd-bar-left>\n <fd-bar-element>{{ file.FileName }}</fd-bar-element>\n </div>\n </div>\n </div>\n <bsu-file-viewer-content\n [file]=\"file\"\n [width]=\"mobile ? '100vw' : '30vw'\"\n [cardMode]=\"true\"\n [showContent]=\"true\"\n [showFooter]=\"true\"\n [deviceSize]=\"deviceSize\"\n [cardContentHeight]=\"mobile ? null : '320px'\"\n ></bsu-file-viewer-content>\n @if (canDownload) {\n <div fd-popover-body-footer>\n <div fd-bar barDesign=\"footer\">\n <div fd-bar-right>\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"download\"\n downloadFiles\n [files]=\"[file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n @if (!mobile) {\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"resize\"\n fullscreenFiles\n [files]=\"files?.length ? files : [file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n }\n </div>\n </div>\n </div>\n }\n</ng-template>\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"] }]
|
|
26
|
-
}],
|
|
23
|
+
args: [{ selector: 'bsu-file-viewer-popover', changeDetection: ChangeDetectionStrategy.OnPush, template: "<!-- <div class=\"box\" #divRef (mouseover)=\"divRef.classList.add('onside')\" (mouseout)=\"divRef.classList.remove('onside')\">\n<div class=\"box-content\">\n <fd-icon [glyph]=\"'pdf-attachment'\"></fd-icon>\n</div>\n<div class=\"box-file-download\">\n <div class=\"icon\">\n <img\n id=\":1wy\"\n class=\"aSM\"\n src=\"//ssl.gstatic.com/docs/doclist/images/mediatype/icon_2_archive_x16.png\"\n title=\"Compressed Archive\"\n />\n </div>\n <div class=\"filename-wrapper\">\n <span class=\"filename\">build.rar</span>\n </div>\n </div>\n <div class=\"download-wrapper\">\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n <button fd-button glyph=\"download\" fdType=\"transparent\"></button>\n </div>\n</div> -->\n\n<div style=\"display: flex; align-items: center; column-gap: 1px\">\n <button\n fd-button\n [fdPopoverTrigger]=\"deviceSize === 's' ? popoverMobile : popoverLarge\"\n [label]=\"file.FileName || ''\"\n [title]=\"file.FileName || ''\"\n glyph=\"attachment\"\n [fdMenu]=\"true\"\n [fdType]=\"fdType\"\n class=\"btn-actionsheet\"\n ></button>\n <fd-popover\n #popoverMobile\n [mobile]=\"true\"\n [mobileConfig]=\"{ title: 'ShowFiles' | bbbTranslate, hasCloseButton: true }\"\n >\n <ng-template #popoverBodyContent>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverMobile, mobile: true }\"\n ></ng-container>\n </ng-template>\n </fd-popover>\n <fd-popover #popoverLarge>\n <fd-popover-body>\n <ng-container\n *ngTemplateOutlet=\"popoverbodyTpl; context: { $implicit: popoverLarge, mobile: false }\"\n ></ng-container>\n </fd-popover-body>\n </fd-popover>\n\n @if (!disableRemove) {\n <button fd-button glyph=\"delete\" (click)=\"remove.emit()\"></button>\n }\n</div>\n\n<ng-template #popoverbodyTpl let-popover let-mobile=\"mobile\">\n <div fd-popover-body-header>\n <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-3\">\n <div fd-bar-left>\n <fd-bar-element>{{ file.FileName }}</fd-bar-element>\n </div>\n </div>\n </div>\n <bsu-file-viewer-content\n [file]=\"file\"\n [width]=\"mobile ? '100vw' : '30vw'\"\n [cardMode]=\"true\"\n [showContent]=\"true\"\n [showFooter]=\"true\"\n [deviceSize]=\"deviceSize\"\n [cardContentHeight]=\"mobile ? null : '320px'\"\n (cantView)=\"hideFullScreen = true\"\n ></bsu-file-viewer-content>\n @if (canDownload) {\n <div fd-popover-body-footer>\n <div fd-bar barDesign=\"footer\">\n <div fd-bar-right>\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"download\"\n downloadFiles\n [files]=\"[file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n @if (!mobile && !hideFullScreen) {\n <fd-button-bar\n fdType=\"transparent\"\n glyph=\"resize\"\n fullscreenFiles\n [files]=\"files?.length ? files : [file]\"\n (click)=\"popover.close()\"\n ></fd-button-bar>\n }\n </div>\n </div>\n </div>\n }\n</ng-template>\n", styles: [":host{display:block}.btn-actionsheet{width:100%!important;max-width:100%!important}.box{display:flex;flex-direction:column;width:175px;height:120px;position:relative;border:1px solid #ccc}.box .box-content{height:85px;text-align:center;display:flex;align-items:center;justify-content:center}.box .box-content fd-icon{font-size:1.825rem;color:#e5e5e5}.box .box-file-download{background-color:#f5f5f5;border-top:1px solid #e5e5e5;display:flex;gap:.285rem}.box .box-file-download .icon{align-items:center;float:left;display:-webkit-box;display:-webkit-flex;display:flex;height:32px;-webkit-justify-content:center;justify-content:center;width:32px}.box .box-file-download .filename-wrapper{display:flex;overflow:hidden}.box .box-file-download .filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#777;font-size:12px;font-weight:700;line-height:16px;margin-top:8px;word-wrap:normal}.box .download-wrapper{display:none}.box.onside{background:#f5f5f5}.box.onside .box-content{display:none}.box.onside .box-file-download{border-top:none;height:85px}.box.onside .download-wrapper{display:flex;gap:.285rem;justify-content:center}\n"] }]
|
|
24
|
+
}], propDecorators: { files: [{
|
|
27
25
|
type: Input
|
|
28
26
|
}], file: [{
|
|
29
27
|
type: Input
|
|
@@ -38,4 +36,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
38
36
|
}], remove: [{
|
|
39
37
|
type: Output
|
|
40
38
|
}] } });
|
|
41
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
39
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZmlsZS12aWV3ZXItcG9wb3Zlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9iYXJzYS1zYXAtdWkvc3JjL2xpYi9maWxlLXZpZXdlci1wb3BvdmVyL2ZpbGUtdmlld2VyLXBvcG92ZXIuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvZmlsZS12aWV3ZXItcG9wb3Zlci9maWxlLXZpZXdlci1wb3BvdmVyLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFaEcsT0FBTyxFQUF5QixhQUFhLEVBQXNCLE1BQU0sc0JBQXNCLENBQUM7Ozs7Ozs7Ozs7QUFRaEcsTUFBTSxPQUFPLDBCQUEyQixTQUFRLGFBQWE7SUFON0Q7O1FBYWMsV0FBTSxHQUFHLElBQUksWUFBWSxFQUFRLENBQUM7UUFDNUMsbUJBQWMsR0FBRyxLQUFLLENBQUM7S0FDMUI7OEdBVFksMEJBQTBCO2tHQUExQiwwQkFBMEIsdVFDVnZDLDQ4R0FxR0E7OzJGRDNGYSwwQkFBMEI7a0JBTnRDLFNBQVM7K0JBQ0kseUJBQXlCLG1CQUdsQix1QkFBdUIsQ0FBQyxNQUFNOzhCQUd0QyxLQUFLO3NCQUFiLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFVBQVU7c0JBQWxCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDSSxNQUFNO3NCQUFmLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEJ1dHRvblR5cGUgfSBmcm9tICdAZnVuZGFtZW50YWwtbmd4L2NvcmUnO1xuaW1wb3J0IHsgQWJicmV2YXRpb25EZXZpY2VTaXplLCBCYXNlQ29tcG9uZW50LCBGaWxlQXR0YWNobWVudEluZm8gfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAnYnN1LWZpbGUtdmlld2VyLXBvcG92ZXInLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9maWxlLXZpZXdlci1wb3BvdmVyLmNvbXBvbmVudC5odG1sJyxcbiAgICBzdHlsZVVybHM6IFsnLi9maWxlLXZpZXdlci1wb3BvdmVyLmNvbXBvbmVudC5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2hcbn0pXG5leHBvcnQgY2xhc3MgRmlsZVZpZXdlclBvcG92ZXJDb21wb25lbnQgZXh0ZW5kcyBCYXNlQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKSBmaWxlczogRmlsZUF0dGFjaG1lbnRJbmZvW107XG4gICAgQElucHV0KCkgZmlsZTogRmlsZUF0dGFjaG1lbnRJbmZvO1xuICAgIEBJbnB1dCgpIGRldmljZVNpemU6IEFiYnJldmF0aW9uRGV2aWNlU2l6ZTtcbiAgICBASW5wdXQoKSBjYW5Eb3dubG9hZDogYm9vbGVhbjtcbiAgICBASW5wdXQoKSBkaXNhYmxlUmVtb3ZlOiBib29sZWFuO1xuICAgIEBJbnB1dCgpIGZkVHlwZTogQnV0dG9uVHlwZTtcbiAgICBAT3V0cHV0KCkgcmVtb3ZlID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xuICAgIGhpZGVGdWxsU2NyZWVuID0gZmFsc2U7XG59XG4iLCI8IS0tIDxkaXYgY2xhc3M9XCJib3hcIiAjZGl2UmVmIChtb3VzZW92ZXIpPVwiZGl2UmVmLmNsYXNzTGlzdC5hZGQoJ29uc2lkZScpXCIgKG1vdXNlb3V0KT1cImRpdlJlZi5jbGFzc0xpc3QucmVtb3ZlKCdvbnNpZGUnKVwiPlxuPGRpdiBjbGFzcz1cImJveC1jb250ZW50XCI+XG4gIDxmZC1pY29uIFtnbHlwaF09XCIncGRmLWF0dGFjaG1lbnQnXCI+PC9mZC1pY29uPlxuPC9kaXY+XG48ZGl2IGNsYXNzPVwiYm94LWZpbGUtZG93bmxvYWRcIj5cbiAgPGRpdiBjbGFzcz1cImljb25cIj5cbiAgICA8aW1nXG4gICAgICBpZD1cIjoxd3lcIlxuICAgICAgY2xhc3M9XCJhU01cIlxuICAgICAgc3JjPVwiLy9zc2wuZ3N0YXRpYy5jb20vZG9jcy9kb2NsaXN0L2ltYWdlcy9tZWRpYXR5cGUvaWNvbl8yX2FyY2hpdmVfeDE2LnBuZ1wiXG4gICAgICB0aXRsZT1cIkNvbXByZXNzZWQgQXJjaGl2ZVwiXG4gICAgICAvPlxuICAgIDwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJmaWxlbmFtZS13cmFwcGVyXCI+XG4gICAgICA8c3BhbiBjbGFzcz1cImZpbGVuYW1lXCI+YnVpbGQucmFyPC9zcGFuPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbiAgPGRpdiBjbGFzcz1cImRvd25sb2FkLXdyYXBwZXJcIj5cbiAgICA8YnV0dG9uIGZkLWJ1dHRvbiBnbHlwaD1cImRvd25sb2FkXCIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIj48L2J1dHRvbj5cbiAgICA8YnV0dG9uIGZkLWJ1dHRvbiBnbHlwaD1cImRvd25sb2FkXCIgZmRUeXBlPVwidHJhbnNwYXJlbnRcIj48L2J1dHRvbj5cbiAgPC9kaXY+XG48L2Rpdj4gLS0+XG5cbjxkaXYgc3R5bGU9XCJkaXNwbGF5OiBmbGV4OyBhbGlnbi1pdGVtczogY2VudGVyOyBjb2x1bW4tZ2FwOiAxcHhcIj5cbiAgICA8YnV0dG9uXG4gICAgICAgIGZkLWJ1dHRvblxuICAgICAgICBbZmRQb3BvdmVyVHJpZ2dlcl09XCJkZXZpY2VTaXplID09PSAncycgPyBwb3BvdmVyTW9iaWxlIDogcG9wb3ZlckxhcmdlXCJcbiAgICAgICAgW2xhYmVsXT1cImZpbGUuRmlsZU5hbWUgfHwgJydcIlxuICAgICAgICBbdGl0bGVdPVwiZmlsZS5GaWxlTmFtZSB8fCAnJ1wiXG4gICAgICAgIGdseXBoPVwiYXR0YWNobWVudFwiXG4gICAgICAgIFtmZE1lbnVdPVwidHJ1ZVwiXG4gICAgICAgIFtmZFR5cGVdPVwiZmRUeXBlXCJcbiAgICAgICAgY2xhc3M9XCJidG4tYWN0aW9uc2hlZXRcIlxuICAgID48L2J1dHRvbj5cbiAgICA8ZmQtcG9wb3ZlclxuICAgICAgICAjcG9wb3Zlck1vYmlsZVxuICAgICAgICBbbW9iaWxlXT1cInRydWVcIlxuICAgICAgICBbbW9iaWxlQ29uZmlnXT1cInsgdGl0bGU6ICdTaG93RmlsZXMnIHwgYmJiVHJhbnNsYXRlLCBoYXNDbG9zZUJ1dHRvbjogdHJ1ZSB9XCJcbiAgICA+XG4gICAgICAgIDxuZy10ZW1wbGF0ZSAjcG9wb3ZlckJvZHlDb250ZW50PlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lclxuICAgICAgICAgICAgICAgICpuZ1RlbXBsYXRlT3V0bGV0PVwicG9wb3ZlcmJvZHlUcGw7IGNvbnRleHQ6IHsgJGltcGxpY2l0OiBwb3BvdmVyTW9iaWxlLCBtb2JpbGU6IHRydWUgfVwiXG4gICAgICAgICAgICA+PC9uZy1jb250YWluZXI+XG4gICAgICAgIDwvbmctdGVtcGxhdGU+XG4gICAgPC9mZC1wb3BvdmVyPlxuICAgIDxmZC1wb3BvdmVyICNwb3BvdmVyTGFyZ2U+XG4gICAgICAgIDxmZC1wb3BvdmVyLWJvZHk+XG4gICAgICAgICAgICA8bmctY29udGFpbmVyXG4gICAgICAgICAgICAgICAgKm5nVGVtcGxhdGVPdXRsZXQ9XCJwb3BvdmVyYm9keVRwbDsgY29udGV4dDogeyAkaW1wbGljaXQ6IHBvcG92ZXJMYXJnZSwgbW9iaWxlOiBmYWxzZSB9XCJcbiAgICAgICAgICAgID48L25nLWNvbnRhaW5lcj5cbiAgICAgICAgPC9mZC1wb3BvdmVyLWJvZHk+XG4gICAgPC9mZC1wb3BvdmVyPlxuXG4gICAgQGlmICghZGlzYWJsZVJlbW92ZSkge1xuICAgIDxidXR0b24gZmQtYnV0dG9uIGdseXBoPVwiZGVsZXRlXCIgKGNsaWNrKT1cInJlbW92ZS5lbWl0KClcIj48L2J1dHRvbj5cbiAgICB9XG48L2Rpdj5cblxuPG5nLXRlbXBsYXRlICNwb3BvdmVyYm9keVRwbCBsZXQtcG9wb3ZlciBsZXQtbW9iaWxlPVwibW9iaWxlXCI+XG4gICAgPGRpdiBmZC1wb3BvdmVyLWJvZHktaGVhZGVyPlxuICAgICAgICA8ZGl2IGZkLWJhciBbY296eV09XCJ0cnVlXCIgaWQ9XCJwb3BvdmVyLWJhci1oZWFkZXItM1wiPlxuICAgICAgICAgICAgPGRpdiBmZC1iYXItbGVmdD5cbiAgICAgICAgICAgICAgICA8ZmQtYmFyLWVsZW1lbnQ+e3sgZmlsZS5GaWxlTmFtZSB9fTwvZmQtYmFyLWVsZW1lbnQ+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgPGJzdS1maWxlLXZpZXdlci1jb250ZW50XG4gICAgICAgIFtmaWxlXT1cImZpbGVcIlxuICAgICAgICBbd2lkdGhdPVwibW9iaWxlID8gJzEwMHZ3JyA6ICczMHZ3J1wiXG4gICAgICAgIFtjYXJkTW9kZV09XCJ0cnVlXCJcbiAgICAgICAgW3Nob3dDb250ZW50XT1cInRydWVcIlxuICAgICAgICBbc2hvd0Zvb3Rlcl09XCJ0cnVlXCJcbiAgICAgICAgW2RldmljZVNpemVdPVwiZGV2aWNlU2l6ZVwiXG4gICAgICAgIFtjYXJkQ29udGVudEhlaWdodF09XCJtb2JpbGUgPyBudWxsIDogJzMyMHB4J1wiXG4gICAgICAgIChjYW50Vmlldyk9XCJoaWRlRnVsbFNjcmVlbiA9IHRydWVcIlxuICAgID48L2JzdS1maWxlLXZpZXdlci1jb250ZW50PlxuICAgIEBpZiAoY2FuRG93bmxvYWQpIHtcbiAgICA8ZGl2IGZkLXBvcG92ZXItYm9keS1mb290ZXI+XG4gICAgICAgIDxkaXYgZmQtYmFyIGJhckRlc2lnbj1cImZvb3RlclwiPlxuICAgICAgICAgICAgPGRpdiBmZC1iYXItcmlnaHQ+XG4gICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICBnbHlwaD1cImRvd25sb2FkXCJcbiAgICAgICAgICAgICAgICAgICAgZG93bmxvYWRGaWxlc1xuICAgICAgICAgICAgICAgICAgICBbZmlsZXNdPVwiW2ZpbGVdXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInBvcG92ZXIuY2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgPjwvZmQtYnV0dG9uLWJhcj5cbiAgICAgICAgICAgICAgICBAaWYgKCFtb2JpbGUgJiYgIWhpZGVGdWxsU2NyZWVuKSB7XG4gICAgICAgICAgICAgICAgPGZkLWJ1dHRvbi1iYXJcbiAgICAgICAgICAgICAgICAgICAgZmRUeXBlPVwidHJhbnNwYXJlbnRcIlxuICAgICAgICAgICAgICAgICAgICBnbHlwaD1cInJlc2l6ZVwiXG4gICAgICAgICAgICAgICAgICAgIGZ1bGxzY3JlZW5GaWxlc1xuICAgICAgICAgICAgICAgICAgICBbZmlsZXNdPVwiZmlsZXM/Lmxlbmd0aCA/IGZpbGVzIDogW2ZpbGVdXCJcbiAgICAgICAgICAgICAgICAgICAgKGNsaWNrKT1cInBvcG92ZXIuY2xvc2UoKVwiXG4gICAgICAgICAgICAgICAgPjwvZmQtYnV0dG9uLWJhcj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgPC9kaXY+XG4gICAgPC9kaXY+XG4gICAgfVxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -7,11 +7,11 @@ import * as i3 from "@fundamental-ngx/core/icon";
|
|
|
7
7
|
import * as i4 from "../sap-font.pipe";
|
|
8
8
|
export class LyLabelComponent extends LayoutItemBaseComponent {
|
|
9
9
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LyLabelComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
10
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LyLabelComponent, selector: "bsu-ly-label", inputs: { originalWidth: "originalWidth", minWidth: "minWidth", caption: "caption", captionIcon: "captionIcon", isColumn: "isColumn", isMandatory: "isMandatory", fieldIcon: "fieldIcon", originalXtype: "originalXtype", textVisible: "textVisible" }, usesInheritance: true, ngImport: i0, template: "@if (config.FontIcon) {\n<fd-icon\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n [font]=\"config.FontIcon | sapFont\"\n [glyph]=\"config.FontIcon\"\n></fd-icon>\n} @if (textVisible && fieldIcon) {\n<img [attrRtl] [src]=\"fieldIcon\" height=\"16px\" />\n} @if (textVisible) {\n<label\n fd-form-label\n [defaultClass]=\"false\"\n class=\"bsu-label-control\"\n [attr.required]=\"isMandatory ? true : null\"\n [attr.column-mode]=\"isColumn\"\n [attrRtl]=\"true\"\n [class.!tw-font-bold]=\"isMandatory\"\n [innerHTML]=\"originalXtype === 'Ui.Button' ? '‌' : caption\"\n [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n}\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: i4.SapFontPipe, name: "sapFont" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
10
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: LyLabelComponent, selector: "bsu-ly-label", inputs: { originalWidth: "originalWidth", minWidth: "minWidth", caption: "caption", captionIcon: "captionIcon", isColumn: "isColumn", isMandatory: "isMandatory", fieldIcon: "fieldIcon", originalXtype: "originalXtype", textVisible: "textVisible" }, usesInheritance: true, ngImport: i0, template: "@if (config.FontIcon) {\n<fd-icon\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n [font]=\"config.FontIcon | sapFont\"\n [glyph]=\"config.FontIcon\"\n></fd-icon>\n} @if (textVisible && fieldIcon) {\n<img [attrRtl] [src]=\"fieldIcon\" height=\"16px\" width=\"16px\" />\n} @if (textVisible) {\n<label\n fd-form-label\n [defaultClass]=\"false\"\n class=\"bsu-label-control\"\n [attr.required]=\"isMandatory ? true : null\"\n [attr.column-mode]=\"isColumn\"\n [attrRtl]=\"true\"\n [class.!tw-font-bold]=\"isMandatory\"\n [innerHTML]=\"originalXtype === 'Ui.Button' ? '‌' : caption\"\n [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n}\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"], dependencies: [{ kind: "directive", type: i1.AttrRtlDirective, selector: "[attrRtl]", inputs: ["attrRtl"] }, { kind: "component", type: i2.FormLabelComponent, selector: "[fd-form-label]", inputs: ["required", "colon", "alignLabelEnd", "inlineHelpContent", "inlineHelpGlyph", "inlineHelpTriggers", "inlineHelpBodyPlacement", "inlineHelpPlacement", "inlineHelpLabel", "id"] }, { kind: "component", type: i3.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "pipe", type: i4.SapFontPipe, name: "sapFont" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11
11
|
}
|
|
12
12
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: LyLabelComponent, decorators: [{
|
|
13
13
|
type: Component,
|
|
14
|
-
args: [{ selector: 'bsu-ly-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (config.FontIcon) {\n<fd-icon\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n [font]=\"config.FontIcon | sapFont\"\n [glyph]=\"config.FontIcon\"\n></fd-icon>\n} @if (textVisible && fieldIcon) {\n<img [attrRtl] [src]=\"fieldIcon\" height=\"16px\" />\n} @if (textVisible) {\n<label\n fd-form-label\n [defaultClass]=\"false\"\n class=\"bsu-label-control\"\n [attr.required]=\"isMandatory ? true : null\"\n [attr.column-mode]=\"isColumn\"\n [attrRtl]=\"true\"\n [class.!tw-font-bold]=\"isMandatory\"\n [innerHTML]=\"originalXtype === 'Ui.Button' ? '‌' : caption\"\n [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n}\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"] }]
|
|
14
|
+
args: [{ selector: 'bsu-ly-label', changeDetection: ChangeDetectionStrategy.OnPush, template: "@if (config.FontIcon) {\n<fd-icon\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n [font]=\"config.FontIcon | sapFont\"\n [glyph]=\"config.FontIcon\"\n></fd-icon>\n} @if (textVisible && fieldIcon) {\n<img [attrRtl] [src]=\"fieldIcon\" height=\"16px\" width=\"16px\" />\n} @if (textVisible) {\n<label\n fd-form-label\n [defaultClass]=\"false\"\n class=\"bsu-label-control\"\n [attr.required]=\"isMandatory ? true : null\"\n [attr.column-mode]=\"isColumn\"\n [attrRtl]=\"true\"\n [class.!tw-font-bold]=\"isMandatory\"\n [innerHTML]=\"originalXtype === 'Ui.Button' ? '‌' : caption\"\n [style.background-color]=\"config.CaptionAppearance?.BColor ? config.CaptionAppearance?.BColor : null\"\n [style.color]=\"config.CaptionAppearance?.FColor ? config.CaptionAppearance?.FColor : null\"\n>\n</label>\n}\n", styles: [":host{display:flex;position:relative}img[rtl=true]{margin-left:5px}img[rtl=false]{margin-right:5px}label{padding:0!important;text-align:var(--_text_align)}label[columnMode=true] label[rtl=true]{text-align:right}label[columnMode=true] label[rtl=false]{text-align:left}\n"] }]
|
|
15
15
|
}], propDecorators: { originalWidth: [{
|
|
16
16
|
type: Input
|
|
17
17
|
}], minWidth: [{
|
|
@@ -31,4 +31,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
31
31
|
}], textVisible: [{
|
|
32
32
|
type: Input
|
|
33
33
|
}] } });
|
|
34
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
34
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibHktbGFiZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvbHktbGFiZWwvbHktbGFiZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvbHktbGFiZWwvbHktbGFiZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFHMUUsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sc0JBQXNCLENBQUM7Ozs7OztBQVEvRCxNQUFNLE9BQU8sZ0JBQWlCLFNBQVEsdUJBQXVCOzhHQUFoRCxnQkFBZ0I7a0dBQWhCLGdCQUFnQixtVUNYN0IsNDNCQXVCQTs7MkZEWmEsZ0JBQWdCO2tCQU41QixTQUFTOytCQUNJLGNBQWMsbUJBR1AsdUJBQXVCLENBQUMsTUFBTTs4QkFHdEMsYUFBYTtzQkFBckIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLE9BQU87c0JBQWYsS0FBSztnQkFDRyxXQUFXO3NCQUFuQixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxTQUFTO3NCQUFqQixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENoYW5nZURldGVjdGlvblN0cmF0ZWd5LCBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBTYWZlSHRtbCB9IGZyb20gJ0Bhbmd1bGFyL3BsYXRmb3JtLWJyb3dzZXInO1xuXG5pbXBvcnQgeyBMYXlvdXRJdGVtQmFzZUNvbXBvbmVudCB9IGZyb20gJ2JhcnNhLW5vdmluLXJheS1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtbHktbGFiZWwnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9seS1sYWJlbC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vbHktbGFiZWwuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxufSlcbmV4cG9ydCBjbGFzcyBMeUxhYmVsQ29tcG9uZW50IGV4dGVuZHMgTGF5b3V0SXRlbUJhc2VDb21wb25lbnQge1xuICAgIEBJbnB1dCgpIG9yaWdpbmFsV2lkdGg6IG51bWJlcjtcbiAgICBASW5wdXQoKSBtaW5XaWR0aDogc3RyaW5nO1xuICAgIEBJbnB1dCgpIGNhcHRpb246IHN0cmluZyB8IFNhZmVIdG1sO1xuICAgIEBJbnB1dCgpIGNhcHRpb25JY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgaXNDb2x1bW46IGJvb2xlYW47XG4gICAgQElucHV0KCkgaXNNYW5kYXRvcnk6IGJvb2xlYW47XG4gICAgQElucHV0KCkgZmllbGRJY29uOiBzdHJpbmc7XG4gICAgQElucHV0KCkgb3JpZ2luYWxYdHlwZTogc3RyaW5nO1xuICAgIEBJbnB1dCgpIHRleHRWaXNpYmxlOiBib29sZWFuIHwgdW5kZWZpbmVkO1xufVxuIiwiQGlmIChjb25maWcuRm9udEljb24pIHtcbjxmZC1pY29uXG4gICAgW3N0eWxlLmNvbG9yXT1cImNvbmZpZy5DYXB0aW9uQXBwZWFyYW5jZT8uRkNvbG9yID8gY29uZmlnLkNhcHRpb25BcHBlYXJhbmNlPy5GQ29sb3IgOiBudWxsXCJcbiAgICBbZm9udF09XCJjb25maWcuRm9udEljb24gfCBzYXBGb250XCJcbiAgICBbZ2x5cGhdPVwiY29uZmlnLkZvbnRJY29uXCJcbj48L2ZkLWljb24+XG59IEBpZiAodGV4dFZpc2libGUgJiYgZmllbGRJY29uKSB7XG48aW1nIFthdHRyUnRsXSBbc3JjXT1cImZpZWxkSWNvblwiIGhlaWdodD1cIjE2cHhcIiB3aWR0aD1cIjE2cHhcIiAvPlxufSBAaWYgKHRleHRWaXNpYmxlKSB7XG48bGFiZWxcbiAgICBmZC1mb3JtLWxhYmVsXG4gICAgW2RlZmF1bHRDbGFzc109XCJmYWxzZVwiXG4gICAgY2xhc3M9XCJic3UtbGFiZWwtY29udHJvbFwiXG4gICAgW2F0dHIucmVxdWlyZWRdPVwiaXNNYW5kYXRvcnkgPyB0cnVlIDogbnVsbFwiXG4gICAgW2F0dHIuY29sdW1uLW1vZGVdPVwiaXNDb2x1bW5cIlxuICAgIFthdHRyUnRsXT1cInRydWVcIlxuICAgIFtjbGFzcy4hdHctZm9udC1ib2xkXT1cImlzTWFuZGF0b3J5XCJcbiAgICBbaW5uZXJIVE1MXT1cIm9yaWdpbmFsWHR5cGUgPT09ICdVaS5CdXR0b24nID8gJyZ6d25qOycgOiBjYXB0aW9uXCJcbiAgICBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJjb25maWcuQ2FwdGlvbkFwcGVhcmFuY2U/LkJDb2xvciA/IGNvbmZpZy5DYXB0aW9uQXBwZWFyYW5jZT8uQkNvbG9yIDogbnVsbFwiXG4gICAgW3N0eWxlLmNvbG9yXT1cImNvbmZpZy5DYXB0aW9uQXBwZWFyYW5jZT8uRkNvbG9yID8gY29uZmlnLkNhcHRpb25BcHBlYXJhbmNlPy5GQ29sb3IgOiBudWxsXCJcbj5cbjwvbGFiZWw+XG59XG4iXX0=
|