@colijnit/corecomponents_v12 256.1.2 → 256.1.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/bundles/colijnit-corecomponents_v12.umd.js +34 -14
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12-255.1.14.tgz +0 -0
- package/colijnit-corecomponents_v12-255.1.15.tgz +0 -0
- package/colijnit-corecomponents_v12-255.1.16.tgz +0 -0
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/filter-item/filter-item.component.js +31 -7
- package/esm2015/lib/components/view-mode-buttons/view-mode-buttons.component.js +8 -5
- package/esm2015/lib/directives/screen-configuration/screen-configuration.directive.js +4 -4
- package/esm2015/lib/interfaces/screen-config-adapter.component.interface.js +1 -1
- package/fesm2015/colijnit-corecomponents_v12.js +38 -12
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/filter-item/filter-item.component.d.ts +14 -1
- package/lib/components/view-mode-buttons/view-mode-buttons.component.d.ts +1 -1
- package/lib/interfaces/screen-config-adapter.component.interface.d.ts +2 -0
- package/package.json +1 -1
|
@@ -17,6 +17,7 @@ import * as i1 from '@angular/cdk/overlay';
|
|
|
17
17
|
import { OverlayConfig, Overlay } from '@angular/cdk/overlay';
|
|
18
18
|
import { ComponentPortal } from '@angular/cdk/portal';
|
|
19
19
|
import * as XLSX from 'xlsx';
|
|
20
|
+
import { UserRightType } from '@colijnit/ioneconnector/build/enum/user-right-type.enum';
|
|
20
21
|
import { ScrollingModule } from '@angular/cdk/scrolling';
|
|
21
22
|
import { ArrayUtils as ArrayUtils$1 } from '@colijnit/ioneconnector/build/utils/array-utils';
|
|
22
23
|
import { DEFAULT_GET_OBJECT_CONFIGURATION_PARAMS } from '@colijnit/ioneconnector/build/model/default-get-object-configurations-params';
|
|
@@ -10636,9 +10637,6 @@ class ViewModeButtonsComponent {
|
|
|
10636
10637
|
this.showViewModes = [this.viewModes.List, this.viewModes.Grid, this.viewModes.Tiles];
|
|
10637
10638
|
this.viewModeChange = new EventEmitter();
|
|
10638
10639
|
}
|
|
10639
|
-
showClass() {
|
|
10640
|
-
return true;
|
|
10641
|
-
}
|
|
10642
10640
|
set activeViewMode(value) {
|
|
10643
10641
|
this._activeViewMode = value;
|
|
10644
10642
|
this.viewModeChange.emit(this._activeViewMode);
|
|
@@ -10646,8 +10644,13 @@ class ViewModeButtonsComponent {
|
|
|
10646
10644
|
get activeViewMode() {
|
|
10647
10645
|
return this._activeViewMode;
|
|
10648
10646
|
}
|
|
10647
|
+
showClass() {
|
|
10648
|
+
return true;
|
|
10649
|
+
}
|
|
10649
10650
|
ngOnInit() {
|
|
10650
|
-
this.activeViewMode
|
|
10651
|
+
if (!this.activeViewMode) {
|
|
10652
|
+
this.activeViewMode = this.showViewModes.includes(ContentViewMode.List) ? ContentViewMode.List : this.showViewModes[0];
|
|
10653
|
+
}
|
|
10651
10654
|
}
|
|
10652
10655
|
}
|
|
10653
10656
|
ViewModeButtonsComponent.decorators = [
|
|
@@ -10682,6 +10685,7 @@ ViewModeButtonsComponent.ctorParameters = () => [
|
|
|
10682
10685
|
ViewModeButtonsComponent.propDecorators = {
|
|
10683
10686
|
showViewModes: [{ type: Input }],
|
|
10684
10687
|
viewModeChange: [{ type: Output }],
|
|
10688
|
+
activeViewMode: [{ type: Input }],
|
|
10685
10689
|
showClass: [{ type: HostBinding, args: ["class.co-view-mode-buttons",] }]
|
|
10686
10690
|
};
|
|
10687
10691
|
|
|
@@ -11845,6 +11849,14 @@ class FilterItemComponent {
|
|
|
11845
11849
|
get model() {
|
|
11846
11850
|
return this._model;
|
|
11847
11851
|
}
|
|
11852
|
+
set configObject(value) {
|
|
11853
|
+
this._configObject = value;
|
|
11854
|
+
this.expanded = (this._configObject.rights === UserRightType.ReadWrite);
|
|
11855
|
+
this.hidden = (this._configObject.rights < UserRightType.Read);
|
|
11856
|
+
}
|
|
11857
|
+
get configObject() {
|
|
11858
|
+
return this._configObject;
|
|
11859
|
+
}
|
|
11848
11860
|
ngOnInit() {
|
|
11849
11861
|
this.setToInitialLimit();
|
|
11850
11862
|
this.showButton = this.valueSelected();
|
|
@@ -12274,6 +12286,7 @@ FilterItemComponent.decorators = [
|
|
|
12274
12286
|
[placeholder]="searchPlaceholder"
|
|
12275
12287
|
[model]="filterText"
|
|
12276
12288
|
(modelChange)="applyFilter($event)"
|
|
12289
|
+
[readonly]="readonly"
|
|
12277
12290
|
>
|
|
12278
12291
|
</co-input-text>
|
|
12279
12292
|
<div class="no-results" *ngIf="filteredCollection?.length === 0">
|
|
@@ -12288,11 +12301,13 @@ FilterItemComponent.decorators = [
|
|
|
12288
12301
|
[model]="option.checked"
|
|
12289
12302
|
[clickableLabel]="false"
|
|
12290
12303
|
(modelChange)="handleModelChange(option)"
|
|
12304
|
+
[readonly]="readonly"
|
|
12291
12305
|
></co-input-checkbox>
|
|
12292
12306
|
<co-input-radio-button *ngIf="mode === modes.SingleSelectList"
|
|
12293
12307
|
[label]="option.description"
|
|
12294
12308
|
[model]="option.checked"
|
|
12295
12309
|
(modelChange)="handleModelChange(option)"
|
|
12310
|
+
[readonly]="readonly"
|
|
12296
12311
|
></co-input-radio-button>
|
|
12297
12312
|
<div class="co-filter-item-amount" *ngIf="option.count"
|
|
12298
12313
|
[textContent]="option.count.toString() | append: ')' | prepend: ' ('"
|
|
@@ -12327,6 +12342,7 @@ FilterItemComponent.decorators = [
|
|
|
12327
12342
|
[excludePlusMinus]="true"
|
|
12328
12343
|
[label]="'FROM' | coreLocalize"
|
|
12329
12344
|
[(model)]="sliderMin"
|
|
12345
|
+
[readonly]="readonly"
|
|
12330
12346
|
(focusout)="handleModelChange(sliderMin)"
|
|
12331
12347
|
></co-input-text>
|
|
12332
12348
|
<co-input-text
|
|
@@ -12337,6 +12353,7 @@ FilterItemComponent.decorators = [
|
|
|
12337
12353
|
[excludePlusMinus]="true"
|
|
12338
12354
|
[label]="'TO' | coreLocalize"
|
|
12339
12355
|
[(model)]="sliderMax"
|
|
12356
|
+
[readonly]="readonly"
|
|
12340
12357
|
(focusout)="handleModelChange(sliderMax)"
|
|
12341
12358
|
></co-input-text>
|
|
12342
12359
|
</div>
|
|
@@ -12349,6 +12366,7 @@ FilterItemComponent.decorators = [
|
|
|
12349
12366
|
[excludePlusMinus]="true"
|
|
12350
12367
|
[label]="'FROM' | coreLocalize"
|
|
12351
12368
|
[(model)]="sliderMin"
|
|
12369
|
+
[readonly]="readonly"
|
|
12352
12370
|
(focusout)="handleModelChange(sliderMin)"
|
|
12353
12371
|
></co-input-text>
|
|
12354
12372
|
<co-input-text
|
|
@@ -12359,6 +12377,7 @@ FilterItemComponent.decorators = [
|
|
|
12359
12377
|
[excludePlusMinus]="true"
|
|
12360
12378
|
[label]="'TO' | coreLocalize"
|
|
12361
12379
|
[(model)]="sliderMax"
|
|
12380
|
+
[readonly]="readonly"
|
|
12362
12381
|
(focusout)="handleModelChange(sliderMax)"
|
|
12363
12382
|
></co-input-text>
|
|
12364
12383
|
</div>
|
|
@@ -12366,6 +12385,7 @@ FilterItemComponent.decorators = [
|
|
|
12366
12385
|
<co-input-checkbox
|
|
12367
12386
|
[(model)]="model"
|
|
12368
12387
|
(modelChange)="handleModelChange($event)"
|
|
12388
|
+
[readonly]="readonly"
|
|
12369
12389
|
[label]="placeholder">
|
|
12370
12390
|
</co-input-checkbox>
|
|
12371
12391
|
</div>
|
|
@@ -12374,21 +12394,22 @@ FilterItemComponent.decorators = [
|
|
|
12374
12394
|
<co-input-checkbox
|
|
12375
12395
|
[(model)]="checkBoxToTextModel"
|
|
12376
12396
|
(modelChange)="handleModelChange($event)"
|
|
12397
|
+
[readonly]="readonly"
|
|
12377
12398
|
[label]="placeholder"></co-input-checkbox>
|
|
12378
12399
|
</div>
|
|
12379
12400
|
<div class="co-filter-item-textfield-content" *ngIf="mode === modes.TextField">
|
|
12380
12401
|
<co-input-text
|
|
12381
|
-
[(model)]="model"
|
|
12402
|
+
[(model)]="model" [readonly]="readonly"
|
|
12382
12403
|
(modelChange)="handleModelChange($event)"></co-input-text>
|
|
12383
12404
|
</div>
|
|
12384
12405
|
<div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateField">
|
|
12385
12406
|
<co-input-date
|
|
12386
|
-
[(model)]="model"
|
|
12407
|
+
[(model)]="model" [readonly]="readonly"
|
|
12387
12408
|
(modelChange)="handleModelChange($event)"
|
|
12388
12409
|
></co-input-date>
|
|
12389
12410
|
</div>
|
|
12390
12411
|
<div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateRangeField">
|
|
12391
|
-
<co-input-date-range
|
|
12412
|
+
<co-input-date-range [readonly]="readonly"
|
|
12392
12413
|
[model]="[dateRangeStart, dateRangeEnd]"
|
|
12393
12414
|
(modelChange)="handleModelChange($event)"
|
|
12394
12415
|
[placeholder]="'SELECT_DATE' | coreLocalize">
|
|
@@ -12401,7 +12422,11 @@ FilterItemComponent.decorators = [
|
|
|
12401
12422
|
|
|
12402
12423
|
`,
|
|
12403
12424
|
encapsulation: ViewEncapsulation.None,
|
|
12404
|
-
changeDetection: ChangeDetectionStrategy.OnPush
|
|
12425
|
+
changeDetection: ChangeDetectionStrategy.OnPush,
|
|
12426
|
+
providers: [{
|
|
12427
|
+
provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
|
|
12428
|
+
useExisting: forwardRef(() => FilterItemComponent)
|
|
12429
|
+
}]
|
|
12405
12430
|
},] }
|
|
12406
12431
|
];
|
|
12407
12432
|
FilterItemComponent.ctorParameters = () => [
|
|
@@ -12430,7 +12455,8 @@ FilterItemComponent.propDecorators = {
|
|
|
12430
12455
|
modelChange: [{ type: Output }],
|
|
12431
12456
|
collectionChange: [{ type: Output }],
|
|
12432
12457
|
filterButtonClicked: [{ type: Output }],
|
|
12433
|
-
filteredCollection: [{ type: HostBinding, args: ["class.co-filter-item",] }]
|
|
12458
|
+
filteredCollection: [{ type: HostBinding, args: ["class.co-filter-item",] }],
|
|
12459
|
+
hidden: [{ type: HostBinding, args: ['class.co-hidden',] }]
|
|
12434
12460
|
};
|
|
12435
12461
|
|
|
12436
12462
|
// A pipe for prepending strings to other strings in view templates.
|
|
@@ -13465,14 +13491,14 @@ class ScreenConfigurationDirective {
|
|
|
13465
13491
|
const myCfgObj = this._configService.getObjectConfigurationFor(this.screenConfigurationObject);
|
|
13466
13492
|
if (myCfgObj) {
|
|
13467
13493
|
this._setHostVisible(myCfgObj.immediatelyVisible());
|
|
13468
|
-
// if (this.hostComponent instanceof GridColumnComponent) {
|
|
13469
|
-
// this.hostComponent.rights = myCfgObj.rights;
|
|
13470
|
-
// }
|
|
13471
13494
|
if (!this.screenConfigNativeElement) {
|
|
13472
13495
|
this.hostComponent.required = myCfgObj.isRequired();
|
|
13473
13496
|
this.hostComponent.readonly = this.hostComponent.forceReadonly || this._moduleInReadonlyMode() || myCfgObj.isReadonly();
|
|
13474
13497
|
this.hostComponent.decimals = myCfgObj.scale;
|
|
13475
13498
|
this.hostComponent.maxLength = myCfgObj.maxLength;
|
|
13499
|
+
if ('configObject' in this.hostComponent) {
|
|
13500
|
+
this.hostComponent.configObject = myCfgObj;
|
|
13501
|
+
}
|
|
13476
13502
|
}
|
|
13477
13503
|
}
|
|
13478
13504
|
else {
|