barsa-develop-components 2.3.58 → 2.3.59
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.
|
@@ -85,11 +85,11 @@ class UiTextFieldSearchComponent extends DeviceInfoFieldBaseComponent {
|
|
|
85
85
|
this._debouncer.next(value);
|
|
86
86
|
}
|
|
87
87
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiTextFieldSearchComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
88
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: UiTextFieldSearchComponent, isStandalone: false, selector: "bdc-ui-text-field-search", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-input-group\r\n style=\"width: 100%\"\r\n fd-toolbar-item\r\n type=\"search\"\r\n glyph=\"search\"\r\n [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n [placeholder]=\"'Search' | bbbTranslate\"\r\n [button]=\"true\"\r\n [disabled]=\"false\"\r\n [(ngModel)]=\"searchTerm\"\r\n fdCozy\r\n (addOnButtonClicked)=\"onSearchSubmit()\"\r\n (keydown.enter)=\"onSearchSubmit()\"\r\n (keyup)=\"onAutoSearch()\"\r\n>\r\n</fd-input-group>\r\n", styles: [""], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]), [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]), [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]), [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i4.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
88
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.0.6", type: UiTextFieldSearchComponent, isStandalone: false, selector: "bdc-ui-text-field-search", inputs: { value: "value", MinSize: "MinSize" }, usesInheritance: true, ngImport: i0, template: "<fd-input-group\r\n style=\"width: 100%\"\r\n fd-toolbar-item\r\n type=\"search\"\r\n glyph=\"search\"\r\n [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n [placeholder]=\"'Search' | bbbTranslate\"\r\n [button]=\"true\"\r\n [disabled]=\"false\"\r\n [(ngModel)]=\"searchTerm\"\r\n fdCozy\r\n (addOnButtonClicked)=\"onSearchSubmit()\"\r\n (keydown.enter)=\"onSearchSubmit()\"\r\n (keyup)=\"onAutoSearch()\"\r\n>\r\n</fd-input-group>\r\n", styles: ["fd-input-group{padding:0 4px}\n"], dependencies: [{ kind: "directive", type: i1.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.ContentDensityDirective, selector: "[fdContentDensity]:not([fdCompact]):not([fdCondensed]):not([fdCozy]), [fdCompact]:not([fdContentDensity]):not([fdCondensed]):not([fdCozy]), [fdCondensed]:not([fdContentDensity]):not([fdCompact]):not([fdCozy]), [fdCozy]:not([fdContentDensity]):not([fdCompact]):not([fdCondensed])", inputs: ["fdContentDensity", "fdCompact", "fdCondensed", "fdCozy"], exportAs: ["fdContentDensity"] }, { kind: "component", type: i3.InputGroupComponent, selector: "fd-input-group", inputs: ["placement", "required", "inline", "addOnText", "buttonFocusable", "type", "glyph", "glyphFont", "button", "isControl", "showFocus", "isExpanded", "glyphAriaLabel", "addonButtonAriaHidden", "iconTitle", "ariaLabelledBy", "ariaLabel"], outputs: ["addOnButtonClicked", "search"] }, { kind: "directive", type: i4.ToolbarItemDirective, selector: "[fd-toolbar-item], [fdOverflowGroup], [fdOverflowPriority]", inputs: ["fdOverflowPriority", "fdOverflowGroup"] }, { kind: "directive", type: i1.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
89
89
|
}
|
|
90
90
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: UiTextFieldSearchComponent, decorators: [{
|
|
91
91
|
type: Component,
|
|
92
|
-
args: [{ selector: 'bdc-ui-text-field-search', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-input-group\r\n style=\"width: 100%\"\r\n fd-toolbar-item\r\n type=\"search\"\r\n glyph=\"search\"\r\n [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n [placeholder]=\"'Search' | bbbTranslate\"\r\n [button]=\"true\"\r\n [disabled]=\"false\"\r\n [(ngModel)]=\"searchTerm\"\r\n fdCozy\r\n (addOnButtonClicked)=\"onSearchSubmit()\"\r\n (keydown.enter)=\"onSearchSubmit()\"\r\n (keyup)=\"onAutoSearch()\"\r\n>\r\n</fd-input-group>\r\n" }]
|
|
92
|
+
args: [{ selector: 'bdc-ui-text-field-search', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-input-group\r\n style=\"width: 100%\"\r\n fd-toolbar-item\r\n type=\"search\"\r\n glyph=\"search\"\r\n [glyphAriaLabel]=\"'Search' | bbbTranslate\"\r\n [placeholder]=\"'Search' | bbbTranslate\"\r\n [button]=\"true\"\r\n [disabled]=\"false\"\r\n [(ngModel)]=\"searchTerm\"\r\n fdCozy\r\n (addOnButtonClicked)=\"onSearchSubmit()\"\r\n (keydown.enter)=\"onSearchSubmit()\"\r\n (keyup)=\"onAutoSearch()\"\r\n>\r\n</fd-input-group>\r\n", styles: ["fd-input-group{padding:0 4px}\n"] }]
|
|
93
93
|
}], propDecorators: { value: [{
|
|
94
94
|
type: Input
|
|
95
95
|
}], MinSize: [{
|
|
@@ -2061,13 +2061,14 @@ class AvatarComponent extends BaseItemContentPropsComponent {
|
|
|
2061
2061
|
}
|
|
2062
2062
|
_setProps(_mo) {
|
|
2063
2063
|
this.pictureId = this.mo[this.parameters.FieldName]?.FileId;
|
|
2064
|
+
this.status = this.mo[this.parameters.IsOnline];
|
|
2064
2065
|
}
|
|
2065
2066
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
2066
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AvatarComponent, isStandalone: false, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<fd-card>\r\n <fd-card-header>\r\n <fd-card-main-header>\r\n
|
|
2067
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.0.6", type: AvatarComponent, isStandalone: false, selector: "bdc-avatar", usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "@if(mo){\r\n<fd-card>\r\n <fd-card-header>\r\n <fd-card-main-header>\r\n <fd-avatar\r\n [placeholder]=\"!mo[parameters?.FieldName]\"\r\n [size]=\"deviceSize === 'l' || deviceSize === 'xl' ? 'm' : 's'\"\r\n [glyph]=\"parameters?.DefaultIcon || null\"\r\n [circle]=\"parameters?.Circle\"\r\n [placeHolder]=\"parameters?.DefaultIcon!!\"\r\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\r\n alterIcon=\"alt|content|backup|default-icon\"\r\n ></fd-avatar>\r\n <h2 fd-card-title nowraptext width=\"90%\">\r\n {{ !parameters?.Title ? '' : (parameters?.Title | val: mo:true | bbbTranslate) }}\r\n </h2>\r\n <h3 fd-card-subtitle nowraptext>\r\n {{ !parameters?.Subtitle ? '' : (parameters.Subtitle | val: mo:true | bbbTranslate) }}\r\n </h3>\r\n <div\r\n class=\"tw-absolute tw-bottom-0 tw-right-0 tw-border-2 tw-border-default tw-size-4 tw-rounded-full\"\r\n [class.tw-bg-green-600]=\"status\"\r\n ></div>\r\n </fd-card-main-header>\r\n </fd-card-header>\r\n</fd-card>\r\n}\r\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0;width:100%}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"], dependencies: [{ kind: "directive", type: i2$1.PlaceHolderDirective, selector: "[placeHolder]", inputs: ["placeHolder"] }, { kind: "directive", type: i2$1.NowraptextDirective, selector: "[nowraptext]", inputs: ["width"] }, { kind: "component", type: i3$6.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$3.CardComponent, selector: "fd-card", inputs: ["badge", "badgeIcon", "badgeColor", "badgeColorSecondary", "badgeStatus", "badgeAriaLabel", "secondBadge", "secondBadgeIcon", "secondBadgeColor", "secondBadgeColorSecondary", "secondBadgeStatus", "secondBadgeAriaLabel", "isLoading", "cardType", "id", "ariaRoledescription", "ariaDescription", "ariaLabel", "role", "interactive", "selected", "ariaPosinset", "ariaSetsize"], outputs: ["ariaPosinsetChange", "ariaSetsizeChange"] }, { kind: "component", type: i4$3.CardHeaderComponent, selector: "fd-card-header", inputs: ["ariaRoleDescription"] }, { kind: "component", type: i4$3.CardMainHeaderComponent, selector: "fd-card-main-header", inputs: ["interactive", "title"] }, { kind: "directive", type: i4$3.CardTitleDirective, selector: "[fd-card-title]", inputs: ["id"] }, { kind: "directive", type: i4$3.CardSubtitleDirective, selector: "[fd-card-subtitle]" }, { kind: "pipe", type: i2$1.MoValuePipe, name: "val" }, { kind: "pipe", type: i2$1.PictureFieldSourcePipe, name: "picFieldSrc" }, { kind: "pipe", type: i2$1.BbbTranslatePipe, name: "bbbTranslate" }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
|
|
2067
2068
|
}
|
|
2068
2069
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.0.6", ngImport: i0, type: AvatarComponent, decorators: [{
|
|
2069
2070
|
type: Component,
|
|
2070
|
-
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "<fd-card>\r\n <fd-card-header>\r\n <fd-card-main-header>\r\n
|
|
2071
|
+
args: [{ selector: 'bdc-avatar', changeDetection: ChangeDetectionStrategy.OnPush, standalone: false, template: "@if(mo){\r\n<fd-card>\r\n <fd-card-header>\r\n <fd-card-main-header>\r\n <fd-avatar\r\n [placeholder]=\"!mo[parameters?.FieldName]\"\r\n [size]=\"deviceSize === 'l' || deviceSize === 'xl' ? 'm' : 's'\"\r\n [glyph]=\"parameters?.DefaultIcon || null\"\r\n [circle]=\"parameters?.Circle\"\r\n [placeHolder]=\"parameters?.DefaultIcon!!\"\r\n [image]=\"pictureId ? (pictureId | picFieldSrc: 'PictureFileInfo':mo.Id:column.FieldDefId) : null\"\r\n alterIcon=\"alt|content|backup|default-icon\"\r\n ></fd-avatar>\r\n <h2 fd-card-title nowraptext width=\"90%\">\r\n {{ !parameters?.Title ? '' : (parameters?.Title | val: mo:true | bbbTranslate) }}\r\n </h2>\r\n <h3 fd-card-subtitle nowraptext>\r\n {{ !parameters?.Subtitle ? '' : (parameters.Subtitle | val: mo:true | bbbTranslate) }}\r\n </h3>\r\n <div\r\n class=\"tw-absolute tw-bottom-0 tw-right-0 tw-border-2 tw-border-default tw-size-4 tw-rounded-full\"\r\n [class.tw-bg-green-600]=\"status\"\r\n ></div>\r\n </fd-card-main-header>\r\n </fd-card-header>\r\n</fd-card>\r\n}\r\n", styles: [":host{display:flex;align-items:flex-start;column-gap:5px;padding:3px 0;width:100%}.avatar-data{display:flex;flex-direction:column;row-gap:5px}fd-card{border:none;box-shadow:none;background:transparent!important}fd-card-header{border:none!important;background:transparent!important}fd-card-header:hover{background:transparent!important}fd-card-header ::ng-deep .fd-card__header-main{background:transparent!important;padding:.2rem 0!important}fd-card,fd-card-header{cursor:default;font-weight:inherit!important}fd-card:focus:before,fd-card-header:focus:before{border:none!important}fd-card ::ng-deep .fd-card__title-area,fd-card ::ng-deep .fd-card__header-text,fd-card ::ng-deep .fd-card__subtitle-area,fd-card ::ng-deep h2,fd-card ::ng-deep h3,fd-card-header ::ng-deep .fd-card__title-area,fd-card-header ::ng-deep .fd-card__header-text,fd-card-header ::ng-deep .fd-card__subtitle-area,fd-card-header ::ng-deep h2,fd-card-header ::ng-deep h3{font-weight:inherit!important}fd-card-header{padding:0!important;align-items:center}\n"] }]
|
|
2071
2072
|
}] });
|
|
2072
2073
|
|
|
2073
2074
|
class G4bEstelamComponent extends BaseItemContentPropsComponent {
|