@dereekb/dbx-form 9.18.1 → 9.18.3
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/esm2020/calendar/lib/calendar.schedule.selection.dialog.component.mjs +6 -4
- package/esm2020/lib/form.module.mjs +6 -5
- package/esm2020/lib/formly/field/selection/pickable/pickable.field.mjs +4 -3
- package/esm2020/lib/formly/form/form.form.mjs +13 -0
- package/esm2020/lib/formly/form/form.form.module.mjs +21 -0
- package/esm2020/lib/formly/form/index.mjs +4 -0
- package/esm2020/lib/formly/form/search.form.component.mjs +42 -0
- package/esm2020/lib/formly/formly.directive.mjs +2 -1
- package/esm2020/lib/formly/index.mjs +2 -1
- package/fesm2015/dereekb-dbx-form-calendar.mjs +5 -3
- package/fesm2015/dereekb-dbx-form-calendar.mjs.map +1 -1
- package/fesm2015/dereekb-dbx-form.mjs +209 -146
- package/fesm2015/dereekb-dbx-form.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-form-calendar.mjs +5 -3
- package/fesm2020/dereekb-dbx-form-calendar.mjs.map +1 -1
- package/fesm2020/dereekb-dbx-form.mjs +232 -170
- package/fesm2020/dereekb-dbx-form.mjs.map +1 -1
- package/lib/extension/calendar/_calendar.scss +11 -0
- package/lib/form.module.d.ts +2 -1
- package/lib/formly/field/selection/pickable/pickable.field.d.ts +1 -0
- package/lib/formly/form/_form.scss +31 -0
- package/lib/formly/form/form.form.d.ts +10 -0
- package/lib/formly/form/form.form.module.d.ts +11 -0
- package/lib/formly/form/index.d.ts +3 -0
- package/lib/formly/form/search.form.component.d.ts +14 -0
- package/lib/formly/formly.directive.d.ts +1 -0
- package/lib/formly/index.d.ts +1 -0
- package/lib/style/_all-core.scss +2 -0
- package/lib/style/_all-theme.scss +2 -0
- package/lib/style/_all-typography.scss +2 -0
- package/mapbox/package.json +4 -4
- package/package.json +4 -4
|
@@ -26,7 +26,7 @@ import * as i1$1 from '@angular/material/button';
|
|
|
26
26
|
import { MatButtonModule } from '@angular/material/button';
|
|
27
27
|
import * as i3$3 from '@angular/flex-layout/flex';
|
|
28
28
|
import { FlexLayoutModule } from '@angular/flex-layout';
|
|
29
|
-
import { objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, asArray, objectHasNoKeys, addPlusPrefixToNumber, convertMaybeToArray, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, makeValuesGroupMap, findUnique, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, mergeIntoArray, lastValue, separateValues, arrayToMap, cachedGetter, makeGetter, asDecisionFunction, getValueFromGetter, filterMaybeValues, dateFromLogicalDate, WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, transformNumberFunction, concatArrays, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN,
|
|
29
|
+
import { objectIsEmpty, mergeObjectsFunction, filterFromPOJOFunction, mergeObjects, filterFromPOJO, asArray, objectHasNoKeys, addPlusPrefixToNumber, convertMaybeToArray, isSelectedDecisionFunctionFactory, readKeysFrom, hasDifferentValues, makeValuesGroupMap, findUnique, searchStringFilterFunction, caseInsensitiveFilterByIndexOfDecisionFactory, sortByStringFunction, mergeIntoArray, lastValue, separateValues, arrayToMap, cachedGetter, makeGetter, asDecisionFunction, getValueFromGetter, filterMaybeValues, dateFromLogicalDate, WEBSITE_DOMAIN_NAME_REGEX, KeyValueTypleValueFilter, valuesFromPOJO, allObjectsAreEqual, isNumberDivisibleBy, nearestDivisibleValues, transformNumberFunction, concatArrays, transformStringFunction, US_STATE_CODE_STRING_REGEX, ZIP_CODE_STRING_REGEX, LAT_LNG_PATTERN, BooleanStringKeyArrayUtilityInstance, capitalizeFirstLetter } from '@dereekb/util';
|
|
30
30
|
import * as i2$2 from '@angular/material/slide-toggle';
|
|
31
31
|
import { MatSlideToggleModule } from '@angular/material/slide-toggle';
|
|
32
32
|
import * as i2$3 from '@angular/flex-layout/extended';
|
|
@@ -2060,8 +2060,9 @@ function filterPickableItemFieldValuesByLabel(filterText, values) {
|
|
|
2060
2060
|
}
|
|
2061
2061
|
return of(filteredValues.map((x) => x.value));
|
|
2062
2062
|
}
|
|
2063
|
+
const sortPickableItemsByLabelStringFunction = sortByStringFunction((x) => x.itemValue.label);
|
|
2063
2064
|
function sortPickableItemsByLabel(chips) {
|
|
2064
|
-
return chips.sort(
|
|
2065
|
+
return chips.sort(sortPickableItemsByLabelStringFunction);
|
|
2065
2066
|
}
|
|
2066
2067
|
function pickableItemChipField(config) {
|
|
2067
2068
|
const { key } = config;
|
|
@@ -4100,115 +4101,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4100
4101
|
}]
|
|
4101
4102
|
}] });
|
|
4102
4103
|
|
|
4103
|
-
/**
|
|
4104
|
-
* Configured simple text password field.
|
|
4105
|
-
*
|
|
4106
|
-
* @param config
|
|
4107
|
-
* @returns
|
|
4108
|
-
*/
|
|
4109
|
-
function textPasswordField(config) {
|
|
4110
|
-
var _a;
|
|
4111
|
-
return textField(Object.assign(Object.assign({ key: 'password' }, config), { label: (_a = config === null || config === void 0 ? void 0 : config.label) !== null && _a !== void 0 ? _a : 'Password', inputType: 'password', required: true }));
|
|
4112
|
-
}
|
|
4113
|
-
/**
|
|
4114
|
-
* Configured verify field for a password.
|
|
4115
|
-
* @param config
|
|
4116
|
-
* @returns
|
|
4117
|
-
*/
|
|
4118
|
-
function textVerifyPasswordField(config) {
|
|
4119
|
-
return textPasswordField(Object.assign(Object.assign({ key: 'verifyPassword', label: 'Verify Password' }, config), { required: true }));
|
|
4120
|
-
}
|
|
4121
|
-
function textPasswordWithVerifyFieldGroup(config) {
|
|
4122
|
-
var _a, _b, _c, _d, _e;
|
|
4123
|
-
const passwordFieldConfig = textPasswordField(config.password);
|
|
4124
|
-
const verifyPasswordFieldKey = (_b = (_a = config.verifyPassword) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : `verify${capitalizeFirstLetter(String(passwordFieldConfig.key))}`;
|
|
4125
|
-
const verifyPasswordField = textVerifyPasswordField(Object.assign(Object.assign(Object.assign({}, config.password), config.verifyPassword), { label: (_d = (_c = config.verifyPassword) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : `Verify ${(_e = passwordFieldConfig.props) === null || _e === void 0 ? void 0 : _e.label}`, key: verifyPasswordFieldKey }));
|
|
4126
|
-
const validators = {
|
|
4127
|
-
validation: [
|
|
4128
|
-
{
|
|
4129
|
-
errorPath: verifyPasswordFieldKey,
|
|
4130
|
-
expression: fieldValuesAreEqualValidator({ keysFilter: [passwordFieldConfig.key, verifyPasswordField.key], message: 'The passwords do not match.' })
|
|
4131
|
-
}
|
|
4132
|
-
]
|
|
4133
|
-
};
|
|
4134
|
-
const groupFieldConfig = {
|
|
4135
|
-
validators,
|
|
4136
|
-
fieldGroup: [passwordFieldConfig, verifyPasswordField]
|
|
4137
|
-
};
|
|
4138
|
-
return groupFieldConfig;
|
|
4139
|
-
}
|
|
4140
|
-
/**
|
|
4141
|
-
* Template for login field that takes in a username and password.
|
|
4142
|
-
*
|
|
4143
|
-
* @param param0
|
|
4144
|
-
* @returns
|
|
4145
|
-
*/
|
|
4146
|
-
function usernamePasswordLoginFields({ username, password, verifyPassword }) {
|
|
4147
|
-
let usernameField;
|
|
4148
|
-
let usernameFieldConfig = username;
|
|
4149
|
-
const defaultUsernameFieldConfig = { key: 'username', required: true };
|
|
4150
|
-
if (typeof username === 'string') {
|
|
4151
|
-
if (username === 'email') {
|
|
4152
|
-
usernameFieldConfig = {
|
|
4153
|
-
email: defaultUsernameFieldConfig
|
|
4154
|
-
};
|
|
4155
|
-
}
|
|
4156
|
-
else {
|
|
4157
|
-
usernameFieldConfig = {
|
|
4158
|
-
username: defaultUsernameFieldConfig
|
|
4159
|
-
};
|
|
4160
|
-
}
|
|
4161
|
-
}
|
|
4162
|
-
if (usernameFieldConfig.email) {
|
|
4163
|
-
usernameField = emailField(Object.assign(Object.assign({}, usernameFieldConfig.username), defaultUsernameFieldConfig));
|
|
4164
|
-
}
|
|
4165
|
-
else {
|
|
4166
|
-
usernameField = textField(Object.assign(Object.assign({}, usernameFieldConfig.username), defaultUsernameFieldConfig));
|
|
4167
|
-
}
|
|
4168
|
-
const passwordField = verifyPassword ? textPasswordWithVerifyFieldGroup({ password, verifyPassword: verifyPassword === true ? undefined : verifyPassword }) : textPasswordField(password);
|
|
4169
|
-
return [usernameField, passwordField];
|
|
4170
|
-
}
|
|
4171
|
-
|
|
4172
|
-
function textIsAvailableField(config) {
|
|
4173
|
-
const field = textField(config);
|
|
4174
|
-
field.asyncValidators = {
|
|
4175
|
-
validation: [
|
|
4176
|
-
{
|
|
4177
|
-
expression: fieldValueIsAvailableValidator(Object.assign(Object.assign({}, config), { message: config === null || config === void 0 ? void 0 : config.isNotAvailableErrorMessage }))
|
|
4178
|
-
}
|
|
4179
|
-
]
|
|
4180
|
-
};
|
|
4181
|
-
return workingWrapper(field, {});
|
|
4182
|
-
}
|
|
4183
|
-
|
|
4184
|
-
function timezoneStringSearchFunction() {
|
|
4185
|
-
const timezoneInfos = allTimezoneInfos();
|
|
4186
|
-
return (search) => {
|
|
4187
|
-
let searchResults;
|
|
4188
|
-
if (search.length === 0) {
|
|
4189
|
-
searchResults = [timezoneInfoForSystem()].concat(timezoneInfos);
|
|
4190
|
-
}
|
|
4191
|
-
else {
|
|
4192
|
-
searchResults = searchTimezoneInfos(search, timezoneInfos);
|
|
4193
|
-
}
|
|
4194
|
-
return of(searchResults.map((meta) => ({ value: meta.timezone, meta })));
|
|
4195
|
-
};
|
|
4196
|
-
}
|
|
4197
|
-
const DISPLAY_FOR_TIMEZONE_STRING_VALUE = (values) => {
|
|
4198
|
-
const displayValues = values.map((x) => { var _a, _b; return (Object.assign(Object.assign({}, x), { label: x.value, sublabel: (_b = (_a = x.meta) === null || _a === void 0 ? void 0 : _a.abbreviation) !== null && _b !== void 0 ? _b : 'Unknown' })); });
|
|
4199
|
-
const obs = of(displayValues);
|
|
4200
|
-
return obs;
|
|
4201
|
-
};
|
|
4202
|
-
/**
|
|
4203
|
-
* Template for login field that takes in a username and password.
|
|
4204
|
-
*
|
|
4205
|
-
* @param param0
|
|
4206
|
-
* @returns
|
|
4207
|
-
*/
|
|
4208
|
-
function timezoneStringField(config = {}) {
|
|
4209
|
-
return searchableTextField(Object.assign(Object.assign({ key: 'timezone', label: 'Timezone' }, config), { searchOnEmptyText: true, search: timezoneStringSearchFunction(), displayForValue: DISPLAY_FOR_TIMEZONE_STRING_VALUE }));
|
|
4210
|
-
}
|
|
4211
|
-
|
|
4212
4104
|
/**
|
|
4213
4105
|
* Allows a directive to provide a formly context and form.
|
|
4214
4106
|
*/
|
|
@@ -4384,6 +4276,7 @@ class AbstractConfigAsyncFormlyFormDirective extends AbstractAsyncFormlyFormDire
|
|
|
4384
4276
|
constructor() {
|
|
4385
4277
|
super(...arguments);
|
|
4386
4278
|
this._config = new BehaviorSubject(undefined);
|
|
4279
|
+
this.currentConfig$ = this._config.asObservable();
|
|
4387
4280
|
this.config$ = this._config.pipe(filterMaybe(), shareReplay(1));
|
|
4388
4281
|
}
|
|
4389
4282
|
get config() {
|
|
@@ -4405,38 +4298,17 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4405
4298
|
type: Input
|
|
4406
4299
|
}] } });
|
|
4407
4300
|
|
|
4408
|
-
|
|
4409
|
-
|
|
4410
|
-
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
|
|
4415
|
-
|
|
4416
|
-
|
|
4417
|
-
|
|
4418
|
-
return this._fields.value;
|
|
4419
|
-
}
|
|
4420
|
-
set fields(fields) {
|
|
4421
|
-
this._fields.next(fields);
|
|
4422
|
-
}
|
|
4423
|
-
ngOnDestroy() {
|
|
4424
|
-
super.ngOnDestroy();
|
|
4425
|
-
this._fields.complete();
|
|
4426
|
-
}
|
|
4301
|
+
function dbxFormSearchFormFields(config) {
|
|
4302
|
+
const { label = ' ', placeholder = 'Search' } = config || {};
|
|
4303
|
+
return [
|
|
4304
|
+
textField({
|
|
4305
|
+
key: 'search',
|
|
4306
|
+
label,
|
|
4307
|
+
placeholder,
|
|
4308
|
+
autocomplete: false
|
|
4309
|
+
})
|
|
4310
|
+
];
|
|
4427
4311
|
}
|
|
4428
|
-
DbxFormlyFieldsContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormlyFieldsContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4429
|
-
DbxFormlyFieldsContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxFormlyFieldsContextDirective, selector: "[dbxFormlyFields]", inputs: { fields: ["dbxFormlyFields", "fields"] }, providers: provideFormlyContext(), usesInheritance: true, ngImport: i0 });
|
|
4430
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormlyFieldsContextDirective, decorators: [{
|
|
4431
|
-
type: Directive,
|
|
4432
|
-
args: [{
|
|
4433
|
-
selector: '[dbxFormlyFields]',
|
|
4434
|
-
providers: provideFormlyContext()
|
|
4435
|
-
}]
|
|
4436
|
-
}], propDecorators: { fields: [{
|
|
4437
|
-
type: Input,
|
|
4438
|
-
args: ['dbxFormlyFields']
|
|
4439
|
-
}] } });
|
|
4440
4312
|
|
|
4441
4313
|
/**
|
|
4442
4314
|
* Used for rending a form from a DbxFormlyContext.
|
|
@@ -4609,6 +4481,74 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4609
4481
|
}]
|
|
4610
4482
|
}], ctorParameters: function () { return [{ type: DbxFormlyContext }]; } });
|
|
4611
4483
|
|
|
4484
|
+
class DbxFormSearchFormComponent extends AbstractConfigAsyncFormlyFormDirective {
|
|
4485
|
+
constructor() {
|
|
4486
|
+
super(...arguments);
|
|
4487
|
+
this.search = new EventEmitter();
|
|
4488
|
+
this.fields$ = this.currentConfig$.pipe(map(dbxFormSearchFormFields));
|
|
4489
|
+
}
|
|
4490
|
+
searchChanged(value) {
|
|
4491
|
+
var _a;
|
|
4492
|
+
this.search.next((_a = value.search) !== null && _a !== void 0 ? _a : '');
|
|
4493
|
+
}
|
|
4494
|
+
ngOnDestroy() {
|
|
4495
|
+
super.ngOnDestroy();
|
|
4496
|
+
this.search.complete();
|
|
4497
|
+
}
|
|
4498
|
+
}
|
|
4499
|
+
DbxFormSearchFormComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormSearchFormComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
4500
|
+
DbxFormSearchFormComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "14.2.12", type: DbxFormSearchFormComponent, selector: "dbx-form-search-form", outputs: { search: "search" }, host: { classAttribute: "d-block dbx-form-search-form" }, providers: [provideFormlyContext()], usesInheritance: true, ngImport: i0, template: `
|
|
4501
|
+
<dbx-formly (dbxFormValueChange)="searchChanged($event)"></dbx-formly>
|
|
4502
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: DbxFormValueChangesDirective, selector: "[dbxFormValueChange]", outputs: ["dbxFormValueChange"] }, { kind: "component", type: DbxFormlyFormComponent, selector: "dbx-formly", exportAs: ["formly"] }] });
|
|
4503
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormSearchFormComponent, decorators: [{
|
|
4504
|
+
type: Component,
|
|
4505
|
+
args: [{
|
|
4506
|
+
template: `
|
|
4507
|
+
<dbx-formly (dbxFormValueChange)="searchChanged($event)"></dbx-formly>
|
|
4508
|
+
`,
|
|
4509
|
+
selector: 'dbx-form-search-form',
|
|
4510
|
+
providers: [provideFormlyContext()],
|
|
4511
|
+
host: {
|
|
4512
|
+
class: 'd-block dbx-form-search-form'
|
|
4513
|
+
}
|
|
4514
|
+
}]
|
|
4515
|
+
}], propDecorators: { search: [{
|
|
4516
|
+
type: Output
|
|
4517
|
+
}] } });
|
|
4518
|
+
|
|
4519
|
+
/**
|
|
4520
|
+
* Provides an DbxFormlyContext and has an input for fields.
|
|
4521
|
+
*/
|
|
4522
|
+
class DbxFormlyFieldsContextDirective extends AbstractAsyncFormlyFormDirective {
|
|
4523
|
+
constructor() {
|
|
4524
|
+
super(...arguments);
|
|
4525
|
+
this._fields = new BehaviorSubject(undefined);
|
|
4526
|
+
this.fields$ = this._fields.asObservable();
|
|
4527
|
+
}
|
|
4528
|
+
get fields() {
|
|
4529
|
+
return this._fields.value;
|
|
4530
|
+
}
|
|
4531
|
+
set fields(fields) {
|
|
4532
|
+
this._fields.next(fields);
|
|
4533
|
+
}
|
|
4534
|
+
ngOnDestroy() {
|
|
4535
|
+
super.ngOnDestroy();
|
|
4536
|
+
this._fields.complete();
|
|
4537
|
+
}
|
|
4538
|
+
}
|
|
4539
|
+
DbxFormlyFieldsContextDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormlyFieldsContextDirective, deps: null, target: i0.ɵɵFactoryTarget.Directive });
|
|
4540
|
+
DbxFormlyFieldsContextDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "14.2.12", type: DbxFormlyFieldsContextDirective, selector: "[dbxFormlyFields]", inputs: { fields: ["dbxFormlyFields", "fields"] }, providers: provideFormlyContext(), usesInheritance: true, ngImport: i0 });
|
|
4541
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormlyFieldsContextDirective, decorators: [{
|
|
4542
|
+
type: Directive,
|
|
4543
|
+
args: [{
|
|
4544
|
+
selector: '[dbxFormlyFields]',
|
|
4545
|
+
providers: provideFormlyContext()
|
|
4546
|
+
}]
|
|
4547
|
+
}], propDecorators: { fields: [{
|
|
4548
|
+
type: Input,
|
|
4549
|
+
args: ['dbxFormlyFields']
|
|
4550
|
+
}] } });
|
|
4551
|
+
|
|
4612
4552
|
class DbxFormlyModule {
|
|
4613
4553
|
}
|
|
4614
4554
|
DbxFormlyModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormlyModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
@@ -4642,6 +4582,129 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4642
4582
|
}]
|
|
4643
4583
|
}] });
|
|
4644
4584
|
|
|
4585
|
+
class DbxFormFormlyFormModule {
|
|
4586
|
+
}
|
|
4587
|
+
DbxFormFormlyFormModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormFormlyFormModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4588
|
+
DbxFormFormlyFormModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxFormFormlyFormModule, declarations: [DbxFormSearchFormComponent], imports: [CommonModule, DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule], exports: [DbxFormSearchFormComponent] });
|
|
4589
|
+
DbxFormFormlyFormModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormFormlyFormModule, imports: [CommonModule, DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule] });
|
|
4590
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormFormlyFormModule, decorators: [{
|
|
4591
|
+
type: NgModule,
|
|
4592
|
+
args: [{
|
|
4593
|
+
imports: [CommonModule, DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule],
|
|
4594
|
+
declarations: [DbxFormSearchFormComponent],
|
|
4595
|
+
exports: [DbxFormSearchFormComponent]
|
|
4596
|
+
}]
|
|
4597
|
+
}] });
|
|
4598
|
+
|
|
4599
|
+
/**
|
|
4600
|
+
* Configured simple text password field.
|
|
4601
|
+
*
|
|
4602
|
+
* @param config
|
|
4603
|
+
* @returns
|
|
4604
|
+
*/
|
|
4605
|
+
function textPasswordField(config) {
|
|
4606
|
+
var _a;
|
|
4607
|
+
return textField(Object.assign(Object.assign({ key: 'password' }, config), { label: (_a = config === null || config === void 0 ? void 0 : config.label) !== null && _a !== void 0 ? _a : 'Password', inputType: 'password', required: true }));
|
|
4608
|
+
}
|
|
4609
|
+
/**
|
|
4610
|
+
* Configured verify field for a password.
|
|
4611
|
+
* @param config
|
|
4612
|
+
* @returns
|
|
4613
|
+
*/
|
|
4614
|
+
function textVerifyPasswordField(config) {
|
|
4615
|
+
return textPasswordField(Object.assign(Object.assign({ key: 'verifyPassword', label: 'Verify Password' }, config), { required: true }));
|
|
4616
|
+
}
|
|
4617
|
+
function textPasswordWithVerifyFieldGroup(config) {
|
|
4618
|
+
var _a, _b, _c, _d, _e;
|
|
4619
|
+
const passwordFieldConfig = textPasswordField(config.password);
|
|
4620
|
+
const verifyPasswordFieldKey = (_b = (_a = config.verifyPassword) === null || _a === void 0 ? void 0 : _a.key) !== null && _b !== void 0 ? _b : `verify${capitalizeFirstLetter(String(passwordFieldConfig.key))}`;
|
|
4621
|
+
const verifyPasswordField = textVerifyPasswordField(Object.assign(Object.assign(Object.assign({}, config.password), config.verifyPassword), { label: (_d = (_c = config.verifyPassword) === null || _c === void 0 ? void 0 : _c.label) !== null && _d !== void 0 ? _d : `Verify ${(_e = passwordFieldConfig.props) === null || _e === void 0 ? void 0 : _e.label}`, key: verifyPasswordFieldKey }));
|
|
4622
|
+
const validators = {
|
|
4623
|
+
validation: [
|
|
4624
|
+
{
|
|
4625
|
+
errorPath: verifyPasswordFieldKey,
|
|
4626
|
+
expression: fieldValuesAreEqualValidator({ keysFilter: [passwordFieldConfig.key, verifyPasswordField.key], message: 'The passwords do not match.' })
|
|
4627
|
+
}
|
|
4628
|
+
]
|
|
4629
|
+
};
|
|
4630
|
+
const groupFieldConfig = {
|
|
4631
|
+
validators,
|
|
4632
|
+
fieldGroup: [passwordFieldConfig, verifyPasswordField]
|
|
4633
|
+
};
|
|
4634
|
+
return groupFieldConfig;
|
|
4635
|
+
}
|
|
4636
|
+
/**
|
|
4637
|
+
* Template for login field that takes in a username and password.
|
|
4638
|
+
*
|
|
4639
|
+
* @param param0
|
|
4640
|
+
* @returns
|
|
4641
|
+
*/
|
|
4642
|
+
function usernamePasswordLoginFields({ username, password, verifyPassword }) {
|
|
4643
|
+
let usernameField;
|
|
4644
|
+
let usernameFieldConfig = username;
|
|
4645
|
+
const defaultUsernameFieldConfig = { key: 'username', required: true };
|
|
4646
|
+
if (typeof username === 'string') {
|
|
4647
|
+
if (username === 'email') {
|
|
4648
|
+
usernameFieldConfig = {
|
|
4649
|
+
email: defaultUsernameFieldConfig
|
|
4650
|
+
};
|
|
4651
|
+
}
|
|
4652
|
+
else {
|
|
4653
|
+
usernameFieldConfig = {
|
|
4654
|
+
username: defaultUsernameFieldConfig
|
|
4655
|
+
};
|
|
4656
|
+
}
|
|
4657
|
+
}
|
|
4658
|
+
if (usernameFieldConfig.email) {
|
|
4659
|
+
usernameField = emailField(Object.assign(Object.assign({}, usernameFieldConfig.username), defaultUsernameFieldConfig));
|
|
4660
|
+
}
|
|
4661
|
+
else {
|
|
4662
|
+
usernameField = textField(Object.assign(Object.assign({}, usernameFieldConfig.username), defaultUsernameFieldConfig));
|
|
4663
|
+
}
|
|
4664
|
+
const passwordField = verifyPassword ? textPasswordWithVerifyFieldGroup({ password, verifyPassword: verifyPassword === true ? undefined : verifyPassword }) : textPasswordField(password);
|
|
4665
|
+
return [usernameField, passwordField];
|
|
4666
|
+
}
|
|
4667
|
+
|
|
4668
|
+
function textIsAvailableField(config) {
|
|
4669
|
+
const field = textField(config);
|
|
4670
|
+
field.asyncValidators = {
|
|
4671
|
+
validation: [
|
|
4672
|
+
{
|
|
4673
|
+
expression: fieldValueIsAvailableValidator(Object.assign(Object.assign({}, config), { message: config === null || config === void 0 ? void 0 : config.isNotAvailableErrorMessage }))
|
|
4674
|
+
}
|
|
4675
|
+
]
|
|
4676
|
+
};
|
|
4677
|
+
return workingWrapper(field, {});
|
|
4678
|
+
}
|
|
4679
|
+
|
|
4680
|
+
function timezoneStringSearchFunction() {
|
|
4681
|
+
const timezoneInfos = allTimezoneInfos();
|
|
4682
|
+
return (search) => {
|
|
4683
|
+
let searchResults;
|
|
4684
|
+
if (search.length === 0) {
|
|
4685
|
+
searchResults = [timezoneInfoForSystem()].concat(timezoneInfos);
|
|
4686
|
+
}
|
|
4687
|
+
else {
|
|
4688
|
+
searchResults = searchTimezoneInfos(search, timezoneInfos);
|
|
4689
|
+
}
|
|
4690
|
+
return of(searchResults.map((meta) => ({ value: meta.timezone, meta })));
|
|
4691
|
+
};
|
|
4692
|
+
}
|
|
4693
|
+
const DISPLAY_FOR_TIMEZONE_STRING_VALUE = (values) => {
|
|
4694
|
+
const displayValues = values.map((x) => { var _a, _b; return (Object.assign(Object.assign({}, x), { label: x.value, sublabel: (_b = (_a = x.meta) === null || _a === void 0 ? void 0 : _a.abbreviation) !== null && _b !== void 0 ? _b : 'Unknown' })); });
|
|
4695
|
+
const obs = of(displayValues);
|
|
4696
|
+
return obs;
|
|
4697
|
+
};
|
|
4698
|
+
/**
|
|
4699
|
+
* Template for login field that takes in a username and password.
|
|
4700
|
+
*
|
|
4701
|
+
* @param param0
|
|
4702
|
+
* @returns
|
|
4703
|
+
*/
|
|
4704
|
+
function timezoneStringField(config = {}) {
|
|
4705
|
+
return searchableTextField(Object.assign(Object.assign({ key: 'timezone', label: 'Timezone' }, config), { searchOnEmptyText: true, search: timezoneStringSearchFunction(), displayForValue: DISPLAY_FOR_TIMEZONE_STRING_VALUE }));
|
|
4706
|
+
}
|
|
4707
|
+
|
|
4645
4708
|
/**
|
|
4646
4709
|
* Provides vertical spacing after a form.
|
|
4647
4710
|
*/
|
|
@@ -4678,12 +4741,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4678
4741
|
class DbxFormExtensionModule {
|
|
4679
4742
|
}
|
|
4680
4743
|
DbxFormExtensionModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormExtensionModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
|
|
4681
|
-
DbxFormExtensionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxFormExtensionModule, exports: [DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule] });
|
|
4682
|
-
DbxFormExtensionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormExtensionModule, imports: [DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule] });
|
|
4744
|
+
DbxFormExtensionModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "14.2.12", ngImport: i0, type: DbxFormExtensionModule, exports: [DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule, DbxFormFormlyFormModule] });
|
|
4745
|
+
DbxFormExtensionModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormExtensionModule, imports: [DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule, DbxFormFormlyFormModule] });
|
|
4683
4746
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImport: i0, type: DbxFormExtensionModule, decorators: [{
|
|
4684
4747
|
type: NgModule,
|
|
4685
4748
|
args: [{
|
|
4686
|
-
exports: [DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule]
|
|
4749
|
+
exports: [DbxFormModule, DbxFormlyModule, DbxFormFormlyFieldModule, DbxFormFormlyFormModule]
|
|
4687
4750
|
}]
|
|
4688
4751
|
}] });
|
|
4689
4752
|
|
|
@@ -4691,5 +4754,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "14.2.12", ngImpo
|
|
|
4691
4754
|
* Generated bundle index. Do not edit.
|
|
4692
4755
|
*/
|
|
4693
4756
|
|
|
4694
|
-
export { APP_ACTION_FORM_DISABLED_KEY, AUTO_TOUCH_WRAPPER_KEY, AbstractAsyncFormlyFormDirective, AbstractConfigAsyncFormlyFormDirective, AbstractDbxPickableItemFieldDirective, AbstractDbxSearchableFieldDisplayDirective, AbstractDbxSearchableValueFieldDirective, AbstractFormExpandableSectionWrapperDirective, AbstractFormlyFormDirective, AbstractSyncFormlyFormDirective, AutoTouchFieldWrapperComponent, ChecklistItemFieldDataSetBuilder, DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN, DEFAULT_FORM_DISABLED_KEY, DEFAULT_HAS_VALUE_FN, DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE, DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER, DEFAULT_PREFERRED_COUNTRIES, DISPLAY_FOR_TIMEZONE_STRING_VALUE, DbxActionFormDirective, DbxActionFormSafetyDirective, DbxChecklistItemContentComponent, DbxChecklistItemFieldComponent, DbxDateTimeFieldComponent, DbxDateTimeFieldTimeMode, DbxDateTimeValueMode, DbxDefaultChecklistItemFieldDisplayComponent, DbxDefaultSearchableFieldDisplayComponent, DbxForm, DbxFormActionModule, DbxFormActionTransitionModule, DbxFormComponentFieldComponent, DbxFormExpandWrapperComponent, DbxFormExtensionModule, DbxFormFlexWrapperComponent, DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyChecklistItemFieldModule, DbxFormFormlyComponentFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyDbxListFieldModule, DbxFormFormlyFieldModule, DbxFormFormlyNumberFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySelectionModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyValueModule, DbxFormFormlyWrapperModule, DbxFormInfoWrapperComponent, DbxFormIoModule, DbxFormLayoutModule, DbxFormLoadingSourceDirective, DbxFormModule, DbxFormRepeatArrayTypeComponent, DbxFormSectionWrapperComponent, DbxFormSourceDirective, DbxFormSpacerComponent, DbxFormState, DbxFormSubsectionWrapperComponent, DbxFormToggleWrapperComponent, DbxFormValueChangesDirective, DbxFormWorkingWrapperComponent, DbxFormlyContext, DbxFormlyFieldsContextDirective, DbxFormlyFormComponent, DbxFormlyModule, DbxItemListFieldComponent, DbxMutableForm, DbxPhoneFieldComponent, DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, DbxSearchableChipFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxSearchableTextFieldComponent, DbxTextEditorFieldComponent, EXPANDABLE_WRAPPER_KEY, FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY, FLEX_WRAPPER_KEY, INFO_WRAPPER_KEY, INVALID_PHONE_NUMBER_MESSAGE, IS_DIVISIBLE_BY_VALIDATION_KEY, LABEL_STRING_MAX_LENGTH, MAX_LENGTH_VALIDATION_MESSAGE, MAX_VALIDATION_MESSAGE, MIN_LENGTH_VALIDATION_MESSAGE, MIN_VALIDATION_MESSAGE, PHONE_LABEL_MAX_LENGTH, REQUIRED_VALIDATION_MESSAGE, SEARCH_STRING_MAX_LENGTH, SECTION_WRAPPER_KEY, STYLE_WRAPPER_KEY, SUBSECTION_WRAPPER_KEY, TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS, TOGGLE_WRAPPER_KEY, WORKING_WRAPPER_KEY, addValueSelectionOptionFunction, addWrapperToFormlyFieldConfig, addressField, addressFormlyFields, addressLineField, addressListField, autoTouchWrapper, checkIsFieldFlexLayoutGroupFieldConfig, checkboxField, checklistItemField, chipTextField, cityField, componentField, countryField, dateRangeField, dateTimeField, dbxDateTimeInputValueParseFactory, dbxDateTimeOutputValueFactory, dbxFormSourceObservable, dbxFormSourceObservableFromStream, dbxListField, defaultValidationMessages, disableFormlyFieldAutofillAttributes, dollarAmountField, emailField, expandWrapper, fieldValueIsAvailableValidator, fieldValuesAreEqualValidator, filterPartialPotentialFieldConfigValuesFromObject, filterPickableItemFieldValuesByLabel, filterPickableItemFieldValuesByLabelFilterFunction, flexLayoutWrapper, formlyField, hiddenField, infoWrapper, isDivisibleBy, isDomain, isInRange, isTruthy, latLngTextField, makeMetaFilterSearchableFieldValueDisplayFn, maxLengthValidationMessage, maxValidationMessage, mergePropsValueObjects, minLengthValidationMessage, minValidationMessage, nameField, numberField, numberFieldTransformParser, partialPotentialFieldConfigKeys, partialPotentialFieldConfigKeysFilter, phoneAndLabelSectionField, phoneField, phoneListField, pickableItemChipField, pickableItemListField, propsAndConfigForFieldConfig, propsForFieldConfig, propsValueForFieldConfig, provideDbxForm, provideDbxMutableForm, provideFormlyContext, repeatArrayField, searchableChipField, searchableStringChipField, searchableTextField, sectionWrapper, sortPickableItemsByLabel, stateField, styleWrapper, subsectionWrapper, syncConfigValueObs, textAreaField, textEditorField, textField, textFieldTransformParser, textIsAvailableField, textPasswordField, textPasswordWithVerifyFieldGroup, textVerifyPasswordField, timeOnlyField, timezoneStringField, timezoneStringSearchFunction, toggleField, toggleWrapper, usernamePasswordLoginFields, validatorsForFieldConfig, valueSelectionField, workingWrapper, wrappedPhoneAndLabelField, zipCodeField };
|
|
4757
|
+
export { APP_ACTION_FORM_DISABLED_KEY, AUTO_TOUCH_WRAPPER_KEY, AbstractAsyncFormlyFormDirective, AbstractConfigAsyncFormlyFormDirective, AbstractDbxPickableItemFieldDirective, AbstractDbxSearchableFieldDisplayDirective, AbstractDbxSearchableValueFieldDirective, AbstractFormExpandableSectionWrapperDirective, AbstractFormlyFormDirective, AbstractSyncFormlyFormDirective, AutoTouchFieldWrapperComponent, ChecklistItemFieldDataSetBuilder, DBX_SEARCHABLE_FIELD_COMPONENT_DATA_TOKEN, DEFAULT_FORM_DISABLED_KEY, DEFAULT_HAS_VALUE_FN, DEFAULT_LAT_LNG_TEXT_FIELD_PATTERN_MESSAGE, DEFAULT_LAT_LNG_TEXT_FIELD_PLACEHOLDER, DEFAULT_PREFERRED_COUNTRIES, DISPLAY_FOR_TIMEZONE_STRING_VALUE, DbxActionFormDirective, DbxActionFormSafetyDirective, DbxChecklistItemContentComponent, DbxChecklistItemFieldComponent, DbxDateTimeFieldComponent, DbxDateTimeFieldTimeMode, DbxDateTimeValueMode, DbxDefaultChecklistItemFieldDisplayComponent, DbxDefaultSearchableFieldDisplayComponent, DbxForm, DbxFormActionModule, DbxFormActionTransitionModule, DbxFormComponentFieldComponent, DbxFormExpandWrapperComponent, DbxFormExtensionModule, DbxFormFlexWrapperComponent, DbxFormFormlyArrayFieldModule, DbxFormFormlyBooleanFieldModule, DbxFormFormlyChecklistItemFieldModule, DbxFormFormlyComponentFieldModule, DbxFormFormlyDateFieldModule, DbxFormFormlyDbxListFieldModule, DbxFormFormlyFieldModule, DbxFormFormlyFormModule, DbxFormFormlyNumberFieldModule, DbxFormFormlyPhoneFieldModule, DbxFormFormlyPickableFieldModule, DbxFormFormlySearchableFieldModule, DbxFormFormlySelectionModule, DbxFormFormlyTextEditorFieldModule, DbxFormFormlyTextFieldModule, DbxFormFormlyValueModule, DbxFormFormlyWrapperModule, DbxFormInfoWrapperComponent, DbxFormIoModule, DbxFormLayoutModule, DbxFormLoadingSourceDirective, DbxFormModule, DbxFormRepeatArrayTypeComponent, DbxFormSearchFormComponent, DbxFormSectionWrapperComponent, DbxFormSourceDirective, DbxFormSpacerComponent, DbxFormState, DbxFormSubsectionWrapperComponent, DbxFormToggleWrapperComponent, DbxFormValueChangesDirective, DbxFormWorkingWrapperComponent, DbxFormlyContext, DbxFormlyFieldsContextDirective, DbxFormlyFormComponent, DbxFormlyModule, DbxItemListFieldComponent, DbxMutableForm, DbxPhoneFieldComponent, DbxPickableChipListFieldComponent, DbxPickableListFieldComponent, DbxPickableListFieldItemListComponent, DbxPickableListFieldItemListViewComponent, DbxPickableListFieldItemListViewItemComponent, DbxSearchableChipFieldComponent, DbxSearchableFieldAutocompleteItemComponent, DbxSearchableTextFieldComponent, DbxTextEditorFieldComponent, EXPANDABLE_WRAPPER_KEY, FIELD_VALUES_ARE_EQUAL_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_ERROR_VALIDATION_KEY, FIELD_VALUE_IS_AVAILABLE_VALIDATION_KEY, FLEX_WRAPPER_KEY, INFO_WRAPPER_KEY, INVALID_PHONE_NUMBER_MESSAGE, IS_DIVISIBLE_BY_VALIDATION_KEY, LABEL_STRING_MAX_LENGTH, MAX_LENGTH_VALIDATION_MESSAGE, MAX_VALIDATION_MESSAGE, MIN_LENGTH_VALIDATION_MESSAGE, MIN_VALIDATION_MESSAGE, PHONE_LABEL_MAX_LENGTH, REQUIRED_VALIDATION_MESSAGE, SEARCH_STRING_MAX_LENGTH, SECTION_WRAPPER_KEY, STYLE_WRAPPER_KEY, SUBSECTION_WRAPPER_KEY, TAKE_NEXT_UPCOMING_TIME_CONFIG_OBS, TOGGLE_WRAPPER_KEY, WORKING_WRAPPER_KEY, addValueSelectionOptionFunction, addWrapperToFormlyFieldConfig, addressField, addressFormlyFields, addressLineField, addressListField, autoTouchWrapper, checkIsFieldFlexLayoutGroupFieldConfig, checkboxField, checklistItemField, chipTextField, cityField, componentField, countryField, dateRangeField, dateTimeField, dbxDateTimeInputValueParseFactory, dbxDateTimeOutputValueFactory, dbxFormSearchFormFields, dbxFormSourceObservable, dbxFormSourceObservableFromStream, dbxListField, defaultValidationMessages, disableFormlyFieldAutofillAttributes, dollarAmountField, emailField, expandWrapper, fieldValueIsAvailableValidator, fieldValuesAreEqualValidator, filterPartialPotentialFieldConfigValuesFromObject, filterPickableItemFieldValuesByLabel, filterPickableItemFieldValuesByLabelFilterFunction, flexLayoutWrapper, formlyField, hiddenField, infoWrapper, isDivisibleBy, isDomain, isInRange, isTruthy, latLngTextField, makeMetaFilterSearchableFieldValueDisplayFn, maxLengthValidationMessage, maxValidationMessage, mergePropsValueObjects, minLengthValidationMessage, minValidationMessage, nameField, numberField, numberFieldTransformParser, partialPotentialFieldConfigKeys, partialPotentialFieldConfigKeysFilter, phoneAndLabelSectionField, phoneField, phoneListField, pickableItemChipField, pickableItemListField, propsAndConfigForFieldConfig, propsForFieldConfig, propsValueForFieldConfig, provideDbxForm, provideDbxMutableForm, provideFormlyContext, repeatArrayField, searchableChipField, searchableStringChipField, searchableTextField, sectionWrapper, sortPickableItemsByLabel, sortPickableItemsByLabelStringFunction, stateField, styleWrapper, subsectionWrapper, syncConfigValueObs, textAreaField, textEditorField, textField, textFieldTransformParser, textIsAvailableField, textPasswordField, textPasswordWithVerifyFieldGroup, textVerifyPasswordField, timeOnlyField, timezoneStringField, timezoneStringSearchFunction, toggleField, toggleWrapper, usernamePasswordLoginFields, validatorsForFieldConfig, valueSelectionField, workingWrapper, wrappedPhoneAndLabelField, zipCodeField };
|
|
4695
4758
|
//# sourceMappingURL=dereekb-dbx-form.mjs.map
|