raise-common-lib 0.0.170 → 0.0.171
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 +70 -41
- 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/confirm-select/index.component.js +2 -1
- package/esm2015/lib/form/drawer-form/drawer-form.component.js +50 -22
- package/esm2015/lib/layout/drawer/index.component.js +6 -7
- package/esm2015/lib/service/drawer.service.js +3 -14
- package/esm5/lib/form/confirm-select/index.component.js +2 -1
- package/esm5/lib/form/drawer-form/drawer-form.component.js +60 -21
- package/esm5/lib/layout/drawer/index.component.js +6 -7
- package/esm5/lib/service/drawer.service.js +3 -15
- package/fesm2015/raise-common-lib.js +58 -39
- package/fesm2015/raise-common-lib.js.map +1 -1
- package/fesm5/raise-common-lib.js +68 -39
- package/fesm5/raise-common-lib.js.map +1 -1
- package/lib/form/drawer-form/drawer-form.component.d.ts +6 -4
- package/lib/layout/drawer/index.component.d.ts +1 -2
- package/lib/service/drawer.service.d.ts +0 -1
- package/package.json +1 -1
- package/raise-common-lib.metadata.json +1 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
(function (global, factory) {
|
|
2
|
-
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/cdk/drag-drop'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('resize-observer-polyfill'), require('@
|
|
3
|
-
typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/cdk/drag-drop', '@angular/common/http', '@syncfusion/ej2-base', 'resize-observer-polyfill', '@
|
|
4
|
-
(global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.cdk['drag-drop'], global.ng.common.http, global.ej2Base, global.ResizeObserver, global.
|
|
5
|
-
}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, dragDrop, http, ej2Base, ResizeObserver,
|
|
2
|
+
typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('@angular/core'), require('@syncfusion/ej2-angular-grids'), require('lodash'), require('rxjs'), require('@angular/material/snack-bar'), require('@angular/material/dialog'), require('@syncfusion/ej2-angular-treegrid'), require('@syncfusion/ej2-angular-navigations'), require('@angular/router'), require('rxjs/operators'), require('@angular/cdk/drag-drop'), require('@angular/common/http'), require('@syncfusion/ej2-base'), require('resize-observer-polyfill'), require('@syncfusion/ej2-data'), require('moment'), require('@angular/material/icon'), require('@angular/platform-browser'), require('@angular/forms'), require('@angular/common'), require('@syncfusion/ej2-angular-buttons'), require('@syncfusion/ej2-angular-diagrams'), require('@syncfusion/ej2-angular-popups'), require('@syncfusion/ej2-angular-calendars'), require('@syncfusion/ej2-angular-inputs'), require('@syncfusion/ej2-angular-dropdowns'), require('@syncfusion/ej2-angular-pivotview'), require('@syncfusion/ej2-angular-charts'), require('@syncfusion/ej2-angular-layouts'), require('@syncfusion/ej2-angular-pdfviewer'), require('@syncfusion/ej2-angular-splitbuttons'), require('@syncfusion/ej2-angular-richtexteditor'), require('@angular/material/menu'), require('@angular/material/tooltip')) :
|
|
3
|
+
typeof define === 'function' && define.amd ? define('raise-common-lib', ['exports', '@angular/core', '@syncfusion/ej2-angular-grids', 'lodash', 'rxjs', '@angular/material/snack-bar', '@angular/material/dialog', '@syncfusion/ej2-angular-treegrid', '@syncfusion/ej2-angular-navigations', '@angular/router', 'rxjs/operators', '@angular/cdk/drag-drop', '@angular/common/http', '@syncfusion/ej2-base', 'resize-observer-polyfill', '@syncfusion/ej2-data', 'moment', '@angular/material/icon', '@angular/platform-browser', '@angular/forms', '@angular/common', '@syncfusion/ej2-angular-buttons', '@syncfusion/ej2-angular-diagrams', '@syncfusion/ej2-angular-popups', '@syncfusion/ej2-angular-calendars', '@syncfusion/ej2-angular-inputs', '@syncfusion/ej2-angular-dropdowns', '@syncfusion/ej2-angular-pivotview', '@syncfusion/ej2-angular-charts', '@syncfusion/ej2-angular-layouts', '@syncfusion/ej2-angular-pdfviewer', '@syncfusion/ej2-angular-splitbuttons', '@syncfusion/ej2-angular-richtexteditor', '@angular/material/menu', '@angular/material/tooltip'], factory) :
|
|
4
|
+
(global = global || self, factory(global['raise-common-lib'] = {}, global.ng.core, global.ej2AngularGrids, global.lodash, global.rxjs, global.ng.material['snack-bar'], global.ng.material.dialog, global.ej2AngularTreegrid, global.ej2AngularNavigations, global.ng.router, global.rxjs.operators, global.ng.cdk['drag-drop'], global.ng.common.http, global.ej2Base, global.ResizeObserver, global.ej2Data, global.moment, global.ng.material.icon, global.ng.platformBrowser, global.ng.forms, global.ng.common, global.ej2AngularButtons, global.ej2AngularDiagrams, global.ej2AngularPopups, global.ej2AngularCalendars, global.ej2AngularInputs, global.ej2AngularDropdowns, global.ej2AngularPivotview, global.ej2AngularCharts, global.ej2AngularLayouts, global.ej2AngularPdfviewer, global.ej2AngularSplitbuttons, global.ej2AngularRichtexteditor, global.ng.material.menu, global.ng.material.tooltip));
|
|
5
|
+
}(this, (function (exports, core, ej2AngularGrids, lodash, rxjs, snackBar, dialog, ej2AngularTreegrid, ej2AngularNavigations, router, operators, dragDrop, http, ej2Base, ResizeObserver, ej2Data, moment, icon, platformBrowser, forms, common, ej2AngularButtons, ej2AngularDiagrams, ej2AngularPopups, ej2AngularCalendars, ej2AngularInputs, ej2AngularDropdowns, ej2AngularPivotview, ej2AngularCharts, ej2AngularLayouts, ej2AngularPdfviewer, ej2AngularSplitbuttons, ej2AngularRichtexteditor, menu, tooltip) { 'use strict';
|
|
6
6
|
|
|
7
7
|
ResizeObserver = ResizeObserver && ResizeObserver.hasOwnProperty('default') ? ResizeObserver['default'] : ResizeObserver;
|
|
8
|
+
moment = moment && moment.hasOwnProperty('default') ? moment['default'] : moment;
|
|
8
9
|
|
|
9
10
|
/*! *****************************************************************************
|
|
10
11
|
Copyright (c) Microsoft Corporation.
|
|
@@ -3117,16 +3118,10 @@
|
|
|
3117
3118
|
* @return {?}
|
|
3118
3119
|
*/
|
|
3119
3120
|
function (component) {
|
|
3120
|
-
var _this = this;
|
|
3121
3121
|
if (this.uniqueDrawerComponent) {
|
|
3122
3122
|
this.removeDrawer();
|
|
3123
3123
|
}
|
|
3124
3124
|
this.uniqueDrawerComponent = component;
|
|
3125
|
-
this.openedSubscription = component.$isOpened.subscribe((/**
|
|
3126
|
-
* @param {?} value
|
|
3127
|
-
* @return {?}
|
|
3128
|
-
*/
|
|
3129
|
-
function (value) { return !value && _this.hide(); }));
|
|
3130
3125
|
this.listenRouterChange();
|
|
3131
3126
|
};
|
|
3132
3127
|
/**
|
|
@@ -3136,9 +3131,7 @@
|
|
|
3136
3131
|
* @return {?}
|
|
3137
3132
|
*/
|
|
3138
3133
|
function () {
|
|
3139
|
-
this.openedSubscription && this.openedSubscription.unsubscribe();
|
|
3140
3134
|
this.routerSubscription && this.routerSubscription.unsubscribe();
|
|
3141
|
-
this.openedSubscription = null;
|
|
3142
3135
|
this.routerSubscription = null;
|
|
3143
3136
|
this.uniqueDrawerComponent = null;
|
|
3144
3137
|
};
|
|
@@ -3163,7 +3156,7 @@
|
|
|
3163
3156
|
var drawer = this.uniqueDrawerComponent;
|
|
3164
3157
|
if (!this.checkChange("show", { component: component, config: config, data: data }) ||
|
|
3165
3158
|
!drawer ||
|
|
3166
|
-
drawer
|
|
3159
|
+
drawer.isOpened) {
|
|
3167
3160
|
return {
|
|
3168
3161
|
instance: null,
|
|
3169
3162
|
result: null,
|
|
@@ -3235,6 +3228,7 @@
|
|
|
3235
3228
|
/** @type {?} */
|
|
3236
3229
|
var drawer = this.uniqueDrawerComponent;
|
|
3237
3230
|
drawer && drawer.deleteCache(cacheKey);
|
|
3231
|
+
this.resultPromiseResolveMap.delete(cacheKey);
|
|
3238
3232
|
};
|
|
3239
3233
|
/**
|
|
3240
3234
|
* @param {?} callback
|
|
@@ -3305,11 +3299,6 @@
|
|
|
3305
3299
|
* @private
|
|
3306
3300
|
*/
|
|
3307
3301
|
DrawerService.prototype.resultPromiseResolveMap;
|
|
3308
|
-
/**
|
|
3309
|
-
* @type {?}
|
|
3310
|
-
* @private
|
|
3311
|
-
*/
|
|
3312
|
-
DrawerService.prototype.openedSubscription;
|
|
3313
3302
|
/**
|
|
3314
3303
|
* @type {?}
|
|
3315
3304
|
* @private
|
|
@@ -3926,7 +3915,7 @@
|
|
|
3926
3915
|
this.service = service;
|
|
3927
3916
|
this.config = DefaultDrawerConfig;
|
|
3928
3917
|
this.useTransition = "yes";
|
|
3929
|
-
this
|
|
3918
|
+
this.isOpened = false;
|
|
3930
3919
|
this.hiddenDrawer = true;
|
|
3931
3920
|
this.componentRefMap = new Map();
|
|
3932
3921
|
}
|
|
@@ -4162,7 +4151,7 @@
|
|
|
4162
4151
|
*/
|
|
4163
4152
|
function (isOpen, useTransition) {
|
|
4164
4153
|
if (useTransition === void 0) { useTransition = false; }
|
|
4165
|
-
this
|
|
4154
|
+
this.isOpened = isOpen;
|
|
4166
4155
|
this.useTransition = useTransition ? "yes" : "no";
|
|
4167
4156
|
this.hiddenDrawer = !isOpen && !useTransition;
|
|
4168
4157
|
};
|
|
@@ -4173,14 +4162,14 @@
|
|
|
4173
4162
|
* @return {?}
|
|
4174
4163
|
*/
|
|
4175
4164
|
function () {
|
|
4176
|
-
if (
|
|
4165
|
+
if (this.isOpened) {
|
|
4177
4166
|
this.hiddenDrawer = true;
|
|
4178
4167
|
}
|
|
4179
4168
|
};
|
|
4180
4169
|
DrawerComponent.decorators = [
|
|
4181
4170
|
{ type: core.Component, args: [{
|
|
4182
4171
|
selector: "rs-drawer",
|
|
4183
|
-
template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"
|
|
4172
|
+
template: "<div #element id=\"rs-drawer-container\" class=\"rs-drawer-container\">\r\n <div class=\"rs-drawer-content\">\r\n <ng-content></ng-content>\r\n </div>\r\n <div\r\n #drawer\r\n class=\"rs-drawer\"\r\n [attr.data-mode]=\"config.mode\"\r\n [attr.data-opened]=\"isOpened ? 'yes' : 'no'\"\r\n [attr.data-transition]=\"useTransition\"\r\n [hidden]=\"hiddenDrawer\"\r\n (transitionend)=\"onTransitionEnd()\"\r\n >\r\n <div class=\"drawer-header\" #header>\r\n <button class=\"drawer-return-button\" (click)=\"hide()\">\r\n <span class=\"drawer-sub-title\" *ngIf=\"config.subTitle\">\r\n {{ config.subTitle }}\r\n </span>\r\n </button>\r\n <div class=\"drawer-title\">{{ config.title }}</div>\r\n <div class=\"drawer-header-slot\" #headerSlot></div>\r\n </div>\r\n <div class=\"drawer-top-slot\" #topSlot></div>\r\n <div class=\"drawer-content-box\">\r\n <div class=\"drawer-content\" #content>\r\n <div class=\"drawer-content-container\">\r\n <ng-template #dynamicComponentContainer></ng-template>\r\n </div>\r\n </div>\r\n </div>\r\n <div class=\"drawer-toolbar-slot\" #toolbarSlot></div>\r\n </div>\r\n</div>\r\n",
|
|
4184
4173
|
styles: [":host{display:block;height:100%}#rs-drawer-container{height:100%}.rs-drawer-container{height:100%;background-color:transparent;overflow:hidden;position:relative}.rs-drawer-container .rs-drawer-content{width:100%;height:100%;overflow:auto;margin-right:0!important}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar{width:5px;height:5px;background:#fff;position:static;z-index:999;border-radius:10px}.rs-drawer-container .rs-drawer-content::-webkit-scrollbar-thumb{background:#eaedf0}.rs-drawer-container .rs-drawer{width:100%;height:100%;border-left:none;background-color:transparent;overflow:visible;pointer-events:none;opacity:0;display:flex;flex-flow:column nowrap;position:absolute;z-index:2;top:0;left:100%}.rs-drawer-container .rs-drawer[data-opened=yes]{left:0;opacity:1}.rs-drawer-container .rs-drawer[data-transition=yes]{transition:opacity .5s ease-in-out,left .5s ease-in-out}.rs-drawer-container .rs-drawer .drawer-header{flex:none;display:flex;flex-flow:row nowrap;justify-content:flex-start;align-items:center;box-sizing:content-box;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button{flex:none;display:flex;flex-flow:row nowrap;align-items:center;padding:0;border:none;background-color:transparent;cursor:pointer}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button::before{content:url(../../assets/img/drawer-back.svg);width:24px;height:24px;margin-right:8px;transition:transform 125ms ease-in-out}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button:hover::before{transform:translateX(-2px)}.rs-drawer-container .rs-drawer .drawer-header .drawer-return-button .drawer-sub-title{margin-right:12px;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title{flex:none;min-height:14px;padding:0 12px;border-left:1px solid #bdc4ca;font-family:Arial;font-style:normal;font-weight:400}.rs-drawer-container .rs-drawer .drawer-header .drawer-title:empty{padding:0}.rs-drawer-container .rs-drawer .drawer-content-box{flex:auto;height:0;background-color:#f7fafb;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-content{height:100%;padding:0 20px;border:1px solid #ebedf0;border-radius:15px;background-color:#fff;display:flex;flex-flow:column nowrap}.rs-drawer-container .rs-drawer .drawer-content .drawer-content-container{flex:auto;overflow:hidden auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot{flex:none;height:32px;margin-left:auto;display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-toolbar-slot:empty{display:none}.rs-drawer-container .rs-drawer .drawer-top-slot{flex:none;pointer-events:auto}.rs-drawer-container .rs-drawer .drawer-top-slot:empty{height:var(--drawer-top,0);pointer-events:none}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header{height:46px;padding:0 12px 0 8px;background-color:#f7fafb}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-header .drawer-title{color:#1f3f5c;font-size:15px;font-weight:700;line-height:18px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content{padding-bottom:20px}.rs-drawer-container .rs-drawer[data-mode=outer] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-top-slot:empty+.drawer-content-box{padding-top:calc((var(--drawer-top,0) + 1) * 16px)}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header{height:24px;padding:6px 0;border-bottom:1px solid #eaedf0}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-sub-title,.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{color:#44566c;font-size:12px;line-height:14px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-header .drawer-title{font-weight:700}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-content .drawer-content-container{margin-right:-20px;padding-right:20px;padding-left:8px}.rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot{width:100%;padding:16px 0;box-sizing:content-box;border-top:1px solid #eaedf0}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar]{display:flex;flex-flow:row nowrap;justify-content:flex-end;align-items:center;gap:12px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button{display:flex;flex-flow:row nowrap;justify-content:center;align-items:center;gap:6px;min-width:80px;height:32px;padding:0 12px;border:1px solid #adb5bd;border-radius:4px;background-color:#fff;cursor:pointer;color:#44566c;font-size:13px;font-family:Arial;font-style:normal;font-weight:400;line-height:16px}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:hover{border-color:#6c7c90}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button:disabled{opacity:1!important;border-color:#6c7c9066;color:#44566c66;cursor:unset}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary{border:none;background-color:#1364b3;color:#fff}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:hover{background-color:#176bca}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button.primary:disabled{background-color:#1364b366}::ng-deep .rs-drawer-container .rs-drawer .drawer-toolbar-slot [drawer-toolbar] button img{width:16px;height:16px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=outer] .drawer-toolbar-slot [drawer-toolbar] button{height:26px;font-size:12px;line-height:14px}::ng-deep .rs-drawer-container .rs-drawer[data-mode=inner] .drawer-toolbar-slot [drawer-toolbar] button img{display:none}"]
|
|
4185
4174
|
}] }
|
|
4186
4175
|
];
|
|
@@ -4229,7 +4218,7 @@
|
|
|
4229
4218
|
/** @type {?} */
|
|
4230
4219
|
DrawerComponent.prototype.useTransition;
|
|
4231
4220
|
/** @type {?} */
|
|
4232
|
-
DrawerComponent.prototype
|
|
4221
|
+
DrawerComponent.prototype.isOpened;
|
|
4233
4222
|
/** @type {?} */
|
|
4234
4223
|
DrawerComponent.prototype.hiddenDrawer;
|
|
4235
4224
|
/**
|
|
@@ -22294,10 +22283,9 @@
|
|
|
22294
22283
|
* @suppress {checkTypes,constantProperty,extraRequire,missingOverride,missingReturn,unusedPrivateMembers,uselessCode} checked by tsc
|
|
22295
22284
|
*/
|
|
22296
22285
|
var DrawerFormComponent = /** @class */ (function () {
|
|
22297
|
-
function DrawerFormComponent(
|
|
22298
|
-
this.datePipe = datePipe;
|
|
22286
|
+
function DrawerFormComponent(ref) {
|
|
22299
22287
|
this.ref = ref;
|
|
22300
|
-
this.
|
|
22288
|
+
this._sections = [];
|
|
22301
22289
|
this.optionsMap = {};
|
|
22302
22290
|
this.formDisabled = false;
|
|
22303
22291
|
this.showAnchor = true;
|
|
@@ -22311,8 +22299,10 @@
|
|
|
22311
22299
|
this.form = {};
|
|
22312
22300
|
this.formChange = new core.EventEmitter();
|
|
22313
22301
|
this.fieldChange = new core.EventEmitter();
|
|
22302
|
+
this.sections = [];
|
|
22314
22303
|
this.filterOptionsMap = {};
|
|
22315
22304
|
this.fieldValidMap = {};
|
|
22305
|
+
this.dateValidMap = {};
|
|
22316
22306
|
this.scrollIndex = 0;
|
|
22317
22307
|
this.isClickAnchor = false;
|
|
22318
22308
|
}
|
|
@@ -22332,8 +22322,9 @@
|
|
|
22332
22322
|
* @return {?}
|
|
22333
22323
|
*/
|
|
22334
22324
|
function (changes) {
|
|
22335
|
-
if (changes.
|
|
22336
|
-
this.
|
|
22325
|
+
if (changes._sections) {
|
|
22326
|
+
this.sections = filterShowSection(changes._sections.currentValue);
|
|
22327
|
+
this.formatForm(this.sections);
|
|
22337
22328
|
}
|
|
22338
22329
|
if (changes.form && !changes.form.firstChange) {
|
|
22339
22330
|
this.checkFormChange(changes.form.previousValue, changes.form.currentValue);
|
|
@@ -22684,6 +22675,27 @@
|
|
|
22684
22675
|
function (value, field) {
|
|
22685
22676
|
this.callFunction(field.onInput, value, field);
|
|
22686
22677
|
};
|
|
22678
|
+
/**
|
|
22679
|
+
* @param {?} event
|
|
22680
|
+
* @param {?} field
|
|
22681
|
+
* @return {?}
|
|
22682
|
+
*/
|
|
22683
|
+
DrawerFormComponent.prototype.onComponentChange = /**
|
|
22684
|
+
* @param {?} event
|
|
22685
|
+
* @param {?} field
|
|
22686
|
+
* @return {?}
|
|
22687
|
+
*/
|
|
22688
|
+
function (event, field) {
|
|
22689
|
+
if (!event.isInteracted) {
|
|
22690
|
+
return;
|
|
22691
|
+
}
|
|
22692
|
+
/** @type {?} */
|
|
22693
|
+
var value = event.value;
|
|
22694
|
+
if (field.fieldFormType === "Datepicker") {
|
|
22695
|
+
value = moment(value).format("YYYY-MM-DD");
|
|
22696
|
+
}
|
|
22697
|
+
this.onChange(value, field);
|
|
22698
|
+
};
|
|
22687
22699
|
/**
|
|
22688
22700
|
* @param {?} value
|
|
22689
22701
|
* @param {?} field
|
|
@@ -22695,12 +22707,31 @@
|
|
|
22695
22707
|
* @return {?}
|
|
22696
22708
|
*/
|
|
22697
22709
|
function (value, field) {
|
|
22698
|
-
if (field.fieldFormType === "Datepicker") {
|
|
22699
|
-
value = this.datePipe.transform(value, "yyyy-MM-dd");
|
|
22700
|
-
}
|
|
22701
22710
|
this.updateForm(value, field);
|
|
22702
22711
|
this.callFunction(field.onChange, value, field);
|
|
22703
22712
|
};
|
|
22713
|
+
/**
|
|
22714
|
+
* @param {?} event
|
|
22715
|
+
* @param {?} field
|
|
22716
|
+
* @return {?}
|
|
22717
|
+
*/
|
|
22718
|
+
DrawerFormComponent.prototype.onDatePickerBlur = /**
|
|
22719
|
+
* @param {?} event
|
|
22720
|
+
* @param {?} field
|
|
22721
|
+
* @return {?}
|
|
22722
|
+
*/
|
|
22723
|
+
function (event, field) {
|
|
22724
|
+
this.onBlur(field);
|
|
22725
|
+
/** @type {?} */
|
|
22726
|
+
var $input = event.model.element.querySelector("input");
|
|
22727
|
+
if (!$input) {
|
|
22728
|
+
return;
|
|
22729
|
+
}
|
|
22730
|
+
/** @type {?} */
|
|
22731
|
+
var date = moment($input.value);
|
|
22732
|
+
this.onChange(date.isValid() ? date.format("YYYY-MM-DD") : null, field);
|
|
22733
|
+
this.dateValidMap[field.formKey] = date.isValid();
|
|
22734
|
+
};
|
|
22704
22735
|
/**
|
|
22705
22736
|
* @param {?} field
|
|
22706
22737
|
* @return {?}
|
|
@@ -22860,18 +22891,16 @@
|
|
|
22860
22891
|
DrawerFormComponent.decorators = [
|
|
22861
22892
|
{ type: core.Component, args: [{
|
|
22862
22893
|
selector: "rs-drawer-form",
|
|
22863
|
-
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]=\"optionsMap[field.optionKey]\"\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]=\"optionsMap[field.optionKey]\"\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\"\r\n [enabled]=\"!getDisabled(field)\"\r\n [class.error]=\"fieldValidMap[field.formKey] === false\"\r\n (change)=\"
|
|
22864
|
-
providers: [common.DatePipe],
|
|
22894
|
+
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]=\"optionsMap[field.optionKey]\"\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]=\"optionsMap[field.optionKey]\"\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\"\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]=\"optionsMap[field.optionKey]\"\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 *ngIf=\"field.fieldFormType === 'Dropdown'\"\r\n [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\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 (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 [value]=\"form[field.formKey]\"\r\n [dataSource]=\"optionsMap[field.optionKey]\"\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]=\"form[field.formKey]\"\r\n [format]=\"field.format || 'dd-MMM-yyyy'\"\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",
|
|
22865
22895
|
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{flex:auto;display:flex;flex-flow:column nowrap;max-width:1576px}.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}"]
|
|
22866
22896
|
}] }
|
|
22867
22897
|
];
|
|
22868
22898
|
/** @nocollapse */
|
|
22869
22899
|
DrawerFormComponent.ctorParameters = function () { return [
|
|
22870
|
-
{ type: common.DatePipe },
|
|
22871
22900
|
{ type: core.ChangeDetectorRef }
|
|
22872
22901
|
]; };
|
|
22873
22902
|
DrawerFormComponent.propDecorators = {
|
|
22874
|
-
|
|
22903
|
+
_sections: [{ type: core.Input, args: ["sections",] }],
|
|
22875
22904
|
optionsMap: [{ type: core.Input, args: ["optionsMap",] }],
|
|
22876
22905
|
customTemplate: [{ type: core.Input, args: ["customTemplate",] }],
|
|
22877
22906
|
customSectionTemplate: [{ type: core.Input, args: ["customSectionTemplate",] }],
|
|
@@ -22891,7 +22920,7 @@
|
|
|
22891
22920
|
}());
|
|
22892
22921
|
if (false) {
|
|
22893
22922
|
/** @type {?} */
|
|
22894
|
-
DrawerFormComponent.prototype.
|
|
22923
|
+
DrawerFormComponent.prototype._sections;
|
|
22895
22924
|
/** @type {?} */
|
|
22896
22925
|
DrawerFormComponent.prototype.optionsMap;
|
|
22897
22926
|
/** @type {?} */
|
|
@@ -22925,20 +22954,19 @@
|
|
|
22925
22954
|
*/
|
|
22926
22955
|
DrawerFormComponent.prototype.sectionContainers;
|
|
22927
22956
|
/** @type {?} */
|
|
22957
|
+
DrawerFormComponent.prototype.sections;
|
|
22958
|
+
/** @type {?} */
|
|
22928
22959
|
DrawerFormComponent.prototype.filterOptionsMap;
|
|
22929
22960
|
/** @type {?} */
|
|
22930
22961
|
DrawerFormComponent.prototype.fieldValidMap;
|
|
22931
22962
|
/** @type {?} */
|
|
22963
|
+
DrawerFormComponent.prototype.dateValidMap;
|
|
22964
|
+
/** @type {?} */
|
|
22932
22965
|
DrawerFormComponent.prototype.sectionEls;
|
|
22933
22966
|
/** @type {?} */
|
|
22934
22967
|
DrawerFormComponent.prototype.scrollIndex;
|
|
22935
22968
|
/** @type {?} */
|
|
22936
22969
|
DrawerFormComponent.prototype.isClickAnchor;
|
|
22937
|
-
/**
|
|
22938
|
-
* @type {?}
|
|
22939
|
-
* @private
|
|
22940
|
-
*/
|
|
22941
|
-
DrawerFormComponent.prototype.datePipe;
|
|
22942
22970
|
/**
|
|
22943
22971
|
* @type {?}
|
|
22944
22972
|
* @private
|
|
@@ -23425,6 +23453,7 @@
|
|
|
23425
23453
|
*/
|
|
23426
23454
|
function () {
|
|
23427
23455
|
this.selectedItems = JSON.parse(JSON.stringify(this.value || []));
|
|
23456
|
+
this.comfirmSelect.value = this.selectedItems;
|
|
23428
23457
|
};
|
|
23429
23458
|
/**
|
|
23430
23459
|
* @return {?}
|