raise-common-lib 0.0.202 → 0.0.203
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/bundles/raise-common-lib.umd.js +109 -94
- package/bundles/raise-common-lib.umd.js.map +1 -1
- package/bundles/raise-common-lib.umd.min.js +1 -1
- package/bundles/raise-common-lib.umd.min.js.map +1 -1
- package/esm2015/lib/form/drawer-form/drawer-form.component.js +1 -1
- package/esm2015/lib/layout/page-list/index.component.js +14 -2
- package/esm5/lib/form/drawer-form/drawer-form.component.js +1 -1
- package/esm5/lib/layout/page-list/index.component.js +18 -2
- package/fesm2015/raise-common-lib.js +90 -79
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +109 -94
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/layout/page-list/index.component.d.ts +3 -0
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -2774,6 +2774,99 @@
|
|
|
2774
2774
|
TruncatedTextToggleComponent.prototype.showCollapseBtn;
|
|
2775
2775
|
}
|
|
2776
2776
|
|
|
2777
|
+
/**
|
|
2778
|
+
* @fileoverview added by tsickle
|
|
2779
|
+
* Generated from: lib/form/search-input/index.component.ts
|
|
2780
|
+
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
2781
|
+
*/
|
|
2782
|
+
var SearchInputComponent = /** @class */ (function () {
|
|
2783
|
+
function SearchInputComponent() {
|
|
2784
|
+
this.placeholder = "";
|
|
2785
|
+
this.hanleSearch = new core.EventEmitter();
|
|
2786
|
+
this.handleInput = new core.EventEmitter();
|
|
2787
|
+
this.searchValue = "";
|
|
2788
|
+
}
|
|
2789
|
+
/**
|
|
2790
|
+
* @return {?}
|
|
2791
|
+
*/
|
|
2792
|
+
SearchInputComponent.prototype.ngOnInit = /**
|
|
2793
|
+
* @return {?}
|
|
2794
|
+
*/
|
|
2795
|
+
function () {
|
|
2796
|
+
var _this = this;
|
|
2797
|
+
this.getInfo();
|
|
2798
|
+
this.debouncedInput = lodash.debounce((/**
|
|
2799
|
+
* @return {?}
|
|
2800
|
+
*/
|
|
2801
|
+
function () {
|
|
2802
|
+
_this.onSeach();
|
|
2803
|
+
}), 300);
|
|
2804
|
+
};
|
|
2805
|
+
/**
|
|
2806
|
+
* @return {?}
|
|
2807
|
+
*/
|
|
2808
|
+
SearchInputComponent.prototype.getInfo = /**
|
|
2809
|
+
* @return {?}
|
|
2810
|
+
*/
|
|
2811
|
+
function () {
|
|
2812
|
+
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
2813
|
+
this.placeholder = this.placeholder || this.translation.SEARCH;
|
|
2814
|
+
};
|
|
2815
|
+
/**
|
|
2816
|
+
* @param {?} e
|
|
2817
|
+
* @return {?}
|
|
2818
|
+
*/
|
|
2819
|
+
SearchInputComponent.prototype.onInput = /**
|
|
2820
|
+
* @param {?} e
|
|
2821
|
+
* @return {?}
|
|
2822
|
+
*/
|
|
2823
|
+
function (e) {
|
|
2824
|
+
this.handleInput.emit(e.value);
|
|
2825
|
+
this.debouncedInput();
|
|
2826
|
+
};
|
|
2827
|
+
/**
|
|
2828
|
+
* @return {?}
|
|
2829
|
+
*/
|
|
2830
|
+
SearchInputComponent.prototype.onSeach = /**
|
|
2831
|
+
* @return {?}
|
|
2832
|
+
*/
|
|
2833
|
+
function () {
|
|
2834
|
+
this.hanleSearch.emit(this.searchValue);
|
|
2835
|
+
};
|
|
2836
|
+
SearchInputComponent.decorators = [
|
|
2837
|
+
{ type: core.Component, args: [{
|
|
2838
|
+
selector: "rs-search-input",
|
|
2839
|
+
template: "<div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n",
|
|
2840
|
+
styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
2841
|
+
}] }
|
|
2842
|
+
];
|
|
2843
|
+
/** @nocollapse */
|
|
2844
|
+
SearchInputComponent.ctorParameters = function () { return []; };
|
|
2845
|
+
SearchInputComponent.propDecorators = {
|
|
2846
|
+
placeholder: [{ type: core.Input }],
|
|
2847
|
+
hanleSearch: [{ type: core.Output }],
|
|
2848
|
+
handleInput: [{ type: core.Output }]
|
|
2849
|
+
};
|
|
2850
|
+
return SearchInputComponent;
|
|
2851
|
+
}());
|
|
2852
|
+
if (false) {
|
|
2853
|
+
/** @type {?} */
|
|
2854
|
+
SearchInputComponent.prototype.placeholder;
|
|
2855
|
+
/** @type {?} */
|
|
2856
|
+
SearchInputComponent.prototype.hanleSearch;
|
|
2857
|
+
/** @type {?} */
|
|
2858
|
+
SearchInputComponent.prototype.handleInput;
|
|
2859
|
+
/**
|
|
2860
|
+
* @type {?}
|
|
2861
|
+
* @private
|
|
2862
|
+
*/
|
|
2863
|
+
SearchInputComponent.prototype.debouncedInput;
|
|
2864
|
+
/** @type {?} */
|
|
2865
|
+
SearchInputComponent.prototype.searchValue;
|
|
2866
|
+
/** @type {?} */
|
|
2867
|
+
SearchInputComponent.prototype.translation;
|
|
2868
|
+
}
|
|
2869
|
+
|
|
2777
2870
|
/**
|
|
2778
2871
|
* @fileoverview added by tsickle
|
|
2779
2872
|
* Generated from: lib/layout/page-list/index.component.ts
|
|
@@ -2817,6 +2910,18 @@
|
|
|
2817
2910
|
this.hasWholeToolbarSlot = !!this.wholeToolbarSlot;
|
|
2818
2911
|
this.hasLeftContentSlot = !!this.leftContentSlot;
|
|
2819
2912
|
};
|
|
2913
|
+
/**
|
|
2914
|
+
* @param {?} value
|
|
2915
|
+
* @return {?}
|
|
2916
|
+
*/
|
|
2917
|
+
RsPageListComponent.prototype.setSearchValue = /**
|
|
2918
|
+
* @param {?} value
|
|
2919
|
+
* @return {?}
|
|
2920
|
+
*/
|
|
2921
|
+
function (value) {
|
|
2922
|
+
this.searchInput.searchValue = value;
|
|
2923
|
+
this.onSeach(value);
|
|
2924
|
+
};
|
|
2820
2925
|
/**
|
|
2821
2926
|
* @param {?} value
|
|
2822
2927
|
* @return {?}
|
|
@@ -2851,6 +2956,7 @@
|
|
|
2851
2956
|
orignGrid: [{ type: core.ContentChild, args: [ej2AngularGrids.GridComponent, { static: false },] }],
|
|
2852
2957
|
treeGrid: [{ type: core.ContentChild, args: [ej2AngularTreegrid.TreeGridComponent, { static: false },] }],
|
|
2853
2958
|
wholeToolbarSlot: [{ type: core.ContentChild, args: ["wholeToolbarSlot", { static: false },] }],
|
|
2959
|
+
searchInput: [{ type: core.ViewChild, args: ["searchInput", { static: false },] }],
|
|
2854
2960
|
leftContentSlot: [{ type: core.ContentChild, args: ["leftContentSlot", { static: false },] }],
|
|
2855
2961
|
pageTitle: [{ type: core.Input }],
|
|
2856
2962
|
customPageTitle: [{ type: core.Input }],
|
|
@@ -2870,6 +2976,8 @@
|
|
|
2870
2976
|
/** @type {?} */
|
|
2871
2977
|
RsPageListComponent.prototype.wholeToolbarSlot;
|
|
2872
2978
|
/** @type {?} */
|
|
2979
|
+
RsPageListComponent.prototype.searchInput;
|
|
2980
|
+
/** @type {?} */
|
|
2873
2981
|
RsPageListComponent.prototype.leftContentSlot;
|
|
2874
2982
|
/** @type {?} */
|
|
2875
2983
|
RsPageListComponent.prototype.pageTitle;
|
|
@@ -3003,99 +3111,6 @@
|
|
|
3003
3111
|
RsPageTabComponent.prototype.animation;
|
|
3004
3112
|
}
|
|
3005
3113
|
|
|
3006
|
-
/**
|
|
3007
|
-
* @fileoverview added by tsickle
|
|
3008
|
-
* Generated from: lib/form/search-input/index.component.ts
|
|
3009
|
-
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
3010
|
-
*/
|
|
3011
|
-
var SearchInputComponent = /** @class */ (function () {
|
|
3012
|
-
function SearchInputComponent() {
|
|
3013
|
-
this.placeholder = "";
|
|
3014
|
-
this.hanleSearch = new core.EventEmitter();
|
|
3015
|
-
this.handleInput = new core.EventEmitter();
|
|
3016
|
-
this.searchValue = "";
|
|
3017
|
-
}
|
|
3018
|
-
/**
|
|
3019
|
-
* @return {?}
|
|
3020
|
-
*/
|
|
3021
|
-
SearchInputComponent.prototype.ngOnInit = /**
|
|
3022
|
-
* @return {?}
|
|
3023
|
-
*/
|
|
3024
|
-
function () {
|
|
3025
|
-
var _this = this;
|
|
3026
|
-
this.getInfo();
|
|
3027
|
-
this.debouncedInput = lodash.debounce((/**
|
|
3028
|
-
* @return {?}
|
|
3029
|
-
*/
|
|
3030
|
-
function () {
|
|
3031
|
-
_this.onSeach();
|
|
3032
|
-
}), 300);
|
|
3033
|
-
};
|
|
3034
|
-
/**
|
|
3035
|
-
* @return {?}
|
|
3036
|
-
*/
|
|
3037
|
-
SearchInputComponent.prototype.getInfo = /**
|
|
3038
|
-
* @return {?}
|
|
3039
|
-
*/
|
|
3040
|
-
function () {
|
|
3041
|
-
this.translation = JSON.parse(localStorage.getItem("translation"));
|
|
3042
|
-
this.placeholder = this.placeholder || this.translation.SEARCH;
|
|
3043
|
-
};
|
|
3044
|
-
/**
|
|
3045
|
-
* @param {?} e
|
|
3046
|
-
* @return {?}
|
|
3047
|
-
*/
|
|
3048
|
-
SearchInputComponent.prototype.onInput = /**
|
|
3049
|
-
* @param {?} e
|
|
3050
|
-
* @return {?}
|
|
3051
|
-
*/
|
|
3052
|
-
function (e) {
|
|
3053
|
-
this.handleInput.emit(e.value);
|
|
3054
|
-
this.debouncedInput();
|
|
3055
|
-
};
|
|
3056
|
-
/**
|
|
3057
|
-
* @return {?}
|
|
3058
|
-
*/
|
|
3059
|
-
SearchInputComponent.prototype.onSeach = /**
|
|
3060
|
-
* @return {?}
|
|
3061
|
-
*/
|
|
3062
|
-
function () {
|
|
3063
|
-
this.hanleSearch.emit(this.searchValue);
|
|
3064
|
-
};
|
|
3065
|
-
SearchInputComponent.decorators = [
|
|
3066
|
-
{ type: core.Component, args: [{
|
|
3067
|
-
selector: "rs-search-input",
|
|
3068
|
-
template: "<div class=\"rs-search-input\">\r\n <ejs-textbox\r\n type=\"text\"\r\n class=\"e-input\"\r\n [(ngModel)]=\"searchValue\"\r\n (input)=\"onInput($event)\"\r\n [placeholder]=\"placeholder\"\r\n [showClearButton]=\"true\"\r\n autocomplete=\"off\"\r\n ></ejs-textbox>\r\n</div>\r\n",
|
|
3069
|
-
styles: [".rs-search-input{width:240px}.rs-search-input .e-textbox{display:block;box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group{border-radius:14px!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus,.rs-search-input ::ng-deep .e-input-group:hover{box-shadow:0 0 3px 0 rgba(31,123,255,.4)!important;border-color:var(--rs-input-hover-border-color)!important}.rs-search-input ::ng-deep .e-input-group.e-input-focus input.e-input,.rs-search-input ::ng-deep .e-input-group:hover input.e-input{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group input.e-input{width:calc(100% - 50px);height:24px!important;line-height:22px!important}.rs-search-input ::ng-deep .e-input-group input.e-input:hover{box-shadow:none!important}.rs-search-input ::ng-deep .e-input-group::before{content:\"\"!important;margin:5px 0 0 8px;display:block;width:16px;height:16px;background-image:url(/assets/img/search.svg);background-size:cover;background-position:center}"]
|
|
3070
|
-
}] }
|
|
3071
|
-
];
|
|
3072
|
-
/** @nocollapse */
|
|
3073
|
-
SearchInputComponent.ctorParameters = function () { return []; };
|
|
3074
|
-
SearchInputComponent.propDecorators = {
|
|
3075
|
-
placeholder: [{ type: core.Input }],
|
|
3076
|
-
hanleSearch: [{ type: core.Output }],
|
|
3077
|
-
handleInput: [{ type: core.Output }]
|
|
3078
|
-
};
|
|
3079
|
-
return SearchInputComponent;
|
|
3080
|
-
}());
|
|
3081
|
-
if (false) {
|
|
3082
|
-
/** @type {?} */
|
|
3083
|
-
SearchInputComponent.prototype.placeholder;
|
|
3084
|
-
/** @type {?} */
|
|
3085
|
-
SearchInputComponent.prototype.hanleSearch;
|
|
3086
|
-
/** @type {?} */
|
|
3087
|
-
SearchInputComponent.prototype.handleInput;
|
|
3088
|
-
/**
|
|
3089
|
-
* @type {?}
|
|
3090
|
-
* @private
|
|
3091
|
-
*/
|
|
3092
|
-
SearchInputComponent.prototype.debouncedInput;
|
|
3093
|
-
/** @type {?} */
|
|
3094
|
-
SearchInputComponent.prototype.searchValue;
|
|
3095
|
-
/** @type {?} */
|
|
3096
|
-
SearchInputComponent.prototype.translation;
|
|
3097
|
-
}
|
|
3098
|
-
|
|
3099
3114
|
/**
|
|
3100
3115
|
* @fileoverview added by tsickle
|
|
3101
3116
|
* Generated from: lib/layout/grid-box/index.component.ts
|
|
@@ -23298,7 +23313,7 @@
|
|
|
23298
23313
|
{ type: core.Component, args: [{
|
|
23299
23314
|
selector: "rs-drawer-form",
|
|
23300
23315
|
template: "<div #drawerFormEl class=\"rs-drawer-form-container\">\r\n <div class=\"section-container\">\r\n <div #sectionEl class=\"section-item\" *ngFor=\"let section of sections\">\r\n <input\r\n type=\"checkbox\"\r\n class=\"section-expand-checkbox\"\r\n *ngIf=\"section.title\"\r\n />\r\n <div class=\"section-title\" *ngIf=\"section.title\">\r\n <span>{{ section.title }}</span>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"!section.customKey\">\r\n <div\r\n class=\"form-item\"\r\n *ngFor=\"let field of section.fields\"\r\n [attr.data-required]=\"field.required ? 'yes' : 'no'\"\r\n [attr.data-disabled]=\"field.disabled || formDisabled ? 'yes' : 'no'\"\r\n [attr.data-error]=\"\r\n fieldValidMap[field.formKey] === false ? 'yes' : 'no'\r\n \"\r\n >\r\n <div class=\"form-label\">\r\n <span>{{ field.label }}</span>\r\n <ejs-tooltip\r\n class=\"form-tooltip\"\r\n cssClass=\"rs-drawer-tooltip\"\r\n *ngIf=\"field.tooltip\"\r\n position=\"RightCenter\"\r\n [content]=\"field.tooltip\"\r\n >\r\n <span class=\"tooltip-icon\"></span>\r\n </ejs-tooltip>\r\n </div>\r\n <div class=\"form-content\">\r\n <!-- Radio -->\r\n <rs-radio-group\r\n *ngIf=\"field.fieldFormType === 'Radio'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-radio-group>\r\n <!-- Checkbox -->\r\n <rs-checkbox-group\r\n *ngIf=\"field.fieldFormType === 'Checkbox'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-checkbox-group>\r\n <!-- Switch -->\r\n <rs-switch-input\r\n *ngIf=\"field.fieldFormType === 'Switch'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n (valueChange)=\"onChange($event, field)\"\r\n ></rs-switch-input>\r\n <!-- Input -->\r\n <input\r\n class=\"e-input\"\r\n *ngIf=\"\r\n field.fieldFormType === 'Text' ||\r\n field.fieldFormType === 'Email'\r\n \"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n />\r\n <!-- Textarea -->\r\n <textarea\r\n class=\"e-input\"\r\n *ngIf=\"field.fieldFormType === 'Textarea'\"\r\n [value]=\"form[field.formKey]\"\r\n [disabled]=\"getDisabled(field)\"\r\n [required]=\"field.required\"\r\n [attr.maxlength]=\"field.maxlength\"\r\n [attr.minlength]=\"field.minlength\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (input)=\"onInput($event.target.value, field)\"\r\n (change)=\"onChange($event.target.value, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n autocomplete=\"off\"\r\n rows=\"3\"\r\n ></textarea>\r\n <!-- Number Input -->\r\n <ejs-numerictextbox\r\n *ngIf=\"field.fieldFormType === 'Number'\"\r\n [value]=\"form[field.formKey]\"\r\n [max]=\"field.max\"\r\n [min]=\"field.min\"\r\n [step]=\"field.step\"\r\n [decimals]=\"field.decimals\"\r\n [format]=\"field.format || numberFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-numerictextbox>\r\n <!-- Tags Input -->\r\n <rs-tag-input\r\n *ngIf=\"field.fieldFormType === 'Tags'\"\r\n [value]=\"form[field.formKey]\"\r\n [fields]=\"getOptionFields(field)\"\r\n [inputMaxlength]=\"field.maxlength\"\r\n [inputMinlength]=\"field.minlength\"\r\n [disabled]=\"getDisabled(field)\"\r\n [error]=\"fieldValidMap[field.formKey] === false\"\r\n (valueChange)=\"onChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></rs-tag-input>\r\n <!-- AutoComplete -->\r\n <ejs-autocomplete\r\n *ngIf=\"field.fieldFormType === 'AutoComplete'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-autocomplete>\r\n <!-- Dropdown -->\r\n <ejs-dropdownlist\r\n #dropdown\r\n *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showClearButton]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (dataBound)=\"onDropdownDataBound($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n ></ejs-dropdownlist>\r\n <!-- MultiSelect -->\r\n <ejs-multiselect\r\n *ngIf=\"field.fieldFormType === 'MultiSelect'\"\r\n mode=\"CheckBox\"\r\n [ngModel]=\"form[field.formKey]\"\r\n [dataSource]=\"getOptions(field)\"\r\n [fields]=\"getOptionFields(field)\"\r\n [allowFiltering]=\"true\"\r\n [showDropDownIcon]=\"true\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (filtering)=\"onFiltering($event, field)\"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onBlur(field)\"\r\n >\r\n </ejs-multiselect>\r\n <!-- Datepicker -->\r\n <ejs-datepicker\r\n *ngIf=\"field.fieldFormType === 'Datepicker'\"\r\n [(value)]=\"dateForm[field.formKey]\"\r\n [format]=\"field.format || dateFormat\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"\r\n fieldValidMap[field.formKey] === false ||\r\n dateValidMap[field.formKey] === false\r\n \"\r\n (change)=\"onComponentChange($event, field)\"\r\n (focus)=\"onFocus(field)\"\r\n (blur)=\"onDatePickerBlur($event, field)\"\r\n ></ejs-datepicker>\r\n <ng-template\r\n #customTemplateContainer\r\n *ngIf=\"field.fieldFormType === 'Custom'\"\r\n ></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"section-form\" *ngIf=\"section.customKey\">\r\n <ng-template #customSectionContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div *ngIf=\"sections.length > 1 && showAnchor\" class=\"anchor-container\">\r\n <div\r\n class=\"anchor-item\"\r\n *ngFor=\"let section of sections; let index = index\"\r\n [style.display]=\"section.title ? 'block' : 'none'\"\r\n [attr.data-active]=\"scrollIndex === index ? 'yes' : 'no'\"\r\n [attr.data-content]=\"section.title\"\r\n (click)=\"onClickAnchor(index)\"\r\n ></div>\r\n </div>\r\n</div>\r\n",
|
|
23301
|
-
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{
|
|
23316
|
+
styles: [":host{display:block;margin-top:16px}.rs-drawer-form-container{display:flex;flex-flow:row nowrap;align-items:flex-start;gap:32px}.rs-drawer-form-container .section-container{display:flex;flex-flow:column nowrap;max-width:1576px;flex:1;width:0}.rs-drawer-form-container .section-item{position:relative}.rs-drawer-form-container .section-item:not(:first-child){border-top:1px solid #eaedf0}.rs-drawer-form-container .section-expand-checkbox{display:block;width:100%;height:28px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;position:absolute;top:0;left:0}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title::before{transform:rotate(-90deg)}.rs-drawer-form-container .section-expand-checkbox:checked+.section-title+.section-form{max-height:0;overflow:hidden}.rs-drawer-form-container .section-title{padding:6px 0;margin-bottom:12px;color:#44566c;font-family:Arial;font-size:13px;font-style:normal;font-weight:700;line-height:16px;display:flex;flex-flow:row nowrap;align-items:center;pointer-events:none}.rs-drawer-form-container .section-title::before{content:url(../../assets/img/down-arrow.svg);display:block;height:16px;width:16px;margin-right:8px}.rs-drawer-form-container .section-form{display:flex;flex-flow:row wrap;justify-content:space-between;gap:12px 56px;max-width:1576px;padding:0 24px;margin-bottom:20px}.rs-drawer-form-container .section-form .form-item{min-height:28px;min-width:400px;max-width:700px;width:calc((100% - 56px)/ 2);display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:flex-start}.rs-drawer-form-container .section-form .form-item[data-required=yes] .form-label>span:first-child::after{content:\"*\";color:var(--rs-input-require-label-color)}.rs-drawer-form-container .section-form .form-item .form-label{flex:none;width:144px;height:28px;margin-right:16px;color:#43566c;font-family:Arial;font-size:12px;font-style:normal;font-weight:400;line-height:14px;display:flex;flex-flow:row nowrap;align-items:center}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip{margin-left:4px}.rs-drawer-form-container .section-form .form-item .form-label .form-tooltip .tooltip-icon::before{content:\" \";display:block;width:14px;height:14px;background-image:url(../../assets/img/tooltip-icon.svg);background-size:contain;cursor:pointer}.rs-drawer-form-container .section-form .form-item .form-content{flex:auto}@media (max-width:1420px){.rs-drawer-form-container .section-form .form-item{width:100%}}.rs-drawer-form-container .anchor-container{flex:none;display:flex;flex-flow:column nowrap;gap:4px;min-width:120px;height:auto;position:-webkit-sticky;position:sticky;top:56px}.rs-drawer-form-container .anchor-item{min-width:120px;padding:4px 12px;border-left:1px solid #eaedf0;cursor:pointer;color:#44566c;font-family:Arial;font-size:11px;font-style:normal;font-weight:400;line-height:16px;position:relative}.rs-drawer-form-container .anchor-item::before{content:attr(data-content);color:#44566c;font-weight:400;position:absolute;left:12px}.rs-drawer-form-container .anchor-item::after{content:attr(data-content);visibility:hidden;color:#1364b3;font-weight:700}.rs-drawer-form-container .anchor-item[data-active=yes]{border-color:#1f7bff}.rs-drawer-form-container .anchor-item[data-active=yes]::before{visibility:hidden}.rs-drawer-form-container .anchor-item[data-active=yes]::after{visibility:visible}.rs-drawer-tooltip.e-tooltip-wrap{border:none;background-color:#44566c}.rs-drawer-tooltip.e-tooltip-wrap .e-arrow-tip{height:4px;visibility:hidden}"]
|
|
23302
23317
|
}] }
|
|
23303
23318
|
];
|
|
23304
23319
|
/** @nocollapse */
|