barsa-develop-components 2.3.7 → 2.3.9
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.
|
@@ -2746,7 +2746,7 @@ class BarsaDocumentListItemComponent extends BaseComponent {
|
|
|
2746
2746
|
this._cdr.detectChanges();
|
|
2747
2747
|
}
|
|
2748
2748
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaDocumentListItemComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: i1$1.PictureFieldSourcePipe }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2749
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaDocumentListItemComponent, isStandalone: false, selector: "bdc-barsa-document-list-item", inputs: { documentItem: "documentItem", deviceSize: "deviceSize", files: "files", accepted: "accepted", rejectedReason: "rejectedReason", readonly: "readonly", status: "status", uploadingState: "uploadingState" }, outputs: { statusChanged: "statusChanged", rejectTextChange: "rejectTextChange", fileSelectionChange: "fileSelectionChange", removeFile: "removeFile", fullscreen: "fullscreen", download: "download", downloadAll: "downloadAll" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\r\n<span fd-list-thumbnail>\r\n <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\r\n <fd-avatar\r\n *ngIf=\"documentItem.Avatar\"\r\n size=\"s\"\r\n [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\r\n [clickable]=\"true\"\r\n ></fd-avatar\r\n ></span>\r\n\r\n <div fd-list-content>\r\n <div fd-list-title>\r\n <div style=\"display: flex; column-gap: 3px\">\r\n <strong\r\n >{{ documentItem.Title }}\r\n <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\r\n >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\r\n </span>\r\n </strong>\r\n <div\r\n *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\r\n style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\r\n >\r\n <span\r\n fd-object-status\r\n [status]=\"accepted ? 'positive' : 'negative'\"\r\n [label]=\"accepted ? acceptedText : rejectedText\"\r\n [clickable]=\"true\"\r\n [inverted]=\"true\"\r\n [aria-label]=\"accepted ? acceptedText : rejectedText\"\r\n ></span>\r\n <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\r\n <fd-popover-control>\r\n <span\r\n fd-object-status\r\n status=\"negative\"\r\n glyph=\"question-mark\"\r\n glyphAriaLabel=\"Negative\"\r\n title=\"Rejected document\"\r\n ></span>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <fd-message-strip type=\"error\" [dismissible]=\"false\">\r\n {{ rejectedReason }}\r\n </fd-message-strip>\r\n </fd-popover-body>\r\n </fd-popover>\r\n </div>\r\n </div>\r\n </div>\r\n <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\r\n <div fd-list-byline-left>\r\n <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\r\n <span>\r\n {{ documentItem.Description }}\r\n </span>\r\n <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\r\n <ng-container *ngIf=\"hasFiles\">\r\n <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\r\n <ng-container *ngFor=\"let file of files\">\r\n <fd-token\r\n [readOnly]=\"readonly\"\r\n *ngIf=\"!file.IsDeleted\"\r\n (onCloseClick)=\"onRemoveFile(file)\"\r\n >{{ file.FileName }}</fd-token\r\n >\r\n </ng-container>\r\n </ng-container>\r\n <button\r\n fd-button\r\n *ngIf=\"documentItem.MaxFileCount && !readonly\"\r\n glyph=\"attachment\"\r\n [label]=\"'AttachFile' | bbbTranslate\"\r\n (click)=\"!readonly && uploader.open()\"\r\n ></button>\r\n <fd-file-uploader\r\n #uploader\r\n [style.display]=\"'none'\"\r\n fd-toolbar-item\r\n [id]=\"documentItem.ItemKey\"\r\n [name]=\"'pictures_' + documentItem.ItemKey\"\r\n [accept]=\"documentItem.$ValidExtensions\"\r\n [fileLimit]=\"documentItem.MaxFileCount\"\r\n [multiple]=\"documentItem.MaxFileCount > 0\"\r\n (selectedFilesChanged)=\"onFileSelection($event)\"\r\n ></fd-file-uploader>\r\n </div>\r\n </div>\r\n </div>\r\n <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\r\n <bdc-accept-reject\r\n [rejectedReason]=\"rejectedReason\"\r\n [positiveText]=\"acceptedText\"\r\n [negativeText]=\"rejectedText\"\r\n [deviceSize]=\"deviceSize\"\r\n [readonly]=\"readonly\"\r\n ></bdc-accept-reject>\r\n </div>\r\n </div>\r\n </div>\r\n </li> -->\r\n\r\n<tr fd-table-row>\r\n <td fd-table-cell>\r\n @if (documentItem.Avatar && !files.length) {\r\n <fd-avatar\r\n size=\"s\"\r\n [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\r\n [clickable]=\"true\"\r\n [transparent]=\"true\"\r\n ></fd-avatar>\r\n } @else { @if (files.length) {\r\n <fd-avatar [transparent]=\"true\" size=\"s\" [image]=\"firstImageUrl\" [clickable]=\"true\"></fd-avatar>\r\n } @if (!files.length) {\r\n <fd-avatar [transparent]=\"true\" size=\"s\" [glyph]=\"documentItem.FontIcon\" [clickable]=\"true\"></fd-avatar>\r\n } }\r\n </td>\r\n <td fd-table-cell style=\"min-width: 140px\">\r\n <p fd-table-text>\r\n <strong\r\n >{{ documentItem.Title }}\r\n @if (documentItem.IsRequired) {\r\n <span fd-object-status status=\"negative\">*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }}) </span>\r\n }\r\n </strong>\r\n </p>\r\n <div>\r\n <span>\r\n {{ documentItem.Description }}\r\n </span>\r\n </div>\r\n </td>\r\n\r\n <td fd-table-cell>\r\n <ng-container>\r\n <!-- <ul fd-list>\r\n <li fd-list-item *ngFor=\"let file of files; let ind = index\">\r\n <span fd-list-title>\r\n {{ file.FileName }}\r\n </span>\r\n <span fd-list-secondary>\r\n <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\r\n </span>\r\n </li>\r\n </ul> -->\r\n <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\r\n @for (file of files; track file) {\r\n <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\r\n @if (!file.IsDeleted) {\r\n <bsu-file-viewer-popover\r\n [file]=\"file\"\r\n [deviceSize]=\"deviceSize\"\r\n [canDownload]=\"true\"\r\n (remove)=\"removeFile.emit(file)\"\r\n ></bsu-file-viewer-popover>\r\n } }\r\n <!-- <button\r\n fd-button\r\n *ngIf=\"+documentItem.MaxFileCount && !readonly\"\r\n glyph=\"add\"\r\n (click)=\"!readonly && uploader.open()\"\r\n ></button> -->\r\n </div>\r\n <!-- <p *ngFor=\"let file of files\" fd-table-text>\r\n <fd-action-sheet >\r\n <fd-action-sheet-control>\r\n <button\r\n fd-button\r\n glyph=\"settings\"\r\n title=\"Open Action Sheet Mobile\"\r\n id=\"fd-action-sheet-mobile-control\"\r\n aria-haspopup=\"menu\"\r\n [label]=\"file.FileName ||''\"\r\n aria-controls=\"fd-action-sheet-mobile-body\"\r\n ></button>\r\n </fd-action-sheet-control>\r\n\r\n <fd-action-sheet-body\r\n actionSheetBodyId=\"fd-action-sheet-mobile-body\"\r\n ariaLabelledBy=\"fd-action-sheet-mobile-control\"\r\n >\r\n <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\r\n <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\r\n <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\r\n <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\r\n <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\r\n <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\r\n </fd-action-sheet-body>\r\n </fd-action-sheet>\r\n </p> -->\r\n </ng-container>\r\n </td>\r\n <td fd-table-cell>\r\n <div class=\"status\" style=\"position: relative\">\r\n @if (+documentItem.MaxFileCount && !readonly) {\r\n <button\r\n fd-button\r\n glyph=\"attachment\"\r\n [label]=\"'AttachFile' | bbbTranslate\"\r\n [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\r\n (click)=\"!readonly && uploader.open()\"\r\n >\r\n @if (uploadingState?.key === documentItem.Title && uploadingState?.uploading) {\r\n <bsu-mask [marginTop]=\"'3px'\"></bsu-mask>\r\n }\r\n </button>\r\n }\r\n <button\r\n fd-button\r\n glyph=\"show\"\r\n fullscreenFiles\r\n [files]=\"files\"\r\n [title]=\"documentItem.Title\"\r\n [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n fullscreenFiles\r\n [disabled]=\"!files.length\"\r\n [files]=\"files\"\r\n ></button>\r\n <button\r\n fd-button\r\n glyph=\"download\"\r\n [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n downloadFiles\r\n [disabled]=\"!files.length\"\r\n [files]=\"files\"\r\n (click)=\"downloadAll.emit()\"\r\n ></button>\r\n </div>\r\n </td>\r\n <td fd-table-cell>\r\n <fd-action-sheet #actionSheet>\r\n <fd-action-sheet-control>\r\n <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\r\n </fd-action-sheet-control>\r\n <fd-action-sheet-body>\r\n <li\r\n fd-action-sheet-item\r\n [label]=\"'Accept' | bbbTranslate\"\r\n glyph=\"accept\"\r\n (click)=\"actionSheet.close(); onReject(2)\"\r\n ></li>\r\n <li\r\n fd-action-sheet-item\r\n [label]=\"'Reject' | bbbTranslate\"\r\n glyph=\"cancel\"\r\n (click)=\"actionSheet.close(); onReject(3)\"\r\n ></li>\r\n </fd-action-sheet-body>\r\n </fd-action-sheet>\r\n\r\n @if (status === 3) {\r\n <p fd-table-text maxWidth=\"400px\">\r\n @if (readonly && rejectedReason) {\r\n <span> {{ rejectedReason | bbbTranslate }} </span>\r\n } @if (!readonly) {\r\n <input\r\n fd-form-control\r\n [value]=\"rejectedReason | bbbTranslate\"\r\n [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\r\n />\r\n }\r\n </p>\r\n }\r\n </td>\r\n</tr>\r\n\r\n<fd-file-uploader\r\n #uploader\r\n [style.display]=\"'none'\"\r\n fd-toolbar-item\r\n [id]=\"documentItem.ItemKey\"\r\n [name]=\"'pictures_' + documentItem.ItemKey\"\r\n [accept]=\"documentItem.$ValidExtensions\"\r\n [fileLimit]=\"documentItem.MaxFileCount\"\r\n [multiple]=\"documentItem.MaxFileCount > 0\"\r\n (selectedFilesChanged)=\"onFileSelection($event)\"\r\n></fd-file-uploader>\r\n<ng-template #statusTpl>\r\n <div class=\"status\">\r\n <button fd-button fdType=\"transparent\">\r\n @if (status === 1) {\r\n <span\r\n fd-object-status\r\n [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n ></span>\r\n } @if (status === 2) {\r\n <span\r\n fd-object-status\r\n glyph=\"message-success\"\r\n status=\"positive\"\r\n [label]=\"'Accepted' | bbbTranslate\"\r\n [label]=\"'Accepted' | bbbTranslate\"\r\n ></span>\r\n } @if (status === 3) {\r\n <span\r\n fd-object-status\r\n glyph=\"cancel\"\r\n status=\"negative\"\r\n [label]=\"'Rejected' | bbbTranslate\"\r\n [aria-label]=\"'Rejected' | bbbTranslate\"\r\n ></span>\r\n }\r\n </button>\r\n </div>\r\n</ng-template>\r\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: i2$1.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i2$1.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$5.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$5.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$5.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$5.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i14.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i14.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "directive", type: i14.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2749
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: BarsaDocumentListItemComponent, isStandalone: false, selector: "bdc-barsa-document-list-item", inputs: { documentItem: "documentItem", deviceSize: "deviceSize", files: "files", accepted: "accepted", rejectedReason: "rejectedReason", readonly: "readonly", status: "status", uploadingState: "uploadingState" }, outputs: { statusChanged: "statusChanged", rejectTextChange: "rejectTextChange", fileSelectionChange: "fileSelectionChange", removeFile: "removeFile", fullscreen: "fullscreen", download: "download", downloadAll: "downloadAll" }, usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<!-- <li fd-list-item style=\"padding: 0.5rem 1rem\">\r\n<span fd-list-thumbnail>\r\n <fd-icon *ngIf=\"documentItem.FontIcon\" [glyph]=\"documentItem.FontIcon\"></fd-icon>\r\n <fd-avatar\r\n *ngIf=\"documentItem.Avatar\"\r\n size=\"s\"\r\n [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:''\"\r\n [clickable]=\"true\"\r\n ></fd-avatar\r\n ></span>\r\n\r\n <div fd-list-content>\r\n <div fd-list-title>\r\n <div style=\"display: flex; column-gap: 3px\">\r\n <strong\r\n >{{ documentItem.Title }}\r\n <span fd-object-status status=\"negative\" *ngIf=\"documentItem.IsRequired\"\r\n >*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }})\r\n </span>\r\n </strong>\r\n <div\r\n *ngIf=\"documentItem.$Accepted === false || documentItem.$Accepted === true\"\r\n style=\"display: flex; column-gap: 3px; flex-wrap: wrap; align-items: center\"\r\n >\r\n <span\r\n fd-object-status\r\n [status]=\"accepted ? 'positive' : 'negative'\"\r\n [label]=\"accepted ? acceptedText : rejectedText\"\r\n [clickable]=\"true\"\r\n [inverted]=\"true\"\r\n [aria-label]=\"accepted ? acceptedText : rejectedText\"\r\n ></span>\r\n <fd-popover title=\"Rejected document\" *ngIf=\"rejectedReason && !accepted\">\r\n <fd-popover-control>\r\n <span\r\n fd-object-status\r\n status=\"negative\"\r\n glyph=\"question-mark\"\r\n glyphAriaLabel=\"Negative\"\r\n title=\"Rejected document\"\r\n ></span>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <fd-message-strip type=\"error\" [dismissible]=\"false\">\r\n {{ rejectedReason }}\r\n </fd-message-strip>\r\n </fd-popover-body>\r\n </fd-popover>\r\n </div>\r\n </div>\r\n </div>\r\n <div fd-list-byline [twoCol]=\"true\" [class.smallSize]=\"deviceSize === 's'\">\r\n <div fd-list-byline-left>\r\n <div style=\"display: flex; flex-direction: column; row-gap: 5px; flex-wrap: wrap\">\r\n <span>\r\n {{ documentItem.Description }}\r\n </span>\r\n <div style=\"display: flex; flex-wrap: wrap; column-gap: 3px; align-items: center\">\r\n <ng-container *ngIf=\"hasFiles\">\r\n <button fd-button [fdType]=\"'transparent'\" glyph=\"show\" (click)=\"onFullscreen()\"></button>\r\n <ng-container *ngFor=\"let file of files\">\r\n <fd-token\r\n [readOnly]=\"readonly\"\r\n *ngIf=\"!file.IsDeleted\"\r\n (onCloseClick)=\"onRemoveFile(file)\"\r\n >{{ file.FileName }}</fd-token\r\n >\r\n </ng-container>\r\n </ng-container>\r\n <button\r\n fd-button\r\n *ngIf=\"documentItem.MaxFileCount && !readonly\"\r\n glyph=\"attachment\"\r\n [label]=\"'AttachFile' | bbbTranslate\"\r\n (click)=\"!readonly && uploader.open()\"\r\n ></button>\r\n <fd-file-uploader\r\n #uploader\r\n [style.display]=\"'none'\"\r\n fd-toolbar-item\r\n [id]=\"documentItem.ItemKey\"\r\n [name]=\"'pictures_' + documentItem.ItemKey\"\r\n [accept]=\"documentItem.$ValidExtensions\"\r\n [fileLimit]=\"documentItem.MaxFileCount\"\r\n [multiple]=\"documentItem.MaxFileCount > 0\"\r\n (selectedFilesChanged)=\"onFileSelection($event)\"\r\n ></fd-file-uploader>\r\n </div>\r\n </div>\r\n </div>\r\n <div fd-list-byline-right *ngIf=\"documentItem.CanAccept\">\r\n <bdc-accept-reject\r\n [rejectedReason]=\"rejectedReason\"\r\n [positiveText]=\"acceptedText\"\r\n [negativeText]=\"rejectedText\"\r\n [deviceSize]=\"deviceSize\"\r\n [readonly]=\"readonly\"\r\n ></bdc-accept-reject>\r\n </div>\r\n </div>\r\n </div>\r\n </li> -->\r\n\r\n<tr fd-table-row>\r\n <td fd-table-cell>\r\n @if (documentItem.Avatar && !files.length) {\r\n <fd-avatar\r\n size=\"s\"\r\n [image]=\"documentItem.Avatar.FileId | picFieldSrc: 'ID':null:'':64:64\"\r\n [clickable]=\"true\"\r\n [transparent]=\"true\"\r\n ></fd-avatar>\r\n } @else { @if (files.length) {\r\n <fd-avatar [transparent]=\"true\" size=\"s\" [image]=\"firstImageUrl\" [clickable]=\"true\"></fd-avatar>\r\n } @if (!files.length) {\r\n <fd-avatar [transparent]=\"true\" size=\"s\" [glyph]=\"documentItem.FontIcon\" [clickable]=\"true\"></fd-avatar>\r\n } }\r\n </td>\r\n <td fd-table-cell style=\"min-width: 140px\">\r\n <p fd-table-text>\r\n <strong\r\n >{{ documentItem.Title }}\r\n @if (documentItem.IsRequired) {\r\n <span fd-object-status status=\"negative\">*({{ '\u0627\u062C\u0628\u0627\u0631\u06CC' | bbbTranslate }}) </span>\r\n }\r\n </strong>\r\n </p>\r\n <div>\r\n <span>\r\n {{ documentItem.Description }}\r\n </span>\r\n </div>\r\n </td>\r\n\r\n <td fd-table-cell>\r\n <ng-container>\r\n <!-- <ul fd-list>\r\n <li fd-list-item *ngFor=\"let file of files; let ind = index\">\r\n <span fd-list-title>\r\n {{ file.FileName }}\r\n </span>\r\n <span fd-list-secondary>\r\n <button ariaLabel=\"Remove\" title=\"Remove\" fd-button glyph=\"delete\" ></button>\r\n </span>\r\n </li>\r\n </ul> -->\r\n <div style=\"display: flex; align-items: flex-start; column-gap: 3px; row-gap: 3px; flex-direction: column\">\r\n @for (file of files; track file) {\r\n <!-- <span><fd-icon glyph=\"attachment\"></fd-icon><a fd-link>{{file.FileName}}</a></span> -->\r\n @if (!file.IsDeleted) {\r\n <bsu-file-viewer-popover\r\n [file]=\"file\"\r\n [deviceSize]=\"deviceSize\"\r\n [canDownload]=\"true\"\r\n (remove)=\"removeFile.emit(file)\"\r\n ></bsu-file-viewer-popover>\r\n } }\r\n <!-- <button\r\n fd-button\r\n *ngIf=\"+documentItem.MaxFileCount && !readonly\"\r\n glyph=\"add\"\r\n (click)=\"!readonly && uploader.open()\"\r\n ></button> -->\r\n </div>\r\n <!-- <p *ngFor=\"let file of files\" fd-table-text>\r\n <fd-action-sheet >\r\n <fd-action-sheet-control>\r\n <button\r\n fd-button\r\n glyph=\"settings\"\r\n title=\"Open Action Sheet Mobile\"\r\n id=\"fd-action-sheet-mobile-control\"\r\n aria-haspopup=\"menu\"\r\n [label]=\"file.FileName ||''\"\r\n aria-controls=\"fd-action-sheet-mobile-body\"\r\n ></button>\r\n </fd-action-sheet-control>\r\n\r\n <fd-action-sheet-body\r\n actionSheetBodyId=\"fd-action-sheet-mobile-body\"\r\n ariaLabelledBy=\"fd-action-sheet-mobile-control\"\r\n >\r\n <li fd-action-sheet-item label=\"Search\" glyph=\"search\"></li>\r\n <li fd-action-sheet-item label=\"Download\" glyph=\"download\" ></li>\r\n <li fd-action-sheet-item label=\"Accept\" glyph=\"accept\" ></li>\r\n <li fd-action-sheet-item label=\"Reject\" glyph=\"cancel\" ></li>\r\n <li fd-action-sheet-item label=\"Decide Later\" [isCloseButton]=\"true\"></li>\r\n <li fd-action-sheet-item label=\"Cancel\" [negative]=\"true\" [isCloseButton]=\"true\"></li>\r\n </fd-action-sheet-body>\r\n </fd-action-sheet>\r\n </p> -->\r\n </ng-container>\r\n </td>\r\n <td fd-table-cell>\r\n <div class=\"status\" style=\"position: relative\">\r\n @if (+documentItem.MaxFileCount && !readonly) {\r\n <button\r\n fd-button\r\n glyph=\"attachment\"\r\n [label]=\"'AttachFile' | bbbTranslate\"\r\n [disabled]=\"uploadingState?.key === documentItem.Title && uploadingState?.uploading\"\r\n (click)=\"!readonly && uploader.open()\"\r\n >\r\n @if (uploadingState?.key === documentItem.Title && uploadingState?.uploading) {\r\n <bsu-mask [marginTop]=\"'3px'\"></bsu-mask>\r\n }\r\n </button>\r\n }\r\n <button\r\n fd-button\r\n glyph=\"show\"\r\n fullscreenFiles\r\n [files]=\"files\"\r\n [title]=\"documentItem.Title\"\r\n [fd-inline-help]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n [aria-describedby]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n [ariaLabel]=\"'\u0645\u0634\u0627\u0647\u062F\u0647 \u0647\u0645\u0647' | bbbTranslate\"\r\n fullscreenFiles\r\n [disabled]=\"!files.length\"\r\n [files]=\"files\"\r\n ></button>\r\n <button\r\n fd-button\r\n glyph=\"download\"\r\n [fd-inline-help]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n [aria-describedby]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n [ariaLabel]=\"'\u062F\u0627\u0646\u0644\u0648\u062F \u0647\u0645\u0647' | bbbTranslate\"\r\n downloadFiles\r\n [disabled]=\"!files.length\"\r\n [files]=\"files\"\r\n (click)=\"downloadAll.emit()\"\r\n ></button>\r\n </div>\r\n </td>\r\n <td fd-table-cell>\r\n <fd-action-sheet #actionSheet>\r\n <fd-action-sheet-control>\r\n <ng-container *ngTemplateOutlet=\"statusTpl\"></ng-container>\r\n </fd-action-sheet-control>\r\n <fd-action-sheet-body>\r\n <li\r\n fd-action-sheet-item\r\n [label]=\"'Accept' | bbbTranslate\"\r\n glyph=\"accept\"\r\n (click)=\"actionSheet.close(); onReject(2)\"\r\n ></li>\r\n <li\r\n fd-action-sheet-item\r\n [label]=\"'Reject' | bbbTranslate\"\r\n glyph=\"cancel\"\r\n (click)=\"actionSheet.close(); onReject(3)\"\r\n ></li>\r\n </fd-action-sheet-body>\r\n </fd-action-sheet>\r\n\r\n @if (status === 3) {\r\n <p fd-table-text maxWidth=\"400px\">\r\n @if (readonly && rejectedReason) {\r\n <span> {{ rejectedReason | bbbTranslate }} </span>\r\n } @if (!readonly) {\r\n <input\r\n fd-form-control\r\n [value]=\"rejectedReason | bbbTranslate\"\r\n [placeholder]=\"'\u062F\u0644\u0627\u06CC\u0644 \u0631\u062F \u0645\u062F\u0631\u06A9' | bbbTranslate\"\r\n />\r\n }\r\n </p>\r\n }\r\n </td>\r\n</tr>\r\n\r\n<fd-file-uploader\r\n #uploader\r\n [style.display]=\"'none'\"\r\n fd-toolbar-item\r\n [id]=\"documentItem.ItemKey\"\r\n [name]=\"'pictures_' + documentItem.ItemKey\"\r\n [accept]=\"documentItem.$ValidExtensions\"\r\n [fileLimit]=\"documentItem.MaxFileCount\"\r\n [multiple]=\"documentItem.MaxFileCount > 0\"\r\n (selectedFilesChanged)=\"onFileSelection($event)\"\r\n></fd-file-uploader>\r\n<ng-template #statusTpl>\r\n <div class=\"status\">\r\n <button fd-button fdType=\"transparent\">\r\n @if (status === 1) {\r\n <span\r\n fd-object-status\r\n [label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n [aria-label]=\"'[\u067E\u06CC\u0648\u0633\u062A \u0645\u062F\u0627\u0631\u06A9]' | bbbTranslate\"\r\n ></span>\r\n } @if (status === 2) {\r\n <span\r\n fd-object-status\r\n glyph=\"message-success\"\r\n status=\"positive\"\r\n [label]=\"'Accepted' | bbbTranslate\"\r\n [label]=\"'Accepted' | bbbTranslate\"\r\n ></span>\r\n } @if (status === 3) {\r\n <span\r\n fd-object-status\r\n glyph=\"cancel\"\r\n status=\"negative\"\r\n [label]=\"'Rejected' | bbbTranslate\"\r\n [aria-label]=\"'Rejected' | bbbTranslate\"\r\n ></span>\r\n }\r\n </button>\r\n </div>\r\n</ng-template>\r\n", styles: [":host{display:contents}::ng-deep .fd-list--byline .fd-list__byline-left,::ng-deep .fd-list--byline .fd-list__byline-right{line-height:1.1rem!important}.fd-list__byline.smallSize{flex-direction:column;row-gap:5px}.fd-list__byline.smallSize div{width:100%}td{white-space:nowrap;padding:.5rem}fd-avatar ::ng-deep i{font-size:2.3rem!important}.status{display:flex;align-items:center;column-gap:3px;row-gap:3px}.status span.fd-object-status{font-size:var(--sapFontSize)!important;font-weight:700!important}.status span.fd-object-status ::ng-deep fd-icon{font-size:var(--sapFontSize);font-weight:700}\n"], dependencies: [{ kind: "directive", type: i1$3.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i2$1.MaskComponent, selector: "bsu-mask", inputs: ["size", "top"] }, { kind: "component", type: i2$1.FileViewerPopoverComponent, selector: "bsu-file-viewer-popover", inputs: ["files", "file", "deviceSize", "canDownload", "disableRemove", "fdType", "attachmentViewType"], outputs: ["remove"] }, { kind: "directive", type: i2$1.FullscreenFilesDirective, selector: "[fullscreenFiles]", inputs: ["files", "title", "deviceSize", "isImageGallery", "component"] }, { kind: "directive", type: i2$1.DownloadFilesDirective, selector: "[downloadFiles]", inputs: ["files"] }, { kind: "component", type: i4$5.ActionSheetComponent, selector: "fd-action-sheet", inputs: ["mobile", "placement", "noArrow", "isOpen", "keyboardSupport", "triggers", "controlTitle", "controlTitleHeading"], outputs: ["focusEscapeList", "isOpenChange"] }, { kind: "component", type: i4$5.ActionSheetControlComponent, selector: "fd-action-sheet-control", outputs: ["clicked"] }, { kind: "component", type: i4$5.ActionSheetItemComponent, selector: "[fd-action-sheet-item]", inputs: ["label", "glyph", "glyphFont", "negative", "isCloseButton", "disabled"], outputs: ["keyDown"] }, { kind: "component", type: i4$5.ActionSheetBodyComponent, selector: "fd-action-sheet-body", inputs: ["actionSheetBodyId", "mobile", "ariaLabel", "ariaLabelledby"] }, { kind: "component", type: i3$8.AvatarComponent, selector: "fd-avatar", inputs: ["class", "id", "ariaLabel", "ariaLabelledby", "label", "size", "font", "glyph", "zoomGlyph", "circle", "transparent", "contain", "placeholder", "tile", "border", "colorAccent", "colorIndication", "random", "clickable", "valueState", "image", "alterIcon", "backupImage"], outputs: ["avatarClicked", "zoomGlyphClicked"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i7$3.FileUploaderComponent, selector: "fd-file-uploader", inputs: ["disabled", "required", "multiple", "accept", "dragndrop", "maxFileSize", "minFileSize", "id", "ariaLabel", "ariaLabelledBy", "placeholder", "buttonLabel", "buttonAriaLabel", "state", "fileLimit", "inputHidden", "width"], outputs: ["selectedFilesChanged", "selectedInvalidFiles", "onDragEnter", "onDragLeave"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "directive", type: i14.TableRowDirective, selector: "[fdTableRow], [fd-table-row]", inputs: ["activable", "highlightActive", "hoverable", "focusable", "main", "secondary", "active"] }, { kind: "directive", type: i14.TableCellDirective, selector: "[fdTableCell], [fd-table-cell]", inputs: ["noBorderX", "noBorderY", "activable", "focusable", "hoverable", "fitContent", "noPadding", "noData", "nonInteractive", "key"] }, { kind: "directive", type: i14.TableTextDirective, selector: "[fdTableText], [fd-table-text]", inputs: ["fdTableTextClass", "noWrap", "title", "maxWidth"] }, { kind: "directive", type: i3.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2750
2750
|
}
|
|
2751
2751
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: BarsaDocumentListItemComponent, decorators: [{
|
|
2752
2752
|
type: Component,
|
|
@@ -2970,7 +2970,7 @@ class AcceptRejectComponent extends BaseComponent {
|
|
|
2970
2970
|
this._cdr.detectChanges();
|
|
2971
2971
|
}
|
|
2972
2972
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AcceptRejectComponent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
2973
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AcceptRejectComponent, isStandalone: false, selector: "bdc-accept-reject", inputs: { negativeText: "negativeText", positiveText: "positiveText", rejectedReason: "rejectedReason", acceptedText: "acceptedText", deviceSize: "deviceSize", readonly: "readonly", rejected: "rejected" }, outputs: { rejectedChanged: "rejectedChanged" }, usesInheritance: true, ngImport: i0, template: "@if (!applied && !readonly) {\r\n<div>\r\n <button\r\n fd-button\r\n [label]=\"positiveText | bbbTranslate\"\r\n fdType=\"positive\"\r\n glyph=\"message-success\"\r\n ariaLabel=\"positive\"\r\n value=\"yes\"\r\n style=\"margin: 0 5px\"\r\n (click)=\"onAccept()\"\r\n ></button>\r\n <fd-popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\" [mobile]=\"deviceSize === 's'\" #popover>\r\n <fd-popover-control>\r\n <button\r\n fd-button\r\n [label]=\"negativeText | bbbTranslate\"\r\n glyph=\"message-error\"\r\n fdType=\"negative\"\r\n ariaLabel=\"Negative\"\r\n value=\"no\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body style=\"min-width: 320px\">\r\n <div fd-popover-body-header>\r\n <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-1\">\r\n <div fd-bar-left>\r\n <span\r\n fd-object-status\r\n status=\"negative\"\r\n glyph=\"message-error\"\r\n glyphAriaLabel=\"Negative\"\r\n title=\"Negative\"\r\n ></span>\r\n <fd-bar-element>\u0639\u0644\u062A \u0631\u062F</fd-bar-element>\r\n </div>\r\n </div>\r\n </div>\r\n <div fd-form-item>\r\n <fd-form-input-message-group>\r\n <textarea fd-form-control [id]=\"id\" [(ngModel)]=\"rejectedReason\"></textarea>\r\n </fd-form-input-message-group>\r\n </div>\r\n <div fd-popover-body-footer>\r\n <div fd-bar barDesign=\"footer\">\r\n <div fd-bar-right>\r\n <fd-button-bar\r\n [label]=\"'Ok' | bbbTranslate\"\r\n fdType=\"emphasized\"\r\n (click)=\"popover.close(); onReject()\"\r\n ></fd-button-bar>\r\n <fd-button-bar [label]=\"'Cancel' | bbbTranslate\" (click)=\"popover.close()\"></fd-button-bar>\r\n </div>\r\n </div>\r\n </div>\r\n </fd-popover-body>\r\n </fd-popover>\r\n</div>\r\n} @if (readonly || applied) {\r\n<div>\r\n <span>{{ rejected ? rejectedReason : ('\u2713' + acceptedText | bbbTranslate) }}</span>\r\n <button fd-button glyph=\"decline\" fdType=\"transparent\" (click)=\"onReset()\"></button>\r\n</div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { 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: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2973
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: AcceptRejectComponent, isStandalone: false, selector: "bdc-accept-reject", inputs: { negativeText: "negativeText", positiveText: "positiveText", rejectedReason: "rejectedReason", acceptedText: "acceptedText", deviceSize: "deviceSize", readonly: "readonly", rejected: "rejected" }, outputs: { rejectedChanged: "rejectedChanged" }, usesInheritance: true, ngImport: i0, template: "@if (!applied && !readonly) {\r\n<div>\r\n <button\r\n fd-button\r\n [label]=\"positiveText | bbbTranslate\"\r\n fdType=\"positive\"\r\n glyph=\"message-success\"\r\n ariaLabel=\"positive\"\r\n value=\"yes\"\r\n style=\"margin: 0 5px\"\r\n (click)=\"onAccept()\"\r\n ></button>\r\n <fd-popover [focusTrapped]=\"true\" [focusAutoCapture]=\"true\" [mobile]=\"deviceSize === 's'\" #popover>\r\n <fd-popover-control>\r\n <button\r\n fd-button\r\n [label]=\"negativeText | bbbTranslate\"\r\n glyph=\"message-error\"\r\n fdType=\"negative\"\r\n ariaLabel=\"Negative\"\r\n value=\"no\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body style=\"min-width: 320px\">\r\n <div fd-popover-body-header>\r\n <div fd-bar [cozy]=\"true\" id=\"popover-bar-header-1\">\r\n <div fd-bar-left>\r\n <span\r\n fd-object-status\r\n status=\"negative\"\r\n glyph=\"message-error\"\r\n glyphAriaLabel=\"Negative\"\r\n title=\"Negative\"\r\n ></span>\r\n <fd-bar-element>\u0639\u0644\u062A \u0631\u062F</fd-bar-element>\r\n </div>\r\n </div>\r\n </div>\r\n <div fd-form-item>\r\n <fd-form-input-message-group>\r\n <textarea fd-form-control [id]=\"id\" [(ngModel)]=\"rejectedReason\"></textarea>\r\n </fd-form-input-message-group>\r\n </div>\r\n <div fd-popover-body-footer>\r\n <div fd-bar barDesign=\"footer\">\r\n <div fd-bar-right>\r\n <fd-button-bar\r\n [label]=\"'Ok' | bbbTranslate\"\r\n fdType=\"emphasized\"\r\n (click)=\"popover.close(); onReject()\"\r\n ></fd-button-bar>\r\n <fd-button-bar [label]=\"'Cancel' | bbbTranslate\" (click)=\"popover.close()\"></fd-button-bar>\r\n </div>\r\n </div>\r\n </div>\r\n </fd-popover-body>\r\n </fd-popover>\r\n</div>\r\n} @if (readonly || applied) {\r\n<div>\r\n <span>{{ rejected ? rejectedReason : ('\u2713' + acceptedText | bbbTranslate) }}</span>\r\n <button fd-button glyph=\"decline\" fdType=\"transparent\" (click)=\"onReset()\"></button>\r\n</div>\r\n}\r\n", styles: [":host{display:block}\n"], dependencies: [{ kind: "directive", type: i1$1.MobileDirective, selector: "[mobile]" }, { kind: "directive", type: i1.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.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "role"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$3.ButtonBarComponent, selector: "fd-button-bar", inputs: ["fullWidth", "fdType", "title", "ariaLabelledby", "id"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i6$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "component", type: i6$1.FormItemComponent, selector: "[fd-form-item]", inputs: ["isInline", "horizontal"] }, { kind: "component", type: i6$1.FormInputMessageGroupComponent, selector: "fd-form-input-message-group", inputs: ["triggers", "closeOnOutsideClick", "fillControlMode", "noArrow", "closeOnEscapeKey", "placement", "placementContainer", "isOpen", "preventSpaceKeyScroll"], outputs: ["isOpenChange"] }, { kind: "component", type: i6$3.ObjectStatusComponent, selector: "[fd-object-status]", inputs: ["class", "status", "glyph", "glyphFont", "label", "glyphAriaLabel", "indicationColor", "clickable", "inverted", "large", "secondaryIndication", "textTemplate"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "directive", type: i7$2.PopoverBodyHeaderDirective, selector: "[fdPopoverBodyHeader], [fd-popover-body-header]" }, { 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: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2974
2974
|
}
|
|
2975
2975
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: AcceptRejectComponent, decorators: [{
|
|
2976
2976
|
type: Component,
|
|
@@ -3015,11 +3015,11 @@ class FooterComponent extends BaseComponent {
|
|
|
3015
3015
|
});
|
|
3016
3016
|
}
|
|
3017
3017
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FooterComponent, deps: [{ token: i1$1.PortalService }, { token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
3018
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FooterComponent, isStandalone: false, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if (footer) {\r\n<div fd-bar barDesign=\"footer\" [size]=\"'m_l'\" [class.rtl]=\"rtl\" class=\"footer\" [class.mobile]=\"deviceSize === 's'\">\r\n <div fd-bar-left class=\"left\">\r\n <a\r\n fd-button\r\n glyph=\"email\"\r\n [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n [href]=\"'mailto:' + footer.Email\"\r\n fdType=\"transparent\"\r\n >\r\n </a>\r\n <a\r\n fd-button\r\n glyph=\"headset\"\r\n [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n [href]=\"'tel:' + footer.TelNumber\"\r\n fdType=\"transparent\"\r\n ></a>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n fd-button\r\n glyph=\"vertical-waterfall-chart\"\r\n [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n tabindex=\"0\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n <li fd-list-item class=\"all\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644\" | bbbTranslate}}<strong>120</strong></span>\r\n </li>\r\n <li fd-list-item class=\"today\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632\" | bbbTranslate}} <strong>76</strong></span>\r\n </li>\r\n <li fd-list-item class=\"online\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646\" | bbbTranslate}} <strong>10</strong></span>\r\n </li>\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n tabindex=\"0\"\r\n fd-button\r\n glyph=\"paper-plane\"\r\n id=\"fd-action-sheet-default-control\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n <li fd-list-item>\r\n <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n <i fd-list-icon class=\"sap-icon--1\"\r\n ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n </i>\r\n <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-bar-element>\r\n <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n >\r\n </fd-bar-element>\r\n </div>\r\n <!-- @if (deviceSize !== 's') { -->\r\n <div fd-bar-middle class=\"middle\">\r\n <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n </div>\r\n <!-- } -->\r\n @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n <div fd-bar-right class=\"right\"></div>\r\n }\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n </svg>\r\n <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n </svg>\r\n <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n </a>\r\n <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n <p class=\"tw-text-sm text-deep-purple-50\">\r\n \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n </p>\r\n <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n </div>\r\n </div>\r\n </div>\r\n} -->", styles: [".footer.mobile{flex-direction:column!important;height:auto}.footer.mobile .left,.footer.mobile .right,.footer.mobile .middle{justify-content:center!important}.online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"], dependencies: [{ kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i7$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"] }, { kind: "directive", type: i7$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3018
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.2.10", type: FooterComponent, isStandalone: false, selector: "bdc-footer", inputs: { settings: "settings" }, usesInheritance: true, ngImport: i0, template: "@if (footer) {\r\n<div fd-bar barDesign=\"footer\" [size]=\"'m_l'\" [class.rtl]=\"rtl\" class=\"footer\" [class.mobile]=\"deviceSize === 's'\">\r\n <div fd-bar-left class=\"left\">\r\n <a\r\n fd-button\r\n glyph=\"email\"\r\n [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n [href]=\"'mailto:' + footer.Email\"\r\n fdType=\"transparent\"\r\n >\r\n </a>\r\n <a\r\n fd-button\r\n glyph=\"headset\"\r\n [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n [href]=\"'tel:' + footer.TelNumber\"\r\n fdType=\"transparent\"\r\n ></a>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n fd-button\r\n glyph=\"vertical-waterfall-chart\"\r\n [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n tabindex=\"0\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n <li fd-list-item class=\"all\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644\" | bbbTranslate}}<strong>120</strong></span>\r\n </li>\r\n <li fd-list-item class=\"today\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632\" | bbbTranslate}} <strong>76</strong></span>\r\n </li>\r\n <li fd-list-item class=\"online\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646\" | bbbTranslate}} <strong>10</strong></span>\r\n </li>\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n tabindex=\"0\"\r\n fd-button\r\n glyph=\"paper-plane\"\r\n id=\"fd-action-sheet-default-control\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n <li fd-list-item>\r\n <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n <i fd-list-icon class=\"sap-icon--1\"\r\n ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n </i>\r\n <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-bar-element>\r\n <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n >\r\n </fd-bar-element>\r\n </div>\r\n @if (deviceSize !== 's') {\r\n <div fd-bar-middle class=\"middle\">\r\n <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n </div>\r\n } \r\n @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n <div fd-bar-right class=\"right\"></div>\r\n }\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n </svg>\r\n <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n </svg>\r\n <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n </a>\r\n <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n <p class=\"tw-text-sm text-deep-purple-50\">\r\n \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n </p>\r\n <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n </div>\r\n </div>\r\n </div>\r\n} -->", styles: [".footer.mobile{flex-direction:column!important;height:auto}.footer.mobile .left,.footer.mobile .right,.footer.mobile .middle{justify-content:center!important}.online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"], dependencies: [{ kind: "component", type: i3$3.BarComponent, selector: "[fd-bar]", inputs: ["class", "barDesign", "inPage", "inHomePage", "size", "role"] }, { kind: "directive", type: i3$3.BarLeftDirective, selector: "[fd-bar-left]" }, { kind: "directive", type: i3$3.BarMiddleDirective, selector: "[fd-bar-middle]" }, { kind: "directive", type: i3$3.BarRightDirective, selector: "[fd-bar-right]" }, { kind: "directive", type: i3$3.BarElementDirective, selector: "fd-bar-element", inputs: ["fullWidth"] }, { kind: "component", type: i3$4.LinkComponent, selector: "[fdLink], [fd-link]", inputs: ["class", "emphasized", "disabled", "inverted", "subtle", "undecorated"] }, { kind: "component", type: i4.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$2.IconComponent, selector: "fd-icon", inputs: ["glyph", "font", "color", "background", "class", "ariaLabel", "ariaHidden"] }, { kind: "directive", type: i9.InlineHelpDirective, selector: "[fd-inline-help]:not([fd-inline-help-template]), [fd-inline-help-template]:not([fd-inline-help])", inputs: ["triggers", "noArrow", "closeOnEscapeKey", "closeOnOutsideClick", "fd-inline-help"] }, { kind: "component", type: i7$1.ListComponent, selector: "[fd-list], [fdList]", inputs: ["dropdownMode", "multiInputMode", "mobileMode", "hasMessage", "noBorder", "navigationIndicator", "selection", "keyboardSupport", "byline", "subline", "unreadIndicator", "role", "settingsList", "settingsListFooter"], outputs: ["focusEscapeList"] }, { kind: "component", type: i7$1.ListItemComponent, selector: "[fdListItem] ,[fd-list-item]", inputs: ["selected", "noData", "action", "interactive", "growing", "counter", "active", "unread", "byline", "ariaRole", "id", "preventClick", "settingsListTpl"], outputs: ["keyDown"] }, { kind: "directive", type: i7$1.ListTitleDirective, selector: "[fd-list-title], [fdListTitle]", inputs: ["wrap"] }, { kind: "directive", type: i7$1.ListIconDirective, selector: "[fdListIcon], [fd-list-icon]", inputs: ["glyph", "glyphFont", "class", "role", "ariaHidden"] }, { kind: "directive", type: i7$1.ListLinkDirective, selector: "[fd-list-link], [fdListLink]", inputs: ["navigationIndicator", "navigated", "focusable"] }, { kind: "component", type: i7$2.PopoverControlComponent, selector: "fd-popover-control, [fdPopoverControl]" }, { kind: "component", type: i7$2.PopoverBodyComponent, selector: "fd-popover-body", inputs: ["minWidth", "maxWidth", "minHeight", "maxHeight"] }, { kind: "component", type: i7$2.PopoverComponent, selector: "fd-popover", inputs: ["title", "trigger", "fixedPosition", "id", "mobile", "mobileConfig", "preventSpaceKeyScroll"] }, { kind: "pipe", type: i1$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i1$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
3019
3019
|
}
|
|
3020
3020
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.10", ngImport: i0, type: FooterComponent, decorators: [{
|
|
3021
3021
|
type: Component,
|
|
3022
|
-
args: [{ selector: 'bdc-footer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (footer) {\r\n<div fd-bar barDesign=\"footer\" [size]=\"'m_l'\" [class.rtl]=\"rtl\" class=\"footer\" [class.mobile]=\"deviceSize === 's'\">\r\n <div fd-bar-left class=\"left\">\r\n <a\r\n fd-button\r\n glyph=\"email\"\r\n [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n [href]=\"'mailto:' + footer.Email\"\r\n fdType=\"transparent\"\r\n >\r\n </a>\r\n <a\r\n fd-button\r\n glyph=\"headset\"\r\n [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n [href]=\"'tel:' + footer.TelNumber\"\r\n fdType=\"transparent\"\r\n ></a>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n fd-button\r\n glyph=\"vertical-waterfall-chart\"\r\n [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n tabindex=\"0\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n <li fd-list-item class=\"all\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644\" | bbbTranslate}}<strong>120</strong></span>\r\n </li>\r\n <li fd-list-item class=\"today\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632\" | bbbTranslate}} <strong>76</strong></span>\r\n </li>\r\n <li fd-list-item class=\"online\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646\" | bbbTranslate}} <strong>10</strong></span>\r\n </li>\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n tabindex=\"0\"\r\n fd-button\r\n glyph=\"paper-plane\"\r\n id=\"fd-action-sheet-default-control\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n <li fd-list-item>\r\n <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n <i fd-list-icon class=\"sap-icon--1\"\r\n ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n </i>\r\n <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-bar-element>\r\n <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n >\r\n </fd-bar-element>\r\n </div>\r\n <!-- @if (deviceSize !== 's') { -->\r\n <div fd-bar-middle class=\"middle\">\r\n <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n </div>\r\n <!-- } -->\r\n @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n <div fd-bar-right class=\"right\"></div>\r\n }\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n </svg>\r\n <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n </svg>\r\n <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n </a>\r\n <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n <p class=\"tw-text-sm text-deep-purple-50\">\r\n \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n </p>\r\n <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n </div>\r\n </div>\r\n </div>\r\n} -->", styles: [".footer.mobile{flex-direction:column!important;height:auto}.footer.mobile .left,.footer.mobile .right,.footer.mobile .middle{justify-content:center!important}.online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"] }]
|
|
3022
|
+
args: [{ selector: 'bdc-footer', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if (footer) {\r\n<div fd-bar barDesign=\"footer\" [size]=\"'m_l'\" [class.rtl]=\"rtl\" class=\"footer\" [class.mobile]=\"deviceSize === 's'\">\r\n <div fd-bar-left class=\"left\">\r\n <a\r\n fd-button\r\n glyph=\"email\"\r\n [fd-inline-help]=\"('\u0627\u06CC\u0645\u06CC\u0644 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.Email\"\r\n [href]=\"'mailto:' + footer.Email\"\r\n fdType=\"transparent\"\r\n >\r\n </a>\r\n <a\r\n fd-button\r\n glyph=\"headset\"\r\n [fd-inline-help]=\"('\u0634\u0645\u0627\u0631\u0647 \u067E\u0634\u062A\u06CC\u0628\u0627\u0646\u06CC' | bbbTranslate) + ': ' + footer.TelNumber\"\r\n [href]=\"'tel:' + footer.TelNumber\"\r\n fdType=\"transparent\"\r\n ></a>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n fd-button\r\n glyph=\"vertical-waterfall-chart\"\r\n [title]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n [fd-inline-help]=\"'\u0622\u0645\u0627\u0631 \u0628\u0627\u0632\u062F\u06CC\u062F' | bbbTranslate\"\r\n tabindex=\"0\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n <li fd-list-item class=\"all\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u06A9\u0644\" | bbbTranslate}}<strong>120</strong></span>\r\n </li>\r\n <li fd-list-item class=\"today\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u0628\u0627\u0632\u062F\u06CC\u062F\u06A9\u0646\u0646\u062F\u06AF\u0627\u0646 \u0627\u0645\u0631\u0648\u0632\" | bbbTranslate}} <strong>76</strong></span>\r\n </li>\r\n <li fd-list-item class=\"online\">\r\n <i fd-list-icon glyph=\"bar-chart\"></i>\r\n <span fd-list-title>{{\"\u062A\u0639\u062F\u0627\u062F \u06A9\u0627\u0631\u0628\u0631\u0627\u0646 \u0622\u0646\u0644\u0644\u0627\u06CC\u0646\" | bbbTranslate}} <strong>10</strong></span>\r\n </li>\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-popover>\r\n <fd-popover-control>\r\n <button\r\n [fd-inline-help]=\"'\u06A9\u0627\u0646\u0627\u0644 \u0627\u0631\u062A\u0628\u0627\u0637\u06CC' | bbbTranslate\"\r\n tabindex=\"0\"\r\n fd-button\r\n glyph=\"paper-plane\"\r\n id=\"fd-action-sheet-default-control\"\r\n aria-haspopup=\"menu\"\r\n fdType=\"transparent\"\r\n ></button>\r\n </fd-popover-control>\r\n <fd-popover-body>\r\n <ul fd-list>\r\n @for (socialNetwork of footer.SocialNetworks.MoDataList; track socialNetwork) {\r\n <li fd-list-item>\r\n <a fd-list-link [href]=\"socialNetwork.Url\" style=\"display: flex; column-gap: 5px\">\r\n <i fd-list-icon class=\"sap-icon--1\"\r\n ><img [src]=\"socialNetwork.Image?.FileId | picFieldSrc: 'ID':null:'':16:16\" />\r\n </i>\r\n <span fd-list-title>{{ socialNetwork.Title | bbbTranslate }}</span>\r\n </a>\r\n </li>\r\n }\r\n </ul>\r\n </fd-popover-body>\r\n </fd-popover>\r\n <fd-bar-element>\r\n <a fd-link [href]=\"footer.SiteAddress\" tabindex=\"0\" class=\"!tw-flex !tw-items-center\"\r\n ><fd-icon glyph=\"world\"> </fd-icon> <span style=\"padding: 0 5px\">{{ footer.SiteTitle | bbbTranslate }}</span></a\r\n >\r\n </fd-bar-element>\r\n </div>\r\n @if (deviceSize !== 's') {\r\n <div fd-bar-middle class=\"middle\">\r\n <fd-bar-element> {{ footer.Copyright | bbbTranslate }}</fd-bar-element>\r\n </div>\r\n } \r\n @if (deviceSize !== 's' && deviceSize !== 'm') {\r\n <div fd-bar-right class=\"right\"></div>\r\n }\r\n</div>\r\n}\r\n<!-- \r\n@else if(footer?.Mode2){\r\n<div class=\"tw-relative tw-mt-16\">\r\n <svg class=\"tw-absolute tw-top-0 tw-w-full tw-h-6 tw--mt-5 sm:tw--mt-10 sm:tw-h-16 text-deep-purple-accent-400\" preserveAspectRatio=\"none\" viewBox=\"0 0 1440 54\">\r\n <path fill=\"--sapShellColor\" d=\"M0 22L120 16.7C240 11 480 1.00001 720 0.700012C960 1.00001 1200 11 1320 16.7L1440 22V54H1320C1200 54 960 54 720 54C480 54 240 54 120 54H0V22Z\"></path>\r\n </svg>\r\n <div class=\"tw-px-4 tw-pt-12 tw-mx-auto sm:tw-max-w-xl md:tw-max-w-full lg:tw-max-w-screen-xl md:tw-px-24 lg:tw-px-8\">\r\n <div class=\"tw-grid tw-gap-16 tw-row-gap-10 tw-mb-8 lg:tw-grid-cols-6\">\r\n <div class=\"md:tw-max-w-md lg:tw-col-span-2\">\r\n <a href=\"/\" aria-label=\"\u0631\u0641\u062A\u0646 \u0628\u0647 \u062E\u0627\u0646\u0647\" title=\"\u0634\u0631\u06A9\u062A\" class=\"tw-inline-flex tw-items-center\">\r\n <svg class=\"tw-w-8 text-teal-accent-400\" viewBox=\"0 0 24 24\" stroke-linejoin=\"round\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-miterlimit=\"10\" stroke=\"currentColor\" fill=\"none\">\r\n <rect x=\"3\" y=\"1\" width=\"7\" height=\"12\"></rect>\r\n <rect x=\"3\" y=\"17\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"1\" width=\"7\" height=\"6\"></rect>\r\n <rect x=\"14\" y=\"11\" width=\"7\" height=\"12\"></rect>\r\n </svg>\r\n <span class=\"tw-ml-2 tw-text-xl tw-font-bold tw-tracking-wide tw-text-gray-100 tw-uppercase\">\u0634\u0631\u06A9\u062A</span>\r\n </a>\r\n <div class=\"tw-mt-4 lg:tw-max-w-sm\">\r\n <p class=\"tw-text-sm text-deep-purple-50\">\r\n \u0645\u0627 \u0645\u062A\u0639\u0647\u062F \u0628\u0647 \u0627\u0631\u0627\u0626\u0647 \u0628\u0647\u062A\u0631\u06CC\u0646 \u062E\u062F\u0645\u0627\u062A \u0648 \u0645\u062D\u0635\u0648\u0644\u0627\u062A \u0628\u0627 \u0628\u0627\u0644\u0627\u062A\u0631\u06CC\u0646 \u06A9\u06CC\u0641\u06CC\u062A \u0647\u0633\u062A\u06CC\u0645 \u062A\u0627 \u0646\u06CC\u0627\u0632\u0647\u0627\u06CC \u0634\u0645\u0627 \u0631\u0627 \u0628\u0631\u0622\u0648\u0631\u062F\u0647 \u06A9\u0646\u06CC\u0645.\r\n </p>\r\n <p class=\"tw-mt-4 tw-text-sm text-deep-purple-50\">\r\n \u0647\u0645\u0631\u0627\u0647 \u0628\u0627 \u062A\u06CC\u0645\u06CC \u0645\u062A\u062E\u0635\u0635\u060C \u062F\u0631 \u062A\u0644\u0627\u0634\u06CC\u0645 \u062A\u0627 \u0631\u0636\u0627\u06CC\u062A \u0645\u0634\u062A\u0631\u06CC\u0627\u0646 \u0631\u0627 \u062C\u0644\u0628 \u06A9\u0646\u06CC\u0645 \u0648 \u062A\u062C\u0631\u0628\u0647\u200C\u0627\u06CC \u0628\u06CC\u200C\u0646\u0638\u06CC\u0631 \u0641\u0631\u0627\u0647\u0645 \u0633\u0627\u0632\u06CC\u0645.\r\n </p>\r\n </div>\r\n </div>\r\n <div class=\"tw-grid tw-grid-cols-2 tw-gap-5 tw-row-gap-8 lg:tw-col-span-4 md:tw-grid-cols-4\">\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u0633\u062A\u0647\u200C\u0628\u0646\u062F\u06CC</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0627\u062E\u0628\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062C\u0647\u0627\u0646</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0628\u0627\u0632\u06CC\u200C\u0647\u0627</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0645\u0631\u0627\u062C\u0639</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div>\r\n <div>\r\n <p class=\"tw-font-semibold tw-tracking-wide text-teal-accent-400\">\u062F\u06CC\u062C\u06CC\u062A\u0627\u0644</p>\r\n <ul class=\"tw-mt-2 tw-space-y-2\">\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0648\u0628</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u062A\u062C\u0627\u0631\u062A \u0627\u0644\u06A9\u062A\u0631\u0648\u0646\u06CC\u06A9</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u06A9\u0633\u0628 \u0648 \u06A9\u0627\u0631</a></li>\r\n <li><a href=\"/\" class=\"tw-transition-colors tw-duration-300 text-deep-purple-50 hover:text-teal-accent-400\">\u0633\u0631\u06AF\u0631\u0645\u06CC</a></li>\r\n </ul>\r\n </div> \r\n </div>\r\n </div>\r\n <div class=\"tw-flex tw-flex-col tw-justify-between tw-pt-5 tw-pb-10 tw-border-t border-deep-purple-accent-200 sm:tw-flex-row\">\r\n <p class=\"tw-text-sm tw-text-gray-100\">\u00A9 \u062D\u0642 \u0646\u0634\u0631 \u06F2\u06F0\u06F2\u06F5 \u062A\u0645\u0627\u0645\u06CC \u062D\u0642\u0648\u0642 \u0645\u062D\u0641\u0648\u0638 \u0627\u0633\u062A.</p>\r\n </div>\r\n </div>\r\n </div>\r\n} -->", styles: [".footer.mobile{flex-direction:column!important;height:auto}.footer.mobile .left,.footer.mobile .right,.footer.mobile .middle{justify-content:center!important}.online i{color:#006400}.all i{color:#bebebe}.todat i{color:#000}.left{display:flex;column-gap:3px}li:hover>a{padding-right:10px;color:#0088e1}li{border-bottom:1px dotted #455c72}li a{transition:all .5s ease 0s}\n"] }]
|
|
3023
3023
|
}], ctorParameters: () => [{ type: i1$1.PortalService }, { type: i0.ChangeDetectorRef }], propDecorators: { settings: [{
|
|
3024
3024
|
type: Input
|
|
3025
3025
|
}] } });
|