@netgrif/components
Version:
Netgrif Application Engine frontend Angular components
23 lines • 10.7 kB
JavaScript
import { Component, Inject, Optional } from '@angular/core';
import { AbstractI18nDividerFieldComponent, DATA_FIELD_PORTAL_DATA } from '@netgrif/components-core';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
import * as i2 from "@ngbracket/ngx-layout";
import * as i3 from "@ngbracket/ngx-layout/extended";
export class I18nDividerFieldComponent extends AbstractI18nDividerFieldComponent {
constructor(dataFieldPortalData) {
super(dataFieldPortalData);
}
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: I18nDividerFieldComponent, deps: [{ token: DATA_FIELD_PORTAL_DATA, optional: true }], target: i0.ɵɵFactoryTarget.Component });
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.12", type: I18nDividerFieldComponent, selector: "nc-i18n-divider-field", usesInheritance: true, ngImport: i0, template: "<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div *ngIf='!!dataField.value?.defaultValue && dataField.value?.defaultValue.length > 0' fxFlex=\"20\" class=\"divider-line\"\n [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n <span *ngIf='!!dataField.value' [ngClass]=\"{'margin-default': dataField.value?.defaultValue !== ''}\"\n [ngStyle]=\"checkPropertyInComponent('fontSize') && {'font-size': getDividerFontSize()}\">\n {{dataField.value?.defaultValue ?? ''}}\n </span>\n <div fxFlex class=\"divider-line\"\n [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n</div>\n\n", styles: [".divider-line{height:1px}.margin-default{margin-right:8px;margin-left:8px}.divider-line-lgbt{height:2px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892,#b827fc) 0% 0/150% 100%;animation:move-divider-line-lgbt 10s linear infinite;-webkit-animation:move-divider-line-lgbt 10s linear infinite}@keyframes move-divider-line-lgbt{to{background-position:-1500% 0%}}@-webkit-keyframes move-divider-line-lgbt{to{background-position:-1500% 0%}}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultLayoutDirective, selector: " [fxLayout], [fxLayout.xs], [fxLayout.sm], [fxLayout.md], [fxLayout.lg], [fxLayout.xl], [fxLayout.lt-sm], [fxLayout.lt-md], [fxLayout.lt-lg], [fxLayout.lt-xl], [fxLayout.gt-xs], [fxLayout.gt-sm], [fxLayout.gt-md], [fxLayout.gt-lg]", inputs: ["fxLayout", "fxLayout.xs", "fxLayout.sm", "fxLayout.md", "fxLayout.lg", "fxLayout.xl", "fxLayout.lt-sm", "fxLayout.lt-md", "fxLayout.lt-lg", "fxLayout.lt-xl", "fxLayout.gt-xs", "fxLayout.gt-sm", "fxLayout.gt-md", "fxLayout.gt-lg"] }, { kind: "directive", type: i2.DefaultLayoutAlignDirective, selector: " [fxLayoutAlign], [fxLayoutAlign.xs], [fxLayoutAlign.sm], [fxLayoutAlign.md], [fxLayoutAlign.lg], [fxLayoutAlign.xl], [fxLayoutAlign.lt-sm], [fxLayoutAlign.lt-md], [fxLayoutAlign.lt-lg], [fxLayoutAlign.lt-xl], [fxLayoutAlign.gt-xs], [fxLayoutAlign.gt-sm], [fxLayoutAlign.gt-md], [fxLayoutAlign.gt-lg]", inputs: ["fxLayoutAlign", "fxLayoutAlign.xs", "fxLayoutAlign.sm", "fxLayoutAlign.md", "fxLayoutAlign.lg", "fxLayoutAlign.xl", "fxLayoutAlign.lt-sm", "fxLayoutAlign.lt-md", "fxLayoutAlign.lt-lg", "fxLayoutAlign.lt-xl", "fxLayoutAlign.gt-xs", "fxLayoutAlign.gt-sm", "fxLayoutAlign.gt-md", "fxLayoutAlign.gt-lg"] }, { kind: "directive", type: i2.DefaultFlexDirective, selector: " [fxFlex], [fxFlex.xs], [fxFlex.sm], [fxFlex.md], [fxFlex.lg], [fxFlex.xl], [fxFlex.lt-sm], [fxFlex.lt-md], [fxFlex.lt-lg], [fxFlex.lt-xl], [fxFlex.gt-xs], [fxFlex.gt-sm], [fxFlex.gt-md], [fxFlex.gt-lg]", inputs: ["fxFlex", "fxFlex.xs", "fxFlex.sm", "fxFlex.md", "fxFlex.lg", "fxFlex.xl", "fxFlex.lt-sm", "fxFlex.lt-md", "fxFlex.lt-lg", "fxFlex.lt-xl", "fxFlex.gt-xs", "fxFlex.gt-sm", "fxFlex.gt-md", "fxFlex.gt-lg"] }, { kind: "directive", type: i3.DefaultClassDirective, selector: " [ngClass], [ngClass.xs], [ngClass.sm], [ngClass.md], [ngClass.lg], [ngClass.xl], [ngClass.lt-sm], [ngClass.lt-md], [ngClass.lt-lg], [ngClass.lt-xl], [ngClass.gt-xs], [ngClass.gt-sm], [ngClass.gt-md], [ngClass.gt-lg]", inputs: ["ngClass", "ngClass.xs", "ngClass.sm", "ngClass.md", "ngClass.lg", "ngClass.xl", "ngClass.lt-sm", "ngClass.lt-md", "ngClass.lt-lg", "ngClass.lt-xl", "ngClass.gt-xs", "ngClass.gt-sm", "ngClass.gt-md", "ngClass.gt-lg"] }, { kind: "directive", type: i3.DefaultStyleDirective, selector: " [ngStyle], [ngStyle.xs], [ngStyle.sm], [ngStyle.md], [ngStyle.lg], [ngStyle.xl], [ngStyle.lt-sm], [ngStyle.lt-md], [ngStyle.lt-lg], [ngStyle.lt-xl], [ngStyle.gt-xs], [ngStyle.gt-sm], [ngStyle.gt-md], [ngStyle.gt-lg]", inputs: ["ngStyle", "ngStyle.xs", "ngStyle.sm", "ngStyle.md", "ngStyle.lg", "ngStyle.xl", "ngStyle.lt-sm", "ngStyle.lt-md", "ngStyle.lt-lg", "ngStyle.lt-xl", "ngStyle.gt-xs", "ngStyle.gt-sm", "ngStyle.gt-md", "ngStyle.gt-lg"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.12", ngImport: i0, type: I18nDividerFieldComponent, decorators: [{
type: Component,
args: [{ selector: 'nc-i18n-divider-field', template: "<div fxFlex fxLayout=\"row\" fxLayoutAlign=\"center center\">\n <div *ngIf='!!dataField.value?.defaultValue && dataField.value?.defaultValue.length > 0' fxFlex=\"20\" class=\"divider-line\"\n [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n <span *ngIf='!!dataField.value' [ngClass]=\"{'margin-default': dataField.value?.defaultValue !== ''}\"\n [ngStyle]=\"checkPropertyInComponent('fontSize') && {'font-size': getDividerFontSize()}\">\n {{dataField.value?.defaultValue ?? ''}}\n </span>\n <div fxFlex class=\"divider-line\"\n [ngClass]=\"{'divider-line-lgbt': isDividerLGBTQ(), 'primary-background-color': !checkPropertyInComponent('dividerColor')}\"\n [ngStyle]=\"checkPropertyInComponent('dividerColor') && {'background': getDividerColor()}\"></div>\n</div>\n\n", styles: [".divider-line{height:1px}.margin-default{margin-right:8px;margin-left:8px}.divider-line-lgbt{height:2px;background:linear-gradient(to right,#b827fc,#2c90fc,#b8fd33,#fec837,#fd1892,#b827fc) 0% 0/150% 100%;animation:move-divider-line-lgbt 10s linear infinite;-webkit-animation:move-divider-line-lgbt 10s linear infinite}@keyframes move-divider-line-lgbt{to{background-position:-1500% 0%}}@-webkit-keyframes move-divider-line-lgbt{to{background-position:-1500% 0%}}\n"] }]
}], ctorParameters: () => [{ type: undefined, decorators: [{
type: Optional
}, {
type: Inject,
args: [DATA_FIELD_PORTAL_DATA]
}] }] });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaTE4bi1kaXZpZGVyLWZpZWxkLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25ldGdyaWYtY29tcG9uZW50cy9zcmMvbGliL2RhdGEtZmllbGRzL2kxOG4tZmllbGQvaTE4bi1kaXZpZGVyLWZpZWxkL2kxOG4tZGl2aWRlci1maWVsZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZXRncmlmLWNvbXBvbmVudHMvc3JjL2xpYi9kYXRhLWZpZWxkcy9pMThuLWZpZWxkL2kxOG4tZGl2aWRlci1maWVsZC9pMThuLWRpdmlkZXItZmllbGQuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLFNBQVMsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQzFELE9BQU8sRUFDSCxpQ0FBaUMsRUFDakMsc0JBQXNCLEVBR3pCLE1BQU0sMEJBQTBCLENBQUM7Ozs7O0FBT2xDLE1BQU0sT0FBTyx5QkFBMEIsU0FBUSxpQ0FBaUM7SUFDNUUsWUFBd0QsbUJBQW1EO1FBQ3ZHLEtBQUssQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDO0lBQy9CLENBQUM7d0dBSFEseUJBQXlCLGtCQUNGLHNCQUFzQjs0RkFEN0MseUJBQXlCLG9GQ2J0Qyw4K0JBYUE7OzRGREFhLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSx1QkFBdUI7OzBCQUtwQixRQUFROzswQkFBSSxNQUFNOzJCQUFDLHNCQUFzQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7Q29tcG9uZW50LCBJbmplY3QsIE9wdGlvbmFsfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7XG4gICAgQWJzdHJhY3RJMThuRGl2aWRlckZpZWxkQ29tcG9uZW50LFxuICAgIERBVEFfRklFTERfUE9SVEFMX0RBVEEsXG4gICAgRGF0YUZpZWxkUG9ydGFsRGF0YSxcbiAgICBJMThuRmllbGRcbn0gZnJvbSAnQG5ldGdyaWYvY29tcG9uZW50cy1jb3JlJztcblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICduYy1pMThuLWRpdmlkZXItZmllbGQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9pMThuLWRpdmlkZXItZmllbGQuY29tcG9uZW50Lmh0bWwnLFxuICAgIHN0eWxlVXJsczogWycuL2kxOG4tZGl2aWRlci1maWVsZC5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIEkxOG5EaXZpZGVyRmllbGRDb21wb25lbnQgZXh0ZW5kcyBBYnN0cmFjdEkxOG5EaXZpZGVyRmllbGRDb21wb25lbnQge1xuICAgIGNvbnN0cnVjdG9yKEBPcHRpb25hbCgpIEBJbmplY3QoREFUQV9GSUVMRF9QT1JUQUxfREFUQSkgZGF0YUZpZWxkUG9ydGFsRGF0YTogRGF0YUZpZWxkUG9ydGFsRGF0YTxJMThuRmllbGQ+KSB7XG4gICAgICAgIHN1cGVyKGRhdGFGaWVsZFBvcnRhbERhdGEpO1xuICAgIH1cbn1cbiIsIjxkaXYgZnhGbGV4IGZ4TGF5b3V0PVwicm93XCIgZnhMYXlvdXRBbGlnbj1cImNlbnRlciBjZW50ZXJcIj5cbiAgICA8ZGl2ICpuZ0lmPSchIWRhdGFGaWVsZC52YWx1ZT8uZGVmYXVsdFZhbHVlICYmIGRhdGFGaWVsZC52YWx1ZT8uZGVmYXVsdFZhbHVlLmxlbmd0aCA+IDAnIGZ4RmxleD1cIjIwXCIgY2xhc3M9XCJkaXZpZGVyLWxpbmVcIlxuICAgICAgICAgW25nQ2xhc3NdPVwieydkaXZpZGVyLWxpbmUtbGdidCc6IGlzRGl2aWRlckxHQlRRKCksICdwcmltYXJ5LWJhY2tncm91bmQtY29sb3InOiAhY2hlY2tQcm9wZXJ0eUluQ29tcG9uZW50KCdkaXZpZGVyQ29sb3InKX1cIlxuICAgICAgICAgW25nU3R5bGVdPVwiY2hlY2tQcm9wZXJ0eUluQ29tcG9uZW50KCdkaXZpZGVyQ29sb3InKSAmJiB7J2JhY2tncm91bmQnOiBnZXREaXZpZGVyQ29sb3IoKX1cIj48L2Rpdj5cbiAgICA8c3BhbiAqbmdJZj0nISFkYXRhRmllbGQudmFsdWUnIFtuZ0NsYXNzXT1cInsnbWFyZ2luLWRlZmF1bHQnOiBkYXRhRmllbGQudmFsdWU/LmRlZmF1bHRWYWx1ZSAhPT0gJyd9XCJcbiAgICAgICAgICBbbmdTdHlsZV09XCJjaGVja1Byb3BlcnR5SW5Db21wb25lbnQoJ2ZvbnRTaXplJykgJiYgeydmb250LXNpemUnOiBnZXREaXZpZGVyRm9udFNpemUoKX1cIj5cbiAgICAgICAge3tkYXRhRmllbGQudmFsdWU/LmRlZmF1bHRWYWx1ZSA/PyAnJ319XG4gICAgPC9zcGFuPlxuICAgIDxkaXYgZnhGbGV4IGNsYXNzPVwiZGl2aWRlci1saW5lXCJcbiAgICAgICAgIFtuZ0NsYXNzXT1cInsnZGl2aWRlci1saW5lLWxnYnQnOiBpc0RpdmlkZXJMR0JUUSgpLCAncHJpbWFyeS1iYWNrZ3JvdW5kLWNvbG9yJzogIWNoZWNrUHJvcGVydHlJbkNvbXBvbmVudCgnZGl2aWRlckNvbG9yJyl9XCJcbiAgICAgICAgIFtuZ1N0eWxlXT1cImNoZWNrUHJvcGVydHlJbkNvbXBvbmVudCgnZGl2aWRlckNvbG9yJykgJiYgeydiYWNrZ3JvdW5kJzogZ2V0RGl2aWRlckNvbG9yKCl9XCI+PC9kaXY+XG48L2Rpdj5cblxuIl19