barsa-sap-ui 2.0.111 → 2.0.113
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2022/lib/barsa-form-side-content/barsa-form-side-content.component.mjs +15 -5
- package/esm2022/lib/ui-button/ui-button.component.mjs +3 -3
- package/fesm2022/barsa-sap-ui.mjs +16 -7
- package/fesm2022/barsa-sap-ui.mjs.map +1 -1
- package/lib/barsa-form-side-content/barsa-form-side-content.component.d.ts +4 -1
- package/package.json +1 -1
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ChangeDetectionStrategy, Component, HostBinding } from '@angular/core';
|
|
2
2
|
import { FindLayoutSettingFromLayout94, FormPropsBaseComponent, LayoutService } from 'barsa-novin-ray-core';
|
|
3
|
+
import { map } from 'rxjs';
|
|
3
4
|
import * as i0 from "@angular/core";
|
|
4
5
|
import * as i1 from "@angular/common";
|
|
5
6
|
import * as i2 from "barsa-novin-ray-core";
|
|
@@ -12,7 +13,6 @@ export class BarsaFormSideContentComponent extends FormPropsBaseComponent {
|
|
|
12
13
|
constructor() {
|
|
13
14
|
super(...arguments);
|
|
14
15
|
this._isSmallDevice = false;
|
|
15
|
-
this.isOpenQuickAccess = false;
|
|
16
16
|
this.afterViewInit = false;
|
|
17
17
|
}
|
|
18
18
|
ngOnInit() {
|
|
@@ -22,22 +22,32 @@ export class BarsaFormSideContentComponent extends FormPropsBaseComponent {
|
|
|
22
22
|
this._background = this.parameters.BgColor || 'var(--sapBaseColor)';
|
|
23
23
|
this.autoHeight = this.parameters.AutoHeight;
|
|
24
24
|
this.smallDevice = this._isSmallDeviceSize(this.deviceSize);
|
|
25
|
-
|
|
25
|
+
const sidebarState = Number(this.parameters.FirstDefaultMenuState) === 1;
|
|
26
|
+
if (sidebarState) {
|
|
27
|
+
this.openSidebar();
|
|
28
|
+
}
|
|
29
|
+
this.isOpenQuickAccess$ = this._formPanelService.sidebarState$.pipe(map((c) => (c === 'open' ? true : false)));
|
|
26
30
|
}
|
|
27
31
|
ngAfterViewInit() {
|
|
28
32
|
super.ngAfterViewInit();
|
|
29
33
|
this.afterViewInit = true;
|
|
30
34
|
}
|
|
35
|
+
openSidebar() {
|
|
36
|
+
this._formPanelService.changeSidebarState('open');
|
|
37
|
+
}
|
|
38
|
+
closeSidebar() {
|
|
39
|
+
this._formPanelService.changeSidebarState('close');
|
|
40
|
+
}
|
|
31
41
|
_isSmallDeviceSize(deviceSize) {
|
|
32
42
|
const isSmallDevice = deviceSize === 's' || deviceSize === 'm' ? true : false;
|
|
33
43
|
return isSmallDevice;
|
|
34
44
|
}
|
|
35
45
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaFormSideContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
36
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation();
|
|
46
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation(); openSidebar()\"\n></button>\n\n<div\n class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[1001] tw-shadow-2xl tw-overflow-auto\"\n [ngClass]=\"{ 'tw-w-4/5': isMobile }\"\n [class.-tw-right-full]=\"isMobile\"\n [class.tw-w-96]=\"!isMobile\"\n [class.-tw-right-96]=\"!isMobile\"\n fillEmptySpace\n [class.!tw-right-0]=\"isOpenQuickAccess$ | async\"\n (click)=\"$event.stopPropagation()\"\n #sidebar\n>\n <button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"decline\"\n (click)=\"$event.stopPropagation(); closeSidebar()\"\n routeFormChange\n [bodyClick]=\"true\"\n (stateChanged)=\"afterViewInit && closeSidebar()\"\n ></button>\n @if (sideContentLayout ) {\n <bsu-ly-layout-panel\n style=\"width: 100%\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n class=\"xxx\"\n ></bsu-ly-layout-panel\n >}\n</div>\n} @if (sideContentLayout && mainContentLayout) {\n\n<fd-dynamic-side-content\n [class.rtl]=\"rtl\"\n fillEmptySpace\n [decrement]=\"'40px'\"\n [disable]=\"autoHeight\"\n [setMinHeight]=\"true\"\n [size]=\"isMobile ? 'sm' : smallDevice ? 'md' : 'xl'\"\n>\n <fd-dynamic-side-content-side>\n <bsu-ly-layout-panel\n fillEmptySpace\n [disable]=\"!parameters?.FixSideContentHeight\"\n [style.overflow-y]=\"parameters?.FixSideContentHeight === true ? 'auto' : null\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n >\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main [style.width]=\"isMobile ? null : parameters?.MainContentWidth\">\n <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n} @else {\n<fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n>\n}\n<ng-template #error>\n <fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;position:relative;flex-direction:column}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;background-color:var(--sapBaseColor)}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none;background-color:var(--sapBaseColor)}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i2.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i3.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i4.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i4.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i4.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i5.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i6.ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]" }, { kind: "component", type: i7.LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }, { kind: "pipe", type: i1.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
37
47
|
}
|
|
38
48
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaFormSideContentComponent, decorators: [{
|
|
39
49
|
type: Component,
|
|
40
|
-
args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation();
|
|
50
|
+
args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation(); openSidebar()\"\n></button>\n\n<div\n class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[1001] tw-shadow-2xl tw-overflow-auto\"\n [ngClass]=\"{ 'tw-w-4/5': isMobile }\"\n [class.-tw-right-full]=\"isMobile\"\n [class.tw-w-96]=\"!isMobile\"\n [class.-tw-right-96]=\"!isMobile\"\n fillEmptySpace\n [class.!tw-right-0]=\"isOpenQuickAccess$ | async\"\n (click)=\"$event.stopPropagation()\"\n #sidebar\n>\n <button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"decline\"\n (click)=\"$event.stopPropagation(); closeSidebar()\"\n routeFormChange\n [bodyClick]=\"true\"\n (stateChanged)=\"afterViewInit && closeSidebar()\"\n ></button>\n @if (sideContentLayout ) {\n <bsu-ly-layout-panel\n style=\"width: 100%\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n class=\"xxx\"\n ></bsu-ly-layout-panel\n >}\n</div>\n} @if (sideContentLayout && mainContentLayout) {\n\n<fd-dynamic-side-content\n [class.rtl]=\"rtl\"\n fillEmptySpace\n [decrement]=\"'40px'\"\n [disable]=\"autoHeight\"\n [setMinHeight]=\"true\"\n [size]=\"isMobile ? 'sm' : smallDevice ? 'md' : 'xl'\"\n>\n <fd-dynamic-side-content-side>\n <bsu-ly-layout-panel\n fillEmptySpace\n [disable]=\"!parameters?.FixSideContentHeight\"\n [style.overflow-y]=\"parameters?.FixSideContentHeight === true ? 'auto' : null\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n >\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main [style.width]=\"isMobile ? null : parameters?.MainContentWidth\">\n <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n} @else {\n<fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n>\n}\n<ng-template #error>\n <fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;position:relative;flex-direction:column}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;background-color:var(--sapBaseColor)}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none;background-color:var(--sapBaseColor)}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"] }]
|
|
41
51
|
}], propDecorators: { _isSmallDevice: [{
|
|
42
52
|
type: HostBinding,
|
|
43
53
|
args: ['class.smallDevice']
|
|
@@ -45,4 +55,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImpor
|
|
|
45
55
|
type: HostBinding,
|
|
46
56
|
args: ['style.background']
|
|
47
57
|
}] } });
|
|
48
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
58
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQvYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLHVCQUF1QixFQUFFLFNBQVMsRUFBRSxXQUFXLEVBQVUsTUFBTSxlQUFlLENBQUM7QUFDeEYsT0FBTyxFQUlILDZCQUE2QixFQUM3QixzQkFBc0IsRUFDdEIsYUFBYSxFQUNoQixNQUFNLHNCQUFzQixDQUFDO0FBQzlCLE9BQU8sRUFBRSxHQUFHLEVBQWMsTUFBTSxNQUFNLENBQUM7Ozs7Ozs7OztBQVN2QyxNQUFNLE9BQU8sNkJBQThCLFNBQVEsc0JBQXNCO0lBUHpFOztRQVFzQyxtQkFBYyxHQUFHLEtBQUssQ0FBQztRQVF6RCxrQkFBYSxHQUFHLEtBQUssQ0FBQztLQTRCekI7SUEzQkcsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsaUJBQWlCLEdBQUcsNkJBQTZCLENBQUMsSUFBSSxDQUFDLFFBQVEsRUFBRSxJQUFJLENBQUMsVUFBVSxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ25HLElBQUksQ0FBQyxpQkFBaUIsR0FBRyw2QkFBNkIsQ0FBQyxJQUFJLENBQUMsUUFBUSxFQUFFLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxDQUFDLENBQUM7UUFDbkcsSUFBSSxDQUFDLFdBQVcsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sSUFBSSxxQkFBcUIsQ0FBQztRQUNwRSxJQUFJLENBQUMsVUFBVSxHQUFHLElBQUksQ0FBQyxVQUFVLENBQUMsVUFBVSxDQUFDO1FBQzdDLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLGtCQUFrQixDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUM1RCxNQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxDQUFDLFVBQVUsQ0FBQyxxQkFBcUIsQ0FBQyxLQUFLLENBQUMsQ0FBQztRQUN6RSxJQUFJLFlBQVksRUFBRSxDQUFDO1lBQ2YsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO1FBQ3ZCLENBQUM7UUFDRCxJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFLEVBQUUsQ0FBQyxDQUFDLENBQUMsS0FBSyxNQUFNLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ25ILENBQUM7SUFDRCxlQUFlO1FBQ1gsS0FBSyxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQ3hCLElBQUksQ0FBQyxhQUFhLEdBQUcsSUFBSSxDQUFDO0lBQzlCLENBQUM7SUFDRCxXQUFXO1FBQ1AsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDO0lBQ3RELENBQUM7SUFDRCxZQUFZO1FBQ1IsSUFBSSxDQUFDLGlCQUFpQixDQUFDLGtCQUFrQixDQUFDLE9BQU8sQ0FBQyxDQUFDO0lBQ3ZELENBQUM7SUFDUyxrQkFBa0IsQ0FBQyxVQUFpQztRQUMxRCxNQUFNLGFBQWEsR0FBRyxVQUFVLEtBQUssR0FBRyxJQUFJLFVBQVUsS0FBSyxHQUFHLENBQUMsQ0FBQyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsS0FBSyxDQUFDO1FBQzlFLE9BQU8sYUFBYSxDQUFDO0lBQ3pCLENBQUM7OEdBcENRLDZCQUE2QjtrR0FBN0IsNkJBQTZCLG9LQUYzQixDQUFDLGFBQWEsQ0FBQyxpRENoQjlCLDhoRkEyRUE7OzJGRHpEYSw2QkFBNkI7a0JBUHpDLFNBQVM7K0JBQ0ksNkJBQTZCLG1CQUd0Qix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDLENBQUMsYUFBYSxDQUFDOzhCQUdRLGNBQWM7c0JBQS9DLFdBQVc7dUJBQUMsbUJBQW1CO2dCQUNDLFdBQVc7c0JBQTNDLFdBQVc7dUJBQUMsa0JBQWtCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENvbXBvbmVudCwgSG9zdEJpbmRpbmcsIE9uSW5pdCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHtcbiAgICBBYmJyZXZhdGlvbkRldmljZVNpemUsXG4gICAgTWV0YW9iamVjdERhdGFNb2RlbCxcbiAgICBMYXlvdXRTZXR0aW5nLFxuICAgIEZpbmRMYXlvdXRTZXR0aW5nRnJvbUxheW91dDk0LFxuICAgIEZvcm1Qcm9wc0Jhc2VDb21wb25lbnQsXG4gICAgTGF5b3V0U2VydmljZVxufSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XG5pbXBvcnQgeyBtYXAsIE9ic2VydmFibGUgfSBmcm9tICdyeGpzJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdic3UtYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9iYXJzYS1mb3JtLXNpZGUtY29udGVudC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJy4vYmFyc2EtZm9ybS1zaWRlLWNvbnRlbnQuY29tcG9uZW50LnNjc3MnXSxcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgICBwcm92aWRlcnM6IFtMYXlvdXRTZXJ2aWNlXVxufSlcbmV4cG9ydCBjbGFzcyBCYXJzYUZvcm1TaWRlQ29udGVudENvbXBvbmVudCBleHRlbmRzIEZvcm1Qcm9wc0Jhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xuICAgIEBIb3N0QmluZGluZygnY2xhc3Muc21hbGxEZXZpY2UnKSBfaXNTbWFsbERldmljZSA9IGZhbHNlO1xuICAgIEBIb3N0QmluZGluZygnc3R5bGUuYmFja2dyb3VuZCcpIF9iYWNrZ3JvdW5kOiBzdHJpbmc7XG4gICAgcGFyYW1ldGVyczogQmFyc2FGb3JtU2lkZUNvbnRlbnRTZXR0aW5nO1xuICAgIHNpZGVDb250ZW50TGF5b3V0OiBMYXlvdXRTZXR0aW5nIHwgbnVsbDtcbiAgICBtYWluQ29udGVudExheW91dDogTGF5b3V0U2V0dGluZyB8IG51bGw7XG4gICAgYXV0b0hlaWdodDogYm9vbGVhbjtcbiAgICBpc09wZW5RdWlja0FjY2VzcyQ6IE9ic2VydmFibGU8Ym9vbGVhbj47XG4gICAgc21hbGxEZXZpY2U6IGJvb2xlYW47XG4gICAgYWZ0ZXJWaWV3SW5pdCA9IGZhbHNlO1xuICAgIG5nT25Jbml0KCk6IHZvaWQge1xuICAgICAgICBzdXBlci5uZ09uSW5pdCgpO1xuICAgICAgICB0aGlzLnNpZGVDb250ZW50TGF5b3V0ID0gRmluZExheW91dFNldHRpbmdGcm9tTGF5b3V0OTQodGhpcy5sYXlvdXQ5NCwgdGhpcy5wYXJhbWV0ZXJzLlNpZGVDb250ZW50KTtcbiAgICAgICAgdGhpcy5tYWluQ29udGVudExheW91dCA9IEZpbmRMYXlvdXRTZXR0aW5nRnJvbUxheW91dDk0KHRoaXMubGF5b3V0OTQsIHRoaXMucGFyYW1ldGVycy5NYWluQ29udGVudCk7XG4gICAgICAgIHRoaXMuX2JhY2tncm91bmQgPSB0aGlzLnBhcmFtZXRlcnMuQmdDb2xvciB8fCAndmFyKC0tc2FwQmFzZUNvbG9yKSc7XG4gICAgICAgIHRoaXMuYXV0b0hlaWdodCA9IHRoaXMucGFyYW1ldGVycy5BdXRvSGVpZ2h0O1xuICAgICAgICB0aGlzLnNtYWxsRGV2aWNlID0gdGhpcy5faXNTbWFsbERldmljZVNpemUodGhpcy5kZXZpY2VTaXplKTtcbiAgICAgICAgY29uc3Qgc2lkZWJhclN0YXRlID0gTnVtYmVyKHRoaXMucGFyYW1ldGVycy5GaXJzdERlZmF1bHRNZW51U3RhdGUpID09PSAxO1xuICAgICAgICBpZiAoc2lkZWJhclN0YXRlKSB7XG4gICAgICAgICAgICB0aGlzLm9wZW5TaWRlYmFyKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5pc09wZW5RdWlja0FjY2VzcyQgPSB0aGlzLl9mb3JtUGFuZWxTZXJ2aWNlLnNpZGViYXJTdGF0ZSQucGlwZShtYXAoKGMpID0+IChjID09PSAnb3BlbicgPyB0cnVlIDogZmFsc2UpKSk7XG4gICAgfVxuICAgIG5nQWZ0ZXJWaWV3SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgc3VwZXIubmdBZnRlclZpZXdJbml0KCk7XG4gICAgICAgIHRoaXMuYWZ0ZXJWaWV3SW5pdCA9IHRydWU7XG4gICAgfVxuICAgIG9wZW5TaWRlYmFyKCk6IHZvaWQge1xuICAgICAgICB0aGlzLl9mb3JtUGFuZWxTZXJ2aWNlLmNoYW5nZVNpZGViYXJTdGF0ZSgnb3BlbicpO1xuICAgIH1cbiAgICBjbG9zZVNpZGViYXIoKTogdm9pZCB7XG4gICAgICAgIHRoaXMuX2Zvcm1QYW5lbFNlcnZpY2UuY2hhbmdlU2lkZWJhclN0YXRlKCdjbG9zZScpO1xuICAgIH1cbiAgICBwcm90ZWN0ZWQgX2lzU21hbGxEZXZpY2VTaXplKGRldmljZVNpemU6IEFiYnJldmF0aW9uRGV2aWNlU2l6ZSk6IGJvb2xlYW4ge1xuICAgICAgICBjb25zdCBpc1NtYWxsRGV2aWNlID0gZGV2aWNlU2l6ZSA9PT0gJ3MnIHx8IGRldmljZVNpemUgPT09ICdtJyA/IHRydWUgOiBmYWxzZTtcbiAgICAgICAgcmV0dXJuIGlzU21hbGxEZXZpY2U7XG4gICAgfVxufVxuaW50ZXJmYWNlIEJhcnNhRm9ybVNpZGVDb250ZW50U2V0dGluZyBleHRlbmRzIE1ldGFvYmplY3REYXRhTW9kZWwge1xuICAgIFNpZGVDb250ZW50OiBzdHJpbmc7XG4gICAgTWFpbkNvbnRlbnQ6IHN0cmluZztcbiAgICBIaWRlU2lkZUNvbnRlbnRUaXRsZTogYm9vbGVhbjtcbiAgICBIaWRlTWFpbkNvbnRlbnRUaXRsZTogYm9vbGVhbjtcbiAgICBCZ0NvbG9yOiBzdHJpbmc7XG4gICAgTWFpbkNvbnRlbnRXaWR0aDogc3RyaW5nO1xuICAgIEF1dG9IZWlnaHQ6IGJvb2xlYW47XG4gICAgRmlyc3REZWZhdWx0TWVudVN0YXRlOiBudW1iZXI7XG4gICAgRml4U2lkZUNvbnRlbnRIZWlnaHQ6IGJvb2xlYW47XG59XG4iLCJAaWYoaXNNb2JpbGUpIHtcbjxidXR0b25cbiAgICBmZC1zaGVsbGJhci1zaWRlLW5hdlxuICAgIGZkLWJ1dHRvblxuICAgIGZkVHlwZT1cInRyYW5zcGFyZW50XCJcbiAgICBnbHlwaD1cIm1lbnUyXCJcbiAgICBzdHlsZT1cIndpZHRoOiAyLjc1cmVtXCJcbiAgICAoY2xpY2spPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpOyBvcGVuU2lkZWJhcigpXCJcbj48L2J1dHRvbj5cblxuPGRpdlxuICAgIGNsYXNzPVwic2lkZW1lbnUtaCB0dy1maXhlZCB0dy1iZy13aGl0ZSB0dy10cmFuc2l0aW9uLWFsbCB0dy16LVsxMDAxXSB0dy1zaGFkb3ctMnhsIHR3LW92ZXJmbG93LWF1dG9cIlxuICAgIFtuZ0NsYXNzXT1cInsgJ3R3LXctNC81JzogaXNNb2JpbGUgfVwiXG4gICAgW2NsYXNzLi10dy1yaWdodC1mdWxsXT1cImlzTW9iaWxlXCJcbiAgICBbY2xhc3MudHctdy05Nl09XCIhaXNNb2JpbGVcIlxuICAgIFtjbGFzcy4tdHctcmlnaHQtOTZdPVwiIWlzTW9iaWxlXCJcbiAgICBmaWxsRW1wdHlTcGFjZVxuICAgIFtjbGFzcy4hdHctcmlnaHQtMF09XCJpc09wZW5RdWlja0FjY2VzcyQgfCBhc3luY1wiXG4gICAgKGNsaWNrKT1cIiRldmVudC5zdG9wUHJvcGFnYXRpb24oKVwiXG4gICAgI3NpZGViYXJcbj5cbiAgICA8YnV0dG9uXG4gICAgICAgIGZkLXNoZWxsYmFyLXNpZGUtbmF2XG4gICAgICAgIGZkLWJ1dHRvblxuICAgICAgICBmZFR5cGU9XCJ0cmFuc3BhcmVudFwiXG4gICAgICAgIGdseXBoPVwiZGVjbGluZVwiXG4gICAgICAgIChjbGljayk9XCIkZXZlbnQuc3RvcFByb3BhZ2F0aW9uKCk7IGNsb3NlU2lkZWJhcigpXCJcbiAgICAgICAgcm91dGVGb3JtQ2hhbmdlXG4gICAgICAgIFtib2R5Q2xpY2tdPVwidHJ1ZVwiXG4gICAgICAgIChzdGF0ZUNoYW5nZWQpPVwiYWZ0ZXJWaWV3SW5pdCAmJiBjbG9zZVNpZGViYXIoKVwiXG4gICAgPjwvYnV0dG9uPlxuICAgIEBpZiAoc2lkZUNvbnRlbnRMYXlvdXQgKSB7XG4gICAgPGJzdS1seS1sYXlvdXQtcGFuZWxcbiAgICAgICAgc3R5bGU9XCJ3aWR0aDogMTAwJVwiXG4gICAgICAgIFtjb25maWddPVwic2lkZUNvbnRlbnRMYXlvdXRcIlxuICAgICAgICBbaGlkZVRpdGxlXT1cInBhcmFtZXRlcnM/LkhpZGVTaWRlQ29udGVudFRpdGxlID09PSB0cnVlXCJcbiAgICAgICAgY2xhc3M9XCJ4eHhcIlxuICAgID48L2JzdS1seS1sYXlvdXQtcGFuZWxcbiAgICA+fVxuPC9kaXY+XG59IEBpZiAoc2lkZUNvbnRlbnRMYXlvdXQgJiYgbWFpbkNvbnRlbnRMYXlvdXQpIHtcblxuPGZkLWR5bmFtaWMtc2lkZS1jb250ZW50XG4gICAgW2NsYXNzLnJ0bF09XCJydGxcIlxuICAgIGZpbGxFbXB0eVNwYWNlXG4gICAgW2RlY3JlbWVudF09XCInNDBweCdcIlxuICAgIFtkaXNhYmxlXT1cImF1dG9IZWlnaHRcIlxuICAgIFtzZXRNaW5IZWlnaHRdPVwidHJ1ZVwiXG4gICAgW3NpemVdPVwiaXNNb2JpbGUgPyAnc20nIDogc21hbGxEZXZpY2UgPyAnbWQnIDogJ3hsJ1wiXG4+XG4gICAgPGZkLWR5bmFtaWMtc2lkZS1jb250ZW50LXNpZGU+XG4gICAgICAgIDxic3UtbHktbGF5b3V0LXBhbmVsXG4gICAgICAgICAgICBmaWxsRW1wdHlTcGFjZVxuICAgICAgICAgICAgW2Rpc2FibGVdPVwiIXBhcmFtZXRlcnM/LkZpeFNpZGVDb250ZW50SGVpZ2h0XCJcbiAgICAgICAgICAgIFtzdHlsZS5vdmVyZmxvdy15XT1cInBhcmFtZXRlcnM/LkZpeFNpZGVDb250ZW50SGVpZ2h0ID09PSB0cnVlID8gJ2F1dG8nIDogbnVsbFwiXG4gICAgICAgICAgICBbY29uZmlnXT1cInNpZGVDb250ZW50TGF5b3V0XCJcbiAgICAgICAgICAgIFtoaWRlVGl0bGVdPVwicGFyYW1ldGVycz8uSGlkZVNpZGVDb250ZW50VGl0bGUgPT09IHRydWVcIlxuICAgICAgICA+XG4gICAgICAgIDwvYnN1LWx5LWxheW91dC1wYW5lbD5cbiAgICA8L2ZkLWR5bmFtaWMtc2lkZS1jb250ZW50LXNpZGU+XG4gICAgPGZkLWR5bmFtaWMtc2lkZS1jb250ZW50LW1haW4gW3N0eWxlLndpZHRoXT1cImlzTW9iaWxlID8gbnVsbCA6IHBhcmFtZXRlcnM/Lk1haW5Db250ZW50V2lkdGhcIj5cbiAgICAgICAgPGJzdS1seS1sYXlvdXQtcGFuZWwgW2NvbmZpZ109XCJtYWluQ29udGVudExheW91dFwiIFtoaWRlVGl0bGVdPVwicGFyYW1ldGVycz8uSGlkZU1haW5Db250ZW50VGl0bGUgPT09IHRydWVcIj5cbiAgICAgICAgPC9ic3UtbHktbGF5b3V0LXBhbmVsPlxuICAgIDwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQtbWFpbj5cbjwvZmQtZHluYW1pYy1zaWRlLWNvbnRlbnQ+XG59IEBlbHNlIHtcbjxmZC1tZXNzYWdlLXN0cmlwIHR5cGU9XCJlcnJvclwiIFtkaXNtaXNzaWJsZV09XCJmYWxzZVwiXG4gICAgPnNpZGUgY29udGVudCBhbmQgbWFpbiBjb250ZW50IGRvZXMgbm90IGRlZmluZWQgY29ycmVjdGx5LjwvZmQtbWVzc2FnZS1zdHJpcFxuPlxufVxuPG5nLXRlbXBsYXRlICNlcnJvcj5cbiAgICA8ZmQtbWVzc2FnZS1zdHJpcCB0eXBlPVwiZXJyb3JcIiBbZGlzbWlzc2libGVdPVwiZmFsc2VcIlxuICAgICAgICA+c2lkZSBjb250ZW50IGFuZCBtYWluIGNvbnRlbnQgZG9lcyBub3QgZGVmaW5lZCBjb3JyZWN0bHkuPC9mZC1tZXNzYWdlLXN0cmlwXG4gICAgPlxuPC9uZy10ZW1wbGF0ZT5cbiJdfQ==
|
|
@@ -20,13 +20,13 @@ export class UiButtonComponent extends FieldBaseComponent {
|
|
|
20
20
|
}
|
|
21
21
|
}
|
|
22
22
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
23
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon
|
|
23
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i3.AsyncPipe, name: "async" }, { kind: "pipe", type: i4.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
24
24
|
}
|
|
25
25
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, decorators: [{
|
|
26
26
|
type: Component,
|
|
27
|
-
args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon
|
|
27
|
+
args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"] }]
|
|
28
28
|
}], propDecorators: { designMode: [{
|
|
29
29
|
type: HostBinding,
|
|
30
30
|
args: ['style.margin']
|
|
31
31
|
}] } });
|
|
32
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
32
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidWktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2JhcnNhLXNhcC11aS9zcmMvbGliL3VpLWJ1dHRvbi91aS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYmFyc2Etc2FwLXVpL3NyYy9saWIvdWktYnV0dG9uL3VpLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsdUJBQXVCLEVBQUUsU0FBUyxFQUFFLFdBQVcsRUFBVSxNQUFNLGVBQWUsQ0FBQztBQUV4RixPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQzs7Ozs7O0FBTzFELE1BQU0sT0FBTyxpQkFBa0IsU0FBUSxrQkFBa0I7SUFHckQsUUFBUTtRQUNKLEtBQUssQ0FBQyxRQUFRLEVBQUUsQ0FBQztRQUNqQixJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDLGFBQWEsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDO1FBQy9ELElBQUksSUFBSSxDQUFDLFVBQVUsRUFBRSwyQkFBMkIsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDL0UsSUFBSSxDQUFDLEtBQUssR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLE9BQU8sQ0FBQztRQUN6QyxDQUFDO0lBQ0wsQ0FBQztJQUNELE9BQU87UUFDSCxJQUFJLElBQUksQ0FBQyxPQUFPLENBQUMsU0FBUyxFQUFFLENBQUM7WUFDekIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxTQUFTLENBQUMsT0FBTyxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNsRCxDQUFDO0lBQ0wsQ0FBQzs4R0FmUSxpQkFBaUI7a0dBQWpCLGlCQUFpQix5SUNUOUIseWpCQWVBOzsyRkROYSxpQkFBaUI7a0JBTjdCLFNBQVM7K0JBQ0ksZUFBZSxtQkFHUix1QkFBdUIsQ0FBQyxNQUFNOzhCQUdsQixVQUFVO3NCQUF0QyxXQUFXO3VCQUFDLGNBQWMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSwgQ29tcG9uZW50LCBIb3N0QmluZGluZywgT25Jbml0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcblxyXG5pbXBvcnQgeyBGaWVsZEJhc2VDb21wb25lbnQgfSBmcm9tICdiYXJzYS1ub3Zpbi1yYXktY29yZSc7XHJcbkBDb21wb25lbnQoe1xyXG4gICAgc2VsZWN0b3I6ICdic3UtdWktYnV0dG9uJyxcclxuICAgIHRlbXBsYXRlVXJsOiAnLi91aS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxyXG4gICAgc3R5bGVVcmxzOiBbJy4vdWktYnV0dG9uLmNvbXBvbmVudC5zY3NzJ10sXHJcbiAgICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaFxyXG59KVxyXG5leHBvcnQgY2xhc3MgVWlCdXR0b25Db21wb25lbnQgZXh0ZW5kcyBGaWVsZEJhc2VDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gICAgQEhvc3RCaW5kaW5nKCdzdHlsZS5tYXJnaW4nKSBkZXNpZ25Nb2RlOiBzdHJpbmc7XHJcbiAgICBsYWJlbDogc3RyaW5nO1xyXG4gICAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICAgICAgc3VwZXIubmdPbkluaXQoKTtcclxuICAgICAgICB0aGlzLmxhYmVsID0gdGhpcy5jb250ZXh0LnRleHQ7XHJcbiAgICAgICAgdGhpcy5kZXNpZ25Nb2RlID0gdGhpcy5Kc29uRXh0cmFQcm9wPy5EZXNpZ24gPyAnM3B4IDFweCcgOiAnMCc7XHJcbiAgICAgICAgaWYgKHRoaXMubGF5b3V0SW5mbz8uVXNlTGF5b3V0SXRlbVRleHRGb3JDb250cm9sICYmICF0aGlzLmxheW91dEluZm8uVGV4dFZpc2libGUpIHtcclxuICAgICAgICAgICAgdGhpcy5sYWJlbCA9IHRoaXMubGF5b3V0SW5mby5DYXB0aW9uO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxuICAgIG9uQ2xpY2soKTogdm9pZCB7XHJcbiAgICAgICAgaWYgKHRoaXMuY29udGV4dC5maXJlRXZlbnQpIHtcclxuICAgICAgICAgICAgdGhpcy5jb250ZXh0LmZpcmVFdmVudCgnY2xpY2snLCB0aGlzLmNvbnRleHQpO1xyXG4gICAgICAgIH1cclxuICAgIH1cclxufVxyXG4iLCI8YnV0dG9uXG4gICAgKGNsaWNrKT1cIm9uQ2xpY2soKVwiXG4gICAgW2Rpc2FibGVkXT1cIihkaXNhYmxlJCB8IGFzeW5jKSEhXCJcbiAgICBmZC1idXR0b25cbiAgICBbZmRUeXBlXT1cInBhcmFtZXRlcnM/LkZkVHlwZSRDYXB0aW9uXCJcbiAgICBbZ2x5cGhdPVwicGFyYW1ldGVycz8uSWNvblwiXG4gICAgW3RpdGxlXT1cImxhYmVsIHwgYmJiVHJhbnNsYXRlXCJcbj5cbiAgICBAaWYgKCFwYXJhbWV0ZXJzPy5JY29uICYmIGNvbnRleHQ/LlNldHRpbmc/LkZpZWxkSWNvbiAmJiAhSnNvbkV4dHJhUHJvcD8uSWNvbikge1xuICAgIDxpbWcgW3NyY109XCJjb250ZXh0Py5TZXR0aW5nLkZpZWxkSWNvblwiIC8+XG4gICAgfSBAaWYgKGxhYmVsICYmICFKc29uRXh0cmFQcm9wPy5Pbmx5SWNvbiAmJiAhcGFyYW1ldGVycz8uT25seUljb24pIHtcbiAgICA8c3BhbiBjbGFzcz1cImZkLWJ1dHRvbl9fdGV4dFwiPnt7IGxhYmVsIHwgYmJiVHJhbnNsYXRlIH19PC9zcGFuPlxuICAgIH1cbjwvYnV0dG9uPlxuPGlucHV0IGZkLWZvcm0tY29udHJvbCBjbGFzcz1cImV4dHJhLWlucHV0LWhpZGRlblwiIC8+XG4iXX0=
|
|
@@ -4,7 +4,7 @@ import * as i2 from 'barsa-novin-ray-core';
|
|
|
4
4
|
import { BaseComponent, ReportViewBaseComponent, getUniqueId, BarsaApi, LayoutItemBaseComponent, getDeviceIsMobile, measureText, LayoutService, SortDirection, BaseUlvSettingComponent, getResetGridSettings, FormComponent, createFormPanelMetaConditions, ReportBaseComponent, SelectionMode, GetAllColumnsSorted, getParentHeight, getControlSizeMode, getDeviceIsDesktop, getDeviceIsTablet, getGridSettings, PortalService, FieldBaseComponent, DateService, getDateService as getDateService$1, DateMiladiService, DateHijriService, DateShamsiService, BaseDirective, EllipsifyDirective, createGridEditorFormPanel, FormPanelService, getAllItemsPerChildren, setOneDepthLevel, BaseViewItemPropsComponent, MoReportValuePipe, ExecuteDynamicCommand, isImage, getIcon, LayoutPanelBaseComponent, BaseViewContentPropsComponent, enumValueToStringSize, PreventDefaulEvent, setTableThWidth, TableHeaderWidthMode, BaseColumnPropsComponent, ColumnService, calcContextMenuWidth, setColumnWidthByMaxMoContentWidth, calculateColumnWidth, calculateColumnContent, calculateColumnWidthFitToContainer, calculateFreeColumnSize, DateRanges, LogService, UlvMainService, isFunction, UploadService, FilesValidationHelper, getValidExtension, getImagePath, LinearListHelper, FormToolbarBaseComponent, isFirefox, FormBaseComponent, getFieldValue, ContainerComponent, DIALOG_SERVICE, FORM_DIALOG_COMPONENT, ContainerService, FindToolbarItem, FindLayoutSettingFromLayout94, FormPropsBaseComponent, NumberBaseComponent, ImageMimeType, BaseFormToolbaritemPropsComponent, isInLocalMode, executeUlvCommandHandler, FillAllLayoutControls, PictureFieldSourcePipe, BreadcrumbService, getDeviceIsPhone, NOTIFICATAION_POPUP_SERVER, TOAST_SERVICE, BaseModule, BarsaNovinRayCoreModule, ResizableModule } from 'barsa-novin-ray-core';
|
|
5
5
|
import moment from 'moment';
|
|
6
6
|
import jmoment from 'moment-jalaali';
|
|
7
|
-
import { combineLatest, of, BehaviorSubject, Subject, takeUntil as takeUntil$1, concatMap, tap as tap$1, Observable, fromEvent, filter as filter$1 } from 'rxjs';
|
|
7
|
+
import { combineLatest, of, BehaviorSubject, Subject, takeUntil as takeUntil$1, concatMap, tap as tap$1, Observable, fromEvent, filter as filter$1, map as map$1 } from 'rxjs';
|
|
8
8
|
import { tap, filter, map, distinctUntilChanged, debounceTime, withLatestFrom, takeUntil, exhaustMap, finalize, switchMap, delay, concatMap as concatMap$1, catchError } from 'rxjs/operators';
|
|
9
9
|
import * as i1 from '@fundamental-ngx/core';
|
|
10
10
|
import { TableComponent, ToolbarComponent, PopoverComponent, RadioButtonComponent, DynamicPageComponent, DialogService, FileUploaderComponent, TabListComponent, MultiInputComponent, TabPanelComponent, WizardComponent, WizardStepComponent, ComboboxComponent, InlineHelpDirective, SliderComponent, ContentDensityMode, GlobalContentDensityService, ThemingService, NotificationRef, MessageToastService, FundamentalNgxCoreModule, FacetModule, WizardModule, RatingStarLabelPipe, ListGroupPipe, DateTimeFormatPipe, DateFromNowPipe, DateFormatPipe, AvatarIconPipe, ContentDensityModule } from '@fundamental-ngx/core';
|
|
@@ -11386,11 +11386,11 @@ class UiButtonComponent extends FieldBaseComponent {
|
|
|
11386
11386
|
}
|
|
11387
11387
|
}
|
|
11388
11388
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
11389
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon
|
|
11389
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: UiButtonComponent, selector: "bsu-ui-button", host: { properties: { "style.margin": "this.designMode" } }, usesInheritance: true, ngImport: i0, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"], dependencies: [{ kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i2$1.FormControlComponent, selector: "input[fd-form-control], textarea[fd-form-control]", inputs: ["state", "type", "class", "ariaLabel", "ariaLabelledBy"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }, { kind: "pipe", type: i2.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
11390
11390
|
}
|
|
11391
11391
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: UiButtonComponent, decorators: [{
|
|
11392
11392
|
type: Component,
|
|
11393
|
-
args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon
|
|
11393
|
+
args: [{ selector: 'bsu-ui-button', changeDetection: ChangeDetectionStrategy.OnPush, template: "<button\n (click)=\"onClick()\"\n [disabled]=\"(disable$ | async)!!\"\n fd-button\n [fdType]=\"parameters?.FdType$Caption\"\n [glyph]=\"parameters?.Icon\"\n [title]=\"label | bbbTranslate\"\n>\n @if (!parameters?.Icon && context?.Setting?.FieldIcon && !JsonExtraProp?.Icon) {\n <img [src]=\"context?.Setting.FieldIcon\" />\n } @if (label && !JsonExtraProp?.OnlyIcon && !parameters?.OnlyIcon) {\n <span class=\"fd-button__text\">{{ label | bbbTranslate }}</span>\n }\n</button>\n<input fd-form-control class=\"extra-input-hidden\" />\n", styles: [":host{display:flex;height:100%;align-items:center}button{width:100%}.fd-button__text{font-size:.78rem}\n"] }]
|
|
11394
11394
|
}], propDecorators: { designMode: [{
|
|
11395
11395
|
type: HostBinding,
|
|
11396
11396
|
args: ['style.margin']
|
|
@@ -13600,7 +13600,6 @@ class BarsaFormSideContentComponent extends FormPropsBaseComponent {
|
|
|
13600
13600
|
constructor() {
|
|
13601
13601
|
super(...arguments);
|
|
13602
13602
|
this._isSmallDevice = false;
|
|
13603
|
-
this.isOpenQuickAccess = false;
|
|
13604
13603
|
this.afterViewInit = false;
|
|
13605
13604
|
}
|
|
13606
13605
|
ngOnInit() {
|
|
@@ -13610,22 +13609,32 @@ class BarsaFormSideContentComponent extends FormPropsBaseComponent {
|
|
|
13610
13609
|
this._background = this.parameters.BgColor || 'var(--sapBaseColor)';
|
|
13611
13610
|
this.autoHeight = this.parameters.AutoHeight;
|
|
13612
13611
|
this.smallDevice = this._isSmallDeviceSize(this.deviceSize);
|
|
13613
|
-
|
|
13612
|
+
const sidebarState = Number(this.parameters.FirstDefaultMenuState) === 1;
|
|
13613
|
+
if (sidebarState) {
|
|
13614
|
+
this.openSidebar();
|
|
13615
|
+
}
|
|
13616
|
+
this.isOpenQuickAccess$ = this._formPanelService.sidebarState$.pipe(map$1((c) => (c === 'open' ? true : false)));
|
|
13614
13617
|
}
|
|
13615
13618
|
ngAfterViewInit() {
|
|
13616
13619
|
super.ngAfterViewInit();
|
|
13617
13620
|
this.afterViewInit = true;
|
|
13618
13621
|
}
|
|
13622
|
+
openSidebar() {
|
|
13623
|
+
this._formPanelService.changeSidebarState('open');
|
|
13624
|
+
}
|
|
13625
|
+
closeSidebar() {
|
|
13626
|
+
this._formPanelService.changeSidebarState('close');
|
|
13627
|
+
}
|
|
13619
13628
|
_isSmallDeviceSize(deviceSize) {
|
|
13620
13629
|
const isSmallDevice = deviceSize === 's' || deviceSize === 'm' ? true : false;
|
|
13621
13630
|
return isSmallDevice;
|
|
13622
13631
|
}
|
|
13623
13632
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaFormSideContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
13624
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation();
|
|
13633
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "17.3.5", type: BarsaFormSideContentComponent, selector: "bsu-barsa-form-side-content", host: { properties: { "class.smallDevice": "this._isSmallDevice", "style.background": "this._background" } }, providers: [LayoutService], usesInheritance: true, ngImport: i0, template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation(); openSidebar()\"\n></button>\n\n<div\n class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[1001] tw-shadow-2xl tw-overflow-auto\"\n [ngClass]=\"{ 'tw-w-4/5': isMobile }\"\n [class.-tw-right-full]=\"isMobile\"\n [class.tw-w-96]=\"!isMobile\"\n [class.-tw-right-96]=\"!isMobile\"\n fillEmptySpace\n [class.!tw-right-0]=\"isOpenQuickAccess$ | async\"\n (click)=\"$event.stopPropagation()\"\n #sidebar\n>\n <button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"decline\"\n (click)=\"$event.stopPropagation(); closeSidebar()\"\n routeFormChange\n [bodyClick]=\"true\"\n (stateChanged)=\"afterViewInit && closeSidebar()\"\n ></button>\n @if (sideContentLayout ) {\n <bsu-ly-layout-panel\n style=\"width: 100%\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n class=\"xxx\"\n ></bsu-ly-layout-panel\n >}\n</div>\n} @if (sideContentLayout && mainContentLayout) {\n\n<fd-dynamic-side-content\n [class.rtl]=\"rtl\"\n fillEmptySpace\n [decrement]=\"'40px'\"\n [disable]=\"autoHeight\"\n [setMinHeight]=\"true\"\n [size]=\"isMobile ? 'sm' : smallDevice ? 'md' : 'xl'\"\n>\n <fd-dynamic-side-content-side>\n <bsu-ly-layout-panel\n fillEmptySpace\n [disable]=\"!parameters?.FixSideContentHeight\"\n [style.overflow-y]=\"parameters?.FixSideContentHeight === true ? 'auto' : null\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n >\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main [style.width]=\"isMobile ? null : parameters?.MainContentWidth\">\n <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n} @else {\n<fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n>\n}\n<ng-template #error>\n <fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;position:relative;flex-direction:column}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;background-color:var(--sapBaseColor)}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none;background-color:var(--sapBaseColor)}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"], dependencies: [{ kind: "directive", type: i1$2.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i2.FillEmptySpaceDirective, selector: "[fillEmptySpace]", inputs: ["containerDom", "decrement", "disable", "height", "dontUseTopBound", "setMinHeight"], exportAs: ["fillEmptySpace"] }, { kind: "directive", type: i2.BodyClickDirective, selector: "[bodyClick]", inputs: ["disableBodyClick"] }, { kind: "directive", type: i2.RouteFormChangeDirective, selector: "[routeFormChange]", inputs: ["handleBodyClick"], outputs: ["stateChanged"] }, { kind: "component", type: i3$1.ButtonComponent, selector: "button[fd-button], a[fd-button], span[fd-button]", inputs: ["class"], exportAs: ["fd-button"] }, { kind: "component", type: i10$1.DynamicSideContentComponent, selector: "fd-dynamic-side-content", inputs: ["position", "size", "id"] }, { kind: "component", type: i10$1.DynamicSideContentSideComponent, selector: "fd-dynamic-side-content-side", inputs: ["id"] }, { kind: "component", type: i10$1.DynamicSideContentMainComponent, selector: "fd-dynamic-side-content-main", inputs: ["id"] }, { kind: "component", type: i9.MessageStripComponent, selector: "fd-message-strip", inputs: ["class", "dismissible", "noIcon", "type", "id", "ariaLabelledBy", "ariaLabel", "width", "minWidth", "marginBottom", "indicationColor"], outputs: ["onDismiss"] }, { kind: "directive", type: i6$6.ShellbarSidenavDirective, selector: "[fdShellbarSidenav], [fd-shellbar-side-nav]" }, { kind: "component", type: LyLayoutPanelComponent, selector: "bsu-ly-layout-panel", inputs: ["renderItems", "isRoot", "hideTitle"] }, { kind: "pipe", type: i1$2.AsyncPipe, name: "async" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
13625
13634
|
}
|
|
13626
13635
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.5", ngImport: i0, type: BarsaFormSideContentComponent, decorators: [{
|
|
13627
13636
|
type: Component,
|
|
13628
|
-
args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation();
|
|
13637
|
+
args: [{ selector: 'bsu-barsa-form-side-content', changeDetection: ChangeDetectionStrategy.OnPush, providers: [LayoutService], template: "@if(isMobile) {\n<button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"menu2\"\n style=\"width: 2.75rem\"\n (click)=\"$event.stopPropagation(); openSidebar()\"\n></button>\n\n<div\n class=\"sidemenu-h tw-fixed tw-bg-white tw-transition-all tw-z-[1001] tw-shadow-2xl tw-overflow-auto\"\n [ngClass]=\"{ 'tw-w-4/5': isMobile }\"\n [class.-tw-right-full]=\"isMobile\"\n [class.tw-w-96]=\"!isMobile\"\n [class.-tw-right-96]=\"!isMobile\"\n fillEmptySpace\n [class.!tw-right-0]=\"isOpenQuickAccess$ | async\"\n (click)=\"$event.stopPropagation()\"\n #sidebar\n>\n <button\n fd-shellbar-side-nav\n fd-button\n fdType=\"transparent\"\n glyph=\"decline\"\n (click)=\"$event.stopPropagation(); closeSidebar()\"\n routeFormChange\n [bodyClick]=\"true\"\n (stateChanged)=\"afterViewInit && closeSidebar()\"\n ></button>\n @if (sideContentLayout ) {\n <bsu-ly-layout-panel\n style=\"width: 100%\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n class=\"xxx\"\n ></bsu-ly-layout-panel\n >}\n</div>\n} @if (sideContentLayout && mainContentLayout) {\n\n<fd-dynamic-side-content\n [class.rtl]=\"rtl\"\n fillEmptySpace\n [decrement]=\"'40px'\"\n [disable]=\"autoHeight\"\n [setMinHeight]=\"true\"\n [size]=\"isMobile ? 'sm' : smallDevice ? 'md' : 'xl'\"\n>\n <fd-dynamic-side-content-side>\n <bsu-ly-layout-panel\n fillEmptySpace\n [disable]=\"!parameters?.FixSideContentHeight\"\n [style.overflow-y]=\"parameters?.FixSideContentHeight === true ? 'auto' : null\"\n [config]=\"sideContentLayout\"\n [hideTitle]=\"parameters?.HideSideContentTitle === true\"\n >\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-side>\n <fd-dynamic-side-content-main [style.width]=\"isMobile ? null : parameters?.MainContentWidth\">\n <bsu-ly-layout-panel [config]=\"mainContentLayout\" [hideTitle]=\"parameters?.HideMainContentTitle === true\">\n </bsu-ly-layout-panel>\n </fd-dynamic-side-content-main>\n</fd-dynamic-side-content>\n} @else {\n<fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n>\n}\n<ng-template #error>\n <fd-message-strip type=\"error\" [dismissible]=\"false\"\n >side content and main content does not defined correctly.</fd-message-strip\n >\n</ng-template>\n", styles: [":host{width:100%;height:100%;display:flex;position:relative;flex-direction:column}fd-dynamic-side-content-main{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;background-color:var(--sapBaseColor)}fd-dynamic-side-content-side{border:.0625rem solid var(--sapTile_SeparatorColor, #ccc)!important;border-left:none;background-color:var(--sapBaseColor)}fd-dynamic-side-content.rtl fd-dynamic-side-content-side{border-left:none!important}:host ::ng-deep bnrc-field-ui{padding:0!important}:host ::ng-deep bsu-ly-vertical-layout bsu-ly-layout-panel:last-of-type .fd-panel__content{border-bottom:none!important}\n"] }]
|
|
13629
13638
|
}], propDecorators: { _isSmallDevice: [{
|
|
13630
13639
|
type: HostBinding,
|
|
13631
13640
|
args: ['class.smallDevice']
|