@alfresco/adf-core 8.6.0-25366098366 → 8.6.0-25384976868
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/fesm2022/adf-core.mjs +102 -14
- package/fesm2022/adf-core.mjs.map +1 -1
- package/lib/card-view/components/card-view-dateitem/card-view-dateitem.component.d.ts +9 -2
- package/lib/card-view/interfaces/card-view-dateitem-properties.interface.d.ts +1 -0
- package/lib/card-view/models/card-view-dateitem.model.d.ts +6 -1
- package/lib/card-view/models/card-view-datetimeitem.model.d.ts +0 -1
- package/package.json +3 -3
package/fesm2022/adf-core.mjs
CHANGED
|
@@ -6,7 +6,7 @@ import * as i2 from '@angular/material/table';
|
|
|
6
6
|
import { MatTableModule, MatTableDataSource } from '@angular/material/table';
|
|
7
7
|
import { TranslatePipe, TranslateService, provideTranslateService, provideTranslateLoader } from '@ngx-translate/core';
|
|
8
8
|
import { HttpClient, HttpHeaders, HttpResponse, HTTP_INTERCEPTORS, provideHttpClient, withInterceptorsFromDi, withXsrfConfiguration } from '@angular/common/http';
|
|
9
|
-
import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, firstValueFrom, combineLatest, defer, EMPTY, race, forkJoin, merge,
|
|
9
|
+
import { ReplaySubject, BehaviorSubject, of, Subject, switchMap as switchMap$1, from, fromEvent, Observable, throwError, firstValueFrom, combineLatest, defer, EMPTY, race, forkJoin, merge, filter as filter$1, isObservable, debounceTime as debounceTime$1 } from 'rxjs';
|
|
10
10
|
import { map, distinctUntilChanged, take, switchMap, delay, catchError, skipWhile, filter, first, timeout, shareReplay, mergeMap, tap, retry, debounceTime, share, pairwise, takeUntil, buffer } from 'rxjs/operators';
|
|
11
11
|
import { ExtensionService, mergeObjects, AppExtensionService, ExtensionsModule, PreviewExtensionComponent } from '@alfresco/adf-extensions';
|
|
12
12
|
import * as i2$1 from '@angular/material/card';
|
|
@@ -1836,16 +1836,16 @@ class DateFnsUtils {
|
|
|
1836
1836
|
adapter.displayFormat = '<custom date-fns format>';
|
|
1837
1837
|
* }
|
|
1838
1838
|
*/
|
|
1839
|
-
const DEFAULT_DATE_FORMAT = 'dd-MM-yyyy';
|
|
1839
|
+
const DEFAULT_DATE_FORMAT$1 = 'dd-MM-yyyy';
|
|
1840
1840
|
/**
|
|
1841
1841
|
* Material date formats for Date-fns
|
|
1842
1842
|
*/
|
|
1843
1843
|
const ADF_DATE_FORMATS = {
|
|
1844
1844
|
parse: {
|
|
1845
|
-
dateInput: DEFAULT_DATE_FORMAT
|
|
1845
|
+
dateInput: DEFAULT_DATE_FORMAT$1
|
|
1846
1846
|
},
|
|
1847
1847
|
display: {
|
|
1848
|
-
dateInput: DEFAULT_DATE_FORMAT,
|
|
1848
|
+
dateInput: DEFAULT_DATE_FORMAT$1,
|
|
1849
1849
|
monthLabel: 'LLL',
|
|
1850
1850
|
monthYearLabel: 'LLL uuuu',
|
|
1851
1851
|
dateA11yLabel: 'PP',
|
|
@@ -1897,7 +1897,7 @@ class AdfDateFnsAdapter extends DateFnsAdapter {
|
|
|
1897
1897
|
return super.format(date, displayFormat);
|
|
1898
1898
|
}
|
|
1899
1899
|
parseAndValidateDate(value) {
|
|
1900
|
-
const parsedDate = parse(value, this.displayFormat || DEFAULT_DATE_FORMAT, new Date());
|
|
1900
|
+
const parsedDate = parse(value, this.displayFormat || DEFAULT_DATE_FORMAT$1, new Date());
|
|
1901
1901
|
return isValid(parsedDate) ? parsedDate : value;
|
|
1902
1902
|
}
|
|
1903
1903
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: AdfDateFnsAdapter, deps: [], target: i0.ɵɵFactoryTarget.Injectable }); }
|
|
@@ -2014,7 +2014,7 @@ class AdfDateTimeFnsAdapter extends DatetimeAdapter {
|
|
|
2014
2014
|
}
|
|
2015
2015
|
format(date, displayFormat) {
|
|
2016
2016
|
displayFormat = DateFnsUtils.convertMomentToDateFnsFormat(displayFormat);
|
|
2017
|
-
if (this.displayFormat && displayFormat === this.formats?.display?.datetimeInput) {
|
|
2017
|
+
if (this.displayFormat && (displayFormat === this.formats?.display?.datetimeInput || displayFormat === this.formats?.display?.dateInput)) {
|
|
2018
2018
|
return this._delegate.format(date, this.displayFormat || displayFormat);
|
|
2019
2019
|
}
|
|
2020
2020
|
return this._delegate.format(date, displayFormat);
|
|
@@ -18191,23 +18191,59 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
18191
18191
|
* See the License for the specific language governing permissions and
|
|
18192
18192
|
* limitations under the License.
|
|
18193
18193
|
*/
|
|
18194
|
+
const DEFAULT_DATE_FORMAT = 'MMM DD';
|
|
18194
18195
|
class CardViewDateItemComponent extends BaseCardView {
|
|
18195
18196
|
constructor() {
|
|
18196
18197
|
super();
|
|
18197
18198
|
this.dateAdapter = inject(DateAdapter);
|
|
18199
|
+
this.datetimeAdapter = inject(DatetimeAdapter);
|
|
18198
18200
|
this.userPreferencesService = inject(UserPreferencesService);
|
|
18199
18201
|
this.clipboardService = inject(ClipboardService);
|
|
18200
18202
|
this.translateService = inject(TranslationService);
|
|
18203
|
+
this.destroyRef = inject(DestroyRef);
|
|
18201
18204
|
this.displayEmpty = true;
|
|
18202
18205
|
this.displayClearAction = true;
|
|
18203
18206
|
this.cardViewDateTimeControl = new FormControl(null);
|
|
18207
|
+
this.property$ = new BehaviorSubject(undefined);
|
|
18204
18208
|
// Use effect to react to locale signal changes (must be in injection context)
|
|
18205
18209
|
effect(() => {
|
|
18206
18210
|
this.property.locale = this.userPreferencesService.localeSignal();
|
|
18207
18211
|
});
|
|
18208
18212
|
}
|
|
18213
|
+
ngOnChanges(changes) {
|
|
18214
|
+
if (changes.property) {
|
|
18215
|
+
this.property$.next(this.property);
|
|
18216
|
+
if (!changes.property.firstChange) {
|
|
18217
|
+
this.handleFormatChange();
|
|
18218
|
+
this.syncControlDisabledState();
|
|
18219
|
+
if (!this.property.multivalued) {
|
|
18220
|
+
this.initSingleValueProperty();
|
|
18221
|
+
}
|
|
18222
|
+
else {
|
|
18223
|
+
this.initMultivaluedProperty();
|
|
18224
|
+
}
|
|
18225
|
+
}
|
|
18226
|
+
}
|
|
18227
|
+
if (changes.editable && !changes.editable.firstChange) {
|
|
18228
|
+
this.syncControlDisabledState();
|
|
18229
|
+
}
|
|
18230
|
+
}
|
|
18209
18231
|
ngOnInit() {
|
|
18210
|
-
this.
|
|
18232
|
+
this.property$.next(this.property);
|
|
18233
|
+
this.property$
|
|
18234
|
+
.pipe(switchMap$1((prop) => prop?.formatChanges$ ?? EMPTY), takeUntilDestroyed(this.destroyRef))
|
|
18235
|
+
.subscribe(() => this.handleFormatChange());
|
|
18236
|
+
this.cardViewUpdateService.updateItem$
|
|
18237
|
+
.pipe(filter$1((itemModel) => itemModel.key === this.property.key), takeUntilDestroyed(this.destroyRef))
|
|
18238
|
+
.subscribe(() => {
|
|
18239
|
+
if (!this.property.multivalued) {
|
|
18240
|
+
this.initSingleValueProperty();
|
|
18241
|
+
}
|
|
18242
|
+
else {
|
|
18243
|
+
this.initMultivaluedProperty();
|
|
18244
|
+
}
|
|
18245
|
+
});
|
|
18246
|
+
this.applyFormat();
|
|
18211
18247
|
if (this.property.multivalued) {
|
|
18212
18248
|
this.initMultivaluedProperty();
|
|
18213
18249
|
}
|
|
@@ -18215,6 +18251,16 @@ class CardViewDateItemComponent extends BaseCardView {
|
|
|
18215
18251
|
this.initSingleValueProperty();
|
|
18216
18252
|
}
|
|
18217
18253
|
}
|
|
18254
|
+
applyFormat() {
|
|
18255
|
+
if (this.property.allowManualInput && this.property.format) {
|
|
18256
|
+
this.dateAdapter.displayFormat = this.property.format;
|
|
18257
|
+
this.datetimeAdapter.displayFormat = this.property.format;
|
|
18258
|
+
}
|
|
18259
|
+
else {
|
|
18260
|
+
this.dateAdapter.displayFormat = DEFAULT_DATE_FORMAT;
|
|
18261
|
+
this.datetimeAdapter.displayFormat = null;
|
|
18262
|
+
}
|
|
18263
|
+
}
|
|
18218
18264
|
get showProperty() {
|
|
18219
18265
|
return this.displayEmpty || !this.property.isEmpty();
|
|
18220
18266
|
}
|
|
@@ -18233,12 +18279,18 @@ class CardViewDateItemComponent extends BaseCardView {
|
|
|
18233
18279
|
this.property.value = DateFnsUtils.forceUtc(event.value);
|
|
18234
18280
|
this.valueDate = DateFnsUtils.forceLocal(event.value);
|
|
18235
18281
|
}
|
|
18282
|
+
if (this.property.allowManualInput) {
|
|
18283
|
+
this.cardViewDateTimeControl.setValue(this.valueDate, { emitEvent: false });
|
|
18284
|
+
}
|
|
18236
18285
|
this.update();
|
|
18237
18286
|
}
|
|
18238
18287
|
}
|
|
18239
18288
|
}
|
|
18240
18289
|
onDateClear() {
|
|
18241
18290
|
this.valueDate = null;
|
|
18291
|
+
if (this.property.allowManualInput) {
|
|
18292
|
+
this.cardViewDateTimeControl.setValue(null, { emitEvent: false });
|
|
18293
|
+
}
|
|
18242
18294
|
this.cardViewUpdateService.update({ ...this.property }, null);
|
|
18243
18295
|
this.property.value = null;
|
|
18244
18296
|
this.property.default = null;
|
|
@@ -18270,12 +18322,34 @@ class CardViewDateItemComponent extends BaseCardView {
|
|
|
18270
18322
|
update() {
|
|
18271
18323
|
this.cardViewUpdateService.update({ ...this.property }, this.property.value);
|
|
18272
18324
|
}
|
|
18325
|
+
syncControlDisabledState() {
|
|
18326
|
+
if (!this.property.allowManualInput) {
|
|
18327
|
+
return;
|
|
18328
|
+
}
|
|
18329
|
+
if (!this.isEditable) {
|
|
18330
|
+
this.cardViewDateTimeControl.disable({ emitEvent: false });
|
|
18331
|
+
}
|
|
18332
|
+
else {
|
|
18333
|
+
this.cardViewDateTimeControl.enable({ emitEvent: false });
|
|
18334
|
+
}
|
|
18335
|
+
}
|
|
18336
|
+
handleFormatChange() {
|
|
18337
|
+
this.applyFormat();
|
|
18338
|
+
if (this.property.allowManualInput && this.cardViewDateTimeControl.value !== null) {
|
|
18339
|
+
this.cardViewDateTimeControl.setValue(this.cardViewDateTimeControl.value, { emitEvent: false });
|
|
18340
|
+
}
|
|
18341
|
+
}
|
|
18273
18342
|
initSingleValueProperty() {
|
|
18343
|
+
this.valueDate = null;
|
|
18274
18344
|
if (this.property.value && !Array.isArray(this.property.value)) {
|
|
18275
18345
|
const date = new Date(this.property.value);
|
|
18276
18346
|
this.property.value = date;
|
|
18277
18347
|
this.valueDate = this.property.type === 'date' ? DateFnsUtils.forceLocal(date) : date;
|
|
18278
18348
|
}
|
|
18349
|
+
if (this.property.allowManualInput) {
|
|
18350
|
+
this.cardViewDateTimeControl.setValue(this.valueDate ?? null);
|
|
18351
|
+
this.syncControlDisabledState();
|
|
18352
|
+
}
|
|
18279
18353
|
}
|
|
18280
18354
|
initMultivaluedProperty() {
|
|
18281
18355
|
if (!this.property.value) {
|
|
@@ -18292,7 +18366,7 @@ class CardViewDateItemComponent extends BaseCardView {
|
|
|
18292
18366
|
{ provide: MAT_DATETIME_FORMATS, useValue: ADF_DATETIME_FORMATS },
|
|
18293
18367
|
{ provide: DateAdapter, useClass: AdfDateFnsAdapter },
|
|
18294
18368
|
{ provide: DatetimeAdapter, useClass: AdfDateTimeFnsAdapter }
|
|
18295
|
-
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, ngImport: i0, template: "<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty || !editable }\">\n @if (!property.multivalued) {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n @if (showProperty) {\n {{ property.displayValue }}\n } @else {\n {{ property.default | translate }}\n }\n\n </span>\n </span>\n </div>\n <input\n matInput\n [disabled]=\"isReadonlyProperty || !editable\"\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n @if (showClearAction) {\n <mat-icon\n matIconSuffix\n class=\"adf-date-reset-icon\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n adf-icon=\"clear\"\n />\n }\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [disabled]=\"isReadonlyProperty || !editable\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n </mat-form-field>\n } @else {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\" [disabled]=\"isReadonlyProperty || !editable\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n @if (isEditable) {\n <mat-icon matChipRemove adf-icon=\"cancel\" />\n }\n </mat-chip-option>\n </mat-chip-listbox>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n ></span>\n </div>\n <input\n matInput\n [disabled]=\"isReadonlyProperty || !editable\"\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n [disabled]=\"isReadonlyProperty || !editable\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n </mat-form-field>\n }\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{width:100%}.adf-card-view-dateitem .adf-dateitem-editable .adf-date-reset-icon{padding:0}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;position:relative}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;position:relative}.adf-card-view-dateitem .adf-property-value{line-height:20px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i4$2.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i4$2.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i4$2.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i6.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i6.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i6.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18369
|
+
], viewQueries: [{ propertyName: "datepicker", first: true, predicate: ["datetimePicker"], descendants: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty || !editable }\">\n @if (!property.multivalued) {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n @if (property.allowManualInput) {\n <input\n matInput\n [matDatetimepicker]=\"datetimePicker\"\n [formControl]=\"cardViewDateTimeControl\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n [attr.data-automation-id]=\"'datepicker-manual-input-' + property.key\"\n [placeholder]=\"property.default ? (property.default | translate) : ''\"\n />\n } @else {\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n @if (showProperty) {\n {{ property.displayValue }}\n } @else {\n {{ property.default | translate }}\n }\n\n </span>\n </span>\n </div>\n <input\n matInput\n [disabled]=\"isReadonlyProperty || !editable\"\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n }\n @if (showClearAction) {\n <mat-icon\n matIconSuffix\n class=\"adf-date-reset-icon\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n adf-icon=\"clear\"\n />\n }\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [disabled]=\"isReadonlyProperty || !editable\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n </mat-form-field>\n } @else {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\" [disabled]=\"isReadonlyProperty || !editable\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n @if (isEditable) {\n <mat-icon matChipRemove adf-icon=\"cancel\" />\n }\n </mat-chip-option>\n </mat-chip-listbox>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n ></span>\n </div>\n <input\n matInput\n [disabled]=\"isReadonlyProperty || !editable\"\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n [disabled]=\"isReadonlyProperty || !editable\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n </mat-form-field>\n }\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{width:100%}.adf-card-view-dateitem .adf-dateitem-editable .adf-date-reset-icon{padding:0}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;position:relative}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;position:relative}.adf-card-view-dateitem .adf-property-value{line-height:20px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgForOf, selector: "[ngFor][ngForOf]", inputs: ["ngForOf", "ngForTrackBy", "ngForTemplate"] }, { kind: "pipe", type: TranslatePipe, name: "translate" }, { kind: "ngmodule", type: IconModule }, { kind: "component", type: i1$2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: IconDirective, selector: "mat-icon[adf-icon]", inputs: ["adf-icon"] }, { kind: "ngmodule", type: MatDatetimepickerModule }, { kind: "component", type: i4$2.MatDatetimepickerComponent, selector: "mat-datetimepicker", inputs: ["multiYearSelector", "twelvehour", "startView", "mode", "timeInterval", "ariaNextMonthLabel", "ariaPrevMonthLabel", "ariaNextYearLabel", "ariaPrevYearLabel", "preventSameDateTimeSelection", "panelClass", "startAt", "openOnFocus", "type", "touchUi", "disabled"], outputs: ["selectedChanged", "opened", "closed", "viewChanged"], exportAs: ["matDatetimepicker"] }, { kind: "component", type: i4$2.MatDatetimepickerToggleComponent, selector: "mat-datetimepicker-toggle", inputs: ["for", "disabled"], exportAs: ["matDatetimepickerToggle"] }, { kind: "directive", type: i4$2.MatDatetimepickerInputDirective, selector: "input[matDatetimepicker]", inputs: ["matDatetimepicker", "matDatepickerFilter", "value", "min", "max", "disabled"], outputs: ["dateChange", "dateInput"], exportAs: ["matDatepickerInput"] }, { kind: "ngmodule", type: MatChipsModule }, { kind: "component", type: i6.MatChipListbox, selector: "mat-chip-listbox", inputs: ["multiple", "aria-orientation", "selectable", "compareWith", "required", "hideSingleSelectionIndicator", "value"], outputs: ["change"] }, { kind: "component", type: i6.MatChipOption, selector: "mat-basic-chip-option, [mat-basic-chip-option], mat-chip-option, [mat-chip-option]", inputs: ["selectable", "selected"], outputs: ["selectionChange"] }, { kind: "directive", type: i6.MatChipRemove, selector: "[matChipRemove]" }, { kind: "ngmodule", type: MatInputModule }, { kind: "directive", type: i2$4.MatInput, selector: "input[matInput], textarea[matInput], select[matNativeControl], input[matNativeControl], textarea[matNativeControl]", inputs: ["disabled", "id", "placeholder", "name", "required", "type", "errorStateMatcher", "aria-describedby", "value", "readonly", "disabledInteractive"], exportAs: ["matInput"] }, { kind: "component", type: i1$4.MatFormField, selector: "mat-form-field", inputs: ["hideRequiredMarker", "color", "floatLabel", "appearance", "subscriptSizing", "hintLabel"], exportAs: ["matFormField"] }, { kind: "directive", type: i1$4.MatLabel, selector: "mat-label" }, { kind: "directive", type: i1$4.MatSuffix, selector: "[matSuffix], [matIconSuffix], [matTextSuffix]", inputs: ["matTextSuffix"] }, { kind: "ngmodule", type: MatFormFieldModule }, { kind: "ngmodule", type: MatDatepickerModule }, { kind: "ngmodule", type: MatSnackBarModule }, { kind: "ngmodule", type: ReactiveFormsModule }, { kind: "directive", type: i3.DefaultValueAccessor, selector: "input:not([type=checkbox])[formControlName],textarea[formControlName],input:not([type=checkbox])[formControl],textarea[formControl],input:not([type=checkbox])[ngModel],textarea[ngModel],[ngDefaultControl]" }, { kind: "directive", type: i3.NgControlStatus, selector: "[formControlName],[ngModel],[formControl]" }, { kind: "directive", type: i3.FormControlDirective, selector: "[formControl]", inputs: ["formControl", "disabled", "ngModel"], outputs: ["ngModelChange"], exportAs: ["ngForm"] }], encapsulation: i0.ViewEncapsulation.None }); }
|
|
18296
18370
|
}
|
|
18297
18371
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: CardViewDateItemComponent, decorators: [{
|
|
18298
18372
|
type: Component,
|
|
@@ -18312,7 +18386,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
18312
18386
|
MatDatepickerModule,
|
|
18313
18387
|
MatSnackBarModule,
|
|
18314
18388
|
ReactiveFormsModule
|
|
18315
|
-
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty || !editable }\">\n @if (!property.multivalued) {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <div class=\"adf-dateitem-editable-controls\">\n
|
|
18389
|
+
], encapsulation: ViewEncapsulation.None, host: { class: 'adf-card-view-dateitem' }, template: "<div class=\"adf-property-value\" [ngClass]=\"{ 'adf-property-value-editable': editable, 'adf-property-readonly-value': isReadonlyProperty || !editable }\">\n @if (!property.multivalued) {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n @if (property.allowManualInput) {\n <input\n matInput\n [matDatetimepicker]=\"datetimePicker\"\n [formControl]=\"cardViewDateTimeControl\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n [attr.data-automation-id]=\"'datepicker-manual-input-' + property.key\"\n [placeholder]=\"property.default ? (property.default | translate) : ''\"\n />\n } @else {\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n >\n <span [attr.data-automation-id]=\"'card-' + property.type + '-value-' + property.key\">\n @if (showProperty) {\n {{ property.displayValue }}\n } @else {\n {{ property.default | translate }}\n }\n\n </span>\n </span>\n </div>\n <input\n matInput\n [disabled]=\"isReadonlyProperty || !editable\"\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n [value]=\"valueDate\"\n (dateChange)=\"onDateChanged($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n }\n @if (showClearAction) {\n <mat-icon\n matIconSuffix\n class=\"adf-date-reset-icon\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n (click)=\"onDateClear()\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.CLEAR' | translate\"\n [attr.data-automation-id]=\"'datepicker-date-clear-' + property.key\"\n adf-icon=\"clear\"\n />\n }\n <mat-datetimepicker-toggle\n matIconSuffix\n [attr.tabindex]=\"-1\"\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n class=\"adf-dateitem-picker-toggle\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [disabled]=\"isReadonlyProperty || !editable\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n </mat-form-field>\n } @else {\n <mat-form-field class=\"adf-property-field adf-dateitem-editable\" [floatLabel]=\"property.default ? 'always' : null\">\n <mat-label\n class=\"adf-property-label\"\n [attr.data-automation-id]=\"'card-dateitem-label-' + property.key\"\n [attr.for]=\"'card-view-dateitem-' + property.key\"\n [ngClass]=\"{ 'adf-property-readonly-value': isReadonlyProperty || !editable, 'adf-property-value-editable': editable }\"\n [title]=\"'CORE.METADATA.ACTIONS.COPY_TO_CLIPBOARD' | translate\"\n >\n {{ property.label | translate }}\n </mat-label>\n <mat-chip-listbox #chipList class=\"adf-textitem-chip-list\" [disabled]=\"isReadonlyProperty || !editable\">\n <mat-chip-option\n *ngFor=\"let propertyValue of property.displayValue; let idx = index\"\n [removable]=\"isEditable\"\n (removed)=\"removeValueFromList(idx)\"\n >\n {{ propertyValue }}\n @if (isEditable) {\n <mat-icon matChipRemove adf-icon=\"cancel\" />\n }\n </mat-chip-option>\n </mat-chip-listbox>\n <div class=\"adf-dateitem-editable-controls\">\n <span\n class=\"adf-datepicker-span-button\"\n [attr.data-automation-id]=\"'datepicker-label-toggle-' + property.key\"\n (click)=\"showDatePicker()\"\n (dblclick)=\"copyToClipboard(property.displayValue)\"\n tabindex=\"0\"\n role=\"button\"\n (keyup.enter)=\"showDatePicker()\"\n ></span>\n </div>\n <input\n matInput\n [disabled]=\"isReadonlyProperty || !editable\"\n class=\"adf-invisible-date-input\"\n [attr.tabIndex]=\"-1\"\n [matDatetimepicker]=\"datetimePicker\"\n (dateChange)=\"addDateToList($event)\"\n [attr.id]=\"'card-view-dateitem-' + property.key\"\n />\n <mat-datetimepicker-toggle\n [attr.tabindex]=\"-1\"\n matSuffix\n [attr.title]=\"'CORE.METADATA.ACTIONS.EDIT' | translate\"\n [attr.data-automation-id]=\"'datepickertoggle-' + property.key\"\n [for]=\"datetimePicker\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n <mat-datetimepicker\n #datetimePicker\n [type]=\"$any(property).type\"\n [timeInterval]=\"5\"\n [attr.data-automation-id]=\"'datepicker-' + property.key\"\n [startAt]=\"valueDate\"\n [disabled]=\"isReadonlyProperty || !editable\"\n [ngClass]=\"{ 'cdk-visually-hidden': !editable || isReadonlyProperty}\"\n />\n </mat-form-field>\n }\n</div>\n", styles: [".adf-card-view-dateitem{display:flow-root}.adf-card-view-dateitem .adf-dateitem-editable{width:100%}.adf-card-view-dateitem .adf-dateitem-editable .adf-date-reset-icon{padding:0}.adf-card-view-dateitem .adf-dateitem-editable-controls{display:flex;align-items:center;justify-content:space-between;position:relative}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon{opacity:.5}.adf-card-view-dateitem .adf-dateitem-editable-controls .mat-icon:hover{opacity:1}.adf-card-view-dateitem .adf-dateitem-editable-controls mat-datetimepicker-toggle{transform:scale(.8)}.adf-card-view-dateitem .adf-dateitem-editable-controls .adf-datepicker-span-button{flex:1 0 auto;font-size:14px;position:relative}.adf-card-view-dateitem .adf-property-value{line-height:20px}.adf-card-view-dateitem .adf-property-value.adf-property-value-editable{display:flex;align-items:center;border-radius:6px;border-bottom:inherit;padding-left:0}.adf-card-view-dateitem .adf-invisible-date-input{height:2px;width:0;overflow:hidden;opacity:0;border:none;margin:0;padding:0;float:right}.adf-card-view-dateitem .adf-dateitem-chip-list-container.adf-property-field{margin-bottom:-7px;border-bottom:0;cursor:pointer}\n"] }]
|
|
18316
18390
|
}], ctorParameters: () => [], propDecorators: { displayEmpty: [{
|
|
18317
18391
|
type: Input
|
|
18318
18392
|
}], displayClearAction: [{
|
|
@@ -19631,15 +19705,30 @@ class CardViewBoolItemModel extends CardViewBaseItemModel {
|
|
|
19631
19705
|
* limitations under the License.
|
|
19632
19706
|
*/
|
|
19633
19707
|
class CardViewDateItemModel extends CardViewBaseItemModel {
|
|
19708
|
+
get format() {
|
|
19709
|
+
return this._format;
|
|
19710
|
+
}
|
|
19711
|
+
set format(value) {
|
|
19712
|
+
if (this._format !== value) {
|
|
19713
|
+
this._format = value;
|
|
19714
|
+
this.formatChangesSubject.next(value);
|
|
19715
|
+
}
|
|
19716
|
+
}
|
|
19634
19717
|
constructor(cardViewDateItemProperties) {
|
|
19635
19718
|
super(cardViewDateItemProperties);
|
|
19636
19719
|
this.type = 'date';
|
|
19720
|
+
this.allowManualInput = false;
|
|
19721
|
+
this.formatChangesSubject = new Subject();
|
|
19722
|
+
this.formatChanges$ = this.formatChangesSubject.asObservable();
|
|
19637
19723
|
if (cardViewDateItemProperties.format) {
|
|
19638
19724
|
this.format = cardViewDateItemProperties.format;
|
|
19639
19725
|
}
|
|
19640
19726
|
if (cardViewDateItemProperties.locale) {
|
|
19641
19727
|
this.locale = cardViewDateItemProperties.locale;
|
|
19642
19728
|
}
|
|
19729
|
+
if (cardViewDateItemProperties.allowManualInput !== undefined) {
|
|
19730
|
+
this.allowManualInput = cardViewDateItemProperties.allowManualInput;
|
|
19731
|
+
}
|
|
19643
19732
|
}
|
|
19644
19733
|
get displayValue() {
|
|
19645
19734
|
if (this.multivalued) {
|
|
@@ -19691,9 +19780,8 @@ class CardViewDatetimeItemModel extends CardViewDateItemModel {
|
|
|
19691
19780
|
constructor(cardViewDateItemProperties) {
|
|
19692
19781
|
super(cardViewDateItemProperties);
|
|
19693
19782
|
this.type = 'datetime';
|
|
19694
|
-
|
|
19695
|
-
|
|
19696
|
-
this.format = cardViewDateItemProperties.format;
|
|
19783
|
+
if (!cardViewDateItemProperties.format) {
|
|
19784
|
+
this.format = 'MMM d, y, H:mm';
|
|
19697
19785
|
}
|
|
19698
19786
|
}
|
|
19699
19787
|
}
|
|
@@ -23410,7 +23498,7 @@ class DateWidgetComponent extends WidgetComponent {
|
|
|
23410
23498
|
}
|
|
23411
23499
|
initStartAt() {
|
|
23412
23500
|
if (this.field?.value) {
|
|
23413
|
-
this.startAt = this.dateAdapter.parse(this.field.value, DEFAULT_DATE_FORMAT);
|
|
23501
|
+
this.startAt = this.dateAdapter.parse(this.field.value, DEFAULT_DATE_FORMAT$1);
|
|
23414
23502
|
}
|
|
23415
23503
|
}
|
|
23416
23504
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.20", ngImport: i0, type: DateWidgetComponent, deps: null, target: i0.ɵɵFactoryTarget.Component }); }
|
|
@@ -32464,5 +32552,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.20", ngImpo
|
|
|
32464
32552
|
* Generated bundle index. Do not edit.
|
|
32465
32553
|
*/
|
|
32466
32554
|
|
|
32467
|
-
export { ABOUT_DIRECTIVES, ADF_AMOUNT_SETTINGS, ADF_COMMENTS_SERVICE, ADF_CUSTOM_MESSAGE, ADF_DATETIME_FORMATS, ADF_DATE_FORMATS, ADF_DISPLAY_TEXT_SETTINGS, AboutComponent, AboutExtensionListComponent, AboutLicenseListComponent, AboutModule, AboutPanelDirective, AboutRepositoryInfoComponent, AboutServerSettingsComponent, AboutStatusListComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthService, AuthenticationConfirmationComponent, AuthenticationService, AvatarComponent, BaseDisplayTextWidgetComponent, BaseEvent, BaseUIEvent, BaseViewerWidgetComponent, BasicAlfrescoAuthService, BooleanCellComponent, ButtonWidgetComponent, ByPassFormRuleManager, CARD_VIEW_DIRECTIVES, CLIPBOARD_DIRECTIVES, CONTEXT_MENU_DIRECTIVES, CORE_DIRECTIVES, CORE_PIPES, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CardItemTypeService, CardViewArrayItemComponent, CardViewArrayItemModel, CardViewBaseItemModel, CardViewBoolItemComponent, CardViewBoolItemModel, CardViewComponent, CardViewDateItemComponent, CardViewDateItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewIntItemModel, CardViewItemDispatcherComponent, CardViewItemFloatValidator, CardViewItemIntValidator, CardViewItemLengthValidator, CardViewItemLongValidator, CardViewItemMatchValidator, CardViewItemMinMaxValidator, CardViewItemPositiveIntValidator, CardViewItemPositiveLongValidator, CardViewKeyValuePairsItemComponent, CardViewKeyValuePairsItemModel, CardViewLongItemModel, CardViewMapItemComponent, CardViewMapItemModel, CardViewModule, CardViewSelectItemComponent, CardViewSelectItemModel, CardViewTextItemComponent, CardViewTextItemModel, CardViewUpdateService, CheckboxWidgetComponent, ClipboardDirective, ClipboardModule, ClipboardService, CloseButtonPosition, ColumnsSelectorComponent, CommentListComponent, CommentListModule, CommentModel, CommentsComponent, CommentsModule, ConfirmDialogComponent, ConfirmDialogModule, ContainerColumnModel, ContainerModel, ContentAuth, ContentLinkModel, ContextMenuDirective, ContextMenuListComponent, ContextMenuModule, ContextMenuOverlayService, CookieService, CookieServiceMock, CoreModule, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, DATATABLE_DIRECTIVES, DEFAULT_DATE_FORMAT, DEFAULT_ICON_VALUE, DEFAULT_LANGUAGE_LIST, DEFAULT_PAGINATION, DIALOG_COMPONENT_DATA, DataCellEvent, DataCellEventModel, DataColumnComponent, DataColumnListComponent, DataRowActionEvent, DataRowActionModel, DataRowEvent, DataSorting, DataTableCellComponent, DataTableComponent, DataTableModule, DataTableRowComponent, DataTableSchema, DataTableService, DateCellComponent, DateColumnHeaderComponent, DateFnsUtils, DateTimePipe, DateTimeWidgetComponent, DateWidgetComponent, DecimalFieldValidator, DecimalNumberPipe, DecimalRenderMiddlewareService, DecimalWidgetComponent, DialogComponent, DialogSize, DirectiveModule, DisplayTextWidgetComponent, DownloadPromptActions, DownloadPromptDialogComponent, DownloadService, DropZoneDirective, DynamicChipListComponent, DynamicChipListModule, DynamicComponentMapper, DynamicComponentResolver, EditJsonDialogComponent, EditJsonDialogModule, EmptyContentComponent, EmptyListBodyDirective, EmptyListComponent, EmptyListFooterDirective, EmptyListHeaderDirective, ErrorContentComponent, ErrorMessageModel, ErrorWidgetComponent, EventMock, FORM_FIELD_MODEL_RENDER_MIDDLEWARE, FORM_FIELD_VALIDATORS, FORM_RULES_MANAGER, FORM_SERVICE_FIELD_VALIDATORS_TOKEN, FieldStatusTemplateDirective, FieldStylePipe, FileSizeCellComponent, FileSizePipe, FileTypePipe, FileUtils, FixedValueFieldValidator, FormBaseComponent, FormBaseModule, FormErrorEvent, FormEvent, FormExpressionService, FormFieldComponent, FormFieldEvent, FormFieldModel, FormFieldTypes, FormModel, FormOutcomeEvent, FormOutcomeModel, FormRendererComponent, FormRenderingService, FormRulesEvent, FormRulesManager, FormService, FormSpinnerEvent, FormWidgetModel, FormatSpacePipe, FullNamePipe, HeaderComponent, HeaderFilterTemplateDirective, HeaderLayoutComponent, HeaderWidgetComponent, HighlightDirective, HighlightPipe, HighlightTransformService, HyperlinkWidgetComponent, ICON_ALIAS_MAP_TOKEN, INFO_DRAWER_DIRECTIVES, IconCellComponent, IconComponent, IconDirective, IconModule, IdentityGroupService, IdentityRoleModel, IdentityRoleService, IdentityUserInfoComponent, IdentityUserInfoModule, IdentityUserService, ImgViewerComponent, InfinitePaginationComponent, InfiniteSelectScrollDirective, InfoDrawerButtonsDirective, InfoDrawerComponent, InfoDrawerContentDirective, InfoDrawerLayoutComponent, InfoDrawerModule, InfoDrawerTabComponent, InfoDrawerTitleDirective, InitialUsernamePipe, InplaceFormInputComponent, InputMaskDirective, JSON_TYPE, JWT_STORAGE_SERVICE, JsonCellComponent, JsonWidgetComponent, JwtHelperService, LANGUAGE_MENU_DIRECTIVES, LAYOUT_DIRECTIVES, LOGIN_DIRECTIVES, LanguageMenuComponent, LanguageMenuModule, LanguagePickerComponent, LanguageService, LayoutContainerComponent, LoadingContentTemplateDirective, LocalizedDatePipe, LocationCellComponent, LogLevelsEnum, LogService, LoginComponent, LoginDialogPanelComponent, LoginErrorEvent, LoginFooterDirective, LoginHeaderDirective, LoginModule, LoginSubmitEvent, LoginSuccessEvent, LogoutDirective, MASK_DIRECTIVE, MOMENT_DATE_FORMATS, MainMenuDataTableTemplateDirective, MaterialModule, MaxLengthFieldValidator, MaxValueFieldValidator, MediaPlayerComponent, MinLengthFieldValidator, MinValueFieldValidator, ModuleListComponent, MomentDateAdapter, MultilineTextWidgetComponentComponent, NOTIFICATION_HISTORY_DIRECTIVES, NOTIFICATION_TYPE, NavbarComponent, NavbarItemComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, NoopAuthModule, NoopRedirectAuthService, NoopTranslateModule, NoopTranslationService, NotificationHistoryComponent, NotificationHistoryModule, NotificationService, NumberCellComponent, NumberFieldValidator, NumberWidgetComponent, OAuth2Service, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter, ObjectUtils, OidcAuthGuard, OidcAuthenticationService, PAGINATION_DIRECTIVES, PDFJS_MODULE, PDFJS_VIEWER_MODULE, PackageListComponent, PageTitleService, PaginationComponent, PaginationModel, PaginationModule, PathInfo, PdfPasswordDialogComponent, PdfThumbComponent, PdfThumbListComponent, PdfViewerComponent, PipeModule, ProcessAuth, ROW_ID_PREFIX, RedirectAuthService, RedirectionModel, RegExFieldValidator, RepeatWidgetComponent, RequestPaginationModel, RequiredFieldValidator, ResizableDirective, ResizeHandleDirective, SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR, SEARCH_TEXT_INPUT_DIRECTIVES, STORAGE_PREFIX_FACTORY_SERVICE, SearchTextInputComponent, SearchTextModule, SearchTextStateEnum, SearchTriggerDirective, SelectFilterInputComponent, ShowHeaderMode, SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, SidenavLayoutComponent, SidenavLayoutContentDirective, SidenavLayoutHeaderDirective, SidenavLayoutModule, SidenavLayoutNavigationDirective, SnackbarContentComponent, SnackbarContentModule, SortByCategoryMapperService, StartFormCustomButtonDirective, Status, StoragePrefixFactory, StorageService, StringUtils, TEMPLATE_DIRECTIVES, TOOLBAR_DIRECTIVES, TRANSLATION_PROVIDER, TabModel, TaskProcessVariableModel, TemplateModule, TextWidgetComponent, ThumbnailService, TimeAgoPipe, ToolbarComponent, ToolbarDividerComponent, ToolbarModule, ToolbarTitleComponent, TooltipCardComponent, TooltipCardDirective, TranslateLoaderService, TranslationMock, TranslationService, TruncatePipe, TxtViewerComponent, UnitTestingUtils, UnknownFormatComponent, UnknownWidgetComponent, UnsavedChangesDialogComponent, UnsavedChangesDialogModule, UnsavedChangesGuard, UploadDirective, UploadWidgetContentLinkModel, UploadWidgetContentLinkModelOptions, UrlService, User, UserAccessService, UserPreferenceValues, UserPreferencesService, VIEWER_DIRECTIVES, ValidateFormEvent, ValidateFormFieldEvent, ViewUtilService, ViewerComponent, ViewerExtensionDirective, ViewerModule, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewerRenderComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerToolbarComponent, ViewerToolbarCustomActionsComponent, WIDGET_DIRECTIVES, WidgetComponent, WidgetVisibilityService, complexVisibilityJsonNotVisible, complexVisibilityJsonVisible, displayTextSchema, error, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, formModelTabs, formRulesManagerFactory, formTest, formValues, headerSchema, info, isNumberValue, isOutcomeButtonVisible, logLevels, oauthStorageFactory, predefinedTheme, provideAppConfig, provideAppConfigTesting, provideCoreAuth, provideCoreAuthTesting, provideI18N, provideStoryCore, provideTranslations, repeatableSectionFormVisibility, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, transformKeyToObject, warning };
|
|
32555
|
+
export { ABOUT_DIRECTIVES, ADF_AMOUNT_SETTINGS, ADF_COMMENTS_SERVICE, ADF_CUSTOM_MESSAGE, ADF_DATETIME_FORMATS, ADF_DATE_FORMATS, ADF_DISPLAY_TEXT_SETTINGS, AboutComponent, AboutExtensionListComponent, AboutLicenseListComponent, AboutModule, AboutPanelDirective, AboutRepositoryInfoComponent, AboutServerSettingsComponent, AboutStatusListComponent, AdfDateFnsAdapter, AdfDateTimeFnsAdapter, AmountCellComponent, AmountWidgetComponent, AppConfigPipe, AppConfigService, AppConfigServiceMock, AppConfigValues, AuthBearerInterceptor, AuthGuard, AuthGuardBpm, AuthGuardEcm, AuthGuardService, AuthGuardSsoRoleService, AuthModule, AuthService, AuthenticationConfirmationComponent, AuthenticationService, AvatarComponent, BaseDisplayTextWidgetComponent, BaseEvent, BaseUIEvent, BaseViewerWidgetComponent, BasicAlfrescoAuthService, BooleanCellComponent, ButtonWidgetComponent, ByPassFormRuleManager, CARD_VIEW_DIRECTIVES, CLIPBOARD_DIRECTIVES, CONTEXT_MENU_DIRECTIVES, CORE_DIRECTIVES, CORE_PIPES, CUSTOM_INPUT_CONTROL_VALUE_ACCESSOR, CardItemTypeService, CardViewArrayItemComponent, CardViewArrayItemModel, CardViewBaseItemModel, CardViewBoolItemComponent, CardViewBoolItemModel, CardViewComponent, CardViewDateItemComponent, CardViewDateItemModel, CardViewDatetimeItemModel, CardViewFloatItemModel, CardViewIntItemModel, CardViewItemDispatcherComponent, CardViewItemFloatValidator, CardViewItemIntValidator, CardViewItemLengthValidator, CardViewItemLongValidator, CardViewItemMatchValidator, CardViewItemMinMaxValidator, CardViewItemPositiveIntValidator, CardViewItemPositiveLongValidator, CardViewKeyValuePairsItemComponent, CardViewKeyValuePairsItemModel, CardViewLongItemModel, CardViewMapItemComponent, CardViewMapItemModel, CardViewModule, CardViewSelectItemComponent, CardViewSelectItemModel, CardViewTextItemComponent, CardViewTextItemModel, CardViewUpdateService, CheckboxWidgetComponent, ClipboardDirective, ClipboardModule, ClipboardService, CloseButtonPosition, ColumnsSelectorComponent, CommentListComponent, CommentListModule, CommentModel, CommentsComponent, CommentsModule, ConfirmDialogComponent, ConfirmDialogModule, ContainerColumnModel, ContainerModel, ContentAuth, ContentLinkModel, ContextMenuDirective, ContextMenuListComponent, ContextMenuModule, ContextMenuOverlayService, CookieService, CookieServiceMock, CoreModule, CustomEmptyContentTemplateDirective, CustomLoadingContentTemplateDirective, CustomNoPermissionTemplateDirective, DATATABLE_DIRECTIVES, DEFAULT_DATE_FORMAT$1 as DEFAULT_DATE_FORMAT, DEFAULT_ICON_VALUE, DEFAULT_LANGUAGE_LIST, DEFAULT_PAGINATION, DIALOG_COMPONENT_DATA, DataCellEvent, DataCellEventModel, DataColumnComponent, DataColumnListComponent, DataRowActionEvent, DataRowActionModel, DataRowEvent, DataSorting, DataTableCellComponent, DataTableComponent, DataTableModule, DataTableRowComponent, DataTableSchema, DataTableService, DateCellComponent, DateColumnHeaderComponent, DateFnsUtils, DateTimePipe, DateTimeWidgetComponent, DateWidgetComponent, DecimalFieldValidator, DecimalNumberPipe, DecimalRenderMiddlewareService, DecimalWidgetComponent, DialogComponent, DialogSize, DirectiveModule, DisplayTextWidgetComponent, DownloadPromptActions, DownloadPromptDialogComponent, DownloadService, DropZoneDirective, DynamicChipListComponent, DynamicChipListModule, DynamicComponentMapper, DynamicComponentResolver, EditJsonDialogComponent, EditJsonDialogModule, EmptyContentComponent, EmptyListBodyDirective, EmptyListComponent, EmptyListFooterDirective, EmptyListHeaderDirective, ErrorContentComponent, ErrorMessageModel, ErrorWidgetComponent, EventMock, FORM_FIELD_MODEL_RENDER_MIDDLEWARE, FORM_FIELD_VALIDATORS, FORM_RULES_MANAGER, FORM_SERVICE_FIELD_VALIDATORS_TOKEN, FieldStatusTemplateDirective, FieldStylePipe, FileSizeCellComponent, FileSizePipe, FileTypePipe, FileUtils, FixedValueFieldValidator, FormBaseComponent, FormBaseModule, FormErrorEvent, FormEvent, FormExpressionService, FormFieldComponent, FormFieldEvent, FormFieldModel, FormFieldTypes, FormModel, FormOutcomeEvent, FormOutcomeModel, FormRendererComponent, FormRenderingService, FormRulesEvent, FormRulesManager, FormService, FormSpinnerEvent, FormWidgetModel, FormatSpacePipe, FullNamePipe, HeaderComponent, HeaderFilterTemplateDirective, HeaderLayoutComponent, HeaderWidgetComponent, HighlightDirective, HighlightPipe, HighlightTransformService, HyperlinkWidgetComponent, ICON_ALIAS_MAP_TOKEN, INFO_DRAWER_DIRECTIVES, IconCellComponent, IconComponent, IconDirective, IconModule, IdentityGroupService, IdentityRoleModel, IdentityRoleService, IdentityUserInfoComponent, IdentityUserInfoModule, IdentityUserService, ImgViewerComponent, InfinitePaginationComponent, InfiniteSelectScrollDirective, InfoDrawerButtonsDirective, InfoDrawerComponent, InfoDrawerContentDirective, InfoDrawerLayoutComponent, InfoDrawerModule, InfoDrawerTabComponent, InfoDrawerTitleDirective, InitialUsernamePipe, InplaceFormInputComponent, InputMaskDirective, JSON_TYPE, JWT_STORAGE_SERVICE, JsonCellComponent, JsonWidgetComponent, JwtHelperService, LANGUAGE_MENU_DIRECTIVES, LAYOUT_DIRECTIVES, LOGIN_DIRECTIVES, LanguageMenuComponent, LanguageMenuModule, LanguagePickerComponent, LanguageService, LayoutContainerComponent, LoadingContentTemplateDirective, LocalizedDatePipe, LocationCellComponent, LogLevelsEnum, LogService, LoginComponent, LoginDialogPanelComponent, LoginErrorEvent, LoginFooterDirective, LoginHeaderDirective, LoginModule, LoginSubmitEvent, LoginSuccessEvent, LogoutDirective, MASK_DIRECTIVE, MOMENT_DATE_FORMATS, MainMenuDataTableTemplateDirective, MaterialModule, MaxLengthFieldValidator, MaxValueFieldValidator, MediaPlayerComponent, MinLengthFieldValidator, MinValueFieldValidator, ModuleListComponent, MomentDateAdapter, MultilineTextWidgetComponentComponent, NOTIFICATION_HISTORY_DIRECTIVES, NOTIFICATION_TYPE, NavbarComponent, NavbarItemComponent, NoContentTemplateDirective, NoPermissionTemplateDirective, NoopAuthModule, NoopRedirectAuthService, NoopTranslateModule, NoopTranslationService, NotificationHistoryComponent, NotificationHistoryModule, NotificationService, NumberCellComponent, NumberFieldValidator, NumberWidgetComponent, OAuth2Service, ObjectDataColumn, ObjectDataRow, ObjectDataTableAdapter, ObjectUtils, OidcAuthGuard, OidcAuthenticationService, PAGINATION_DIRECTIVES, PDFJS_MODULE, PDFJS_VIEWER_MODULE, PackageListComponent, PageTitleService, PaginationComponent, PaginationModel, PaginationModule, PathInfo, PdfPasswordDialogComponent, PdfThumbComponent, PdfThumbListComponent, PdfViewerComponent, PipeModule, ProcessAuth, ROW_ID_PREFIX, RedirectAuthService, RedirectionModel, RegExFieldValidator, RepeatWidgetComponent, RequestPaginationModel, RequiredFieldValidator, ResizableDirective, ResizeHandleDirective, SEARCH_AUTOCOMPLETE_VALUE_ACCESSOR, SEARCH_TEXT_INPUT_DIRECTIVES, STORAGE_PREFIX_FACTORY_SERVICE, SearchTextInputComponent, SearchTextModule, SearchTextStateEnum, SearchTriggerDirective, SelectFilterInputComponent, ShowHeaderMode, SidebarActionMenuComponent, SidebarMenuDirective, SidebarMenuExpandIconDirective, SidebarMenuTitleIconDirective, SidenavLayoutComponent, SidenavLayoutContentDirective, SidenavLayoutHeaderDirective, SidenavLayoutModule, SidenavLayoutNavigationDirective, SnackbarContentComponent, SnackbarContentModule, SortByCategoryMapperService, StartFormCustomButtonDirective, Status, StoragePrefixFactory, StorageService, StringUtils, TEMPLATE_DIRECTIVES, TOOLBAR_DIRECTIVES, TRANSLATION_PROVIDER, TabModel, TaskProcessVariableModel, TemplateModule, TextWidgetComponent, ThumbnailService, TimeAgoPipe, ToolbarComponent, ToolbarDividerComponent, ToolbarModule, ToolbarTitleComponent, TooltipCardComponent, TooltipCardDirective, TranslateLoaderService, TranslationMock, TranslationService, TruncatePipe, TxtViewerComponent, UnitTestingUtils, UnknownFormatComponent, UnknownWidgetComponent, UnsavedChangesDialogComponent, UnsavedChangesDialogModule, UnsavedChangesGuard, UploadDirective, UploadWidgetContentLinkModel, UploadWidgetContentLinkModelOptions, UrlService, User, UserAccessService, UserPreferenceValues, UserPreferencesService, VIEWER_DIRECTIVES, ValidateFormEvent, ValidateFormFieldEvent, ViewUtilService, ViewerComponent, ViewerExtensionDirective, ViewerModule, ViewerMoreActionsComponent, ViewerOpenWithComponent, ViewerRenderComponent, ViewerSidebarComponent, ViewerToolbarActionsComponent, ViewerToolbarComponent, ViewerToolbarCustomActionsComponent, WIDGET_DIRECTIVES, WidgetComponent, WidgetVisibilityService, complexVisibilityJsonNotVisible, complexVisibilityJsonVisible, displayTextSchema, error, fakeFormChainedVisibilityJson, fakeFormCheckBoxVisibilityJson, fakeFormJson, formModelTabs, formRulesManagerFactory, formTest, formValues, headerSchema, info, isNumberValue, isOutcomeButtonVisible, logLevels, oauthStorageFactory, predefinedTheme, provideAppConfig, provideAppConfigTesting, provideCoreAuth, provideCoreAuthTesting, provideI18N, provideStoryCore, provideTranslations, repeatableSectionFormVisibility, rootInitiator, searchAnimation, tabInvalidFormVisibility, tabVisibilityJsonMock, transformKeyToObject, warning };
|
|
32468
32556
|
//# sourceMappingURL=adf-core.mjs.map
|