verben-ng-ui 1.2.71 → 1.2.73
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/src/lib/components/verben-dialogue/verben-dialogue.component.mjs +3 -3
- package/esm2022/src/lib/verbena-textarea/verbena-textarea.component.mjs +3 -3
- package/fesm2022/verben-ng-ui-src-lib-components-verben-dialogue.mjs +2 -2
- package/fesm2022/verben-ng-ui-src-lib-components-verben-dialogue.mjs.map +1 -1
- package/fesm2022/verben-ng-ui-src-lib-verbena-textarea.mjs +2 -2
- package/fesm2022/verben-ng-ui-src-lib-verbena-textarea.mjs.map +1 -1
- package/package.json +74 -74
|
@@ -68,11 +68,11 @@ export class VerbenDialogueComponent {
|
|
|
68
68
|
this.closeModal.emit(this.modalData);
|
|
69
69
|
}
|
|
70
70
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenDialogueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
71
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenDialogueComponent, selector: "verben-dialogue", inputs: { dialogueWidth: "dialogueWidth", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", footerTemplate: "footerTemplate", showCloseIcon: "showCloseIcon", dismissOutsideClick: "dismissOutsideClick", closeOnEscape: "closeOnEscape", isVisible: "isVisible", size: "size", backdropColor: "backdropColor", customClass: "customClass", disableFooter: "disableFooter", margin: "margin", padding: "padding", borderRadius: "borderRadius", dialogueBgColor: "dialogueBgColor", width: "width", closeIconClass: "closeIconClass", boxShadow: "boxShadow", enableTransition: "enableTransition", modalData: "modalData", mode: "mode", position: "position", drawerWidth: "drawerWidth" }, outputs: { openModal: "openModal", closeModal: "closeModal" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div
|
|
71
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenDialogueComponent, selector: "verben-dialogue", inputs: { dialogueWidth: "dialogueWidth", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", footerTemplate: "footerTemplate", showCloseIcon: "showCloseIcon", dismissOutsideClick: "dismissOutsideClick", closeOnEscape: "closeOnEscape", isVisible: "isVisible", size: "size", backdropColor: "backdropColor", customClass: "customClass", disableFooter: "disableFooter", margin: "margin", padding: "padding", borderRadius: "borderRadius", dialogueBgColor: "dialogueBgColor", width: "width", closeIconClass: "closeIconClass", boxShadow: "boxShadow", enableTransition: "enableTransition", modalData: "modalData", mode: "mode", position: "position", drawerWidth: "drawerWidth" }, outputs: { openModal: "openModal", closeModal: "closeModal" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"modal-wrapper fixed inset-0 flex justify-center items-center\"\n [ngClass]=\"{\n 'visible opacity-100': isVisible,\n 'invisible opacity-0': !isVisible,\n 'justify-start': mode === 'drawer' && position === 'left',\n 'justify-end': mode === 'drawer' && position === 'right',\n }\"\n [ngStyle]=\"{\n 'background-color': backdropColor,\n transition: 'opacity 0.3s ease',\n }\"\n>\n <div\n [style.padding]=\"padding\"\n [style.margin]=\"margin\"\n [style.background-color]=\"dialogueBgColor\"\n [style.border-radius]=\"mode === 'dialogue' && borderRadius\"\n [style.box-shadow]=\"boxShadow\"\n [style.width]=\"mode === 'dialogue' ? dialogueWidth : drawerWidth\"\n [class]=\"customClass\"\n [ngClass]=\"setStyles()\"\n >\n <!-- Close Icon -->\n <verben-svg\n *ngIf=\"showCloseIcon\"\n [class]=\"closeIconClass\"\n (click)=\"onClose()\"\n icon=\"close\"\n [width]=\"20\"\n [height]=\"20\"\n fill=\"black\"\n stroke=\"#000\"\n ></verben-svg>\n\n <!-- Modal Header -->\n <div class=\"modal-header text-lg font-semibold mb-4\">\n <ng-container *ngIf=\"headerTemplate\">\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Body -->\n <div class=\"modal-body mb-4\">\n <ng-container *ngIf=\"bodyTemplate\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Footer -->\n <div *ngIf=\"!disableFooter\" class=\"modal-footer flex justify-end space-x-2\">\n <ng-container *ngIf=\"footerTemplate\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".modal-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:1000;background-color:#00000080;transition:.3s ease-in-out}.modal-wrapper.visible{visibility:visible}.modal-wrapper.invisible{visibility:hidden;transition:.3s ease,visibility 0s .3s}.pos-left{position:fixed;top:0;left:0;height:100vh}.modal-wrapper.fade-in{opacity:1}.modal-wrapper.fade-out{opacity:0}.no-animation{transition:none}.closeIconClass{position:absolute;top:0;right:0;cursor:pointer}.modal-content{position:relative}.drawer-left,.drawer-right{position:fixed;top:0;height:100%;width:100%;background-color:#fff;overflow-y:auto;transition:.4s ease}.drawer-left{left:-100%}.drawer-right{right:-100%}.drawer-show-left{left:0}.drawer-show-right{right:0}.max-w-sm{min-width:400px}.max-w-md{min-width:600px}.max-w-lg{min-width:800px}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
|
|
72
72
|
}
|
|
73
73
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenDialogueComponent, decorators: [{
|
|
74
74
|
type: Component,
|
|
75
|
-
args: [{ selector: 'verben-dialogue', template: "<div
|
|
75
|
+
args: [{ selector: 'verben-dialogue', template: "<div\n class=\"modal-wrapper fixed inset-0 flex justify-center items-center\"\n [ngClass]=\"{\n 'visible opacity-100': isVisible,\n 'invisible opacity-0': !isVisible,\n 'justify-start': mode === 'drawer' && position === 'left',\n 'justify-end': mode === 'drawer' && position === 'right',\n }\"\n [ngStyle]=\"{\n 'background-color': backdropColor,\n transition: 'opacity 0.3s ease',\n }\"\n>\n <div\n [style.padding]=\"padding\"\n [style.margin]=\"margin\"\n [style.background-color]=\"dialogueBgColor\"\n [style.border-radius]=\"mode === 'dialogue' && borderRadius\"\n [style.box-shadow]=\"boxShadow\"\n [style.width]=\"mode === 'dialogue' ? dialogueWidth : drawerWidth\"\n [class]=\"customClass\"\n [ngClass]=\"setStyles()\"\n >\n <!-- Close Icon -->\n <verben-svg\n *ngIf=\"showCloseIcon\"\n [class]=\"closeIconClass\"\n (click)=\"onClose()\"\n icon=\"close\"\n [width]=\"20\"\n [height]=\"20\"\n fill=\"black\"\n stroke=\"#000\"\n ></verben-svg>\n\n <!-- Modal Header -->\n <div class=\"modal-header text-lg font-semibold mb-4\">\n <ng-container *ngIf=\"headerTemplate\">\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Body -->\n <div class=\"modal-body mb-4\">\n <ng-container *ngIf=\"bodyTemplate\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Footer -->\n <div *ngIf=\"!disableFooter\" class=\"modal-footer flex justify-end space-x-2\">\n <ng-container *ngIf=\"footerTemplate\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".modal-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:1000;background-color:#00000080;transition:.3s ease-in-out}.modal-wrapper.visible{visibility:visible}.modal-wrapper.invisible{visibility:hidden;transition:.3s ease,visibility 0s .3s}.pos-left{position:fixed;top:0;left:0;height:100vh}.modal-wrapper.fade-in{opacity:1}.modal-wrapper.fade-out{opacity:0}.no-animation{transition:none}.closeIconClass{position:absolute;top:0;right:0;cursor:pointer}.modal-content{position:relative}.drawer-left,.drawer-right{position:fixed;top:0;height:100%;width:100%;background-color:#fff;overflow-y:auto;transition:.4s ease}.drawer-left{left:-100%}.drawer-right{right:-100%}.drawer-show-left{left:0}.drawer-show-right{right:0}.max-w-sm{min-width:400px}.max-w-md{min-width:600px}.max-w-lg{min-width:800px}\n"] }]
|
|
76
76
|
}], propDecorators: { dialogueWidth: [{
|
|
77
77
|
type: Input
|
|
78
78
|
}], headerTemplate: [{
|
|
@@ -132,4 +132,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
|
|
|
132
132
|
type: HostListener,
|
|
133
133
|
args: ['document:click', ['$event']]
|
|
134
134
|
}] } });
|
|
135
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyYmVuLWRpYWxvZ3VlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVyYmVuLWRpYWxvZ3VlL3ZlcmJlbi1kaWFsb2d1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3ZlcmJlbi1kaWFsb2d1ZS92ZXJiZW4tZGlhbG9ndWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkIsTUFBTSxPQUFPLHVCQUF1QjtJQUN6QixhQUFhLEdBQVcsRUFBRSxDQUFDO0lBQzNCLGNBQWMsR0FBNEIsSUFBSSxDQUFDO0lBQy9DLFlBQVksR0FBNEIsSUFBSSxDQUFDO0lBQzdDLGNBQWMsR0FBNEIsSUFBSSxDQUFDO0lBQy9DLGFBQWEsR0FBWSxJQUFJLENBQUM7SUFDOUIsbUJBQW1CLEdBQVksSUFBSSxDQUFDO0lBQ3BDLGFBQWEsR0FBWSxJQUFJLENBQUM7SUFDOUIsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUMzQixJQUFJLEdBQXVDLE9BQU8sQ0FBQztJQUNuRCxhQUFhLEdBQVcsV0FBVyxDQUFDO0lBQ3BDLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsYUFBYSxHQUFZLEtBQUssQ0FBQztJQUMvQixNQUFNLEdBQVcsRUFBRSxDQUFDO0lBQ3BCLE9BQU8sR0FBVyxNQUFNLENBQUM7SUFDekIsWUFBWSxHQUFXLE1BQU0sQ0FBQztJQUM5QixlQUFlLEdBQVcsTUFBTSxDQUFDO0lBQ2pDLEtBQUssR0FBVyxlQUFlLENBQUM7SUFDaEMsY0FBYyxHQUFXLGdCQUFnQixD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QUFhO3NCQUFyQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBVVAsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBUW5ELGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBIb3N0TGlzdGVuZXIsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVyYmVuLWRpYWxvZ3VlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcmJlbi1kaWFsb2d1ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZlcmJlbi1kaWFsb2d1ZS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFZlcmJlbkRpYWxvZ3VlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGlhbG9ndWVXaWR0aDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGJvZHlUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBmb290ZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzaG93Q2xvc2VJY29uOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZGlzbWlzc091dHNpZGVDbGljazogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGNsb3NlT25Fc2NhcGU6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBpc1Zpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJ3wnYW55JyA9ICdzbWFsbCc7XG4gIEBJbnB1dCgpIGJhY2tkcm9wQ29sb3I6IHN0cmluZyA9ICcjMDAwMDAwNWQnO1xuICBASW5wdXQoKSBjdXN0b21DbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVGb290ZXI6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbWFyZ2luOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcGFkZGluZzogc3RyaW5nID0gJzEwcHgnO1xuICBASW5wdXQoKSBib3JkZXJSYWRpdXM6IHN0cmluZyA9ICcxMHB4JztcbiAgQElucHV0KCkgZGlhbG9ndWVCZ0NvbG9yOiBzdHJpbmcgPSAnI2ZmZic7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnbWF4LXctWzEwMHB4XSc7XG4gIEBJbnB1dCgpIGNsb3NlSWNvbkNsYXNzOiBzdHJpbmcgPSAnY2xvc2VJY29uQ2xhc3MnO1xuICBASW5wdXQoKSBib3hTaGFkb3c6IHN0cmluZyA9ICdib3gtc2hhZG93OiAwIDJweCAxMHB4IHJnYmEoMCwgMCwgMCwgMC4xKSc7XG4gIEBJbnB1dCgpIGVuYWJsZVRyYW5zaXRpb246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBtb2RhbERhdGE6IGFueTtcblxuICAvLyBOZXcgaW5wdXRzIGZvciBkcmF3ZXIgbW9kZVxuICBASW5wdXQoKSBtb2RlOiAnZGlhbG9ndWUnIHwgJ2RyYXdlcicgPSAnZGlhbG9ndWUnO1xuICBASW5wdXQoKSBwb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG4gIEBJbnB1dCgpIGRyYXdlcldpZHRoOiBzdHJpbmcgPSAnNTAwcHgnO1xuICBAT3V0cHV0KCkgb3Blbk1vZGFsID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBjbG9zZU1vZGFsID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgaWYgKHRoaXMuaXNWaXNpYmxlKSB7XG4gICAgICB0aGlzLm9wZW5Nb2RhbC5lbWl0KHRoaXMubW9kYWxEYXRhKTtcbiAgICB9XG4gIH1cbiAgXG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnLCBbJyRldmVudCddKVxuICBvbktleWRvd25IYW5kbGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuY2xvc2VPbkVzY2FwZSAmJiB0aGlzLmlzVmlzaWJsZSkge1xuICAgICAgdGhpcy5vbkNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvbk91dHNpZGVDbGljayhldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc21pc3NPdXRzaWRlQ2xpY2sgJiYgdGhpcy5pc1Zpc2libGUpIHtcbiAgICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICAgIGNvbnN0IGlzSW5zaWRlUGFuZSA9IHRhcmdldC5jbG9zZXN0KCcuY2RrLW92ZXJsYXktcGFuZScpICE9PSBudWxsO1xuICAgICAgaWYgKHRhcmdldC5jbGFzc0xpc3QuY29udGFpbnMoJ21vZGFsLXdyYXBwZXInKSYmICFpc0luc2lkZVBhbmUpIHtcbiAgICAgICAgdGhpcy5vbkNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHNldFN0eWxlcygpIHtcbiAgICBjb25zdCBpc0RpYWxvZ3VlID0gdGhpcy5tb2RlID09PSAnZGlhbG9ndWUnO1xuICAgIGNvbnN0IG5vQ3VzdG9tV2lkdGggPSAhdGhpcy5kaWFsb2d1ZVdpZHRoO1xuICBcbiAgICByZXR1cm4ge1xuICAgICAgJ21vZGFsLWNvbnRlbnQgcC00JzogaXNEaWFsb2d1ZSxcbiAgICAgICdtYXgtdy1zbSc6IGlzRGlhbG9ndWUgJiYgdGhpcy5zaXplID09PSAnc21hbGwnICYmIG5vQ3VzdG9tV2lkdGgsXG4gICAgICAnbWF4LXctbWQnOiBpc0RpYWxvZ3VlICYmIHRoaXMuc2l6ZSA9PT0gJ21lZGl1bScgJiYgbm9DdXN0b21XaWR0aCxcbiAgICAgICdtYXgtdy1sZyc6IGlzRGlhbG9ndWUgJiYgdGhpcy5zaXplID09PSAnbGFyZ2UnICYmIG5vQ3VzdG9tV2lkdGgsXG4gICAgICAnZHJhd2VyLWxlZnQnOiB0aGlzLm1vZGUgPT09ICdkcmF3ZXInICYmIHRoaXMucG9zaXRpb24gPT09ICdsZWZ0JyxcbiAgICAgICdkcmF3ZXItcmlnaHQnOiB0aGlzLm1vZGUgPT09ICdkcmF3ZXInICYmIHRoaXMucG9zaXRpb24gPT09ICdyaWdodCcsXG4gICAgICAnZHJhd2VyLXNob3ctbGVmdCc6IHRoaXMubW9kZSA9PT0gJ2RyYXdlcicgJiYgdGhpcy5wb3NpdGlvbiA9PT0gJ2xlZnQnICYmIHRoaXMuaXNWaXNpYmxlLFxuICAgICAgJ2RyYXdlci1zaG93LXJpZ2h0JzogdGhpcy5tb2RlID09PSAnZHJhd2VyJyAmJiB0aGlzLnBvc2l0aW9uID09PSAncmlnaHQnICYmIHRoaXMuaXNWaXNpYmxlXG4gICAgfTtcbiAgfVxuICBcbiAgXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgICB0aGlzLmNsb3NlTW9kYWwuZW1pdCh0aGlzLm1vZGFsRGF0YSk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJtb2RhbC13cmFwcGVyIGZpeGVkIGluc2V0LTAgZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXJcIiBbbmdDbGFzc109XCJ7XG4gICAgJ3Zpc2libGUgb3BhY2l0eS0xMDAnOiBpc1Zpc2libGUsXG4gICAgJ2ludmlzaWJsZSBvcGFjaXR5LTAnOiAhaXNWaXNpYmxlLFxuICAgICdqdXN0aWZ5LXN0YXJ0JzogbW9kZSA9PT0gJ2RyYXdlcicgJiYgcG9zaXRpb24gPT09ICdsZWZ0JyxcbiAgICAnanVzdGlmeS1lbmQnOiBtb2RlID09PSAnZHJhd2VyJyAmJiBwb3NpdGlvbiA9PT0gJ3JpZ2h0J1xuICB9XCIgW25nU3R5bGVdPVwieyAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tkcm9wQ29sb3IsICd0cmFuc2l0aW9uJzogJ29wYWNpdHkgMC4zcyBlYXNlJyB9XCI+XG4gPGRpdlxuIFtzdHlsZS5wYWRkaW5nXT1cInBhZGRpbmdcIlxuIFtzdHlsZS5tYXJnaW5dPVwibWFyZ2luXCJcbiBbc3R5bGUuYmFja2dyb3VuZC1jb2xvcl09XCJkaWFsb2d1ZUJnQ29sb3JcIlxuIFtzdHlsZS5ib3JkZXItcmFkaXVzXT1cIm1vZGUgPT09ICdkaWFsb2d1ZScgJiYgYm9yZGVyUmFkaXVzXCJcbiBbc3R5bGUuYm94LXNoYWRvd109XCJib3hTaGFkb3dcIlxuIFtzdHlsZS53aWR0aF09XCJtb2RlID09PSAnZGlhbG9ndWUnID8gZGlhbG9ndWVXaWR0aCA6ZHJhd2VyV2lkdGhcIlxuIFtjbGFzc109XCJjdXN0b21DbGFzc1wiXG4gW25nQ2xhc3NdPVwic2V0U3R5bGVzKClcIlxuPlxuICAgIDwhLS0gQ2xvc2UgSWNvbiAtLT5cbiAgICA8dmVyYmVuLXN2ZyAqbmdJZj1cInNob3dDbG9zZUljb25cIiBbY2xhc3NdPVwiY2xvc2VJY29uQ2xhc3NcIiAoY2xpY2spPVwib25DbG9zZSgpXCIgaWNvbj1cImNsb3NlXCIgW3dpZHRoXT1cIjIwXCJcbiAgICAgIFtoZWlnaHRdPVwiMjBcIiBmaWxsPVwid2hpdGVcIiBzdHJva2U9XCIjMDAwXCI+PC92ZXJiZW4tc3ZnPlxuXG4gICAgPCEtLSBNb2RhbCBIZWFkZXIgLS0+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWhlYWRlciB0ZXh0LWxnIGZvbnQtc2VtaWJvbGQgbWItNFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImhlYWRlclRlbXBsYXRlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJoZWFkZXJUZW1wbGF0ZVwiPjwvbmctY29udGFpbmVyPlxuICAgICAgPC9uZy1jb250YWluZXI+XG4gICAgPC9kaXY+XG5cbiAgICA8IS0tIE1vZGFsIEJvZHkgLS0+XG4gICAgPGRpdiBjbGFzcz1cIm1vZGFsLWJvZHkgbWItNFwiPlxuICAgICAgPG5nLWNvbnRhaW5lciAqbmdJZj1cImJvZHlUZW1wbGF0ZVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiYm9keVRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gTW9kYWwgRm9vdGVyIC0tPlxuICAgIDxkaXYgKm5nSWY9XCIhZGlzYWJsZUZvb3RlclwiIGNsYXNzPVwibW9kYWwtZm9vdGVyIGZsZXgganVzdGlmeS1lbmQgc3BhY2UteC0yXCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiZm9vdGVyVGVtcGxhdGVcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImZvb3RlclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG48L2Rpdj5cbiJdfQ==
|
|
135
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyYmVuLWRpYWxvZ3VlLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL3ZlcmJlbi1uZy11aS9zcmMvbGliL2NvbXBvbmVudHMvdmVyYmVuLWRpYWxvZ3VlL3ZlcmJlbi1kaWFsb2d1ZS5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tbmctdWkvc3JjL2xpYi9jb21wb25lbnRzL3ZlcmJlbi1kaWFsb2d1ZS92ZXJiZW4tZGlhbG9ndWUuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxZQUFZLEVBQ1osS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEdBRWIsTUFBTSxlQUFlLENBQUM7Ozs7QUFPdkIsTUFBTSxPQUFPLHVCQUF1QjtJQUN6QixhQUFhLEdBQVcsRUFBRSxDQUFDO0lBQzNCLGNBQWMsR0FBNEIsSUFBSSxDQUFDO0lBQy9DLFlBQVksR0FBNEIsSUFBSSxDQUFDO0lBQzdDLGNBQWMsR0FBNEIsSUFBSSxDQUFDO0lBQy9DLGFBQWEsR0FBWSxJQUFJLENBQUM7SUFDOUIsbUJBQW1CLEdBQVksSUFBSSxDQUFDO0lBQ3BDLGFBQWEsR0FBWSxJQUFJLENBQUM7SUFDOUIsU0FBUyxHQUFZLEtBQUssQ0FBQztJQUMzQixJQUFJLEdBQXVDLE9BQU8sQ0FBQztJQUNuRCxhQUFhLEdBQVcsV0FBVyxDQUFDO0lBQ3BDLFdBQVcsR0FBVyxFQUFFLENBQUM7SUFDekIsYUFBYSxHQUFZLEtBQUssQ0FBQztJQUMvQixNQUFNLEdBQVcsRUFBRSxDQUFDO0lBQ3BCLE9BQU8sR0FBVyxNQUFNLENBQUM7SUFDekIsWUFBWSxHQUFXLE1BQU0sQ0FBQztJQUM5QixlQUFlLEdBQVcsTUFBTSxDQUFDO0lBQ2pDLEtBQUssR0FBVyxlQUFlLENBQUM7SUFDaEMsY0FBYyxHQUFXLGdCQUFnQixD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QUFhO3NCQUFyQixLQUFLO2dCQUNHLG1CQUFtQjtzQkFBM0IsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLGFBQWE7c0JBQXJCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDRyxhQUFhO3NCQUFyQixLQUFLO2dCQUNHLE1BQU07c0JBQWQsS0FBSztnQkFDRyxPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csWUFBWTtzQkFBcEIsS0FBSztnQkFDRyxlQUFlO3NCQUF2QixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxjQUFjO3NCQUF0QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csZ0JBQWdCO3NCQUF4QixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBR0csSUFBSTtzQkFBWixLQUFLO2dCQUNHLFFBQVE7c0JBQWhCLEtBQUs7Z0JBQ0csV0FBVztzQkFBbkIsS0FBSztnQkFDSSxTQUFTO3NCQUFsQixNQUFNO2dCQUNHLFVBQVU7c0JBQW5CLE1BQU07Z0JBVVAsZ0JBQWdCO3NCQURmLFlBQVk7dUJBQUMseUJBQXlCLEVBQUUsQ0FBQyxRQUFRLENBQUM7Z0JBUW5ELGNBQWM7c0JBRGIsWUFBWTt1QkFBQyxnQkFBZ0IsRUFBRSxDQUFDLFFBQVEsQ0FBQyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRXZlbnRFbWl0dGVyLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxuICBIb3N0TGlzdGVuZXIsXG4gIFRlbXBsYXRlUmVmLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndmVyYmVuLWRpYWxvZ3VlJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcmJlbi1kaWFsb2d1ZS5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL3ZlcmJlbi1kaWFsb2d1ZS5jb21wb25lbnQuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIFZlcmJlbkRpYWxvZ3VlQ29tcG9uZW50IHtcbiAgQElucHV0KCkgZGlhbG9ndWVXaWR0aDogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGhlYWRlclRlbXBsYXRlOiBUZW1wbGF0ZVJlZjxhbnk+IHwgbnVsbCA9IG51bGw7XG4gIEBJbnB1dCgpIGJvZHlUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBmb290ZXJUZW1wbGF0ZTogVGVtcGxhdGVSZWY8YW55PiB8IG51bGwgPSBudWxsO1xuICBASW5wdXQoKSBzaG93Q2xvc2VJY29uOiBib29sZWFuID0gdHJ1ZTtcbiAgQElucHV0KCkgZGlzbWlzc091dHNpZGVDbGljazogYm9vbGVhbiA9IHRydWU7XG4gIEBJbnB1dCgpIGNsb3NlT25Fc2NhcGU6IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBpc1Zpc2libGU6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJ3wnYW55JyA9ICdzbWFsbCc7XG4gIEBJbnB1dCgpIGJhY2tkcm9wQ29sb3I6IHN0cmluZyA9ICcjMDAwMDAwNWQnO1xuICBASW5wdXQoKSBjdXN0b21DbGFzczogc3RyaW5nID0gJyc7XG4gIEBJbnB1dCgpIGRpc2FibGVGb290ZXI6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbWFyZ2luOiBzdHJpbmcgPSAnJztcbiAgQElucHV0KCkgcGFkZGluZzogc3RyaW5nID0gJzEwcHgnO1xuICBASW5wdXQoKSBib3JkZXJSYWRpdXM6IHN0cmluZyA9ICcxMHB4JztcbiAgQElucHV0KCkgZGlhbG9ndWVCZ0NvbG9yOiBzdHJpbmcgPSAnI2ZmZic7XG4gIEBJbnB1dCgpIHdpZHRoOiBzdHJpbmcgPSAnbWF4LXctWzEwMHB4XSc7XG4gIEBJbnB1dCgpIGNsb3NlSWNvbkNsYXNzOiBzdHJpbmcgPSAnY2xvc2VJY29uQ2xhc3MnO1xuICBASW5wdXQoKSBib3hTaGFkb3c6IHN0cmluZyA9ICdib3gtc2hhZG93OiAwIDJweCAxMHB4IHJnYmEoMCwgMCwgMCwgMC4xKSc7XG4gIEBJbnB1dCgpIGVuYWJsZVRyYW5zaXRpb246IGJvb2xlYW4gPSB0cnVlO1xuICBASW5wdXQoKSBtb2RhbERhdGE6IGFueTtcblxuICAvLyBOZXcgaW5wdXRzIGZvciBkcmF3ZXIgbW9kZVxuICBASW5wdXQoKSBtb2RlOiAnZGlhbG9ndWUnIHwgJ2RyYXdlcicgPSAnZGlhbG9ndWUnO1xuICBASW5wdXQoKSBwb3NpdGlvbjogJ2xlZnQnIHwgJ3JpZ2h0JyA9ICdyaWdodCc7XG4gIEBJbnB1dCgpIGRyYXdlcldpZHRoOiBzdHJpbmcgPSAnNTAwcHgnO1xuICBAT3V0cHV0KCkgb3Blbk1vZGFsID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG4gIEBPdXRwdXQoKSBjbG9zZU1vZGFsID0gbmV3IEV2ZW50RW1pdHRlcjxhbnk+KCk7XG5cbiAgbmdPbkNoYW5nZXMoKSB7XG4gICAgaWYgKHRoaXMuaXNWaXNpYmxlKSB7XG4gICAgICB0aGlzLm9wZW5Nb2RhbC5lbWl0KHRoaXMubW9kYWxEYXRhKTtcbiAgICB9XG4gIH1cbiAgXG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6a2V5ZG93bi5lc2NhcGUnLCBbJyRldmVudCddKVxuICBvbktleWRvd25IYW5kbGVyKGV2ZW50OiBLZXlib2FyZEV2ZW50KSB7XG4gICAgaWYgKHRoaXMuY2xvc2VPbkVzY2FwZSAmJiB0aGlzLmlzVmlzaWJsZSkge1xuICAgICAgdGhpcy5vbkNsb3NlKCk7XG4gICAgfVxuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignZG9jdW1lbnQ6Y2xpY2snLCBbJyRldmVudCddKVxuICBvbk91dHNpZGVDbGljayhldmVudDogTW91c2VFdmVudCkge1xuICAgIGlmICh0aGlzLmRpc21pc3NPdXRzaWRlQ2xpY2sgJiYgdGhpcy5pc1Zpc2libGUpIHtcbiAgICAgIGNvbnN0IHRhcmdldCA9IGV2ZW50LnRhcmdldCBhcyBIVE1MRWxlbWVudDtcbiAgICAgIGNvbnN0IGlzSW5zaWRlUGFuZSA9IHRhcmdldC5jbG9zZXN0KCcuY2RrLW92ZXJsYXktcGFuZScpICE9PSBudWxsO1xuICAgICAgaWYgKHRhcmdldC5jbGFzc0xpc3QuY29udGFpbnMoJ21vZGFsLXdyYXBwZXInKSYmICFpc0luc2lkZVBhbmUpIHtcbiAgICAgICAgdGhpcy5vbkNsb3NlKCk7XG4gICAgICB9XG4gICAgfVxuICB9XG4gIHNldFN0eWxlcygpIHtcbiAgICBjb25zdCBpc0RpYWxvZ3VlID0gdGhpcy5tb2RlID09PSAnZGlhbG9ndWUnO1xuICAgIGNvbnN0IG5vQ3VzdG9tV2lkdGggPSAhdGhpcy5kaWFsb2d1ZVdpZHRoO1xuICBcbiAgICByZXR1cm4ge1xuICAgICAgJ21vZGFsLWNvbnRlbnQgcC00JzogaXNEaWFsb2d1ZSxcbiAgICAgICdtYXgtdy1zbSc6IGlzRGlhbG9ndWUgJiYgdGhpcy5zaXplID09PSAnc21hbGwnICYmIG5vQ3VzdG9tV2lkdGgsXG4gICAgICAnbWF4LXctbWQnOiBpc0RpYWxvZ3VlICYmIHRoaXMuc2l6ZSA9PT0gJ21lZGl1bScgJiYgbm9DdXN0b21XaWR0aCxcbiAgICAgICdtYXgtdy1sZyc6IGlzRGlhbG9ndWUgJiYgdGhpcy5zaXplID09PSAnbGFyZ2UnICYmIG5vQ3VzdG9tV2lkdGgsXG4gICAgICAnZHJhd2VyLWxlZnQnOiB0aGlzLm1vZGUgPT09ICdkcmF3ZXInICYmIHRoaXMucG9zaXRpb24gPT09ICdsZWZ0JyxcbiAgICAgICdkcmF3ZXItcmlnaHQnOiB0aGlzLm1vZGUgPT09ICdkcmF3ZXInICYmIHRoaXMucG9zaXRpb24gPT09ICdyaWdodCcsXG4gICAgICAnZHJhd2VyLXNob3ctbGVmdCc6IHRoaXMubW9kZSA9PT0gJ2RyYXdlcicgJiYgdGhpcy5wb3NpdGlvbiA9PT0gJ2xlZnQnICYmIHRoaXMuaXNWaXNpYmxlLFxuICAgICAgJ2RyYXdlci1zaG93LXJpZ2h0JzogdGhpcy5tb2RlID09PSAnZHJhd2VyJyAmJiB0aGlzLnBvc2l0aW9uID09PSAncmlnaHQnICYmIHRoaXMuaXNWaXNpYmxlXG4gICAgfTtcbiAgfVxuICBcbiAgXG4gIG9uQ2xvc2UoKSB7XG4gICAgdGhpcy5pc1Zpc2libGUgPSBmYWxzZTtcbiAgICB0aGlzLmNsb3NlTW9kYWwuZW1pdCh0aGlzLm1vZGFsRGF0YSk7XG4gIH1cbn1cbiIsIjxkaXZcbiAgY2xhc3M9XCJtb2RhbC13cmFwcGVyIGZpeGVkIGluc2V0LTAgZmxleCBqdXN0aWZ5LWNlbnRlciBpdGVtcy1jZW50ZXJcIlxuICBbbmdDbGFzc109XCJ7XG4gICAgJ3Zpc2libGUgb3BhY2l0eS0xMDAnOiBpc1Zpc2libGUsXG4gICAgJ2ludmlzaWJsZSBvcGFjaXR5LTAnOiAhaXNWaXNpYmxlLFxuICAgICdqdXN0aWZ5LXN0YXJ0JzogbW9kZSA9PT0gJ2RyYXdlcicgJiYgcG9zaXRpb24gPT09ICdsZWZ0JyxcbiAgICAnanVzdGlmeS1lbmQnOiBtb2RlID09PSAnZHJhd2VyJyAmJiBwb3NpdGlvbiA9PT0gJ3JpZ2h0JyxcbiAgfVwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICAnYmFja2dyb3VuZC1jb2xvcic6IGJhY2tkcm9wQ29sb3IsXG4gICAgdHJhbnNpdGlvbjogJ29wYWNpdHkgMC4zcyBlYXNlJyxcbiAgfVwiXG4+XG4gIDxkaXZcbiAgICBbc3R5bGUucGFkZGluZ109XCJwYWRkaW5nXCJcbiAgICBbc3R5bGUubWFyZ2luXT1cIm1hcmdpblwiXG4gICAgW3N0eWxlLmJhY2tncm91bmQtY29sb3JdPVwiZGlhbG9ndWVCZ0NvbG9yXCJcbiAgICBbc3R5bGUuYm9yZGVyLXJhZGl1c109XCJtb2RlID09PSAnZGlhbG9ndWUnICYmIGJvcmRlclJhZGl1c1wiXG4gICAgW3N0eWxlLmJveC1zaGFkb3ddPVwiYm94U2hhZG93XCJcbiAgICBbc3R5bGUud2lkdGhdPVwibW9kZSA9PT0gJ2RpYWxvZ3VlJyA/IGRpYWxvZ3VlV2lkdGggOiBkcmF3ZXJXaWR0aFwiXG4gICAgW2NsYXNzXT1cImN1c3RvbUNsYXNzXCJcbiAgICBbbmdDbGFzc109XCJzZXRTdHlsZXMoKVwiXG4gID5cbiAgICA8IS0tIENsb3NlIEljb24gLS0+XG4gICAgPHZlcmJlbi1zdmdcbiAgICAgICpuZ0lmPVwic2hvd0Nsb3NlSWNvblwiXG4gICAgICBbY2xhc3NdPVwiY2xvc2VJY29uQ2xhc3NcIlxuICAgICAgKGNsaWNrKT1cIm9uQ2xvc2UoKVwiXG4gICAgICBpY29uPVwiY2xvc2VcIlxuICAgICAgW3dpZHRoXT1cIjIwXCJcbiAgICAgIFtoZWlnaHRdPVwiMjBcIlxuICAgICAgZmlsbD1cImJsYWNrXCJcbiAgICAgIHN0cm9rZT1cIiMwMDBcIlxuICAgID48L3ZlcmJlbi1zdmc+XG5cbiAgICA8IS0tIE1vZGFsIEhlYWRlciAtLT5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtaGVhZGVyIHRleHQtbGcgZm9udC1zZW1pYm9sZCBtYi00XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaGVhZGVyVGVtcGxhdGVcIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImhlYWRlclRlbXBsYXRlXCI+PC9uZy1jb250YWluZXI+XG4gICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8L2Rpdj5cblxuICAgIDwhLS0gTW9kYWwgQm9keSAtLT5cbiAgICA8ZGl2IGNsYXNzPVwibW9kYWwtYm9keSBtYi00XCI+XG4gICAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiYm9keVRlbXBsYXRlXCI+XG4gICAgICAgIDxuZy1jb250YWluZXIgKm5nVGVtcGxhdGVPdXRsZXQ9XCJib2R5VGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuXG4gICAgPCEtLSBNb2RhbCBGb290ZXIgLS0+XG4gICAgPGRpdiAqbmdJZj1cIiFkaXNhYmxlRm9vdGVyXCIgY2xhc3M9XCJtb2RhbC1mb290ZXIgZmxleCBqdXN0aWZ5LWVuZCBzcGFjZS14LTJcIj5cbiAgICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJmb290ZXJUZW1wbGF0ZVwiPlxuICAgICAgICA8bmctY29udGFpbmVyICpuZ1RlbXBsYXRlT3V0bGV0PVwiZm9vdGVyVGVtcGxhdGVcIj48L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvbmctY29udGFpbmVyPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbjwvZGl2PlxuIl19
|
|
@@ -78,11 +78,11 @@ export class VerbenaTextareaComponent {
|
|
|
78
78
|
this.validate();
|
|
79
79
|
}
|
|
80
80
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenaTextareaComponent, deps: [{ token: forwardRef(() => NgControl), optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
81
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenaTextareaComponent, selector: "verbena-textarea", inputs: { disabled: "disabled", label: "label", required: "required", rows: "rows", cols: "cols", bgColor: "bgColor", textColor: "textColor", border: "border", borderRadius: "borderRadius", pd: "pd", width: "width", height: "height", value: "value", errorMessageColor: "errorMessageColor" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n
|
|
81
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenaTextareaComponent, selector: "verbena-textarea", inputs: { disabled: "disabled", label: "label", required: "required", rows: "rows", cols: "cols", bgColor: "bgColor", textColor: "textColor", border: "border", borderRadius: "borderRadius", pd: "pd", width: "width", height: "height", value: "value", errorMessageColor: "errorMessageColor" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n color: textColor,\n border: border,\n 'border-radius': borderRadius,\n padding: pd,\n width: width,\n height: height,\n }\"\n [ngModel]=\"value\"\n (input)=\"onInput($event)\"\n></textarea>\n\n<span\n *ngIf=\"errorMessage\"\n class=\"error\"\n [ngStyle]=\"{ color: errorMessageColor }\"\n>\n {{ errorMessage }}\n</span>\n", styles: ["*{font-family:sans-serif;font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
82
82
|
}
|
|
83
83
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenaTextareaComponent, decorators: [{
|
|
84
84
|
type: Component,
|
|
85
|
-
args: [{ selector: 'verbena-textarea', template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n
|
|
85
|
+
args: [{ selector: 'verbena-textarea', template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n color: textColor,\n border: border,\n 'border-radius': borderRadius,\n padding: pd,\n width: width,\n height: height,\n }\"\n [ngModel]=\"value\"\n (input)=\"onInput($event)\"\n></textarea>\n\n<span\n *ngIf=\"errorMessage\"\n class=\"error\"\n [ngStyle]=\"{ color: errorMessageColor }\"\n>\n {{ errorMessage }}\n</span>\n", styles: ["*{font-family:sans-serif;font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}\n"] }]
|
|
86
86
|
}], ctorParameters: () => [{ type: i2.NgControl, decorators: [{
|
|
87
87
|
type: Optional
|
|
88
88
|
}, {
|
|
@@ -121,4 +121,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImpo
|
|
|
121
121
|
}], valueChange: [{
|
|
122
122
|
type: Output
|
|
123
123
|
}] } });
|
|
124
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
124
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyYmVuYS10ZXh0YXJlYS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy92ZXJiZW4tbmctdWkvc3JjL2xpYi92ZXJiZW5hLXRleHRhcmVhL3ZlcmJlbmEtdGV4dGFyZWEuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvdmVyYmVuLW5nLXVpL3NyYy9saWIvdmVyYmVuYS10ZXh0YXJlYS92ZXJiZW5hLXRleHRhcmVhLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsS0FBSyxFQUNMLE1BQU0sRUFDTixZQUFZLEVBRVosUUFBUSxFQUNSLElBQUksRUFDSixNQUFNLEVBQ04sVUFBVSxFQUNYLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBd0IsU0FBUyxFQUFFLE1BQU0sZ0JBQWdCLENBQUM7Ozs7QUFPakUsTUFBTSxPQUFPLHdCQUF3QjtJQTRCMEM7SUEzQnBFLFFBQVEsR0FBWSxLQUFLLENBQUM7SUFDMUIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixRQUFRLEdBQVksS0FBSyxDQUFDO0lBQzFCLElBQUksR0FBVyxDQUFDLENBQUM7SUFDakIsSUFBSSxHQUFXLEVBQUUsQ0FBQztJQUNsQixPQUFPLEdBQVcsTUFBTSxDQUFDO0lBQ3pCLFNBQVMsR0FBVyxNQUFNLENBQUM7SUFDM0IsTUFBTSxHQUFXLGdCQUFnQixDQUFDO0lBQ2xDLFlBQVksR0FBVyxLQUFLLENBQUM7SUFDN0IsRUFBRSxHQUFXLE1BQU0sQ0FBQztJQUNwQixLQUFLLEdBQVcsTUFBTSxDQUFDO0lBQ3ZCLE1BQU0sR0FBVyxNQUFNLENBQUM7SUFDeEIsS0FBSyxHQUFXLEVBQUUsQ0FBQztJQUNuQixpQkFBaUIsR0FBVyxLQUFLLENBQUM7SUFFakMsV0FBVyxHQUFHLElBQUksWUFBWSxFQUFVLENBQUM7SUFFbkQsWUFB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RUFBRSxDQUFDLFNBQVMsQ0FBQzs0RkE1QnhELHdCQUF3QixxWUNsQnJDLHlsQkE0QkE7OzRGRFZhLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7OzBCQWdDZixRQUFROzswQkFBSSxJQUFJOzswQkFBSSxNQUFNOzJCQUFDLFVBQVUsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxTQUFTLENBQUM7eUNBM0IxRCxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxRQUFRO3NCQUFoQixLQUFLO2dCQUNHLElBQUk7c0JBQVosS0FBSztnQkFDRyxJQUFJO3NCQUFaLEtBQUs7Z0JBQ0csT0FBTztzQkFBZixLQUFLO2dCQUNHLFNBQVM7c0JBQWpCLEtBQUs7Z0JBQ0csTUFBTTtzQkFBZCxLQUFLO2dCQUNHLFlBQVk7c0JBQXBCLEtBQUs7Z0JBQ0csRUFBRTtzQkFBVixLQUFLO2dCQUNHLEtBQUs7c0JBQWIsS0FBSztnQkFDRyxNQUFNO3NCQUFkLEtBQUs7Z0JBQ0csS0FBSztzQkFBYixLQUFLO2dCQUNHLGlCQUFpQjtzQkFBekIsS0FBSztnQkFFSSxXQUFXO3NCQUFwQixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgXG4gIENvbXBvbmVudCwgXG4gIElucHV0LCBcbiAgT3V0cHV0LCBcbiAgRXZlbnRFbWl0dGVyLCBcbiAgT25Jbml0LCBcbiAgT3B0aW9uYWwsIFxuICBTZWxmLCBcbiAgSW5qZWN0LCBcbiAgZm9yd2FyZFJlZiBcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb250cm9sVmFsdWVBY2Nlc3NvciwgTmdDb250cm9sIH0gZnJvbSAnQGFuZ3VsYXIvZm9ybXMnO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd2ZXJiZW5hLXRleHRhcmVhJyxcbiAgdGVtcGxhdGVVcmw6ICcuL3ZlcmJlbmEtdGV4dGFyZWEuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnLi92ZXJiZW5hLXRleHRhcmVhLmNvbXBvbmVudC5jc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBWZXJiZW5hVGV4dGFyZWFDb21wb25lbnQgaW1wbGVtZW50cyBDb250cm9sVmFsdWVBY2Nlc3NvciwgT25Jbml0IHtcbiAgQElucHV0KCkgZGlzYWJsZWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgQElucHV0KCkgbGFiZWw6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSByZXF1aXJlZDogYm9vbGVhbiA9IGZhbHNlO1xuICBASW5wdXQoKSByb3dzOiBudW1iZXIgPSA1O1xuICBASW5wdXQoKSBjb2xzOiBudW1iZXIgPSA0MDtcbiAgQElucHV0KCkgYmdDb2xvcjogc3RyaW5nID0gJyNmZmYnO1xuICBASW5wdXQoKSB0ZXh0Q29sb3I6IHN0cmluZyA9ICcjMDAwJztcbiAgQElucHV0KCkgYm9yZGVyOiBzdHJpbmcgPSAnMXB4IHNvbGlkICNjY2MnO1xuICBASW5wdXQoKSBib3JkZXJSYWRpdXM6IHN0cmluZyA9ICc0cHgnO1xuICBASW5wdXQoKSBwZDogc3RyaW5nID0gJzEwcHgnO1xuICBASW5wdXQoKSB3aWR0aDogc3RyaW5nID0gJzEwMCUnO1xuICBASW5wdXQoKSBoZWlnaHQ6IHN0cmluZyA9ICdhdXRvJztcbiAgQElucHV0KCkgdmFsdWU6IHN0cmluZyA9ICcnO1xuICBASW5wdXQoKSBlcnJvck1lc3NhZ2VDb2xvcjogc3RyaW5nID0gJ3JlZCc7XG5cbiAgQE91dHB1dCgpIHZhbHVlQ2hhbmdlID0gbmV3IEV2ZW50RW1pdHRlcjxzdHJpbmc+KCk7XG5cbiAgZXJyb3JNZXNzYWdlOiBzdHJpbmcgfCB1bmRlZmluZWQ7XG4gIHRleHRhcmVhSWQ6IHN0cmluZyA9ICcnO1xuICBpc0ludmFsaWQ6IGJvb2xlYW4gPSBmYWxzZTtcbiAgXG4gIC8vIE5FVzogVHJhY2sgZGlzYWJsZWQgc3RhdGUgZnJvbSBmb3JtIGNvbnRyb2xcbiAgaXNEaXNhYmxlZDogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIG9uQ2hhbmdlOiBhbnkgPSAoKSA9PiB7fTtcbiAgb25Ub3VjaDogYW55ID0gKCkgPT4ge307XG5cbiAgY29uc3RydWN0b3IoQE9wdGlvbmFsKCkgQFNlbGYoKSBASW5qZWN0KGZvcndhcmRSZWYoKCkgPT4gTmdDb250cm9sKSkgcHJpdmF0ZSBuZ0NvbnRyb2w6IE5nQ29udHJvbCkge1xuICAgIGlmICh0aGlzLm5nQ29udHJvbCkge1xuICAgICAgdGhpcy5uZ0NvbnRyb2wudmFsdWVBY2Nlc3NvciA9IHRoaXM7XG4gICAgICB0aGlzLm5nQ29udHJvbC5zdGF0dXNDaGFuZ2VzPy5zdWJzY3JpYmUoKHN0YXR1cykgPT4ge1xuICAgICAgICB0aGlzLmlzSW52YWxpZCA9IHRoaXMubmdDb250cm9sLnRvdWNoZWRcbiAgICAgICAgICA/IHN0YXR1cyA9PT0gJ0lOVkFMSUQnICYmIHRoaXMubmdDb250cm9sLnRvdWNoZWRcbiAgICAgICAgICA6IGZhbHNlO1xuICAgICAgfSk7XG4gICAgfVxuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy50ZXh0YXJlYUlkID0gYHZlcmJlbmEtdGV4dGFyZWEtJHtNYXRoLnJhbmRvbSgpLnRvU3RyaW5nKDM2KS5zdWJzdHIoMiwgOSl9YDtcbiAgfVxuXG4gIG9uSW5wdXQoZXZlbnQ6IEV2ZW50KSB7XG4gICAgY29uc3QgdGFyZ2V0ID0gZXZlbnQudGFyZ2V0IGFzIEhUTUxUZXh0QXJlYUVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZSA9IHRhcmdldC52YWx1ZS50cmltKCk7XG4gICAgdGhpcy52YWxpZGF0ZSgpO1xuICAgIHRoaXMub25DaGFuZ2UodGhpcy52YWx1ZSk7XG4gICAgdGhpcy5vblRvdWNoKCk7XG4gICAgdGhpcy52YWx1ZUNoYW5nZS5lbWl0KHRoaXMudmFsdWUpO1xuICB9XG5cbiAgdmFsaWRhdGUoKSB7XG4gICAgaWYgKHRoaXMucmVxdWlyZWQgJiYgIXRoaXMudmFsdWUpIHtcbiAgICAgIHRoaXMuZXJyb3JNZXNzYWdlID0gJ1RoaXMgZmllbGQgaXMgcmVxdWlyZWQnO1xuICAgICAgdGhpcy5pc0ludmFsaWQgPSB0cnVlO1xuICAgIH0gZWxzZSB7XG4gICAgICB0aGlzLmVycm9yTWVzc2FnZSA9IHVuZGVmaW5lZDtcbiAgICAgIHRoaXMuaXNJbnZhbGlkID0gZmFsc2U7XG4gICAgfVxuICB9XG5cbiAgd3JpdGVWYWx1ZSh2YWx1ZTogYW55KTogdm9pZCB7XG4gICAgdGhpcy52YWx1ZSA9IHZhbHVlID8gdmFsdWUudHJpbSgpIDogJyc7XG4gIH1cblxuICByZWdpc3Rlck9uQ2hhbmdlKGZuOiBhbnkpOiB2b2lkIHtcbiAgICB0aGlzLm9uQ2hhbmdlID0gZm47XG4gIH1cblxuICByZWdpc3Rlck9uVG91Y2hlZChmbjogYW55KTogdm9pZCB7XG4gICAgdGhpcy5vblRvdWNoID0gZm47XG4gIH1cblxuICAvLyBGSVhFRDogU3RvcmUgZGlzYWJsZWQgc3RhdGUgaW4gY29tcG9uZW50IHByb3BlcnR5IGluc3RlYWQgb2YgRE9NIG1hbmlwdWxhdGlvblxuICBzZXREaXNhYmxlZFN0YXRlKGlzRGlzYWJsZWQ6IGJvb2xlYW4pOiB2b2lkIHtcbiAgICB0aGlzLmlzRGlzYWJsZWQgPSBpc0Rpc2FibGVkO1xuICB9XG5cbiAgb25WYWx1ZUNoYW5nZShuZXdWYWx1ZTogc3RyaW5nKSB7XG4gICAgdGhpcy52YWx1ZSA9IG5ld1ZhbHVlO1xuICAgIHRoaXMudmFsdWVDaGFuZ2UuZW1pdCh0aGlzLnZhbHVlKTtcbiAgICB0aGlzLnZhbGlkYXRlKCk7XG4gIH1cbn0iLCI8bGFiZWwgW2Zvcl09XCJ0ZXh0YXJlYUlkXCI+e3sgbGFiZWwgfX08L2xhYmVsPlxuXG48dGV4dGFyZWFcbiAgW2lkXT1cInRleHRhcmVhSWRcIlxuICBbcmVxdWlyZWRdPVwicmVxdWlyZWRcIlxuICBbYXR0ci5yb3dzXT1cInJvd3NcIlxuICBbYXR0ci5jb2xzXT1cImNvbHNcIlxuICBbZGlzYWJsZWRdPVwiZGlzYWJsZWQgfHwgaXNEaXNhYmxlZFwiXG4gIFtuZ1N0eWxlXT1cIntcbiAgICAnYmFja2dyb3VuZC1jb2xvcic6IGJnQ29sb3IsXG4gICAgY29sb3I6IHRleHRDb2xvcixcbiAgICBib3JkZXI6IGJvcmRlcixcbiAgICAnYm9yZGVyLXJhZGl1cyc6IGJvcmRlclJhZGl1cyxcbiAgICBwYWRkaW5nOiBwZCxcbiAgICB3aWR0aDogd2lkdGgsXG4gICAgaGVpZ2h0OiBoZWlnaHQsXG4gIH1cIlxuICBbbmdNb2RlbF09XCJ2YWx1ZVwiXG4gIChpbnB1dCk9XCJvbklucHV0KCRldmVudClcIlxuPjwvdGV4dGFyZWE+XG5cbjxzcGFuXG4gICpuZ0lmPVwiZXJyb3JNZXNzYWdlXCJcbiAgY2xhc3M9XCJlcnJvclwiXG4gIFtuZ1N0eWxlXT1cInsgY29sb3I6IGVycm9yTWVzc2FnZUNvbG9yIH1cIlxuPlxuICB7eyBlcnJvck1lc3NhZ2UgfX1cbjwvc3Bhbj5cbiJdfQ==
|
|
@@ -72,11 +72,11 @@ class VerbenDialogueComponent {
|
|
|
72
72
|
this.closeModal.emit(this.modalData);
|
|
73
73
|
}
|
|
74
74
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenDialogueComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
75
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenDialogueComponent, selector: "verben-dialogue", inputs: { dialogueWidth: "dialogueWidth", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", footerTemplate: "footerTemplate", showCloseIcon: "showCloseIcon", dismissOutsideClick: "dismissOutsideClick", closeOnEscape: "closeOnEscape", isVisible: "isVisible", size: "size", backdropColor: "backdropColor", customClass: "customClass", disableFooter: "disableFooter", margin: "margin", padding: "padding", borderRadius: "borderRadius", dialogueBgColor: "dialogueBgColor", width: "width", closeIconClass: "closeIconClass", boxShadow: "boxShadow", enableTransition: "enableTransition", modalData: "modalData", mode: "mode", position: "position", drawerWidth: "drawerWidth" }, outputs: { openModal: "openModal", closeModal: "closeModal" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div
|
|
75
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenDialogueComponent, selector: "verben-dialogue", inputs: { dialogueWidth: "dialogueWidth", headerTemplate: "headerTemplate", bodyTemplate: "bodyTemplate", footerTemplate: "footerTemplate", showCloseIcon: "showCloseIcon", dismissOutsideClick: "dismissOutsideClick", closeOnEscape: "closeOnEscape", isVisible: "isVisible", size: "size", backdropColor: "backdropColor", customClass: "customClass", disableFooter: "disableFooter", margin: "margin", padding: "padding", borderRadius: "borderRadius", dialogueBgColor: "dialogueBgColor", width: "width", closeIconClass: "closeIconClass", boxShadow: "boxShadow", enableTransition: "enableTransition", modalData: "modalData", mode: "mode", position: "position", drawerWidth: "drawerWidth" }, outputs: { openModal: "openModal", closeModal: "closeModal" }, host: { listeners: { "document:keydown.escape": "onKeydownHandler($event)", "document:click": "onOutsideClick($event)" } }, usesOnChanges: true, ngImport: i0, template: "<div\n class=\"modal-wrapper fixed inset-0 flex justify-center items-center\"\n [ngClass]=\"{\n 'visible opacity-100': isVisible,\n 'invisible opacity-0': !isVisible,\n 'justify-start': mode === 'drawer' && position === 'left',\n 'justify-end': mode === 'drawer' && position === 'right',\n }\"\n [ngStyle]=\"{\n 'background-color': backdropColor,\n transition: 'opacity 0.3s ease',\n }\"\n>\n <div\n [style.padding]=\"padding\"\n [style.margin]=\"margin\"\n [style.background-color]=\"dialogueBgColor\"\n [style.border-radius]=\"mode === 'dialogue' && borderRadius\"\n [style.box-shadow]=\"boxShadow\"\n [style.width]=\"mode === 'dialogue' ? dialogueWidth : drawerWidth\"\n [class]=\"customClass\"\n [ngClass]=\"setStyles()\"\n >\n <!-- Close Icon -->\n <verben-svg\n *ngIf=\"showCloseIcon\"\n [class]=\"closeIconClass\"\n (click)=\"onClose()\"\n icon=\"close\"\n [width]=\"20\"\n [height]=\"20\"\n fill=\"black\"\n stroke=\"#000\"\n ></verben-svg>\n\n <!-- Modal Header -->\n <div class=\"modal-header text-lg font-semibold mb-4\">\n <ng-container *ngIf=\"headerTemplate\">\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Body -->\n <div class=\"modal-body mb-4\">\n <ng-container *ngIf=\"bodyTemplate\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Footer -->\n <div *ngIf=\"!disableFooter\" class=\"modal-footer flex justify-end space-x-2\">\n <ng-container *ngIf=\"footerTemplate\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".modal-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:1000;background-color:#00000080;transition:.3s ease-in-out}.modal-wrapper.visible{visibility:visible}.modal-wrapper.invisible{visibility:hidden;transition:.3s ease,visibility 0s .3s}.pos-left{position:fixed;top:0;left:0;height:100vh}.modal-wrapper.fade-in{opacity:1}.modal-wrapper.fade-out{opacity:0}.no-animation{transition:none}.closeIconClass{position:absolute;top:0;right:0;cursor:pointer}.modal-content{position:relative}.drawer-left,.drawer-right{position:fixed;top:0;height:100%;width:100%;background-color:#fff;overflow-y:auto;transition:.4s ease}.drawer-left{left:-100%}.drawer-right{right:-100%}.drawer-show-left{left:0}.drawer-show-right{right:0}.max-w-sm{min-width:400px}.max-w-md{min-width:600px}.max-w-lg{min-width:800px}\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.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "component", type: i2.SvgComponent, selector: "verben-svg", inputs: ["icon", "width", "height", "fill", "stroke", "type", "size"] }] });
|
|
76
76
|
}
|
|
77
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenDialogueComponent, decorators: [{
|
|
78
78
|
type: Component,
|
|
79
|
-
args: [{ selector: 'verben-dialogue', template: "<div
|
|
79
|
+
args: [{ selector: 'verben-dialogue', template: "<div\n class=\"modal-wrapper fixed inset-0 flex justify-center items-center\"\n [ngClass]=\"{\n 'visible opacity-100': isVisible,\n 'invisible opacity-0': !isVisible,\n 'justify-start': mode === 'drawer' && position === 'left',\n 'justify-end': mode === 'drawer' && position === 'right',\n }\"\n [ngStyle]=\"{\n 'background-color': backdropColor,\n transition: 'opacity 0.3s ease',\n }\"\n>\n <div\n [style.padding]=\"padding\"\n [style.margin]=\"margin\"\n [style.background-color]=\"dialogueBgColor\"\n [style.border-radius]=\"mode === 'dialogue' && borderRadius\"\n [style.box-shadow]=\"boxShadow\"\n [style.width]=\"mode === 'dialogue' ? dialogueWidth : drawerWidth\"\n [class]=\"customClass\"\n [ngClass]=\"setStyles()\"\n >\n <!-- Close Icon -->\n <verben-svg\n *ngIf=\"showCloseIcon\"\n [class]=\"closeIconClass\"\n (click)=\"onClose()\"\n icon=\"close\"\n [width]=\"20\"\n [height]=\"20\"\n fill=\"black\"\n stroke=\"#000\"\n ></verben-svg>\n\n <!-- Modal Header -->\n <div class=\"modal-header text-lg font-semibold mb-4\">\n <ng-container *ngIf=\"headerTemplate\">\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Body -->\n <div class=\"modal-body mb-4\">\n <ng-container *ngIf=\"bodyTemplate\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Footer -->\n <div *ngIf=\"!disableFooter\" class=\"modal-footer flex justify-end space-x-2\">\n <ng-container *ngIf=\"footerTemplate\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n", styles: [".modal-wrapper{display:flex;justify-content:center;align-items:center;position:fixed;inset:0;z-index:1000;background-color:#00000080;transition:.3s ease-in-out}.modal-wrapper.visible{visibility:visible}.modal-wrapper.invisible{visibility:hidden;transition:.3s ease,visibility 0s .3s}.pos-left{position:fixed;top:0;left:0;height:100vh}.modal-wrapper.fade-in{opacity:1}.modal-wrapper.fade-out{opacity:0}.no-animation{transition:none}.closeIconClass{position:absolute;top:0;right:0;cursor:pointer}.modal-content{position:relative}.drawer-left,.drawer-right{position:fixed;top:0;height:100%;width:100%;background-color:#fff;overflow-y:auto;transition:.4s ease}.drawer-left{left:-100%}.drawer-right{right:-100%}.drawer-show-left{left:0}.drawer-show-right{right:0}.max-w-sm{min-width:400px}.max-w-md{min-width:600px}.max-w-lg{min-width:800px}\n"] }]
|
|
80
80
|
}], propDecorators: { dialogueWidth: [{
|
|
81
81
|
type: Input
|
|
82
82
|
}], headerTemplate: [{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"verben-ng-ui-src-lib-components-verben-dialogue.mjs","sources":["../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-dialogue.component.ts","../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-dialogue.component.html","../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-dialogue.module.ts","../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-ng-ui-src-lib-components-verben-dialogue.ts"],"sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n Output,\n HostListener,\n TemplateRef,\n} from '@angular/core';\n\n@Component({\n selector: 'verben-dialogue',\n templateUrl: './verben-dialogue.component.html',\n styleUrls: ['./verben-dialogue.component.css'],\n})\nexport class VerbenDialogueComponent {\n @Input() dialogueWidth: string = '';\n @Input() headerTemplate: TemplateRef<any> | null = null;\n @Input() bodyTemplate: TemplateRef<any> | null = null;\n @Input() footerTemplate: TemplateRef<any> | null = null;\n @Input() showCloseIcon: boolean = true;\n @Input() dismissOutsideClick: boolean = true;\n @Input() closeOnEscape: boolean = true;\n @Input() isVisible: boolean = false;\n @Input() size: 'small' | 'medium' | 'large'|'any' = 'small';\n @Input() backdropColor: string = '#0000005d';\n @Input() customClass: string = '';\n @Input() disableFooter: boolean = false;\n @Input() margin: string = '';\n @Input() padding: string = '10px';\n @Input() borderRadius: string = '10px';\n @Input() dialogueBgColor: string = '#fff';\n @Input() width: string = 'max-w-[100px]';\n @Input() closeIconClass: string = 'closeIconClass';\n @Input() boxShadow: string = 'box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)';\n @Input() enableTransition: boolean = true;\n @Input() modalData: any;\n\n // New inputs for drawer mode\n @Input() mode: 'dialogue' | 'drawer' = 'dialogue';\n @Input() position: 'left' | 'right' = 'right';\n @Input() drawerWidth: string = '500px';\n @Output() openModal = new EventEmitter<any>();\n @Output() closeModal = new EventEmitter<any>();\n\n ngOnChanges() {\n if (this.isVisible) {\n this.openModal.emit(this.modalData);\n }\n }\n \n\n @HostListener('document:keydown.escape', ['$event'])\n onKeydownHandler(event: KeyboardEvent) {\n if (this.closeOnEscape && this.isVisible) {\n this.onClose();\n }\n }\n\n @HostListener('document:click', ['$event'])\n onOutsideClick(event: MouseEvent) {\n if (this.dismissOutsideClick && this.isVisible) {\n const target = event.target as HTMLElement;\n const isInsidePane = target.closest('.cdk-overlay-pane') !== null;\n if (target.classList.contains('modal-wrapper')&& !isInsidePane) {\n this.onClose();\n }\n }\n }\n setStyles() {\n const isDialogue = this.mode === 'dialogue';\n const noCustomWidth = !this.dialogueWidth;\n \n return {\n 'modal-content p-4': isDialogue,\n 'max-w-sm': isDialogue && this.size === 'small' && noCustomWidth,\n 'max-w-md': isDialogue && this.size === 'medium' && noCustomWidth,\n 'max-w-lg': isDialogue && this.size === 'large' && noCustomWidth,\n 'drawer-left': this.mode === 'drawer' && this.position === 'left',\n 'drawer-right': this.mode === 'drawer' && this.position === 'right',\n 'drawer-show-left': this.mode === 'drawer' && this.position === 'left' && this.isVisible,\n 'drawer-show-right': this.mode === 'drawer' && this.position === 'right' && this.isVisible\n };\n }\n \n \n onClose() {\n this.isVisible = false;\n this.closeModal.emit(this.modalData);\n }\n}\n","<div class=\"modal-wrapper fixed inset-0 flex justify-center items-center\" [ngClass]=\"{\n 'visible opacity-100': isVisible,\n 'invisible opacity-0': !isVisible,\n 'justify-start': mode === 'drawer' && position === 'left',\n 'justify-end': mode === 'drawer' && position === 'right'\n }\" [ngStyle]=\"{ 'background-color': backdropColor, 'transition': 'opacity 0.3s ease' }\">\n <div\n [style.padding]=\"padding\"\n [style.margin]=\"margin\"\n [style.background-color]=\"dialogueBgColor\"\n [style.border-radius]=\"mode === 'dialogue' && borderRadius\"\n [style.box-shadow]=\"boxShadow\"\n [style.width]=\"mode === 'dialogue' ? dialogueWidth :drawerWidth\"\n [class]=\"customClass\"\n [ngClass]=\"setStyles()\"\n>\n <!-- Close Icon -->\n <verben-svg *ngIf=\"showCloseIcon\" [class]=\"closeIconClass\" (click)=\"onClose()\" icon=\"close\" [width]=\"20\"\n [height]=\"20\" fill=\"white\" stroke=\"#000\"></verben-svg>\n\n <!-- Modal Header -->\n <div class=\"modal-header text-lg font-semibold mb-4\">\n <ng-container *ngIf=\"headerTemplate\">\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Body -->\n <div class=\"modal-body mb-4\">\n <ng-container *ngIf=\"bodyTemplate\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Footer -->\n <div *ngIf=\"!disableFooter\" class=\"modal-footer flex justify-end space-x-2\">\n <ng-container *ngIf=\"footerTemplate\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenDialogueComponent } from './verben-dialogue.component';\nimport { SvgModule } from 'verben-ng-ui/src/lib/components/svg';\nimport { VerbenaButtonModule } from 'verben-ng-ui/src/lib/verbena-button';\n@NgModule({\n declarations: [VerbenDialogueComponent],\n imports: [CommonModule, SvgModule, VerbenaButtonModule],\n exports: [VerbenDialogueComponent],\n})\nexport class VerbenDialogueModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"verben-ng-ui-src-lib-components-verben-dialogue.mjs","sources":["../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-dialogue.component.ts","../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-dialogue.component.html","../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-dialogue.module.ts","../../../projects/verben-ng-ui/src/lib/components/verben-dialogue/verben-ng-ui-src-lib-components-verben-dialogue.ts"],"sourcesContent":["import {\n Component,\n EventEmitter,\n Input,\n Output,\n HostListener,\n TemplateRef,\n} from '@angular/core';\n\n@Component({\n selector: 'verben-dialogue',\n templateUrl: './verben-dialogue.component.html',\n styleUrls: ['./verben-dialogue.component.css'],\n})\nexport class VerbenDialogueComponent {\n @Input() dialogueWidth: string = '';\n @Input() headerTemplate: TemplateRef<any> | null = null;\n @Input() bodyTemplate: TemplateRef<any> | null = null;\n @Input() footerTemplate: TemplateRef<any> | null = null;\n @Input() showCloseIcon: boolean = true;\n @Input() dismissOutsideClick: boolean = true;\n @Input() closeOnEscape: boolean = true;\n @Input() isVisible: boolean = false;\n @Input() size: 'small' | 'medium' | 'large'|'any' = 'small';\n @Input() backdropColor: string = '#0000005d';\n @Input() customClass: string = '';\n @Input() disableFooter: boolean = false;\n @Input() margin: string = '';\n @Input() padding: string = '10px';\n @Input() borderRadius: string = '10px';\n @Input() dialogueBgColor: string = '#fff';\n @Input() width: string = 'max-w-[100px]';\n @Input() closeIconClass: string = 'closeIconClass';\n @Input() boxShadow: string = 'box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1)';\n @Input() enableTransition: boolean = true;\n @Input() modalData: any;\n\n // New inputs for drawer mode\n @Input() mode: 'dialogue' | 'drawer' = 'dialogue';\n @Input() position: 'left' | 'right' = 'right';\n @Input() drawerWidth: string = '500px';\n @Output() openModal = new EventEmitter<any>();\n @Output() closeModal = new EventEmitter<any>();\n\n ngOnChanges() {\n if (this.isVisible) {\n this.openModal.emit(this.modalData);\n }\n }\n \n\n @HostListener('document:keydown.escape', ['$event'])\n onKeydownHandler(event: KeyboardEvent) {\n if (this.closeOnEscape && this.isVisible) {\n this.onClose();\n }\n }\n\n @HostListener('document:click', ['$event'])\n onOutsideClick(event: MouseEvent) {\n if (this.dismissOutsideClick && this.isVisible) {\n const target = event.target as HTMLElement;\n const isInsidePane = target.closest('.cdk-overlay-pane') !== null;\n if (target.classList.contains('modal-wrapper')&& !isInsidePane) {\n this.onClose();\n }\n }\n }\n setStyles() {\n const isDialogue = this.mode === 'dialogue';\n const noCustomWidth = !this.dialogueWidth;\n \n return {\n 'modal-content p-4': isDialogue,\n 'max-w-sm': isDialogue && this.size === 'small' && noCustomWidth,\n 'max-w-md': isDialogue && this.size === 'medium' && noCustomWidth,\n 'max-w-lg': isDialogue && this.size === 'large' && noCustomWidth,\n 'drawer-left': this.mode === 'drawer' && this.position === 'left',\n 'drawer-right': this.mode === 'drawer' && this.position === 'right',\n 'drawer-show-left': this.mode === 'drawer' && this.position === 'left' && this.isVisible,\n 'drawer-show-right': this.mode === 'drawer' && this.position === 'right' && this.isVisible\n };\n }\n \n \n onClose() {\n this.isVisible = false;\n this.closeModal.emit(this.modalData);\n }\n}\n","<div\n class=\"modal-wrapper fixed inset-0 flex justify-center items-center\"\n [ngClass]=\"{\n 'visible opacity-100': isVisible,\n 'invisible opacity-0': !isVisible,\n 'justify-start': mode === 'drawer' && position === 'left',\n 'justify-end': mode === 'drawer' && position === 'right',\n }\"\n [ngStyle]=\"{\n 'background-color': backdropColor,\n transition: 'opacity 0.3s ease',\n }\"\n>\n <div\n [style.padding]=\"padding\"\n [style.margin]=\"margin\"\n [style.background-color]=\"dialogueBgColor\"\n [style.border-radius]=\"mode === 'dialogue' && borderRadius\"\n [style.box-shadow]=\"boxShadow\"\n [style.width]=\"mode === 'dialogue' ? dialogueWidth : drawerWidth\"\n [class]=\"customClass\"\n [ngClass]=\"setStyles()\"\n >\n <!-- Close Icon -->\n <verben-svg\n *ngIf=\"showCloseIcon\"\n [class]=\"closeIconClass\"\n (click)=\"onClose()\"\n icon=\"close\"\n [width]=\"20\"\n [height]=\"20\"\n fill=\"black\"\n stroke=\"#000\"\n ></verben-svg>\n\n <!-- Modal Header -->\n <div class=\"modal-header text-lg font-semibold mb-4\">\n <ng-container *ngIf=\"headerTemplate\">\n <ng-container *ngTemplateOutlet=\"headerTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Body -->\n <div class=\"modal-body mb-4\">\n <ng-container *ngIf=\"bodyTemplate\">\n <ng-container *ngTemplateOutlet=\"bodyTemplate\"></ng-container>\n </ng-container>\n </div>\n\n <!-- Modal Footer -->\n <div *ngIf=\"!disableFooter\" class=\"modal-footer flex justify-end space-x-2\">\n <ng-container *ngIf=\"footerTemplate\">\n <ng-container *ngTemplateOutlet=\"footerTemplate\"></ng-container>\n </ng-container>\n </div>\n </div>\n</div>\n","import { NgModule } from '@angular/core';\nimport { CommonModule } from '@angular/common';\nimport { VerbenDialogueComponent } from './verben-dialogue.component';\nimport { SvgModule } from 'verben-ng-ui/src/lib/components/svg';\nimport { VerbenaButtonModule } from 'verben-ng-ui/src/lib/verbena-button';\n@NgModule({\n declarations: [VerbenDialogueComponent],\n imports: [CommonModule, SvgModule, VerbenaButtonModule],\n exports: [VerbenDialogueComponent],\n})\nexport class VerbenDialogueModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
|
|
@@ -80,11 +80,11 @@ class VerbenaTextareaComponent {
|
|
|
80
80
|
this.validate();
|
|
81
81
|
}
|
|
82
82
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenaTextareaComponent, deps: [{ token: forwardRef(() => NgControl), optional: true, self: true }], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenaTextareaComponent, selector: "verbena-textarea", inputs: { disabled: "disabled", label: "label", required: "required", rows: "rows", cols: "cols", bgColor: "bgColor", textColor: "textColor", border: "border", borderRadius: "borderRadius", pd: "pd", width: "width", height: "height", value: "value", errorMessageColor: "errorMessageColor" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n
|
|
83
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.10", type: VerbenaTextareaComponent, selector: "verbena-textarea", inputs: { disabled: "disabled", label: "label", required: "required", rows: "rows", cols: "cols", bgColor: "bgColor", textColor: "textColor", border: "border", borderRadius: "borderRadius", pd: "pd", width: "width", height: "height", value: "value", errorMessageColor: "errorMessageColor" }, outputs: { valueChange: "valueChange" }, ngImport: i0, template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n color: textColor,\n border: border,\n 'border-radius': borderRadius,\n padding: pd,\n width: width,\n height: height,\n }\"\n [ngModel]=\"value\"\n (input)=\"onInput($event)\"\n></textarea>\n\n<span\n *ngIf=\"errorMessage\"\n class=\"error\"\n [ngStyle]=\"{ color: errorMessageColor }\"\n>\n {{ errorMessage }}\n</span>\n", styles: ["*{font-family:sans-serif;font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "directive", type: i2.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i2.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i2.RequiredValidator, selector: ":not([type=checkbox])[required][formControlName],:not([type=checkbox])[required][formControl],:not([type=checkbox])[required][ngModel]", inputs: ["required"] }, { kind: "directive", type: i2.NgModel, selector: "[ngModel]:not([formControlName]):not([formControl])", inputs: ["name", "disabled", "ngModel", "ngModelOptions"], outputs: ["ngModelChange"], exportAs: ["ngModel"] }] });
|
|
84
84
|
}
|
|
85
85
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.10", ngImport: i0, type: VerbenaTextareaComponent, decorators: [{
|
|
86
86
|
type: Component,
|
|
87
|
-
args: [{ selector: 'verbena-textarea', template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n
|
|
87
|
+
args: [{ selector: 'verbena-textarea', template: "<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n color: textColor,\n border: border,\n 'border-radius': borderRadius,\n padding: pd,\n width: width,\n height: height,\n }\"\n [ngModel]=\"value\"\n (input)=\"onInput($event)\"\n></textarea>\n\n<span\n *ngIf=\"errorMessage\"\n class=\"error\"\n [ngStyle]=\"{ color: errorMessageColor }\"\n>\n {{ errorMessage }}\n</span>\n", styles: ["*{font-family:sans-serif;font-size:.9rem}.w-100{width:100%}.h-100{height:100%}.flex{display:flex}.flex-col{flex-direction:column}.font-bold{font-weight:700}.justify-center{justify-content:center}.justify-end{justify-content:end}.align-items-center{align-items:center}.grid{display:grid}.verben-error-message{font-size:.8rem;color:red}.verben-input{border:1px solid #cbd5e1;outline:none;border-radius:5px;color:#334155;transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s,outline-color .2s}.verben-input::placeholder{color:#64748b}.verben-input:hover{border:1px solid #697e97}.verben-input.disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input:disabled{opacity:1;background-color:light-dark(rgba(239,239,239,.3),rgba(59,59,59,.3));pointer-events:none;color:#64748b}.verben-input.focused{border-color:#3b82f6;outline:none}.verben-input:focus{border-color:#3b82f6;outline:none}.verben-input.ng-invalid{border-color:red}.verben-button{padding:8px 15px;border-radius:4px;border:none;text-align:center}.verben-button.primary{background-color:#ffe681}.verben-button.secondary{background-color:#d9d9d940}\n"] }]
|
|
88
88
|
}], ctorParameters: () => [{ type: i2.NgControl, decorators: [{
|
|
89
89
|
type: Optional
|
|
90
90
|
}, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"verben-ng-ui-src-lib-verbena-textarea.mjs","sources":["../../../projects/verben-ng-ui/src/lib/verbena-textarea/verbena-textarea.component.ts","../../../projects/verben-ng-ui/src/lib/verbena-textarea/verbena-textarea.component.html","../../../projects/verben-ng-ui/src/lib/verbena-textarea/verbena-textarea.module.ts","../../../projects/verben-ng-ui/src/lib/verbena-textarea/verben-ng-ui-src-lib-verbena-textarea.ts"],"sourcesContent":["import { \n Component, \n Input, \n Output, \n EventEmitter, \n OnInit, \n Optional, \n Self, \n Inject, \n forwardRef \n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\n\n@Component({\n selector: 'verbena-textarea',\n templateUrl: './verbena-textarea.component.html',\n styleUrls: ['./verbena-textarea.component.css']\n})\nexport class VerbenaTextareaComponent implements ControlValueAccessor, OnInit {\n @Input() disabled: boolean = false;\n @Input() label: string = '';\n @Input() required: boolean = false;\n @Input() rows: number = 5;\n @Input() cols: number = 40;\n @Input() bgColor: string = '#fff';\n @Input() textColor: string = '#000';\n @Input() border: string = '1px solid #ccc';\n @Input() borderRadius: string = '4px';\n @Input() pd: string = '10px';\n @Input() width: string = '100%';\n @Input() height: string = 'auto';\n @Input() value: string = '';\n @Input() errorMessageColor: string = 'red';\n\n @Output() valueChange = new EventEmitter<string>();\n\n errorMessage: string | undefined;\n textareaId: string = '';\n isInvalid: boolean = false;\n \n // NEW: Track disabled state from form control\n isDisabled: boolean = false;\n\n onChange: any = () => {};\n onTouch: any = () => {};\n\n constructor(@Optional() @Self() @Inject(forwardRef(() => NgControl)) private ngControl: NgControl) {\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n this.ngControl.statusChanges?.subscribe((status) => {\n this.isInvalid = this.ngControl.touched\n ? status === 'INVALID' && this.ngControl.touched\n : false;\n });\n }\n }\n\n ngOnInit() {\n this.textareaId = `verbena-textarea-${Math.random().toString(36).substr(2, 9)}`;\n }\n\n onInput(event: Event) {\n const target = event.target as HTMLTextAreaElement;\n this.value = target.value.trim();\n this.validate();\n this.onChange(this.value);\n this.onTouch();\n this.valueChange.emit(this.value);\n }\n\n validate() {\n if (this.required && !this.value) {\n this.errorMessage = 'This field is required';\n this.isInvalid = true;\n } else {\n this.errorMessage = undefined;\n this.isInvalid = false;\n }\n }\n\n writeValue(value: any): void {\n this.value = value ? value.trim() : '';\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n\n // FIXED: Store disabled state in component property instead of DOM manipulation\n setDisabledState(isDisabled: boolean): void {\n this.isDisabled = isDisabled;\n }\n\n onValueChange(newValue: string) {\n this.value = newValue;\n this.valueChange.emit(this.value);\n this.validate();\n }\n}","<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n
|
|
1
|
+
{"version":3,"file":"verben-ng-ui-src-lib-verbena-textarea.mjs","sources":["../../../projects/verben-ng-ui/src/lib/verbena-textarea/verbena-textarea.component.ts","../../../projects/verben-ng-ui/src/lib/verbena-textarea/verbena-textarea.component.html","../../../projects/verben-ng-ui/src/lib/verbena-textarea/verbena-textarea.module.ts","../../../projects/verben-ng-ui/src/lib/verbena-textarea/verben-ng-ui-src-lib-verbena-textarea.ts"],"sourcesContent":["import { \n Component, \n Input, \n Output, \n EventEmitter, \n OnInit, \n Optional, \n Self, \n Inject, \n forwardRef \n} from '@angular/core';\nimport { ControlValueAccessor, NgControl } from '@angular/forms';\n\n@Component({\n selector: 'verbena-textarea',\n templateUrl: './verbena-textarea.component.html',\n styleUrls: ['./verbena-textarea.component.css']\n})\nexport class VerbenaTextareaComponent implements ControlValueAccessor, OnInit {\n @Input() disabled: boolean = false;\n @Input() label: string = '';\n @Input() required: boolean = false;\n @Input() rows: number = 5;\n @Input() cols: number = 40;\n @Input() bgColor: string = '#fff';\n @Input() textColor: string = '#000';\n @Input() border: string = '1px solid #ccc';\n @Input() borderRadius: string = '4px';\n @Input() pd: string = '10px';\n @Input() width: string = '100%';\n @Input() height: string = 'auto';\n @Input() value: string = '';\n @Input() errorMessageColor: string = 'red';\n\n @Output() valueChange = new EventEmitter<string>();\n\n errorMessage: string | undefined;\n textareaId: string = '';\n isInvalid: boolean = false;\n \n // NEW: Track disabled state from form control\n isDisabled: boolean = false;\n\n onChange: any = () => {};\n onTouch: any = () => {};\n\n constructor(@Optional() @Self() @Inject(forwardRef(() => NgControl)) private ngControl: NgControl) {\n if (this.ngControl) {\n this.ngControl.valueAccessor = this;\n this.ngControl.statusChanges?.subscribe((status) => {\n this.isInvalid = this.ngControl.touched\n ? status === 'INVALID' && this.ngControl.touched\n : false;\n });\n }\n }\n\n ngOnInit() {\n this.textareaId = `verbena-textarea-${Math.random().toString(36).substr(2, 9)}`;\n }\n\n onInput(event: Event) {\n const target = event.target as HTMLTextAreaElement;\n this.value = target.value.trim();\n this.validate();\n this.onChange(this.value);\n this.onTouch();\n this.valueChange.emit(this.value);\n }\n\n validate() {\n if (this.required && !this.value) {\n this.errorMessage = 'This field is required';\n this.isInvalid = true;\n } else {\n this.errorMessage = undefined;\n this.isInvalid = false;\n }\n }\n\n writeValue(value: any): void {\n this.value = value ? value.trim() : '';\n }\n\n registerOnChange(fn: any): void {\n this.onChange = fn;\n }\n\n registerOnTouched(fn: any): void {\n this.onTouch = fn;\n }\n\n // FIXED: Store disabled state in component property instead of DOM manipulation\n setDisabledState(isDisabled: boolean): void {\n this.isDisabled = isDisabled;\n }\n\n onValueChange(newValue: string) {\n this.value = newValue;\n this.valueChange.emit(this.value);\n this.validate();\n }\n}","<label [for]=\"textareaId\">{{ label }}</label>\n\n<textarea\n [id]=\"textareaId\"\n [required]=\"required\"\n [attr.rows]=\"rows\"\n [attr.cols]=\"cols\"\n [disabled]=\"disabled || isDisabled\"\n [ngStyle]=\"{\n 'background-color': bgColor,\n color: textColor,\n border: border,\n 'border-radius': borderRadius,\n padding: pd,\n width: width,\n height: height,\n }\"\n [ngModel]=\"value\"\n (input)=\"onInput($event)\"\n></textarea>\n\n<span\n *ngIf=\"errorMessage\"\n class=\"error\"\n [ngStyle]=\"{ color: errorMessageColor }\"\n>\n {{ errorMessage }}\n</span>\n","import { NgModule } from '@angular/core';\nimport { FormsModule } from '@angular/forms';\nimport { CommonModule } from '@angular/common';\nimport { VerbenaTextareaComponent } from './verbena-textarea.component';\n\n@NgModule({\n declarations: [VerbenaTextareaComponent],\n imports: [CommonModule, FormsModule],\n exports: [VerbenaTextareaComponent]\n})\nexport class VerbenaTextareaModule {}\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;;;MAkBa,wBAAwB,CAAA;AA4B0C,IAAA,SAAA,CAAA;IA3BpE,QAAQ,GAAY,KAAK,CAAC;IAC1B,KAAK,GAAW,EAAE,CAAC;IACnB,QAAQ,GAAY,KAAK,CAAC;IAC1B,IAAI,GAAW,CAAC,CAAC;IACjB,IAAI,GAAW,EAAE,CAAC;IAClB,OAAO,GAAW,MAAM,CAAC;IACzB,SAAS,GAAW,MAAM,CAAC;IAC3B,MAAM,GAAW,gBAAgB,CAAC;IAClC,YAAY,GAAW,KAAK,CAAC;IAC7B,EAAE,GAAW,MAAM,CAAC;IACpB,KAAK,GAAW,MAAM,CAAC;IACvB,MAAM,GAAW,MAAM,CAAC;IACxB,KAAK,GAAW,EAAE,CAAC;IACnB,iBAAiB,GAAW,KAAK,CAAC;AAEjC,IAAA,WAAW,GAAG,IAAI,YAAY,EAAU,CAAC;AAEnD,IAAA,YAAY,CAAqB;IACjC,UAAU,GAAW,EAAE,CAAC;IACxB,SAAS,GAAY,KAAK,CAAC;;IAG3B,UAAU,GAAY,KAAK,CAAC;AAE5B,IAAA,QAAQ,GAAQ,MAAK,GAAG,CAAC;AACzB,IAAA,OAAO,GAAQ,MAAK,GAAG,CAAC;AAExB,IAAA,WAAA,CAA6E,SAAoB,EAAA;QAApB,IAAS,CAAA,SAAA,GAAT,SAAS,CAAW;AAC/F,QAAA,IAAI,IAAI,CAAC,SAAS,EAAE;AAClB,YAAA,IAAI,CAAC,SAAS,CAAC,aAAa,GAAG,IAAI,CAAC;YACpC,IAAI,CAAC,SAAS,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,MAAM,KAAI;AACjD,gBAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,OAAO;sBACnC,MAAM,KAAK,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,OAAO;sBAC9C,KAAK,CAAC;AACZ,aAAC,CAAC,CAAC;SACJ;KACF;IAED,QAAQ,GAAA;QACN,IAAI,CAAC,UAAU,GAAG,CAAA,iBAAA,EAAoB,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,CAAC,EAAE,CAAC,CAAC,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAE,CAAC;KACjF;AAED,IAAA,OAAO,CAAC,KAAY,EAAA;AAClB,QAAA,MAAM,MAAM,GAAG,KAAK,CAAC,MAA6B,CAAC;QACnD,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QACjC,IAAI,CAAC,QAAQ,EAAE,CAAC;AAChB,QAAA,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAI,CAAC,OAAO,EAAE,CAAC;QACf,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;KACnC;IAED,QAAQ,GAAA;QACN,IAAI,IAAI,CAAC,QAAQ,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;AAChC,YAAA,IAAI,CAAC,YAAY,GAAG,wBAAwB,CAAC;AAC7C,YAAA,IAAI,CAAC,SAAS,GAAG,IAAI,CAAC;SACvB;aAAM;AACL,YAAA,IAAI,CAAC,YAAY,GAAG,SAAS,CAAC;AAC9B,YAAA,IAAI,CAAC,SAAS,GAAG,KAAK,CAAC;SACxB;KACF;AAED,IAAA,UAAU,CAAC,KAAU,EAAA;AACnB,QAAA,IAAI,CAAC,KAAK,GAAG,KAAK,GAAG,KAAK,CAAC,IAAI,EAAE,GAAG,EAAE,CAAC;KACxC;AAED,IAAA,gBAAgB,CAAC,EAAO,EAAA;AACtB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;KACpB;AAED,IAAA,iBAAiB,CAAC,EAAO,EAAA;AACvB,QAAA,IAAI,CAAC,OAAO,GAAG,EAAE,CAAC;KACnB;;AAGD,IAAA,gBAAgB,CAAC,UAAmB,EAAA;AAClC,QAAA,IAAI,CAAC,UAAU,GAAG,UAAU,CAAC;KAC9B;AAED,IAAA,aAAa,CAAC,QAAgB,EAAA;AAC5B,QAAA,IAAI,CAAC,KAAK,GAAG,QAAQ,CAAC;QACtB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;QAClC,IAAI,CAAC,QAAQ,EAAE,CAAC;KACjB;AAnFU,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,kBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,wBAAwB,kBA4BK,UAAU,CAAC,MAAM,SAAS,CAAC,EAAA,QAAA,EAAA,IAAA,EAAA,IAAA,EAAA,IAAA,EAAA,CAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AA5BxD,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,wBAAwB,qYClBrC,ylBA4BA,EAAA,MAAA,EAAA,CAAA,krCAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,IAAA,EAAA,QAAA,EAAA,QAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,oBAAA,EAAA,QAAA,EAAA,8MAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,eAAA,EAAA,QAAA,EAAA,2CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,iBAAA,EAAA,QAAA,EAAA,wIAAA,EAAA,MAAA,EAAA,CAAA,UAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,qDAAA,EAAA,MAAA,EAAA,CAAA,MAAA,EAAA,UAAA,EAAA,SAAA,EAAA,gBAAA,CAAA,EAAA,OAAA,EAAA,CAAA,eAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA;;4FDVa,wBAAwB,EAAA,UAAA,EAAA,CAAA;kBALpC,SAAS;+BACE,kBAAkB,EAAA,QAAA,EAAA,ylBAAA,EAAA,MAAA,EAAA,CAAA,krCAAA,CAAA,EAAA,CAAA;;0BAgCf,QAAQ;;0BAAI,IAAI;;0BAAI,MAAM;AAAC,oBAAA,IAAA,EAAA,CAAA,UAAU,CAAC,MAAM,SAAS,CAAC,CAAA;yCA3B1D,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,QAAQ,EAAA,CAAA;sBAAhB,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,IAAI,EAAA,CAAA;sBAAZ,KAAK;gBACG,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,SAAS,EAAA,CAAA;sBAAjB,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,YAAY,EAAA,CAAA;sBAApB,KAAK;gBACG,EAAE,EAAA,CAAA;sBAAV,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,iBAAiB,EAAA,CAAA;sBAAzB,KAAK;gBAEI,WAAW,EAAA,CAAA;sBAApB,MAAM;;;MExBI,qBAAqB,CAAA;wGAArB,qBAAqB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAArB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,qBAAqB,iBAJjB,wBAAwB,CAAA,EAAA,OAAA,EAAA,CAC7B,YAAY,EAAE,WAAW,aACzB,wBAAwB,CAAA,EAAA,CAAA,CAAA;yGAEvB,qBAAqB,EAAA,OAAA,EAAA,CAHtB,YAAY,EAAE,WAAW,CAAA,EAAA,CAAA,CAAA;;4FAGxB,qBAAqB,EAAA,UAAA,EAAA,CAAA;kBALjC,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,wBAAwB,CAAC;AACxC,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,WAAW,CAAC;oBACpC,OAAO,EAAE,CAAC,wBAAwB,CAAC;AACpC,iBAAA,CAAA;;;ACTD;;AAEG;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "verben-ng-ui",
|
|
3
|
-
"version": "1.2.
|
|
3
|
+
"version": "1.2.73",
|
|
4
4
|
"author": "Verbena Logic",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -57,18 +57,18 @@
|
|
|
57
57
|
"esm": "./esm2022/src/lib/email-validator/verben-ng-ui-src-lib-email-validator.mjs",
|
|
58
58
|
"default": "./fesm2022/verben-ng-ui-src-lib-email-validator.mjs"
|
|
59
59
|
},
|
|
60
|
-
"./src/lib/models": {
|
|
61
|
-
"types": "./src/lib/models/index.d.ts",
|
|
62
|
-
"esm2022": "./esm2022/src/lib/models/verben-ng-ui-src-lib-models.mjs",
|
|
63
|
-
"esm": "./esm2022/src/lib/models/verben-ng-ui-src-lib-models.mjs",
|
|
64
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-models.mjs"
|
|
65
|
-
},
|
|
66
60
|
"./src/lib/convert-to-integer": {
|
|
67
61
|
"types": "./src/lib/convert-to-integer/index.d.ts",
|
|
68
62
|
"esm2022": "./esm2022/src/lib/convert-to-integer/verben-ng-ui-src-lib-convert-to-integer.mjs",
|
|
69
63
|
"esm": "./esm2022/src/lib/convert-to-integer/verben-ng-ui-src-lib-convert-to-integer.mjs",
|
|
70
64
|
"default": "./fesm2022/verben-ng-ui-src-lib-convert-to-integer.mjs"
|
|
71
65
|
},
|
|
66
|
+
"./src/lib/models": {
|
|
67
|
+
"types": "./src/lib/models/index.d.ts",
|
|
68
|
+
"esm2022": "./esm2022/src/lib/models/verben-ng-ui-src-lib-models.mjs",
|
|
69
|
+
"esm": "./esm2022/src/lib/models/verben-ng-ui-src-lib-models.mjs",
|
|
70
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-models.mjs"
|
|
71
|
+
},
|
|
72
72
|
"./src/lib/number-range": {
|
|
73
73
|
"types": "./src/lib/number-range/index.d.ts",
|
|
74
74
|
"esm2022": "./esm2022/src/lib/number-range/verben-ng-ui-src-lib-number-range.mjs",
|
|
@@ -99,29 +99,41 @@
|
|
|
99
99
|
"esm": "./esm2022/src/lib/theme-switcher/verben-ng-ui-src-lib-theme-switcher.mjs",
|
|
100
100
|
"default": "./fesm2022/verben-ng-ui-src-lib-theme-switcher.mjs"
|
|
101
101
|
},
|
|
102
|
+
"./src/lib/validate-input": {
|
|
103
|
+
"types": "./src/lib/validate-input/index.d.ts",
|
|
104
|
+
"esm2022": "./esm2022/src/lib/validate-input/verben-ng-ui-src-lib-validate-input.mjs",
|
|
105
|
+
"esm": "./esm2022/src/lib/validate-input/verben-ng-ui-src-lib-validate-input.mjs",
|
|
106
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-validate-input.mjs"
|
|
107
|
+
},
|
|
102
108
|
"./src/lib/validate": {
|
|
103
109
|
"types": "./src/lib/validate/index.d.ts",
|
|
104
110
|
"esm2022": "./esm2022/src/lib/validate/verben-ng-ui-src-lib-validate.mjs",
|
|
105
111
|
"esm": "./esm2022/src/lib/validate/verben-ng-ui-src-lib-validate.mjs",
|
|
106
112
|
"default": "./fesm2022/verben-ng-ui-src-lib-validate.mjs"
|
|
107
113
|
},
|
|
114
|
+
"./src/lib/verbena-input": {
|
|
115
|
+
"types": "./src/lib/verbena-input/index.d.ts",
|
|
116
|
+
"esm2022": "./esm2022/src/lib/verbena-input/verben-ng-ui-src-lib-verbena-input.mjs",
|
|
117
|
+
"esm": "./esm2022/src/lib/verbena-input/verben-ng-ui-src-lib-verbena-input.mjs",
|
|
118
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-input.mjs"
|
|
119
|
+
},
|
|
108
120
|
"./src/lib/verbena-badge": {
|
|
109
121
|
"types": "./src/lib/verbena-badge/index.d.ts",
|
|
110
122
|
"esm2022": "./esm2022/src/lib/verbena-badge/verben-ng-ui-src-lib-verbena-badge.mjs",
|
|
111
123
|
"esm": "./esm2022/src/lib/verbena-badge/verben-ng-ui-src-lib-verbena-badge.mjs",
|
|
112
124
|
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-badge.mjs"
|
|
113
125
|
},
|
|
114
|
-
"./src/lib/
|
|
115
|
-
"types": "./src/lib/
|
|
116
|
-
"esm2022": "./esm2022/src/lib/
|
|
117
|
-
"esm": "./esm2022/src/lib/
|
|
118
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-
|
|
126
|
+
"./src/lib/verbena-button": {
|
|
127
|
+
"types": "./src/lib/verbena-button/index.d.ts",
|
|
128
|
+
"esm2022": "./esm2022/src/lib/verbena-button/verben-ng-ui-src-lib-verbena-button.mjs",
|
|
129
|
+
"esm": "./esm2022/src/lib/verbena-button/verben-ng-ui-src-lib-verbena-button.mjs",
|
|
130
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-button.mjs"
|
|
119
131
|
},
|
|
120
|
-
"./src/lib/verbena-
|
|
121
|
-
"types": "./src/lib/verbena-
|
|
122
|
-
"esm2022": "./esm2022/src/lib/verbena-
|
|
123
|
-
"esm": "./esm2022/src/lib/verbena-
|
|
124
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-
|
|
132
|
+
"./src/lib/verbena-textarea": {
|
|
133
|
+
"types": "./src/lib/verbena-textarea/index.d.ts",
|
|
134
|
+
"esm2022": "./esm2022/src/lib/verbena-textarea/verben-ng-ui-src-lib-verbena-textarea.mjs",
|
|
135
|
+
"esm": "./esm2022/src/lib/verbena-textarea/verben-ng-ui-src-lib-verbena-textarea.mjs",
|
|
136
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-textarea.mjs"
|
|
125
137
|
},
|
|
126
138
|
"./src/lib/verbena-switch": {
|
|
127
139
|
"types": "./src/lib/verbena-switch/index.d.ts",
|
|
@@ -129,30 +141,12 @@
|
|
|
129
141
|
"esm": "./esm2022/src/lib/verbena-switch/verben-ng-ui-src-lib-verbena-switch.mjs",
|
|
130
142
|
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-switch.mjs"
|
|
131
143
|
},
|
|
132
|
-
"./src/lib/verbena-textarea": {
|
|
133
|
-
"types": "./src/lib/verbena-textarea/index.d.ts",
|
|
134
|
-
"esm2022": "./esm2022/src/lib/verbena-textarea/verben-ng-ui-src-lib-verbena-textarea.mjs",
|
|
135
|
-
"esm": "./esm2022/src/lib/verbena-textarea/verben-ng-ui-src-lib-verbena-textarea.mjs",
|
|
136
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-textarea.mjs"
|
|
137
|
-
},
|
|
138
144
|
"./src/lib/components/card": {
|
|
139
145
|
"types": "./src/lib/components/card/index.d.ts",
|
|
140
146
|
"esm2022": "./esm2022/src/lib/components/card/verben-ng-ui-src-lib-components-card.mjs",
|
|
141
147
|
"esm": "./esm2022/src/lib/components/card/verben-ng-ui-src-lib-components-card.mjs",
|
|
142
148
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-card.mjs"
|
|
143
149
|
},
|
|
144
|
-
"./src/lib/components/card-data-view": {
|
|
145
|
-
"types": "./src/lib/components/card-data-view/index.d.ts",
|
|
146
|
-
"esm2022": "./esm2022/src/lib/components/card-data-view/verben-ng-ui-src-lib-components-card-data-view.mjs",
|
|
147
|
-
"esm": "./esm2022/src/lib/components/card-data-view/verben-ng-ui-src-lib-components-card-data-view.mjs",
|
|
148
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-card-data-view.mjs"
|
|
149
|
-
},
|
|
150
|
-
"./src/lib/verbena-button": {
|
|
151
|
-
"types": "./src/lib/verbena-button/index.d.ts",
|
|
152
|
-
"esm2022": "./esm2022/src/lib/verbena-button/verben-ng-ui-src-lib-verbena-button.mjs",
|
|
153
|
-
"esm": "./esm2022/src/lib/verbena-button/verben-ng-ui-src-lib-verbena-button.mjs",
|
|
154
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-verbena-button.mjs"
|
|
155
|
-
},
|
|
156
150
|
"./src/lib/components/chip": {
|
|
157
151
|
"types": "./src/lib/components/chip/index.d.ts",
|
|
158
152
|
"esm2022": "./esm2022/src/lib/components/chip/verben-ng-ui-src-lib-components-chip.mjs",
|
|
@@ -171,6 +165,12 @@
|
|
|
171
165
|
"esm": "./esm2022/src/lib/components/data-export/verben-ng-ui-src-lib-components-data-export.mjs",
|
|
172
166
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-data-export.mjs"
|
|
173
167
|
},
|
|
168
|
+
"./src/lib/components/data-extend": {
|
|
169
|
+
"types": "./src/lib/components/data-extend/index.d.ts",
|
|
170
|
+
"esm2022": "./esm2022/src/lib/components/data-extend/verben-ng-ui-src-lib-components-data-extend.mjs",
|
|
171
|
+
"esm": "./esm2022/src/lib/components/data-extend/verben-ng-ui-src-lib-components-data-extend.mjs",
|
|
172
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-data-extend.mjs"
|
|
173
|
+
},
|
|
174
174
|
"./src/lib/components/data-filter": {
|
|
175
175
|
"types": "./src/lib/components/data-filter/index.d.ts",
|
|
176
176
|
"esm2022": "./esm2022/src/lib/components/data-filter/verben-ng-ui-src-lib-components-data-filter.mjs",
|
|
@@ -189,11 +189,17 @@
|
|
|
189
189
|
"esm": "./esm2022/src/lib/components/data-sort/verben-ng-ui-src-lib-components-data-sort.mjs",
|
|
190
190
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-data-sort.mjs"
|
|
191
191
|
},
|
|
192
|
-
"./src/lib/components/data-
|
|
193
|
-
"types": "./src/lib/components/data-
|
|
194
|
-
"esm2022": "./esm2022/src/lib/components/data-
|
|
195
|
-
"esm": "./esm2022/src/lib/components/data-
|
|
196
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-data-
|
|
192
|
+
"./src/lib/components/data-table": {
|
|
193
|
+
"types": "./src/lib/components/data-table/index.d.ts",
|
|
194
|
+
"esm2022": "./esm2022/src/lib/components/data-table/verben-ng-ui-src-lib-components-data-table.mjs",
|
|
195
|
+
"esm": "./esm2022/src/lib/components/data-table/verben-ng-ui-src-lib-components-data-table.mjs",
|
|
196
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-data-table.mjs"
|
|
197
|
+
},
|
|
198
|
+
"./src/lib/components/card-data-view": {
|
|
199
|
+
"types": "./src/lib/components/card-data-view/index.d.ts",
|
|
200
|
+
"esm2022": "./esm2022/src/lib/components/card-data-view/verben-ng-ui-src-lib-components-card-data-view.mjs",
|
|
201
|
+
"esm": "./esm2022/src/lib/components/card-data-view/verben-ng-ui-src-lib-components-card-data-view.mjs",
|
|
202
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-card-data-view.mjs"
|
|
197
203
|
},
|
|
198
204
|
"./src/lib/components/data-view": {
|
|
199
205
|
"types": "./src/lib/components/data-view/index.d.ts",
|
|
@@ -207,17 +213,11 @@
|
|
|
207
213
|
"esm": "./esm2022/src/lib/components/data-xport/verben-ng-ui-src-lib-components-data-xport.mjs",
|
|
208
214
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-data-xport.mjs"
|
|
209
215
|
},
|
|
210
|
-
"./src/lib/components/
|
|
211
|
-
"types": "./src/lib/components/
|
|
212
|
-
"esm2022": "./esm2022/src/lib/components/
|
|
213
|
-
"esm": "./esm2022/src/lib/components/
|
|
214
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-
|
|
215
|
-
},
|
|
216
|
-
"./src/lib/components/icons": {
|
|
217
|
-
"types": "./src/lib/components/icons/index.d.ts",
|
|
218
|
-
"esm2022": "./esm2022/src/lib/components/icons/verben-ng-ui-src-lib-components-icons.mjs",
|
|
219
|
-
"esm": "./esm2022/src/lib/components/icons/verben-ng-ui-src-lib-components-icons.mjs",
|
|
220
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-icons.mjs"
|
|
216
|
+
"./src/lib/components/date-picker": {
|
|
217
|
+
"types": "./src/lib/components/date-picker/index.d.ts",
|
|
218
|
+
"esm2022": "./esm2022/src/lib/components/date-picker/verben-ng-ui-src-lib-components-date-picker.mjs",
|
|
219
|
+
"esm": "./esm2022/src/lib/components/date-picker/verben-ng-ui-src-lib-components-date-picker.mjs",
|
|
220
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-date-picker.mjs"
|
|
221
221
|
},
|
|
222
222
|
"./src/lib/components/drop-down": {
|
|
223
223
|
"types": "./src/lib/components/drop-down/index.d.ts",
|
|
@@ -225,36 +225,36 @@
|
|
|
225
225
|
"esm": "./esm2022/src/lib/components/drop-down/verben-ng-ui-src-lib-components-drop-down.mjs",
|
|
226
226
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-drop-down.mjs"
|
|
227
227
|
},
|
|
228
|
+
"./src/lib/components/icons": {
|
|
229
|
+
"types": "./src/lib/components/icons/index.d.ts",
|
|
230
|
+
"esm2022": "./esm2022/src/lib/components/icons/verben-ng-ui-src-lib-components-icons.mjs",
|
|
231
|
+
"esm": "./esm2022/src/lib/components/icons/verben-ng-ui-src-lib-components-icons.mjs",
|
|
232
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-icons.mjs"
|
|
233
|
+
},
|
|
228
234
|
"./src/lib/components/image": {
|
|
229
235
|
"types": "./src/lib/components/image/index.d.ts",
|
|
230
236
|
"esm2022": "./esm2022/src/lib/components/image/verben-ng-ui-src-lib-components-image.mjs",
|
|
231
237
|
"esm": "./esm2022/src/lib/components/image/verben-ng-ui-src-lib-components-image.mjs",
|
|
232
238
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-image.mjs"
|
|
233
239
|
},
|
|
234
|
-
"./src/lib/components/date-picker": {
|
|
235
|
-
"types": "./src/lib/components/date-picker/index.d.ts",
|
|
236
|
-
"esm2022": "./esm2022/src/lib/components/date-picker/verben-ng-ui-src-lib-components-date-picker.mjs",
|
|
237
|
-
"esm": "./esm2022/src/lib/components/date-picker/verben-ng-ui-src-lib-components-date-picker.mjs",
|
|
238
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-date-picker.mjs"
|
|
239
|
-
},
|
|
240
240
|
"./src/lib/components/number-input": {
|
|
241
241
|
"types": "./src/lib/components/number-input/index.d.ts",
|
|
242
242
|
"esm2022": "./esm2022/src/lib/components/number-input/verben-ng-ui-src-lib-components-number-input.mjs",
|
|
243
243
|
"esm": "./esm2022/src/lib/components/number-input/verben-ng-ui-src-lib-components-number-input.mjs",
|
|
244
244
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-number-input.mjs"
|
|
245
245
|
},
|
|
246
|
-
"./src/lib/components/notification": {
|
|
247
|
-
"types": "./src/lib/components/notification/index.d.ts",
|
|
248
|
-
"esm2022": "./esm2022/src/lib/components/notification/verben-ng-ui-src-lib-components-notification.mjs",
|
|
249
|
-
"esm": "./esm2022/src/lib/components/notification/verben-ng-ui-src-lib-components-notification.mjs",
|
|
250
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-notification.mjs"
|
|
251
|
-
},
|
|
252
246
|
"./src/lib/components/pop-up": {
|
|
253
247
|
"types": "./src/lib/components/pop-up/index.d.ts",
|
|
254
248
|
"esm2022": "./esm2022/src/lib/components/pop-up/verben-ng-ui-src-lib-components-pop-up.mjs",
|
|
255
249
|
"esm": "./esm2022/src/lib/components/pop-up/verben-ng-ui-src-lib-components-pop-up.mjs",
|
|
256
250
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-pop-up.mjs"
|
|
257
251
|
},
|
|
252
|
+
"./src/lib/components/shared": {
|
|
253
|
+
"types": "./src/lib/components/shared/index.d.ts",
|
|
254
|
+
"esm2022": "./esm2022/src/lib/components/shared/verben-ng-ui-src-lib-components-shared.mjs",
|
|
255
|
+
"esm": "./esm2022/src/lib/components/shared/verben-ng-ui-src-lib-components-shared.mjs",
|
|
256
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-shared.mjs"
|
|
257
|
+
},
|
|
258
258
|
"./src/lib/components/sort-table": {
|
|
259
259
|
"types": "./src/lib/components/sort-table/index.d.ts",
|
|
260
260
|
"esm2022": "./esm2022/src/lib/components/sort-table/verben-ng-ui-src-lib-components-sort-table.mjs",
|
|
@@ -267,11 +267,11 @@
|
|
|
267
267
|
"esm": "./esm2022/src/lib/components/svg/verben-ng-ui-src-lib-components-svg.mjs",
|
|
268
268
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-svg.mjs"
|
|
269
269
|
},
|
|
270
|
-
"./src/lib/components/
|
|
271
|
-
"types": "./src/lib/components/
|
|
272
|
-
"esm2022": "./esm2022/src/lib/components/
|
|
273
|
-
"esm": "./esm2022/src/lib/components/
|
|
274
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-
|
|
270
|
+
"./src/lib/components/notification": {
|
|
271
|
+
"types": "./src/lib/components/notification/index.d.ts",
|
|
272
|
+
"esm2022": "./esm2022/src/lib/components/notification/verben-ng-ui-src-lib-components-notification.mjs",
|
|
273
|
+
"esm": "./esm2022/src/lib/components/notification/verben-ng-ui-src-lib-components-notification.mjs",
|
|
274
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-notification.mjs"
|
|
275
275
|
},
|
|
276
276
|
"./src/lib/components/table-filter": {
|
|
277
277
|
"types": "./src/lib/components/table-filter/index.d.ts",
|
|
@@ -291,12 +291,6 @@
|
|
|
291
291
|
"esm": "./esm2022/src/lib/components/verben-dialogue/verben-ng-ui-src-lib-components-verben-dialogue.mjs",
|
|
292
292
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-verben-dialogue.mjs"
|
|
293
293
|
},
|
|
294
|
-
"./src/lib/components/verben-mail": {
|
|
295
|
-
"types": "./src/lib/components/verben-mail/index.d.ts",
|
|
296
|
-
"esm2022": "./esm2022/src/lib/components/verben-mail/verben-ng-ui-src-lib-components-verben-mail.mjs",
|
|
297
|
-
"esm": "./esm2022/src/lib/components/verben-mail/verben-ng-ui-src-lib-components-verben-mail.mjs",
|
|
298
|
-
"default": "./fesm2022/verben-ng-ui-src-lib-components-verben-mail.mjs"
|
|
299
|
-
},
|
|
300
294
|
"./src/lib/components/verben-time-picker": {
|
|
301
295
|
"types": "./src/lib/components/verben-time-picker/index.d.ts",
|
|
302
296
|
"esm2022": "./esm2022/src/lib/components/verben-time-picker/verben-ng-ui-src-lib-components-verben-time-picker.mjs",
|
|
@@ -320,6 +314,12 @@
|
|
|
320
314
|
"esm2022": "./esm2022/src/lib/components/visible-column/verben-ng-ui-src-lib-components-visible-column.mjs",
|
|
321
315
|
"esm": "./esm2022/src/lib/components/visible-column/verben-ng-ui-src-lib-components-visible-column.mjs",
|
|
322
316
|
"default": "./fesm2022/verben-ng-ui-src-lib-components-visible-column.mjs"
|
|
317
|
+
},
|
|
318
|
+
"./src/lib/components/verben-mail": {
|
|
319
|
+
"types": "./src/lib/components/verben-mail/index.d.ts",
|
|
320
|
+
"esm2022": "./esm2022/src/lib/components/verben-mail/verben-ng-ui-src-lib-components-verben-mail.mjs",
|
|
321
|
+
"esm": "./esm2022/src/lib/components/verben-mail/verben-ng-ui-src-lib-components-verben-mail.mjs",
|
|
322
|
+
"default": "./fesm2022/verben-ng-ui-src-lib-components-verben-mail.mjs"
|
|
323
323
|
}
|
|
324
324
|
}
|
|
325
325
|
}
|