@versatiledatakit/shared
Version:
Versatile Data Kit Shared library enables reusability of shared features like: NgRx Redux, Error Handlers, Utils, Generic Components, etc.
101 lines • 13.7 kB
JavaScript
/*
* Copyright 2023-2025 Broadcom
* SPDX-License-Identifier: Apache-2.0
*/
/* eslint-disable */
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { animate, state, style, transition, trigger } from '@angular/animations';
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
function VdkFormSectionComponent_div_6_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵelementStart(0, "div");
i0.ɵɵprojection(1, 2);
i0.ɵɵelementEnd();
} if (rf & 2) {
i0.ɵɵproperty("@footerState", undefined);
} }
const _c0 = [[["", 8, "form-section-header"]], [["", 8, "form-section-content"]], [["", 8, "form-section-footer"]]];
const _c1 = [".form-section-header", ".form-section-content", ".form-section-footer"];
export class VdkFormSectionComponent {
constructor() {
this.focused = false;
this.animationDone = new EventEmitter();
}
getFormState() {
return this.focused ? 'edit' : 'normal';
}
emitAnimationDone() {
this.animationDone.emit();
}
}
VdkFormSectionComponent.ɵfac = function VdkFormSectionComponent_Factory(t) { return new (t || VdkFormSectionComponent)(); };
VdkFormSectionComponent.ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: VdkFormSectionComponent, selectors: [["vdk-form-section"]], inputs: { focused: "focused" }, outputs: { animationDone: "animationDone" }, ngContentSelectors: _c1, decls: 7, vars: 2, consts: [[1, "vdk-form-container"], [1, "vdk-vertical-line"], [1, "vdk-form-content"], [1, "form-header"], [4, "ngIf"]], template: function VdkFormSectionComponent_Template(rf, ctx) { if (rf & 1) {
i0.ɵɵprojectionDef(_c0);
i0.ɵɵelementStart(0, "div", 0)(1, "div", 1);
i0.ɵɵlistener("@customFormState.done", function VdkFormSectionComponent_Template_div_animation_customFormState_done_1_listener() { return ctx.emitAnimationDone(); });
i0.ɵɵelementEnd();
i0.ɵɵelementStart(2, "div", 2)(3, "div", 3);
i0.ɵɵprojection(4);
i0.ɵɵelementEnd();
i0.ɵɵprojection(5, 1);
i0.ɵɵtemplate(6, VdkFormSectionComponent_div_6_Template, 2, 1, "div", 4);
i0.ɵɵelementEnd()();
} if (rf & 2) {
i0.ɵɵadvance(1);
i0.ɵɵproperty("@customFormState", ctx.getFormState());
i0.ɵɵadvance(5);
i0.ɵɵproperty("ngIf", ctx.focused);
} }, directives: [i1.NgIf], styles: [".vdk-form-container[_ngcontent-%COMP%]{display:flex}.vdk-form-container[_ngcontent-%COMP%] .vdk-vertical-line[_ngcontent-%COMP%]{margin-top:20px;margin-bottom:5px;border-left:3px solid #007cbb}.vdk-form-container[_ngcontent-%COMP%] .vdk-form-content[_ngcontent-%COMP%]{display:flex;flex-direction:column;width:100%}.vdk-form-container[_ngcontent-%COMP%] .vdk-form-content[_ngcontent-%COMP%] .form-header[_ngcontent-%COMP%]{padding-bottom:15px}.vdk-form-container[_ngcontent-%COMP%] .form-header[_ngcontent-%COMP%]{color:#000;font-size:18px;font-weight:200;margin-block-start:24px;margin-top:24px}.vdk-form-container .dark[_nghost-%COMP%] .form-header[_ngcontent-%COMP%], .dark [_nghost-%COMP%] .form-header[_ngcontent-%COMP%]{color:#eaedf0}"], data: { animation: [
trigger('customFormState', [
state('edit', style({
opacity: 1,
width: '3px',
'margin-right': '24px'
})),
state('normal', style({
opacity: 0,
width: '0px',
'margin-right': '0px'
})),
transition('normal => edit', [animate('300ms ease-in-out')]),
transition('edit => normal', [animate('100ms ease-in-out')])
]),
trigger('footerState', [
transition(':enter', [
style({ opacity: 0, height: '0' }),
animate('0.1s 0.2s ease-in-out', style({ opacity: 1, height: '*' }))
]),
transition(':leave', [animate('0.1s', style({ opacity: 0, height: '0' }))])
])
] } });
(function () { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(VdkFormSectionComponent, [{
type: Component,
args: [{ selector: 'vdk-form-section', animations: [
trigger('customFormState', [
state('edit', style({
opacity: 1,
width: '3px',
'margin-right': '24px'
})),
state('normal', style({
opacity: 0,
width: '0px',
'margin-right': '0px'
})),
transition('normal => edit', [animate('300ms ease-in-out')]),
transition('edit => normal', [animate('100ms ease-in-out')])
]),
trigger('footerState', [
transition(':enter', [
style({ opacity: 0, height: '0' }),
animate('0.1s 0.2s ease-in-out', style({ opacity: 1, height: '*' }))
]),
transition(':leave', [animate('0.1s', style({ opacity: 0, height: '0' }))])
])
], template: "<!--\n ~ Copyright 2023-2025 Broadcom\n ~ SPDX-License-Identifier: Apache-2.0\n -->\n\n<!-- eslint-disable -->\n\n<div class=\"vdk-form-container\">\n <div\n [@customFormState]=\"getFormState()\"\n (@customFormState.done)=\"emitAnimationDone()\"\n class=\"vdk-vertical-line\"\n ></div>\n <div class=\"vdk-form-content\">\n <div class=\"form-header\">\n <ng-content select=\".form-section-header\"></ng-content>\n </div>\n <ng-content select=\".form-section-content\"></ng-content>\n <div @footerState *ngIf=\"focused\">\n <ng-content select=\".form-section-footer\"></ng-content>\n </div>\n </div>\n</div>\n", styles: ["/*!\n * Copyright 2023-2025 Broadcom\n * SPDX-License-Identifier: Apache-2.0\n */.vdk-form-container{display:flex}.vdk-form-container .vdk-vertical-line{margin-top:20px;margin-bottom:5px;border-left:3px solid #007cbb}.vdk-form-container .vdk-form-content{display:flex;flex-direction:column;width:100%}.vdk-form-container .vdk-form-content .form-header{padding-bottom:15px}.vdk-form-container .form-header{color:#000;font-size:18px;font-weight:200;margin-block-start:24px;margin-top:24px}.vdk-form-container :host-context(.dark) .form-header{color:#eaedf0}\n"] }]
}], null, { focused: [{
type: Input
}], animationDone: [{
type: Output
}] }); })();
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZm9ybS1zZWN0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3NoYXJlZC9zcmMvbGliL2NvbW1vbnMvbmd4LWNvbXBvbmVudHMvZm9ybS1zZWN0aW9uL2Zvcm0tc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9zaGFyZWQvc3JjL2xpYi9jb21tb25zL25neC1jb21wb25lbnRzL2Zvcm0tc2VjdGlvbi9mb3JtLXNlY3Rpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUE7OztHQUdHO0FBRUgsb0JBQW9CO0FBRXBCLE9BQU8sRUFBRSxTQUFTLEVBQUUsWUFBWSxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFVBQVUsRUFBRSxPQUFPLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQzs7OztJQ1V6RSwyQkFBa0M7SUFDOUIscUJBQXVEO0lBQzNELGlCQUFNOztJQUZELHdDQUFZOzs7O0FEMEJ6QixNQUFNLE9BQU8sdUJBQXVCO0lBbENwQztRQW9DSSxZQUFPLEdBQVksS0FBSyxDQUFDO1FBR3pCLGtCQUFhLEdBQUcsSUFBSSxZQUFZLEVBQVEsQ0FBQztLQVM1QztJQVBHLFlBQVk7UUFDUixPQUFPLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDO0lBQzVDLENBQUM7SUFFRCxpQkFBaUI7UUFDYixJQUFJLENBQUMsYUFBYSxDQUFDLElBQUksRUFBRSxDQUFDO0lBQzlCLENBQUM7OzhGQWJRLHVCQUF1QjswRUFBdkIsdUJBQXVCOztRQ3JDcEMsOEJBQWdDLGFBQUE7UUFHeEIsMElBQXlCLHVCQUFtQixJQUFDO1FBRWhELGlCQUFNO1FBQ1AsOEJB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LTIwMjUgQnJvYWRjb21cbiAqIFNQRFgtTGljZW5zZS1JZGVudGlmaWVyOiBBcGFjaGUtMi4wXG4gKi9cblxuLyogZXNsaW50LWRpc2FibGUgKi9cblxuaW1wb3J0IHsgQ29tcG9uZW50LCBFdmVudEVtaXR0ZXIsIElucHV0LCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IGFuaW1hdGUsIHN0YXRlLCBzdHlsZSwgdHJhbnNpdGlvbiwgdHJpZ2dlciB9IGZyb20gJ0Bhbmd1bGFyL2FuaW1hdGlvbnMnO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogJ3Zkay1mb3JtLXNlY3Rpb24nLFxuICAgIHN0eWxlVXJsczogWydmb3JtLXNlY3Rpb24uY29tcG9uZW50LnNjc3MnXSxcbiAgICB0ZW1wbGF0ZVVybDogJ2Zvcm0tc2VjdGlvbi5jb21wb25lbnQuaHRtbCcsXG4gICAgYW5pbWF0aW9uczogW1xuICAgICAgICB0cmlnZ2VyKCdjdXN0b21Gb3JtU3RhdGUnLCBbXG4gICAgICAgICAgICBzdGF0ZShcbiAgICAgICAgICAgICAgICAnZWRpdCcsXG4gICAgICAgICAgICAgICAgc3R5bGUoe1xuICAgICAgICAgICAgICAgICAgICBvcGFjaXR5OiAxLFxuICAgICAgICAgICAgICAgICAgICB3aWR0aDogJzNweCcsXG4gICAgICAgICAgICAgICAgICAgICdtYXJnaW4tcmlnaHQnOiAnMjRweCdcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHN0YXRlKFxuICAgICAgICAgICAgICAgICdub3JtYWwnLFxuICAgICAgICAgICAgICAgIHN0eWxlKHtcbiAgICAgICAgICAgICAgICAgICAgb3BhY2l0eTogMCxcbiAgICAgICAgICAgICAgICAgICAgd2lkdGg6ICcwcHgnLFxuICAgICAgICAgICAgICAgICAgICAnbWFyZ2luLXJpZ2h0JzogJzBweCdcbiAgICAgICAgICAgICAgICB9KVxuICAgICAgICAgICAgKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ25vcm1hbCA9PiBlZGl0JywgW2FuaW1hdGUoJzMwMG1zIGVhc2UtaW4tb3V0JyldKSxcbiAgICAgICAgICAgIHRyYW5zaXRpb24oJ2VkaXQgPT4gbm9ybWFsJywgW2FuaW1hdGUoJzEwMG1zIGVhc2UtaW4tb3V0JyldKVxuICAgICAgICBdKSxcbiAgICAgICAgdHJpZ2dlcignZm9vdGVyU3RhdGUnLCBbXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCc6ZW50ZXInLCBbXG4gICAgICAgICAgICAgICAgc3R5bGUoeyBvcGFjaXR5OiAwLCBoZWlnaHQ6ICcwJyB9KSxcbiAgICAgICAgICAgICAgICBhbmltYXRlKCcwLjFzIDAuMnMgZWFzZS1pbi1vdXQnLCBzdHlsZSh7IG9wYWNpdHk6IDEsIGhlaWdodDogJyonIH0pKVxuICAgICAgICAgICAgXSksXG4gICAgICAgICAgICB0cmFuc2l0aW9uKCc6bGVhdmUnLCBbYW5pbWF0ZSgnMC4xcycsIHN0eWxlKHsgb3BhY2l0eTogMCwgaGVpZ2h0OiAnMCcgfSkpXSlcbiAgICAgICAgXSlcbiAgICBdXG59KVxuZXhwb3J0IGNsYXNzIFZka0Zvcm1TZWN0aW9uQ29tcG9uZW50IHtcbiAgICBASW5wdXQoKVxuICAgIGZvY3VzZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICAgIEBPdXRwdXQoKVxuICAgIGFuaW1hdGlvbkRvbmUgPSBuZXcgRXZlbnRFbWl0dGVyPHZvaWQ+KCk7XG5cbiAgICBnZXRGb3JtU3RhdGUoKSB7XG4gICAgICAgIHJldHVybiB0aGlzLmZvY3VzZWQgPyAnZWRpdCcgOiAnbm9ybWFsJztcbiAgICB9XG5cbiAgICBlbWl0QW5pbWF0aW9uRG9uZSgpIHtcbiAgICAgICAgdGhpcy5hbmltYXRpb25Eb25lLmVtaXQoKTtcbiAgICB9XG59XG4iLCI8IS0tXG4gICB+IENvcHlyaWdodCAyMDIzLTIwMjUgQnJvYWRjb21cbiAgIH4gU1BEWC1MaWNlbnNlLUlkZW50aWZpZXI6IEFwYWNoZS0yLjBcbiAgLS0+XG5cbjwhLS0gZXNsaW50LWRpc2FibGUgLS0+XG5cbjxkaXYgY2xhc3M9XCJ2ZGstZm9ybS1jb250YWluZXJcIj5cbiAgICA8ZGl2XG4gICAgICAgIFtAY3VzdG9tRm9ybVN0YXRlXT1cImdldEZvcm1TdGF0ZSgpXCJcbiAgICAgICAgKEBjdXN0b21Gb3JtU3RhdGUuZG9uZSk9XCJlbWl0QW5pbWF0aW9uRG9uZSgpXCJcbiAgICAgICAgY2xhc3M9XCJ2ZGstdmVydGljYWwtbGluZVwiXG4gICAgPjwvZGl2PlxuICAgIDxkaXYgY2xhc3M9XCJ2ZGstZm9ybS1jb250ZW50XCI+XG4gICAgICAgIDxkaXYgY2xhc3M9XCJmb3JtLWhlYWRlclwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiLmZvcm0tc2VjdGlvbi1oZWFkZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgICAgICA8bmctY29udGVudCBzZWxlY3Q9XCIuZm9ybS1zZWN0aW9uLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDxkaXYgQGZvb3RlclN0YXRlICpuZ0lmPVwiZm9jdXNlZFwiPlxuICAgICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiLmZvcm0tc2VjdGlvbi1mb290ZXJcIj48L25nLWNvbnRlbnQ+XG4gICAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuPC9kaXY+XG4iXX0=