vcomply-workflow-engine 6.1.16 → 6.1.18

package/esm2022/lib/ui-kit/banner/banner.component.mjs

@@ -0,0 +1,44 @@
+import { Component, Input } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+export class BannerComponent {
+    constructor() {
+        this.icon = ''; // Default icon
+        this.isCenter = false;
+    }
+    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: BannerComponent, selector: "app-banner", inputs: { icon: "icon", bannerClass: "bannerClass", isCenter: "isCenter" }, ngImport: i0, template: `
+    <div
+      class="workflow-form-alert vx-d-flex vx-align-center vx-mb-2 vx-pl-4 vx-pr-4"
+      [ngClass]="bannerClass"
+      [class.banner-center]="isCenter"
+    >
+      <i *ngIf="icon" class="icons alert-icon vx-fs-16" [innerHTML]="icon"></i>
+      <div class="alert-value vx-fs-11 vx-lh-4">
+        <ng-content select="[banner]"></ng-content>
+      </div>
+    </div>
+  `, isInline: true, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";::ng-deep .workflow-form-alert{background:#fcf2cf;border-radius:.25rem;height:2.5rem}::ng-deep .workflow-form-alert .alert-icon{color:#000;margin-right:.625rem}::ng-deep .workflow-form-alert .alert-value{color:#000}::ng-deep .workflow-form-alert.banner-center{display:flex;align-items:center;justify-content:center}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }] }); }
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: BannerComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'app-banner', template: `
+    <div
+      class="workflow-form-alert vx-d-flex vx-align-center vx-mb-2 vx-pl-4 vx-pr-4"
+      [ngClass]="bannerClass"
+      [class.banner-center]="isCenter"
+    >
+      <i *ngIf="icon" class="icons alert-icon vx-fs-16" [innerHTML]="icon"></i>
+      <div class="alert-value vx-fs-11 vx-lh-4">
+        <ng-content select="[banner]"></ng-content>
+      </div>
+    </div>
+  `, styles: ["@import\"https://cdn.v-comply.com/design-system/css/icons/icons.css\";@import\"https://cdn.v-comply.com/design-system/css/mixin/mixin.css\";@import\"https://cdn.v-comply.com/design-system/css/text/text.css\";@import\"https://cdn.v-comply.com/design-system/css/color/color.css\";@import\"https://cdn.v-comply.com/design-system/css/width/width.css\";@import\"https://cdn.v-comply.com/design-system/css/display/display.css\";@import\"https://cdn.v-comply.com/design-system/css/alignment/alignment.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-top.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-right.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/margin/margin-left.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-top.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-right.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-bottom.css\";@import\"https://cdn.v-comply.com/design-system/css/padding/padding-left.css\";::ng-deep .workflow-form-alert{background:#fcf2cf;border-radius:.25rem;height:2.5rem}::ng-deep .workflow-form-alert .alert-icon{color:#000;margin-right:.625rem}::ng-deep .workflow-form-alert .alert-value{color:#000}::ng-deep .workflow-form-alert.banner-center{display:flex;align-items:center;justify-content:center}\n"] }]
+        }], propDecorators: { icon: [{
+                type: Input
+            }], bannerClass: [{
+                type: Input
+            }], isCenter: [{
+                type: Input
+            }] } });
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFubmVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3Z4LXdvcmtmbG93LWVuZ2luZS9zcmMvbGliL3VpLWtpdC9iYW5uZXIvYmFubmVyLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFDQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBa0JqRCxNQUFNLE9BQU8sZUFBZTtJQWhCNUI7UUFpQlcsU0FBSSxHQUFXLFVBQVUsQ0FBQyxDQUFDLGVBQWU7UUFFMUMsYUFBUSxHQUFZLEtBQUssQ0FBQztLQUNwQzsrR0FKWSxlQUFlO21HQUFmLGVBQWUsOEhBZGhCOzs7Ozs7Ozs7OztHQVdUOzs0RkFHVSxlQUFlO2tCQWhCM0IsU0FBUzsrQkFDRSxZQUFZLFlBQ1o7Ozs7Ozs7Ozs7O0dBV1Q7OEJBSVEsSUFBSTtzQkFBWixLQUFLO2dCQUNHLFdBQVc7c0JBQW5CLEtBQUs7Z0JBQ0csUUFBUTtzQkFBaEIsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2FwcC1iYW5uZXInLFxuICB0ZW1wbGF0ZTogYFxuICAgIDxkaXZcbiAgICAgIGNsYXNzPVwid29ya2Zsb3ctZm9ybS1hbGVydCB2eC1kLWZsZXggdngtYWxpZ24tY2VudGVyIHZ4LW1iLTIgdngtcGwtNCB2eC1wci00XCJcbiAgICAgIFtuZ0NsYXNzXT1cImJhbm5lckNsYXNzXCJcbiAgICAgIFtjbGFzcy5iYW5uZXItY2VudGVyXT1cImlzQ2VudGVyXCJcbiAgICA+XG4gICAgICA8aSAqbmdJZj1cImljb25cIiBjbGFzcz1cImljb25zIGFsZXJ0LWljb24gdngtZnMtMTZcIiBbaW5uZXJIVE1MXT1cImljb25cIj48L2k+XG4gICAgICA8ZGl2IGNsYXNzPVwiYWxlcnQtdmFsdWUgdngtZnMtMTEgdngtbGgtNFwiPlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbYmFubmVyXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZVVybHM6IFsnLi9iYW5uZXIuY29tcG9uZW50Lmxlc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgQmFubmVyQ29tcG9uZW50IHtcbiAgQElucHV0KCkgaWNvbjogc3RyaW5nID0gJyYjeGU5MzE7JzsgLy8gRGVmYXVsdCBpY29uXG4gIEBJbnB1dCgpIGJhbm5lckNsYXNzPzogc3RyaW5nO1xuICBASW5wdXQoKSBpc0NlbnRlcjogYm9vbGVhbiA9IGZhbHNlO1xufVxuIl19