@sumaris-net/ngx-components 1.20.15 → 1.20.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/bundles/sumaris-net.ngx-components.umd.js +110 -7
- package/bundles/sumaris-net.ngx-components.umd.js.map +1 -1
- package/bundles/sumaris-net.ngx-components.umd.min.js +2 -2
- package/bundles/sumaris-net.ngx-components.umd.min.js.map +1 -1
- package/doc/changelog.md +9 -0
- package/esm2015/public_api.js +4 -1
- package/esm2015/src/app/core/services/platform.service.js +5 -5
- package/esm2015/src/app/shared/directives/resizable/resizable.component.js +54 -0
- package/esm2015/src/app/shared/directives/resizable/resizable.directive.js +34 -0
- package/esm2015/src/app/shared/directives/resizable/resizable.module.js +12 -0
- package/esm2015/src/app/shared/material/chips/material.chips.js +4 -5
- package/esm2015/src/app/shared/material/chips/testing/chips.test.js +3 -2
- package/fesm2015/sumaris-net.ngx-components.js +102 -11
- package/fesm2015/sumaris-net.ngx-components.js.map +1 -1
- package/package.json +1 -1
- package/public_api.d.ts +3 -0
- package/src/app/shared/directives/resizable/resizable.component.d.ts +18 -0
- package/src/app/shared/directives/resizable/resizable.directive.d.ts +9 -0
- package/src/app/shared/directives/resizable/resizable.module.d.ts +2 -0
- package/src/app/shared/material/chips/testing/chips.test.d.ts +2 -0
- package/src/theme/_ngx-components.scss +3 -2
- package/sumaris-net.ngx-components.metadata.json +1 -1
|
@@ -9049,15 +9049,14 @@
|
|
|
9049
9049
|
{ type: i0.Component, args: [{
|
|
9050
9050
|
// eslint-disable-next-line @angular-eslint/component-selector
|
|
9051
9051
|
selector: 'mat-chips-field',
|
|
9052
|
-
template: "<ion-grid class=\"ion-no-padding\">\n <ion-row>\n <ion-col class=\"ion-no-padding\">\n <mat-form-field [floatLabel]=\"floatLabel\"\n [appearance]=\"appearance\"\n class=\"material-chips\" [class.mat-form-field-disabled]=\"disabled\">\n <div matPrefix>\n <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n </div>\n <mat-label>{{placeholder}}</mat-label>\n <mat-chip-list #chipList\n (focus)=\"filterChipsFocusEvent($event)\" >\n <mat-chip\n *ngFor=\"let item of value\"\n [selectable]=\"false\"\n [removable]=\"!disabled\"\n (removed)=\"remove(item)\"\n [color]=\"chipColor\"\n >\n {{displayWith(item)}}\n <mat-icon matChipRemove *ngIf=\"!disabled\">cancel</mat-icon>\n </mat-chip>\n\n <input #matInputText type=\"text\"\n [matAutocomplete]=\"autocomplete\"\n [matAutocompletePosition]=\"matAutocompletePosition\"\n [formControl]=\"inputControl\"\n [appAutofocus]=\"autofocus\"\n [tabindex]=\"_tabindex\"\n [readonly]=\"disabled\"\n [hidden]=\"disabled\"\n [required]=\"required\"\n (click)=\"clicked.emit($event)\"\n (focus)=\"filterInputTextFocusEvent($event)\"\n (blur)=\"filterInputTextBlurEvent($event)\"\n (keydown.escape)=\"keydownEscape.emit($event)\"\n (keyup.enter)=\"keyupEnter.emit($event)\"\n (keyup.arrowdown)=\"!autocomplete.showPanel && dropButtonClick.emit($event)\"\n [matChipInputFor]=\"chipList\"\n >\n </mat-chip-list>\n\n <!-- autocomplete -->\n <mat-autocomplete #autocomplete=\"matAutocomplete\"\n (optionSelected)=\"add($event)\"\n autoActiveFirstOption\n [displayWith]=\"displayWith\"\n [class]=\"classList\"\n [panelWidth]=\"panelWidth\">\n <ion-row class=\"mat-autocomplete-header ion-no-padding column\">\n <ion-col *ngFor=\"let attr of displayAttributes; index as i\" [size]=\"displayColumnSizes[i]\">\n <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n </ion-col>\n </ion-row>\n\n <ng-container *ngIf=\"$filteredItems | async as items; else loadingTemplate\">\n <!-- No item option -->\n <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n <ion-label>{{noResultMessage | translate}}</ion-label>\n </mat-option>\n\n <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n <ion-row [classList]=\"item.classList\">\n <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n [size]=\"displayColumnSizes[i]\">\n <ion-text [innerHTML]=\"item | propertyGet: path | highlight: { search: inputControl.value, withAccent: highlightAccent } \"></ion-text>\n </ion-col>\n </ion-row>\n </mat-option>\n\n <!-- More item -->\n <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initAutocompleteInfiniteScroll()\"\n class=\"ion-padding\" disabled>\n <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n </mat-option>\n </ng-container>\n\n <!-- footer -->\n <ion-row *ngIf=\"itemCount as count\"\n class=\"mat-autocomplete-footer ion-no-padding\">\n <ion-col>\n <ion-text class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n </ion-col>\n </ion-row>\n\n <!-- Loading spinner -->\n <ng-template #loadingTemplate>\n <mat-option *ngIf=\"(matInputText.value | strLength) >= suggestLengthThreshold; else waitMoreCharacterTemplate\"\n class=\"ion-padding\" disabled>\n <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n </mat-option>\n </ng-template>\n\n <!-- Need more characters -->\n <ng-template #waitMoreCharacterTemplate>\n <mat-option class=\"ion-padding text-italic\" disabled>\n <ion-label>\n {{'INFO.PLEASE_TYPE_MORE_CHARACTERS'|translate:{minLength: suggestLengthThreshold} }}\n </ion-label>\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n\n <div matSuffix>\n <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n </div>\n\n <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n <ng-content select=\"[matError]\"></ng-content>\n\n </mat-form-field>\n\n </ion-col>\n <ion-col size=\"auto\" class=\"ion-align-self-center\">\n <ng-content select=\"[matAfter]\"></ng-content>\n </ion-col>\n </ion-row>\n</ion-grid>\n\n<ng-template #matPrefixTemplate>\n <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n\n<ng-template #matSuffixTemplate>\n <button mat-icon-button tabindex=\"-1\"\n type=\"button\"\n (click)=\"dropButtonClick.emit($event)\"\n [hidden]=\"disabled\">\n <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n </button>\n <button mat-icon-button tabindex=\"-1\"\n type=\"button\"\n *ngIf=\"clearable\"\n (click)=\"clearValue($event)\"\n [hidden]=\"disabled || !formControl.value\">\n <mat-icon>close</mat-icon>\n </button>\n\n <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
|
|
9052
|
+
template: "<ion-grid class=\"ion-no-padding\">\n <ion-row>\n <ion-col class=\"ion-no-padding\">\n <mat-form-field [floatLabel]=\"floatLabel\"\n [appearance]=\"appearance\"\n class=\"material-chips\" [class.mat-form-field-disabled]=\"disabled\">\n <div matPrefix>\n <ng-container *ngTemplateOutlet=\"matPrefixTemplate\"></ng-container>\n </div>\n <mat-label>{{placeholder}}</mat-label>\n <mat-chip-list #chipList\n (focus)=\"filterChipsFocusEvent($event)\" >\n <mat-chip class=\"ion-no-margin\"\n *ngFor=\"let item of value\"\n [selectable]=\"false\"\n [removable]=\"!disabled\"\n (removed)=\"remove(item)\"\n [color]=\"chipColor\"\n >\n {{displayWith(item)}}\n <mat-icon matChipRemove *ngIf=\"!disabled\">cancel</mat-icon>\n </mat-chip>\n\n <input #matInputText type=\"text\"\n [matAutocomplete]=\"autocomplete\"\n [matAutocompletePosition]=\"matAutocompletePosition\"\n [formControl]=\"inputControl\"\n [appAutofocus]=\"autofocus\"\n [tabindex]=\"_tabindex\"\n [readonly]=\"disabled\"\n [hidden]=\"disabled\"\n [required]=\"required\"\n (click)=\"clicked.emit($event)\"\n (focus)=\"filterInputTextFocusEvent($event)\"\n (blur)=\"filterInputTextBlurEvent($event)\"\n (keydown.escape)=\"keydownEscape.emit($event)\"\n (keyup.enter)=\"keyupEnter.emit($event)\"\n (keyup.arrowdown)=\"!autocomplete.showPanel && dropButtonClick.emit($event)\"\n [matChipInputFor]=\"chipList\"\n >\n </mat-chip-list>\n\n <!-- autocomplete -->\n <mat-autocomplete #autocomplete=\"matAutocomplete\"\n (optionSelected)=\"add($event)\"\n autoActiveFirstOption\n [displayWith]=\"displayWith\"\n [class]=\"classList\"\n [panelWidth]=\"panelWidth\">\n <ion-row class=\"mat-autocomplete-header ion-no-padding column\">\n <ion-col *ngFor=\"let attr of displayAttributes; index as i\" [size]=\"displayColumnSizes[i]\">\n <ion-label [innerHTML]=\"displayColumnNames[i] | translate\"></ion-label>\n </ion-col>\n </ion-row>\n\n <ng-container *ngIf=\"$filteredItems | async as items; else loadingTemplate\">\n <!-- No item option -->\n <mat-option *ngIf=\"items | isEmptyArray\" class=\"ion-padding text-italic\" disabled>\n <ion-label>{{noResultMessage | translate}}</ion-label>\n </mat-option>\n\n <mat-option *ngFor=\"let item of items\" [value]=\"item\" class=\"ion-no-padding\">\n <ion-row [classList]=\"item.classList\">\n <ion-col *ngFor=\"let path of displayAttributes; index as i;\"\n [size]=\"displayColumnSizes[i]\">\n <ion-text [innerHTML]=\"item | propertyGet: path | highlight: { search: inputControl.value, withAccent: highlightAccent } \"></ion-text>\n </ion-col>\n </ion-row>\n </mat-option>\n\n <!-- More item -->\n <mat-option *ngIf=\"_moreItemsCount\" (ngInit)=\"_initAutocompleteInfiniteScroll()\"\n class=\"ion-padding\" disabled>\n <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n </mat-option>\n </ng-container>\n\n <!-- footer -->\n <ion-row *ngIf=\"itemCount as count\"\n class=\"mat-autocomplete-footer ion-no-padding\">\n <ion-col>\n <ion-text class=\"ion-float-end ion-padding-end\"><i>{{'COMMON.RESULT_COUNT'|translate: {count: count} }}</i></ion-text>\n </ion-col>\n </ion-row>\n\n <!-- Loading spinner -->\n <ng-template #loadingTemplate>\n <mat-option *ngIf=\"(matInputText.value | strLength) >= suggestLengthThreshold; else waitMoreCharacterTemplate\"\n class=\"ion-padding\" disabled>\n <ion-skeleton-text [animated]=\"true\" style=\"width: 100%\"></ion-skeleton-text>\n </mat-option>\n </ng-template>\n\n <!-- Need more characters -->\n <ng-template #waitMoreCharacterTemplate>\n <mat-option class=\"ion-padding text-italic\" disabled>\n <ion-label>\n {{'INFO.PLEASE_TYPE_MORE_CHARACTERS'|translate:{minLength: suggestLengthThreshold} }}\n </ion-label>\n </mat-option>\n </ng-template>\n </mat-autocomplete>\n\n <div matSuffix class=\"mat-form-field-suffix-bottom\">\n <ng-container *ngTemplateOutlet=\"matSuffixTemplate\"></ng-container>\n </div>\n\n <mat-error *ngIf=\"formControl.hasError('required')\" translate>ERROR.FIELD_REQUIRED</mat-error>\n <ng-content select=\"[matError]\"></ng-content>\n\n </mat-form-field>\n\n </ion-col>\n <ion-col size=\"auto\" class=\"ion-align-self-center\">\n <ng-content select=\"[matAfter]\"></ng-content>\n </ion-col>\n </ion-row>\n</ion-grid>\n\n<ng-template #matPrefixTemplate>\n <ng-content select=\"[matPrefix]\"></ng-content>\n</ng-template>\n\n\n<ng-template #matSuffixTemplate>\n <button mat-icon-button tabindex=\"-1\"\n type=\"button\"\n (click)=\"dropButtonClick.emit($event)\"\n [hidden]=\"disabled\">\n <mat-icon class=\"large select-arrow\">arrow_drop_down</mat-icon>\n </button>\n <button mat-icon-button tabindex=\"-1\"\n type=\"button\"\n *ngIf=\"clearable\"\n (click)=\"clearValue($event)\"\n [hidden]=\"disabled || !formControl.value\">\n <mat-icon>close</mat-icon>\n </button>\n\n <ng-content select=\"[matSuffix]\"></ng-content>\n</ng-template>\n",
|
|
9053
9053
|
providers: [{
|
|
9054
9054
|
provide: i1.NG_VALUE_ACCESSOR,
|
|
9055
9055
|
multi: true,
|
|
9056
9056
|
useExisting: i0.forwardRef(function () { return MatChipsField; })
|
|
9057
9057
|
}],
|
|
9058
|
-
encapsulation: i0.ViewEncapsulation.None,
|
|
9059
9058
|
changeDetection: i0.ChangeDetectionStrategy.OnPush,
|
|
9060
|
-
styles: [":host{width:100%;display:inline-block;position:relative}:host.ion-text-wrap ion-label{white-space:normal!important}button[hidden]{display:none}mat-icon.select-arrow{color:rgba(0,0,0,.47);font-size:150%}.mat-
|
|
9059
|
+
styles: [":host{width:100%;display:inline-block;position:relative}:host.ion-text-wrap ion-label{white-space:normal!important}button[hidden]{display:none}.mat-standard-chip.mat-chip-with-trailing-icon{padding:0 7px 0 12px}mat-icon.select-arrow{color:rgba(0,0,0,.47);font-size:150%}.mat-chip.mat-standard-chip{margin:1px 0 0 2px!important;min-height:calc(32px - .5em - 1px)}.mat-chip.mat-standard-chip.mat-chip-with-trailing-icon{padding:0 7px 0 12px}.mat-chip.mat-standard-chip.mat-primary{background-color:var(--ion-color-primary);color:var(--ion-color-primary-contrast)}.mat-chip.mat-standard-chip.mat-secondary{background-color:var(--ion-color-secondary);color:var(--ion-color-secondary-contrast)}.mat-chip.mat-standard-chip.mat-tertiary{background-color:var(--ion-color-tertiary);color:var(--ion-color-tertiary-contrast)}.mat-chip.mat-standard-chip.mat-accent{background-color:var(--ion-color-accent);color:var(--ion-color-accent-contrast)}.mat-chip.mat-standard-chip.mat-warning{background-color:var(--ion-color-warning);color:var(--ion-color-warning-contrast)}.mat-form-field-appearance-legacy .mat-standard-chip{min-height:calc(32px - .4375em - 1px)}"]
|
|
9061
9060
|
},] }
|
|
9062
9061
|
];
|
|
9063
9062
|
MatChipsField.ctorParameters = function () { return [
|
|
@@ -18683,11 +18682,11 @@
|
|
|
18683
18682
|
throw err;
|
|
18684
18683
|
}));
|
|
18685
18684
|
}
|
|
18686
|
-
// Fallback (if not Android and Cordova): opening the URI
|
|
18685
|
+
// Fallback (if not Android and Cordova): opening the URI
|
|
18687
18686
|
// TODO: find a way to download under iOS (see https://www.c-sharpcorner.com/article/how-to-download-a-file-using-file-transfer-plugin-in-ionic-3/)
|
|
18688
18687
|
else {
|
|
18689
|
-
|
|
18690
|
-
this.open(request.uri, '_system', 'location=no', true);
|
|
18688
|
+
FilesUtils.downloadUri(request.uri, request.filename);
|
|
18689
|
+
//this.open(request.uri, '_system', 'location=no', true);
|
|
18691
18690
|
return rxjs.of();
|
|
18692
18691
|
}
|
|
18693
18692
|
};
|
|
@@ -20471,6 +20470,106 @@
|
|
|
20471
20470
|
autofocus: [{ type: i0.Input }]
|
|
20472
20471
|
};
|
|
20473
20472
|
|
|
20473
|
+
var ResizableDirective = /** @class */ (function () {
|
|
20474
|
+
function ResizableDirective(document, elementRef) {
|
|
20475
|
+
var _this = this;
|
|
20476
|
+
this.document = document;
|
|
20477
|
+
this.elementRef = elementRef;
|
|
20478
|
+
// resize: mousedown -> mousemove -> mouseup
|
|
20479
|
+
this.resizable = rxjs.fromEvent(this.elementRef.nativeElement, 'mousedown').pipe(operators.tap(function (e) {
|
|
20480
|
+
e.preventDefault();
|
|
20481
|
+
e.stopPropagation();
|
|
20482
|
+
}), operators.switchMap(function () {
|
|
20483
|
+
var _a = _this.elementRef.nativeElement.closest('th').getBoundingClientRect(), width = _a.width, right = _a.right;
|
|
20484
|
+
return rxjs.fromEvent(_this.document, 'mousemove').pipe(operators.map(function (_a) {
|
|
20485
|
+
var clientX = _a.clientX;
|
|
20486
|
+
return width + clientX - right;
|
|
20487
|
+
}), operators.distinctUntilChanged(), operators.takeUntil(rxjs.fromEvent(_this.document, 'mouseup')));
|
|
20488
|
+
}));
|
|
20489
|
+
// fit: doubleclick
|
|
20490
|
+
this.fit = rxjs.fromEvent(this.elementRef.nativeElement, 'click').pipe(operators.bufferWhen(function () { return rxjs.interval(500); }), operators.filter(function (ar) { return ar.length === 2; }));
|
|
20491
|
+
}
|
|
20492
|
+
return ResizableDirective;
|
|
20493
|
+
}());
|
|
20494
|
+
ResizableDirective.decorators = [
|
|
20495
|
+
{ type: i0.Directive, args: [{
|
|
20496
|
+
selector: '[resizable]',
|
|
20497
|
+
},] }
|
|
20498
|
+
];
|
|
20499
|
+
ResizableDirective.ctorParameters = function () { return [
|
|
20500
|
+
{ type: undefined, decorators: [{ type: i0.Inject, args: [i1$4.DOCUMENT,] }] },
|
|
20501
|
+
{ type: i0.ElementRef, decorators: [{ type: i0.Inject, args: [i0.ElementRef,] }] }
|
|
20502
|
+
]; };
|
|
20503
|
+
ResizableDirective.propDecorators = {
|
|
20504
|
+
resizable: [{ type: i0.Output }],
|
|
20505
|
+
fit: [{ type: i0.Output }]
|
|
20506
|
+
};
|
|
20507
|
+
|
|
20508
|
+
var ResizableComponent = /** @class */ (function () {
|
|
20509
|
+
function ResizableComponent(columnDef) {
|
|
20510
|
+
this.columnDef = columnDef;
|
|
20511
|
+
this.sizeChanged = new i0.EventEmitter();
|
|
20512
|
+
this.width = null;
|
|
20513
|
+
this.minWidth = null;
|
|
20514
|
+
this.maxWidth = null;
|
|
20515
|
+
this.debug = false;
|
|
20516
|
+
}
|
|
20517
|
+
ResizableComponent.prototype.onResize = function (width, opts) {
|
|
20518
|
+
if (!this.resizable)
|
|
20519
|
+
return;
|
|
20520
|
+
if (this.debug)
|
|
20521
|
+
console.info("resize:" + width);
|
|
20522
|
+
this.minWidth = width + 'px';
|
|
20523
|
+
this.maxWidth = width + 'px';
|
|
20524
|
+
if (!opts || opts.emitEvent) {
|
|
20525
|
+
this.sizeChanged.emit(width);
|
|
20526
|
+
}
|
|
20527
|
+
};
|
|
20528
|
+
ResizableComponent.prototype.onFit = function (opts) {
|
|
20529
|
+
if (!this.resizable)
|
|
20530
|
+
return;
|
|
20531
|
+
if (this.debug)
|
|
20532
|
+
console.info('fit');
|
|
20533
|
+
this.width = 'auto';
|
|
20534
|
+
this.minWidth = null;
|
|
20535
|
+
this.maxWidth = null;
|
|
20536
|
+
if (!opts || opts.emitEvent) {
|
|
20537
|
+
this.sizeChanged.emit(undefined);
|
|
20538
|
+
}
|
|
20539
|
+
};
|
|
20540
|
+
return ResizableComponent;
|
|
20541
|
+
}());
|
|
20542
|
+
ResizableComponent.decorators = [
|
|
20543
|
+
{ type: i0.Component, args: [{
|
|
20544
|
+
// eslint-disable-next-line @angular-eslint/component-selector
|
|
20545
|
+
selector: 'th[resizable]',
|
|
20546
|
+
template: "<div class=\"wrapper\">\n <div class=\"content\">\n <ng-content></ng-content>\n </div>\n <div class=\"bar\" [class.cdk-visually-hidden]=\"!resizable\" (resizable)=\"onResize($event)\" (fit)=\"onFit()\"></div>\n</div>\n",
|
|
20547
|
+
styles: [":host:last-child .bar{display:none}.wrapper{display:flex;justify-content:flex-end;align-items:center}.content{flex:1}.bar{height:var(--app-table-header-height,55px);width:10px;justify-self:flex-end;border-left:4px solid transparent;border-right:4px solid transparent;background:var(--ion-color-secondary);background-clip:content-box;cursor:ew-resize;opacity:0;transition:opacity .3s}.bar:active,.bar:hover{opacity:1}:host-context(.mat-table-sticky) .bar{width:12px!important}"]
|
|
20548
|
+
},] }
|
|
20549
|
+
];
|
|
20550
|
+
ResizableComponent.ctorParameters = function () { return [
|
|
20551
|
+
{ type: table.MatColumnDef, decorators: [{ type: i0.Optional }] }
|
|
20552
|
+
]; };
|
|
20553
|
+
ResizableComponent.propDecorators = {
|
|
20554
|
+
resizable: [{ type: i0.Input }],
|
|
20555
|
+
sizeChanged: [{ type: i0.Output }],
|
|
20556
|
+
width: [{ type: i0.HostBinding, args: ['style.width',] }],
|
|
20557
|
+
minWidth: [{ type: i0.HostBinding, args: ['style.min-width',] }],
|
|
20558
|
+
maxWidth: [{ type: i0.HostBinding, args: ['style.max-width',] }]
|
|
20559
|
+
};
|
|
20560
|
+
|
|
20561
|
+
var ResizableModule = /** @class */ (function () {
|
|
20562
|
+
function ResizableModule() {
|
|
20563
|
+
}
|
|
20564
|
+
return ResizableModule;
|
|
20565
|
+
}());
|
|
20566
|
+
ResizableModule.decorators = [
|
|
20567
|
+
{ type: i0.NgModule, args: [{
|
|
20568
|
+
declarations: [ResizableComponent, ResizableDirective],
|
|
20569
|
+
exports: [ResizableComponent, ResizableDirective],
|
|
20570
|
+
},] }
|
|
20571
|
+
];
|
|
20572
|
+
|
|
20474
20573
|
function mergeLoadResult(res1, res2) {
|
|
20475
20574
|
var _c;
|
|
20476
20575
|
var _a, _b;
|
|
@@ -31357,6 +31456,7 @@
|
|
|
31357
31456
|
this._items = deepCopy$1(FAKE_ENTITIES$1, 100);
|
|
31358
31457
|
this._$items = new rxjs.BehaviorSubject(undefined);
|
|
31359
31458
|
this.autocompleteFields = new MatAutocompleteConfigHolder();
|
|
31459
|
+
this.appearance = 'legacy';
|
|
31360
31460
|
this.form = formBuilder.group({
|
|
31361
31461
|
entity: [null, SharedValidators.entity],
|
|
31362
31462
|
entityInitial: [null, SharedValidators.entity],
|
|
@@ -31466,7 +31566,7 @@
|
|
|
31466
31566
|
ChipsTestPage.decorators = [
|
|
31467
31567
|
{ type: i0.Component, args: [{
|
|
31468
31568
|
selector: 'app-chips-test',
|
|
31469
|
-
template: "<ion-header>\n <ion-toolbar color=\"primary\">\n\n <ion-buttons slot=\"start\">\n <ion-back-button></ion-back-button>\n </ion-buttons>\n\n <ion-title>Chips field test page</ion-title>\n </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n\n <form class=\"form-container\" [formGroup]=\"form\" (ngSubmit)=\"doSubmit($event)\">\n\n <ion-grid>\n\n <ion-row>\n\n <ion-col>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <ion-text color=\"primary\">\n Suggest() function\n </ion-text>\n </ion-card-title>\n <ion-card-subtitle>\n <ion-text color=\"medium\">\n <pre><small>suggestFn: (searchText, filter) => any[]</small></pre>\n </ion-text>\n </ion-card-subtitle>\n </ion-card-header>\n <ion-card-content>\n <mat-chips-field formControlName=\"entity\"\n
|
|
31569
|
+
template: "<ion-header>\n <ion-toolbar color=\"primary\">\n\n <ion-buttons slot=\"start\">\n <ion-back-button></ion-back-button>\n </ion-buttons>\n\n <ion-title>Chips field test page</ion-title>\n </ion-toolbar>\n</ion-header>\n\n<ion-content class=\"ion-padding\">\n\n <form class=\"form-container\" [formGroup]=\"form\" (ngSubmit)=\"doSubmit($event)\">\n\n <ion-grid>\n\n <ion-row>\n\n <ion-col size=\"12\">\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <ion-text color=\"primary\">\n Suggest() function\n </ion-text>\n </ion-card-title>\n <ion-card-subtitle>\n <ion-text color=\"medium\">\n <pre><small>suggestFn: (searchText, filter) => any[]</small></pre>\n </ion-text>\n </ion-card-subtitle>\n </ion-card-header>\n <ion-card-content>\n <ion-grid class=\"ion-no-padding\">\n <ion-row>\n <ion-col>\n <mat-chips-field formControlName=\"entity\"\n placeholder=\"A chip field\" [appearance]=\"appearance\"\n [config]=\"autocompleteFields.get('entity-suggestFn')\"\n [logPrefix]=\"'[mat-chips-empty] '\"\n chipColor=\"accent\"\n [debug]=\"false\"\n ></mat-chips-field>\n </ion-col>\n\n <ion-col>\n <mat-form-field [appearance]=\"appearance\">\n <mat-label>Another field</mat-label>\n <input matInput type=\"text\">\n </mat-form-field>\n </ion-col>\n </ion-row>\n <ion-row>\n <ion-col>\n {{stringify(form.controls.entity.value)}}\n </ion-col>\n </ion-row>\n </ion-grid>\n </ion-card-content>\n </ion-card>\n </ion-col>\n\n <ion-col>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <ion-label color=\"primary\">\n Suggest() function with initial value\n </ion-label>\n </ion-card-title>\n <ion-card-subtitle>\n <ion-text color=\"medium\">\n <pre><small>suggestFn: (searchText, filter) => any[]</small></pre>\n </ion-text>\n </ion-card-subtitle>\n </ion-card-header>\n <ion-card-content>\n <mat-chips-field formControlName=\"entityInitial\"\n [config]=\"autocompleteFields.get('entity-suggestFn')\"\n [logPrefix]=\"'[mat-chips-initialized] '\"\n chipColor=\"primary\"\n [debug]=\"true\"\n ></mat-chips-field>\n {{stringify(form.controls.entityInitial.value)}}\n </ion-card-content>\n </ion-card>\n </ion-col>\n\n <ion-col>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <ion-label color=\"primary\">\n Disabled control\n </ion-label>\n </ion-card-title>\n </ion-card-header>\n <ion-card-content>\n <mat-chips-field formControlName=\"disableEntity\"\n [config]=\"autocompleteFields.get('entity-suggestFn')\"\n [equals]=\"equals\"\n [logPrefix]=\"'[mat-chips-disabled] '\"\n chipColor=\"warning\"\n [debug]=\"true\"\n ></mat-chips-field>\n {{stringify(form.controls.disableEntity.value)}}\n </ion-card-content>\n </ion-card>\n </ion-col>\n\n <ion-col>\n <ion-card>\n <ion-card-header>\n <ion-card-title>\n <ion-label color=\"primary\">\n Readonly control\n </ion-label>\n </ion-card-title>\n </ion-card-header>\n <ion-card-content>\n <mat-chips-field formControlName=\"entity\"\n [config]=\"autocompleteFields.get('entity-suggestFn')\"\n [equals]=\"equals\"\n [logPrefix]=\"'[mat-chips-readonly] '\"\n [readonly]=\"true\"\n ></mat-chips-field>\n {{stringify(form.controls.entity.value)}}\n </ion-card-content>\n </ion-card>\n </ion-col>\n </ion-row>\n </ion-grid>\n\n </form>\n\n</ion-content>\n"
|
|
31470
31570
|
},] }
|
|
31471
31571
|
];
|
|
31472
31572
|
ChipsTestPage.ctorParameters = function () { return [
|
|
@@ -32600,6 +32700,9 @@
|
|
|
32600
32700
|
exports.ReferentialUtils = ReferentialUtils;
|
|
32601
32701
|
exports.ReferentialValidatorService = ReferentialValidatorService;
|
|
32602
32702
|
exports.RegisterConfirmPage = RegisterConfirmPage;
|
|
32703
|
+
exports.ResizableComponent = ResizableComponent;
|
|
32704
|
+
exports.ResizableDirective = ResizableDirective;
|
|
32705
|
+
exports.ResizableModule = ResizableModule;
|
|
32603
32706
|
exports.SETTINGS_DISPLAY_COLUMNS = SETTINGS_DISPLAY_COLUMNS;
|
|
32604
32707
|
exports.SETTINGS_FILTER = SETTINGS_FILTER;
|
|
32605
32708
|
exports.SETTINGS_PAGE_SIZE = SETTINGS_PAGE_SIZE;
|