@colijnit/corecomponents_v12 260.1.5 → 260.1.6
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 +2 -2
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/filter-item/filter-item.component.js +163 -163
- package/fesm2015/colijnit-corecomponents_v12.js +162 -162
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/hour-scheduling-expandable/style/_layout.scss +1 -0
- package/package.json +1 -1
|
@@ -12635,7 +12635,7 @@ class FilterItemComponent {
|
|
|
12635
12635
|
var _a, _b;
|
|
12636
12636
|
return __awaiter(this, void 0, void 0, function* () {
|
|
12637
12637
|
if (!isNaN(this.minSearchCharsToLoadCollection)) {
|
|
12638
|
-
if (text.length < this.minSearchCharsToLoadCollection) {
|
|
12638
|
+
if (!text || text.length < this.minSearchCharsToLoadCollection) {
|
|
12639
12639
|
yield new Promise(resolve => setTimeout(resolve, 300));
|
|
12640
12640
|
this.collection = undefined;
|
|
12641
12641
|
}
|
|
@@ -13203,167 +13203,167 @@ class FilterItemComponent {
|
|
|
13203
13203
|
FilterItemComponent.decorators = [
|
|
13204
13204
|
{ type: Component, args: [{
|
|
13205
13205
|
selector: "co-filter-item",
|
|
13206
|
-
template: `
|
|
13207
|
-
|
|
13208
|
-
|
|
13209
|
-
|
|
13210
|
-
|
|
13211
|
-
|
|
13212
|
-
|
|
13213
|
-
|
|
13214
|
-
|
|
13215
|
-
|
|
13216
|
-
|
|
13217
|
-
|
|
13218
|
-
|
|
13219
|
-
|
|
13220
|
-
|
|
13221
|
-
|
|
13222
|
-
|
|
13223
|
-
|
|
13224
|
-
|| mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput">
|
|
13225
|
-
|
|
13226
|
-
|
|
13227
|
-
|
|
13228
|
-
|
|
13229
|
-
|
|
13230
|
-
|
|
13231
|
-
|
|
13232
|
-
|
|
13233
|
-
|
|
13234
|
-
|
|
13235
|
-
|
|
13236
|
-
|
|
13237
|
-
|
|
13238
|
-
|
|
13239
|
-
|
|
13240
|
-
|
|
13241
|
-
|
|
13242
|
-
|
|
13243
|
-
|
|
13244
|
-
|
|
13245
|
-
|
|
13246
|
-
|
|
13247
|
-
|
|
13248
|
-
|
|
13249
|
-
|
|
13250
|
-
|
|
13251
|
-
|
|
13252
|
-
|
|
13253
|
-
|
|
13254
|
-
|
|
13255
|
-
|
|
13256
|
-
|
|
13257
|
-
|
|
13258
|
-
|
|
13259
|
-
|
|
13260
|
-
|
|
13261
|
-
|
|
13262
|
-
|
|
13263
|
-
|
|
13264
|
-
|
|
13265
|
-
|
|
13266
|
-
|
|
13267
|
-
|
|
13268
|
-
|
|
13269
|
-
|
|
13270
|
-
|
|
13271
|
-
|
|
13272
|
-
|
|
13273
|
-
|
|
13274
|
-
|
|
13275
|
-
|
|
13276
|
-
|
|
13277
|
-
|
|
13278
|
-
|
|
13279
|
-
|
|
13280
|
-
|
|
13281
|
-
|
|
13282
|
-
|
|
13283
|
-
|
|
13284
|
-
|
|
13285
|
-
|
|
13286
|
-
|
|
13287
|
-
|
|
13288
|
-
|
|
13289
|
-
|
|
13290
|
-
|
|
13291
|
-
|
|
13292
|
-
|
|
13293
|
-
|
|
13294
|
-
|
|
13295
|
-
|
|
13296
|
-
|
|
13297
|
-
|
|
13298
|
-
|
|
13299
|
-
|
|
13300
|
-
|
|
13301
|
-
|
|
13302
|
-
|
|
13303
|
-
|
|
13304
|
-
|
|
13305
|
-
|
|
13306
|
-
|
|
13307
|
-
|
|
13308
|
-
|
|
13309
|
-
|
|
13310
|
-
|
|
13311
|
-
|
|
13312
|
-
|
|
13313
|
-
|
|
13314
|
-
|
|
13315
|
-
|
|
13316
|
-
|
|
13317
|
-
|
|
13318
|
-
|
|
13319
|
-
|
|
13320
|
-
|
|
13321
|
-
|
|
13322
|
-
|
|
13323
|
-
|
|
13324
|
-
|
|
13325
|
-
|
|
13326
|
-
|
|
13327
|
-
|
|
13328
|
-
|
|
13329
|
-
|
|
13330
|
-
|
|
13331
|
-
|
|
13332
|
-
|
|
13333
|
-
|
|
13334
|
-
|
|
13335
|
-
|
|
13336
|
-
|
|
13337
|
-
|
|
13338
|
-
|
|
13339
|
-
|
|
13340
|
-
|
|
13341
|
-
|
|
13342
|
-
|
|
13343
|
-
|
|
13344
|
-
|
|
13345
|
-
|
|
13346
|
-
|
|
13347
|
-
|
|
13348
|
-
|
|
13349
|
-
|
|
13350
|
-
|
|
13351
|
-
|
|
13352
|
-
|
|
13353
|
-
|
|
13354
|
-
|
|
13355
|
-
|
|
13356
|
-
|
|
13357
|
-
|
|
13358
|
-
|
|
13359
|
-
|
|
13360
|
-
|
|
13361
|
-
|
|
13362
|
-
|
|
13363
|
-
|
|
13364
|
-
|
|
13365
|
-
|
|
13366
|
-
|
|
13206
|
+
template: `
|
|
13207
|
+
<div class="co-filter-item-header">
|
|
13208
|
+
<co-collapsible
|
|
13209
|
+
[headerTitle]="placeholder"
|
|
13210
|
+
[expandButtonLast]="true"
|
|
13211
|
+
[iconData]="iconService.getIcon(icons.ArrowPointDown)"
|
|
13212
|
+
[expanded]="expanded"
|
|
13213
|
+
[showButton]="showButton"
|
|
13214
|
+
[buttonText]="filterButtonLabel"
|
|
13215
|
+
(buttonClicked)="onButtonClicked()"
|
|
13216
|
+
>
|
|
13217
|
+
<div class="co-filter-item-collapsable-content">
|
|
13218
|
+
<div class="co-filter-item-custom-content" *ngIf="customContent; else collectionContent"
|
|
13219
|
+
(keydown)="showButton=true" (mousedown)="showButton=true">
|
|
13220
|
+
<ng-content></ng-content>
|
|
13221
|
+
</div>
|
|
13222
|
+
<ng-template #collectionContent>
|
|
13223
|
+
<div class="co-filter-item-collection-content" *ngIf="mode === modes.Filterlist || mode === modes.SingleSelectList
|
|
13224
|
+
|| mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput">
|
|
13225
|
+
<co-input-text
|
|
13226
|
+
*ngIf="collection?.length > 10 || minSearchCharsToLoadCollection"
|
|
13227
|
+
[placeholder]="searchPlaceholder"
|
|
13228
|
+
[model]="filterText"
|
|
13229
|
+
(modelChange)="onModelChange($event)"
|
|
13230
|
+
[readonly]="readonly"
|
|
13231
|
+
>
|
|
13232
|
+
</co-input-text>
|
|
13233
|
+
<div *ngIf="isLoading" class="filter-loader"><span></span></div>
|
|
13234
|
+
<div class="no-results" *ngIf="filteredCollection?.length === 0">
|
|
13235
|
+
<span [textContent]="noResultsLabel"></span>
|
|
13236
|
+
</div>
|
|
13237
|
+
<div class="co-filter-item-collection-results">
|
|
13238
|
+
<ng-container
|
|
13239
|
+
*ngFor="let option of filteredCollection; let index = index">
|
|
13240
|
+
<div class="co-filter-item-collection-result-item" *ngIf="index < limitTo || showAllResults">
|
|
13241
|
+
<co-input-checkbox *ngIf="mode !== modes.SingleSelectList"
|
|
13242
|
+
[label]="option.description"
|
|
13243
|
+
[model]="option.checked"
|
|
13244
|
+
[clickableLabel]="false"
|
|
13245
|
+
(modelChange)="handleModelChange(option)"
|
|
13246
|
+
[readonly]="readonly"
|
|
13247
|
+
></co-input-checkbox>
|
|
13248
|
+
<co-input-radio-button *ngIf="mode === modes.SingleSelectList"
|
|
13249
|
+
[label]="option.description"
|
|
13250
|
+
[model]="option.checked"
|
|
13251
|
+
(modelChange)="handleModelChange(option)"
|
|
13252
|
+
[readonly]="readonly"
|
|
13253
|
+
></co-input-radio-button>
|
|
13254
|
+
<div class="co-filter-item-amount" *ngIf="option.count"
|
|
13255
|
+
[textContent]="option.count.toString() | append: ')' | prepend: ' ('"
|
|
13256
|
+
></div>
|
|
13257
|
+
</div>
|
|
13258
|
+
|
|
13259
|
+
</ng-container>
|
|
13260
|
+
</div>
|
|
13261
|
+
<div class="co-filter-show-more-or-less" *ngIf="!showAllResults">
|
|
13262
|
+
<div class="co-filter-show-more clickable"
|
|
13263
|
+
*ngIf="moreToShow()">
|
|
13264
|
+
<a (click)="increaseLimit()">
|
|
13265
|
+
<co-icon [iconData]="iconService.getIcon(icons.ArrowPointDown)"></co-icon>
|
|
13266
|
+
<span [textContent]="showMoreLabel"></span>
|
|
13267
|
+
</a>
|
|
13268
|
+
</div>
|
|
13269
|
+
<div class="co-filter-show-less clickable"
|
|
13270
|
+
*ngIf="lessToShow()">
|
|
13271
|
+
<a (click)="setToInitialLimit()">
|
|
13272
|
+
<co-icon [iconData]="iconService.getIcon(icons.ArrowPointUp)"></co-icon>
|
|
13273
|
+
<span [textContent]="showLessLabel"></span>
|
|
13274
|
+
</a>
|
|
13275
|
+
</div>
|
|
13276
|
+
</div>
|
|
13277
|
+
</div>
|
|
13278
|
+
<div class="co-filter-item-slider-content" *ngIf="mode === modes.Slider">
|
|
13279
|
+
<co-input-text
|
|
13280
|
+
class="slider-from"
|
|
13281
|
+
[type]="'number'"
|
|
13282
|
+
[digitsOnly]="true"
|
|
13283
|
+
[hideArrowButtons]="true"
|
|
13284
|
+
[excludePlusMinus]="true"
|
|
13285
|
+
[label]="'FROM' | coreLocalize"
|
|
13286
|
+
[(model)]="sliderMin"
|
|
13287
|
+
[readonly]="readonly"
|
|
13288
|
+
(modelChange)="handleModelChange(sliderMin)"
|
|
13289
|
+
></co-input-text>
|
|
13290
|
+
<co-input-text
|
|
13291
|
+
class="slider-to"
|
|
13292
|
+
[type]="'number'"
|
|
13293
|
+
[digitsOnly]="true"
|
|
13294
|
+
[hideArrowButtons]="true"
|
|
13295
|
+
[excludePlusMinus]="true"
|
|
13296
|
+
[label]="'TO' | coreLocalize"
|
|
13297
|
+
[(model)]="sliderMax"
|
|
13298
|
+
[readonly]="readonly"
|
|
13299
|
+
(modelChange)="handleModelChange(sliderMax)"
|
|
13300
|
+
></co-input-text>
|
|
13301
|
+
</div>
|
|
13302
|
+
<div class="co-filter-item-slider-content" *ngIf="mode === modes.NullableSlider">
|
|
13303
|
+
<co-input-text
|
|
13304
|
+
class="slider-from"
|
|
13305
|
+
[type]="'number'"
|
|
13306
|
+
[digitsOnly]="true"
|
|
13307
|
+
[hideArrowButtons]="true"
|
|
13308
|
+
[excludePlusMinus]="true"
|
|
13309
|
+
[label]="'FROM' | coreLocalize"
|
|
13310
|
+
[(model)]="sliderMin"
|
|
13311
|
+
[readonly]="readonly"
|
|
13312
|
+
(modelChange)="handleModelChange(sliderMin)"
|
|
13313
|
+
></co-input-text>
|
|
13314
|
+
<co-input-text
|
|
13315
|
+
class="slider-to"
|
|
13316
|
+
[type]="'number'"
|
|
13317
|
+
[digitsOnly]="true"
|
|
13318
|
+
[hideArrowButtons]="true"
|
|
13319
|
+
[excludePlusMinus]="true"
|
|
13320
|
+
[label]="'TO' | coreLocalize"
|
|
13321
|
+
[(model)]="sliderMax"
|
|
13322
|
+
[readonly]="readonly"
|
|
13323
|
+
(modelChange)="handleModelChange(sliderMax)"
|
|
13324
|
+
></co-input-text>
|
|
13325
|
+
</div>
|
|
13326
|
+
<div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox ">
|
|
13327
|
+
<co-input-checkbox
|
|
13328
|
+
[(model)]="model"
|
|
13329
|
+
(modelChange)="handleModelChange($event)"
|
|
13330
|
+
[readonly]="readonly"
|
|
13331
|
+
[label]="placeholder">
|
|
13332
|
+
</co-input-checkbox>
|
|
13333
|
+
</div>
|
|
13334
|
+
<div class="co-filter-item-checkbox-content"
|
|
13335
|
+
*ngIf="mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary">
|
|
13336
|
+
<co-input-checkbox
|
|
13337
|
+
[(model)]="checkBoxToTextModel"
|
|
13338
|
+
(modelChange)="handleModelChange($event)"
|
|
13339
|
+
[readonly]="readonly"
|
|
13340
|
+
[label]="placeholder"></co-input-checkbox>
|
|
13341
|
+
</div>
|
|
13342
|
+
<div class="co-filter-item-textfield-content" *ngIf="mode === modes.TextField">
|
|
13343
|
+
<co-input-text
|
|
13344
|
+
[(model)]="model" [readonly]="readonly"
|
|
13345
|
+
(modelChange)="handleModelChange($event)"></co-input-text>
|
|
13346
|
+
</div>
|
|
13347
|
+
<div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateField">
|
|
13348
|
+
<co-input-date
|
|
13349
|
+
#dateInput
|
|
13350
|
+
[(model)]="dateFieldValue" [readonly]="readonly" [firstDayOfWeek]="firstDayOfWeek"
|
|
13351
|
+
(modelChange)="handleModelChange($event)"
|
|
13352
|
+
></co-input-date>
|
|
13353
|
+
</div>
|
|
13354
|
+
<div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateRangeField">
|
|
13355
|
+
<co-input-date-range [readonly]="readonly" [firstDayOfWeek]="firstDayOfWeek"
|
|
13356
|
+
#dateRangeInput
|
|
13357
|
+
[model]="[dateRangeStart, dateRangeEnd]"
|
|
13358
|
+
(modelChange)="handleModelChange($event)"
|
|
13359
|
+
[placeholder]="'Kies datum' | coreLocalize">
|
|
13360
|
+
</co-input-date-range>
|
|
13361
|
+
</div>
|
|
13362
|
+
</ng-template>
|
|
13363
|
+
</div>
|
|
13364
|
+
</co-collapsible>
|
|
13365
|
+
</div>
|
|
13366
|
+
|
|
13367
13367
|
`,
|
|
13368
13368
|
encapsulation: ViewEncapsulation.None,
|
|
13369
13369
|
changeDetection: ChangeDetectionStrategy.OnPush,
|