npm - @colijnit/corecomponents_v12 - Versions diffs - 12.2.12 → 12.2.13 - Mend

@colijnit/corecomponents_v12 12.2.12 → 12.2.13

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.

Files changed (20) hide show

package/esm2015/lib/components/validation-error/validation-error.component.js CHANGED Viewed

@@ -14,12 +14,12 @@ ValidationErrorComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-validation-error",
                 template: `
-    <div class="validation-error-wrapper" [overlay]="parentForOverlay">
-      <div class="validation-error-content">
-        <co-icon [iconData]="icons.getIcon(Icons.InformationRoundOpen)"></co-icon>
-          <div class="validation-error-message" [textContent]="error | localize"></div>
+      <div class="validation-error-wrapper" [overlay]="parentForOverlay">
+          <div class="validation-error-content">
+              <co-icon [iconData]="icons.getIcon(Icons.InformationRoundOpen)"></co-icon>
+              <div class="validation-error-message" [textContent]="error | coreLocalize"></div>
+          </div>
       </div>
-    </div>
   `,
                 animations: [],
                 encapsulation: ViewEncapsulation.None
@@ -35,4 +35,4 @@ ValidationErrorComponent.propDecorators = {
     left: [{ type: HostBinding, args: ['style.left.px',] }, { type: Input }],
     showClass: [{ type: HostBinding, args: ['class.co-validation-error',] }]
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1lcnJvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdmFsaWRhdGlvbi1lcnJvci92YWxpZGF0aW9uLWVycm9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDN0UsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFpQjVELE1BQU0sT0FBTyx3QkFBd0I7SUFzQm5DLFlBQW1CLEtBQXVCO1FBQXZCLFVBQUssR0FBTCxLQUFLLENBQWtCO1FBckIxQixVQUFLLEdBQVEsa0JBQWtCLENBQUM7SUFzQmhELENBQUM7SUFMTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7WUFuQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFFBQVEsRUFBRTs7Ozs7OztHQU9UO2dCQUNELFVBQVUsRUFBRSxFQUVYO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7WUFoQk8sZ0JBQWdCOzs7b0JBb0JyQixLQUFLOytCQUdMLEtBQUs7a0JBR0wsV0FBVyxTQUFDLGNBQWMsY0FDMUIsS0FBSzttQkFHTCxXQUFXLFNBQUMsZUFBZSxjQUMzQixLQUFLO3dCQUdMLFdBQVcsU0FBQywyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29yZUNvbXBvbmVudHNJY29ufSBmcm9tIFwiLi4vLi4vY29yZS9lbnVtL2NvcmUtY29tcG9uZW50cy1pY29uLmVudW1cIjtcclxuaW1wb3J0IHtJY29uQ2FjaGVTZXJ2aWNlfSBmcm9tIFwiLi4vaWNvbi9pY29uLWNhY2hlLnNlcnZpY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImNvLXZhbGlkYXRpb24tZXJyb3JcIixcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cInZhbGlkYXRpb24tZXJyb3Itd3JhcHBlclwiIFtvdmVybGF5XT1cInBhcmVudEZvck92ZXJsYXlcIj5cclxuICAgICAgPGRpdiBjbGFzcz1cInZhbGlkYXRpb24tZXJyb3ItY29udGVudFwiPlxyXG4gICAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJpY29ucy5nZXRJY29uKEljb25zLkluZm9ybWF0aW9uUm91bmRPcGVuKVwiPjwvY28taWNvbj5cclxuICAgICAgICAgIDxkaXYgY2xhc3M9XCJ2YWxpZGF0aW9uLWVycm9yLW1lc3NhZ2VcIiBbdGV4dENvbnRlbnRdPVwiZXJyb3IgfCBsb2NhbGl6ZVwiPjwvZGl2PlxyXG4gICAgICA8L2Rpdj5cclxuICAgIDwvZGl2PlxyXG4gIGAsXHJcbiAgYW5pbWF0aW9uczogW1xyXG5cclxuICBdLFxyXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBWYWxpZGF0aW9uRXJyb3JDb21wb25lbnQge1xyXG4gIHB1YmxpYyByZWFkb25seSBJY29uczogYW55ID0gQ29yZUNvbXBvbmVudHNJY29uO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBlcnJvcjogc3RyaW5nO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBwYXJlbnRGb3JPdmVybGF5OiBFbGVtZW50UmVmO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ3N0eWxlLnRvcC5weCcpXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgdG9wOiBudW1iZXI7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUubGVmdC5weCcpXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgbGVmdDogbnVtYmVyO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLXZhbGlkYXRpb24tZXJyb3InKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKTogYm9vbGVhbiB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBpY29uczogSWNvbkNhY2hlU2VydmljZSkge1xyXG4gIH1cclxuXHJcbn1cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmFsaWRhdGlvbi1lcnJvci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvdmFsaWRhdGlvbi1lcnJvci92YWxpZGF0aW9uLWVycm9yLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFjLFdBQVcsRUFBRSxLQUFLLEVBQUUsaUJBQWlCLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDM0YsT0FBTyxFQUFDLGtCQUFrQixFQUFDLE1BQU0sMkNBQTJDLENBQUM7QUFDN0UsT0FBTyxFQUFDLGdCQUFnQixFQUFDLE1BQU0sNEJBQTRCLENBQUM7QUFpQjVELE1BQU0sT0FBTyx3QkFBd0I7SUFzQm5DLFlBQW1CLEtBQXVCO1FBQXZCLFVBQUssR0FBTCxLQUFLLENBQWtCO1FBckIxQixVQUFLLEdBQVEsa0JBQWtCLENBQUM7SUFzQmhELENBQUM7SUFMTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDOzs7WUFuQ0YsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxxQkFBcUI7Z0JBQy9CLFFBQVEsRUFBRTs7Ozs7OztHQU9UO2dCQUNELFVBQVUsRUFBRSxFQUVYO2dCQUNELGFBQWEsRUFBRSxpQkFBaUIsQ0FBQyxJQUFJO2FBQ3RDOzs7WUFoQk8sZ0JBQWdCOzs7b0JBb0JyQixLQUFLOytCQUdMLEtBQUs7a0JBR0wsV0FBVyxTQUFDLGNBQWMsY0FDMUIsS0FBSzttQkFHTCxXQUFXLFNBQUMsZUFBZSxjQUMzQixLQUFLO3dCQUdMLFdBQVcsU0FBQywyQkFBMkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0NvbXBvbmVudCwgRWxlbWVudFJlZiwgSG9zdEJpbmRpbmcsIElucHV0LCBWaWV3RW5jYXBzdWxhdGlvbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29yZUNvbXBvbmVudHNJY29ufSBmcm9tIFwiLi4vLi4vY29yZS9lbnVtL2NvcmUtY29tcG9uZW50cy1pY29uLmVudW1cIjtcclxuaW1wb3J0IHtJY29uQ2FjaGVTZXJ2aWNlfSBmcm9tIFwiLi4vaWNvbi9pY29uLWNhY2hlLnNlcnZpY2VcIjtcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiBcImNvLXZhbGlkYXRpb24tZXJyb3JcIixcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgICA8ZGl2IGNsYXNzPVwidmFsaWRhdGlvbi1lcnJvci13cmFwcGVyXCIgW292ZXJsYXldPVwicGFyZW50Rm9yT3ZlcmxheVwiPlxyXG4gICAgICAgICAgPGRpdiBjbGFzcz1cInZhbGlkYXRpb24tZXJyb3ItY29udGVudFwiPlxyXG4gICAgICAgICAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJpY29ucy5nZXRJY29uKEljb25zLkluZm9ybWF0aW9uUm91bmRPcGVuKVwiPjwvY28taWNvbj5cclxuICAgICAgICAgICAgICA8ZGl2IGNsYXNzPVwidmFsaWRhdGlvbi1lcnJvci1tZXNzYWdlXCIgW3RleHRDb250ZW50XT1cImVycm9yIHwgY29yZUxvY2FsaXplXCI+PC9kaXY+XHJcbiAgICAgICAgICA8L2Rpdj5cclxuICAgICAgPC9kaXY+XHJcbiAgYCxcclxuICBhbmltYXRpb25zOiBbXHJcblxyXG4gIF0sXHJcbiAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcclxufSlcclxuZXhwb3J0IGNsYXNzIFZhbGlkYXRpb25FcnJvckNvbXBvbmVudCB7XHJcbiAgcHVibGljIHJlYWRvbmx5IEljb25zOiBhbnkgPSBDb3JlQ29tcG9uZW50c0ljb247XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIGVycm9yOiBzdHJpbmc7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHBhcmVudEZvck92ZXJsYXk6IEVsZW1lbnRSZWY7XHJcblxyXG4gIEBIb3N0QmluZGluZygnc3R5bGUudG9wLnB4JylcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyB0b3A6IG51bWJlcjtcclxuXHJcbiAgQEhvc3RCaW5kaW5nKCdzdHlsZS5sZWZ0LnB4JylcclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBsZWZ0OiBudW1iZXI7XHJcblxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MuY28tdmFsaWRhdGlvbi1lcnJvcicpXHJcbiAgcHVibGljIHNob3dDbGFzcygpOiBib29sZWFuIHtcclxuICAgIHJldHVybiB0cnVlO1xyXG4gIH1cclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGljb25zOiBJY29uQ2FjaGVTZXJ2aWNlKSB7XHJcbiAgfVxyXG5cclxufVxyXG4iXX0=

package/esm2015/lib/translation/core-components-translation.module.js CHANGED Viewed

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { CoreComponentsTranslationService } from './core-components-translation.service';
-import { DictionaryService } from './dictionary.service';
-import { LocalizePipe } from './localize.pipe';
+import { CoreDictionaryService } from './core-dictionary.service';
+import { CoreLocalizePipe } from './core-localize.pipe';
 export class CoreComponentsTranslationModule {
     static forRoot() {
         return {
@@ -15,15 +15,15 @@ export class CoreComponentsTranslationModule {
 CoreComponentsTranslationModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
-                    LocalizePipe
+                    CoreLocalizePipe
                 ],
                 providers: [
                     CoreComponentsTranslationService,
-                    DictionaryService
+                    CoreDictionaryService
                 ],
                 exports: [
-                    LocalizePipe
+                    CoreLocalizePipe
                 ]
             },] }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb21wb25lbnRzLXRyYW5zbGF0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvdHJhbnNsYXRpb24vY29yZS1jb21wb25lbnRzLXRyYW5zbGF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNCLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RixPQUFPLEVBQUMsaUJBQWlCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQUN2RCxPQUFPLEVBQUMsWUFBWSxFQUFDLE1BQU0saUJBQWlCLENBQUM7QUFjN0MsTUFBTSxPQUFPLCtCQUErQjtJQUN4QyxNQUFNLENBQUMsT0FBTztRQUNWLE9BQU87WUFDSCxRQUFRLEVBQUUsK0JBQStCO1lBQ3pDLFNBQVMsRUFBRTtnQkFDUCxnQ0FBZ0M7YUFDbkM7U0FDSixDQUFDO0lBQ04sQ0FBQzs7O1lBcEJKLFFBQVEsU0FBQztnQkFDTixZQUFZLEVBQUU7b0JBQ1YsWUFBWTtpQkFDZjtnQkFDRCxTQUFTLEVBQUU7b0JBQ1AsZ0NBQWdDO29CQUNoQyxpQkFBaUI7aUJBQ3BCO2dCQUNELE9BQU8sRUFBRTtvQkFDTCxZQUFZO2lCQUNmO2FBQ0oiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge01vZHVsZVdpdGhQcm92aWRlcnMsIE5nTW9kdWxlfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHtDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uU2VydmljZX0gZnJvbSAnLi9jb3JlLWNvbXBvbmVudHMtdHJhbnNsYXRpb24uc2VydmljZSc7XHJcbmltcG9ydCB7RGljdGlvbmFyeVNlcnZpY2V9IGZyb20gJy4vZGljdGlvbmFyeS5zZXJ2aWNlJztcclxuaW1wb3J0IHtMb2NhbGl6ZVBpcGV9IGZyb20gJy4vbG9jYWxpemUucGlwZSc7XHJcblxyXG5ATmdNb2R1bGUoe1xyXG4gICAgZGVjbGFyYXRpb25zOiBbXHJcbiAgICAgICAgTG9jYWxpemVQaXBlXHJcbiAgICBdLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgQ29yZUNvbXBvbmVudHNUcmFuc2xhdGlvblNlcnZpY2UsXHJcbiAgICAgICAgRGljdGlvbmFyeVNlcnZpY2VcclxuICAgIF0sXHJcbiAgICBleHBvcnRzOiBbXHJcbiAgICAgICAgTG9jYWxpemVQaXBlXHJcbiAgICBdXHJcbn0pXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uTW9kdWxlIHtcclxuICAgIHN0YXRpYyBmb3JSb290KCk6IE1vZHVsZVdpdGhQcm92aWRlcnM8Q29yZUNvbXBvbmVudHNUcmFuc2xhdGlvbk1vZHVsZT4ge1xyXG4gICAgICAgIHJldHVybiB7XHJcbiAgICAgICAgICAgIG5nTW9kdWxlOiBDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uTW9kdWxlLFxyXG4gICAgICAgICAgICBwcm92aWRlcnM6IFtcclxuICAgICAgICAgICAgICAgIENvcmVDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlXHJcbiAgICAgICAgICAgIF1cclxuICAgICAgICB9O1xyXG4gICAgfVxyXG59XHJcbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb21wb25lbnRzLXRyYW5zbGF0aW9uLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2NvcmVjb21wb25lbnRzL3NyYy9saWIvdHJhbnNsYXRpb24vY29yZS1jb21wb25lbnRzLXRyYW5zbGF0aW9uLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQXNCLFFBQVEsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM1RCxPQUFPLEVBQUMsZ0NBQWdDLEVBQUMsTUFBTSx1Q0FBdUMsQ0FBQztBQUN2RixPQUFPLEVBQUMscUJBQXFCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQztBQUNoRSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxzQkFBc0IsQ0FBQztBQWN0RCxNQUFNLE9BQU8sK0JBQStCO0lBQ3hDLE1BQU0sQ0FBQyxPQUFPO1FBQ1YsT0FBTztZQUNILFFBQVEsRUFBRSwrQkFBK0I7WUFDekMsU0FBUyxFQUFFO2dCQUNQLGdDQUFnQzthQUNuQztTQUNKLENBQUM7SUFDTixDQUFDOzs7WUFwQkosUUFBUSxTQUFDO2dCQUNOLFlBQVksRUFBRTtvQkFDVixnQkFBZ0I7aUJBQ25CO2dCQUNELFNBQVMsRUFBRTtvQkFDUCxnQ0FBZ0M7b0JBQ2hDLHFCQUFxQjtpQkFDeEI7Z0JBQ0QsT0FBTyxFQUFFO29CQUNMLGdCQUFnQjtpQkFDbkI7YUFDSiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7TW9kdWxlV2l0aFByb3ZpZGVycywgTmdNb2R1bGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvcmVDb21wb25lbnRzVHJhbnNsYXRpb25TZXJ2aWNlfSBmcm9tICcuL2NvcmUtY29tcG9uZW50cy10cmFuc2xhdGlvbi5zZXJ2aWNlJztcclxuaW1wb3J0IHtDb3JlRGljdGlvbmFyeVNlcnZpY2V9IGZyb20gJy4vY29yZS1kaWN0aW9uYXJ5LnNlcnZpY2UnO1xyXG5pbXBvcnQge0NvcmVMb2NhbGl6ZVBpcGV9IGZyb20gJy4vY29yZS1sb2NhbGl6ZS5waXBlJztcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgICBkZWNsYXJhdGlvbnM6IFtcclxuICAgICAgICBDb3JlTG9jYWxpemVQaXBlXHJcbiAgICBdLFxyXG4gICAgcHJvdmlkZXJzOiBbXHJcbiAgICAgICAgQ29yZUNvbXBvbmVudHNUcmFuc2xhdGlvblNlcnZpY2UsXHJcbiAgICAgICAgQ29yZURpY3Rpb25hcnlTZXJ2aWNlXHJcbiAgICBdLFxyXG4gICAgZXhwb3J0czogW1xyXG4gICAgICAgIENvcmVMb2NhbGl6ZVBpcGVcclxuICAgIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVDb21wb25lbnRzVHJhbnNsYXRpb25Nb2R1bGUge1xyXG4gICAgc3RhdGljIGZvclJvb3QoKTogTW9kdWxlV2l0aFByb3ZpZGVyczxDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uTW9kdWxlPiB7XHJcbiAgICAgICAgcmV0dXJuIHtcclxuICAgICAgICAgICAgbmdNb2R1bGU6IENvcmVDb21wb25lbnRzVHJhbnNsYXRpb25Nb2R1bGUsXHJcbiAgICAgICAgICAgIHByb3ZpZGVyczogW1xyXG4gICAgICAgICAgICAgICAgQ29yZUNvbXBvbmVudHNUcmFuc2xhdGlvblNlcnZpY2VcclxuICAgICAgICAgICAgXVxyXG4gICAgICAgIH07XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2015/lib/translation/core-components-translation.service.js CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Injectable } from '@angular/core';
-import { DictionaryService } from './dictionary.service';
+import { CoreDictionaryService } from './core-dictionary.service';
 export class CoreComponentsTranslationService {
     constructor(_dictionaryService) {
         this._dictionaryService = _dictionaryService;
@@ -12,6 +12,6 @@ CoreComponentsTranslationService.decorators = [
     { type: Injectable }
 ];
 CoreComponentsTranslationService.ctorParameters = () => [
-    { type: DictionaryService }
+    { type: CoreDictionaryService }
 ];
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb21wb25lbnRzLXRyYW5zbGF0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL3RyYW5zbGF0aW9uL2NvcmUtY29tcG9uZW50cy10cmFuc2xhdGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFDLGlCQUFpQixFQUFDLE1BQU0sc0JBQXNCLENBQUM7QUFHdkQsTUFBTSxPQUFPLGdDQUFnQztJQUV6QyxZQUNZLGtCQUFxQztRQUFyQyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQW1CO0lBRWpELENBQUM7SUFFTSxjQUFjLENBQUMsV0FBZTtRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUN0RCxDQUFDOzs7WUFWSixVQUFVOzs7WUFGSCxpQkFBaUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0RpY3Rpb25hcnlTZXJ2aWNlfSBmcm9tICcuL2RpY3Rpb25hcnkuc2VydmljZSc7XHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uU2VydmljZSB7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBfZGljdGlvbmFyeVNlcnZpY2U6IERpY3Rpb25hcnlTZXJ2aWNlXHJcbiAgICApIHtcclxuICAgIH1cclxuXHJcbiAgICBwdWJsaWMgc2V0VHJhbnNsYXRpb24odHJhbnNsYXRpb246IHt9KTogdm9pZCB7XHJcbiAgICAgICAgdGhpcy5fZGljdGlvbmFyeVNlcnZpY2UudHJhbnNsYXRpb24gPSB0cmFuc2xhdGlvbjtcclxuICAgIH1cclxufVxyXG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1jb21wb25lbnRzLXRyYW5zbGF0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL3RyYW5zbGF0aW9uL2NvcmUtY29tcG9uZW50cy10cmFuc2xhdGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFHaEUsTUFBTSxPQUFPLGdDQUFnQztJQUV6QyxZQUNZLGtCQUF5QztRQUF6Qyx1QkFBa0IsR0FBbEIsa0JBQWtCLENBQXVCO0lBRXJELENBQUM7SUFFTSxjQUFjLENBQUMsV0FBZTtRQUNqQyxJQUFJLENBQUMsa0JBQWtCLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUN0RCxDQUFDOzs7WUFWSixVQUFVOzs7WUFGSCxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge0luamVjdGFibGV9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xyXG5pbXBvcnQge0NvcmVEaWN0aW9uYXJ5U2VydmljZX0gZnJvbSAnLi9jb3JlLWRpY3Rpb25hcnkuc2VydmljZSc7XHJcblxyXG5ASW5qZWN0YWJsZSgpXHJcbmV4cG9ydCBjbGFzcyBDb3JlQ29tcG9uZW50c1RyYW5zbGF0aW9uU2VydmljZSB7XHJcblxyXG4gICAgY29uc3RydWN0b3IoXHJcbiAgICAgICAgcHJpdmF0ZSBfZGljdGlvbmFyeVNlcnZpY2U6IENvcmVEaWN0aW9uYXJ5U2VydmljZVxyXG4gICAgKSB7XHJcbiAgICB9XHJcblxyXG4gICAgcHVibGljIHNldFRyYW5zbGF0aW9uKHRyYW5zbGF0aW9uOiB7fSk6IHZvaWQge1xyXG4gICAgICAgIHRoaXMuX2RpY3Rpb25hcnlTZXJ2aWNlLnRyYW5zbGF0aW9uID0gdHJhbnNsYXRpb247XHJcbiAgICB9XHJcbn1cclxuIl19

package/esm2015/lib/translation/core-dictionary.service.js ADDED Viewed

@@ -0,0 +1,29 @@
+import { Injectable } from "@angular/core";
+// The localization service, providing peers with text translation functionality.
+export class CoreDictionaryService {
+    constructor() {
+        // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
+        this._placeholder = "|~";
+    }
+    /**
+     * Returns the localized text for the given dictionary key.
+     * @param {string} key
+     * @param {boolean} [upperCaseFirst = true] False for first letter lowercase, true for first letter uppercase for returned dict val
+     * @param {string[]} replacementTexts Rest params for replacement of '|~' in returned dict value
+     * @returns {string} The translated text for given dictionary key
+     */
+    get(key, upperCaseFirst = true, ...replacementTexts) {
+        let text = key;
+        if (this.translation && this.translation.hasOwnProperty(key)) {
+            text = this.translation[key].toLowerCase();
+            if (upperCaseFirst) {
+                text = text.charAt(0).toUpperCase() + text.slice(1);
+            }
+        }
+        return text;
+    }
+}
+CoreDictionaryService.decorators = [
+    { type: Injectable }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1kaWN0aW9uYXJ5LnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL3RyYW5zbGF0aW9uL2NvcmUtZGljdGlvbmFyeS5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBQyxVQUFVLEVBQUMsTUFBTSxlQUFlLENBQUM7QUFFekMsaUZBQWlGO0FBRWpGLE1BQU0sT0FBTyxxQkFBcUI7SUFEbEM7UUFFSSxpSEFBaUg7UUFDaEcsaUJBQVksR0FBVyxJQUFJLENBQUM7SUFvQmpELENBQUM7SUFqQkc7Ozs7OztPQU1HO0lBQ0ksR0FBRyxDQUFDLEdBQVcsRUFBRSxpQkFBMEIsSUFBSSxFQUFFLEdBQUcsZ0JBQTBCO1FBQ2pGLElBQUksSUFBSSxHQUFXLEdBQUcsQ0FBQztRQUN2QixJQUFJLElBQUksQ0FBQyxXQUFXLElBQUksSUFBSSxDQUFDLFdBQVcsQ0FBQyxjQUFjLENBQUMsR0FBRyxDQUFDLEVBQUU7WUFDMUQsSUFBSSxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUMsR0FBRyxDQUFDLENBQUMsV0FBVyxFQUFFLENBQUM7WUFDM0MsSUFBSSxjQUFjLEVBQUU7Z0JBQ2hCLElBQUksR0FBRyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLFdBQVcsRUFBRSxHQUFHLElBQUksQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUM7YUFDdkQ7U0FDSjtRQUNELE9BQU8sSUFBSSxDQUFDO0lBQ2hCLENBQUM7OztZQXRCSixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtJbmplY3RhYmxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5cclxuLy8gVGhlIGxvY2FsaXphdGlvbiBzZXJ2aWNlLCBwcm92aWRpbmcgcGVlcnMgd2l0aCB0ZXh0IHRyYW5zbGF0aW9uIGZ1bmN0aW9uYWxpdHkuXHJcbkBJbmplY3RhYmxlKClcclxuZXhwb3J0IGNsYXNzIENvcmVEaWN0aW9uYXJ5U2VydmljZSB7XHJcbiAgICAvLyBTb21lIGRpY3Rpb25hcnkgdmFsdWVzIGhhdmUgb25lIG9yIG1vcmUgJ3x+JyB0ZXh0cyBpbiB0aGVtLCBtZWFudCB0byBiZSByZXBsYWNlZCB3aXRoIGNsaWVudC1zaWRlIGdpdmVuIHRleHRzLlxyXG4gICAgcHJpdmF0ZSByZWFkb25seSBfcGxhY2Vob2xkZXI6IHN0cmluZyA9IFwifH5cIjtcclxuXHJcbiAgICBwdWJsaWMgdHJhbnNsYXRpb246IHt9O1xyXG4gICAgLyoqXHJcbiAgICAgKiBSZXR1cm5zIHRoZSBsb2NhbGl6ZWQgdGV4dCBmb3IgdGhlIGdpdmVuIGRpY3Rpb25hcnkga2V5LlxyXG4gICAgICogQHBhcmFtIHtzdHJpbmd9IGtleVxyXG4gICAgICogQHBhcmFtIHtib29sZWFufSBbdXBwZXJDYXNlRmlyc3QgPSB0cnVlXSBGYWxzZSBmb3IgZmlyc3QgbGV0dGVyIGxvd2VyY2FzZSwgdHJ1ZSBmb3IgZmlyc3QgbGV0dGVyIHVwcGVyY2FzZSBmb3IgcmV0dXJuZWQgZGljdCB2YWxcclxuICAgICAqIEBwYXJhbSB7c3RyaW5nW119IHJlcGxhY2VtZW50VGV4dHMgUmVzdCBwYXJhbXMgZm9yIHJlcGxhY2VtZW50IG9mICd8ficgaW4gcmV0dXJuZWQgZGljdCB2YWx1ZVxyXG4gICAgICogQHJldHVybnMge3N0cmluZ30gVGhlIHRyYW5zbGF0ZWQgdGV4dCBmb3IgZ2l2ZW4gZGljdGlvbmFyeSBrZXlcclxuICAgICAqL1xyXG4gICAgcHVibGljIGdldChrZXk6IHN0cmluZywgdXBwZXJDYXNlRmlyc3Q6IGJvb2xlYW4gPSB0cnVlLCAuLi5yZXBsYWNlbWVudFRleHRzOiBzdHJpbmdbXSk6IHN0cmluZyB7XHJcbiAgICAgICAgbGV0IHRleHQ6IHN0cmluZyA9IGtleTtcclxuICAgICAgICBpZiAodGhpcy50cmFuc2xhdGlvbiAmJiB0aGlzLnRyYW5zbGF0aW9uLmhhc093blByb3BlcnR5KGtleSkpIHtcclxuICAgICAgICAgICAgdGV4dCA9IHRoaXMudHJhbnNsYXRpb25ba2V5XS50b0xvd2VyQ2FzZSgpO1xyXG4gICAgICAgICAgICBpZiAodXBwZXJDYXNlRmlyc3QpIHtcclxuICAgICAgICAgICAgICAgIHRleHQgPSB0ZXh0LmNoYXJBdCgwKS50b1VwcGVyQ2FzZSgpICsgdGV4dC5zbGljZSgxKTtcclxuICAgICAgICAgICAgfVxyXG4gICAgICAgIH1cclxuICAgICAgICByZXR1cm4gdGV4dDtcclxuICAgIH1cclxufVxyXG4iXX0=

package/esm2015/lib/translation/core-localize.pipe.js ADDED Viewed

@@ -0,0 +1,26 @@
+import { Pipe } from '@angular/core';
+import { CoreDictionaryService } from './core-dictionary.service';
+export class CoreLocalizePipe {
+    constructor(_dictionaryService) {
+        this._dictionaryService = _dictionaryService;
+    }
+    transform(value, upperCaseFirst = true, replace = []) {
+        if (!value) {
+            return "";
+        }
+        replace = (replace !== undefined && replace !== null) ? replace : [];
+        if (!Array.isArray(replace)) {
+            replace = [replace];
+        }
+        return this._dictionaryService.get(value, upperCaseFirst, ...replace);
+    }
+}
+CoreLocalizePipe.decorators = [
+    { type: Pipe, args: [{
+                name: "coreLocalize"
+            },] }
+];
+CoreLocalizePipe.ctorParameters = () => [
+    { type: CoreDictionaryService }
+];
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29yZS1sb2NhbGl6ZS5waXBlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvY29yZWNvbXBvbmVudHMvc3JjL2xpYi90cmFuc2xhdGlvbi9jb3JlLWxvY2FsaXplLnBpcGUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFDLElBQUksRUFBZ0IsTUFBTSxlQUFlLENBQUM7QUFDbEQsT0FBTyxFQUFDLHFCQUFxQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFLaEUsTUFBTSxPQUFPLGdCQUFnQjtJQUV6QixZQUFvQixrQkFBeUM7UUFBekMsdUJBQWtCLEdBQWxCLGtCQUFrQixDQUF1QjtJQUFHLENBQUM7SUFFakUsU0FBUyxDQUFDLEtBQWEsRUFBRSxpQkFBMEIsSUFBSSxFQUFFLFVBQTJCLEVBQUU7UUFDbEYsSUFBSSxDQUFDLEtBQUssRUFBRTtZQUNSLE9BQU8sRUFBRSxDQUFDO1NBQ2I7UUFDRCxPQUFPLEdBQUcsQ0FBQyxPQUFPLEtBQUssU0FBUyxJQUFJLE9BQU8sS0FBSyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUM7UUFDckUsSUFBSSxDQUFDLEtBQUssQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLEVBQUU7WUFDekIsT0FBTyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7U0FDdkI7UUFDRCxPQUFPLElBQUksQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLENBQUMsS0FBSyxFQUFFLGNBQWMsRUFBRSxHQUFHLE9BQU8sQ0FBQyxDQUFDO0lBQzFFLENBQUM7OztZQWhCSixJQUFJLFNBQUM7Z0JBQ0YsSUFBSSxFQUFFLGNBQWM7YUFDdkI7OztZQUpPLHFCQUFxQiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7UGlwZSwgUGlwZVRyYW5zZm9ybX0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7Q29yZURpY3Rpb25hcnlTZXJ2aWNlfSBmcm9tICcuL2NvcmUtZGljdGlvbmFyeS5zZXJ2aWNlJztcclxuXHJcbkBQaXBlKHtcclxuICAgIG5hbWU6IFwiY29yZUxvY2FsaXplXCJcclxufSlcclxuZXhwb3J0IGNsYXNzIENvcmVMb2NhbGl6ZVBpcGUgaW1wbGVtZW50cyBQaXBlVHJhbnNmb3JtIHtcclxuXHJcbiAgICBjb25zdHJ1Y3Rvcihwcml2YXRlIF9kaWN0aW9uYXJ5U2VydmljZTogQ29yZURpY3Rpb25hcnlTZXJ2aWNlKSB7fVxyXG5cclxuICAgIHRyYW5zZm9ybSh2YWx1ZTogc3RyaW5nLCB1cHBlckNhc2VGaXJzdDogYm9vbGVhbiA9IHRydWUsIHJlcGxhY2U6IHN0cmluZ3xzdHJpbmdbXSA9IFtdKTogc3RyaW5nIHtcclxuICAgICAgICBpZiAoIXZhbHVlKSB7XHJcbiAgICAgICAgICAgIHJldHVybiBcIlwiO1xyXG4gICAgICAgIH1cclxuICAgICAgICByZXBsYWNlID0gKHJlcGxhY2UgIT09IHVuZGVmaW5lZCAmJiByZXBsYWNlICE9PSBudWxsKSA/IHJlcGxhY2UgOiBbXTtcclxuICAgICAgICBpZiAoIUFycmF5LmlzQXJyYXkocmVwbGFjZSkpIHtcclxuICAgICAgICAgICAgcmVwbGFjZSA9IFtyZXBsYWNlXTtcclxuICAgICAgICB9XHJcbiAgICAgICAgcmV0dXJuIHRoaXMuX2RpY3Rpb25hcnlTZXJ2aWNlLmdldCh2YWx1ZSwgdXBwZXJDYXNlRmlyc3QsIC4uLnJlcGxhY2UpO1xyXG4gICAgfVxyXG59XHJcbiJdfQ==

package/fesm2015/colijnit-corecomponents_v12.js CHANGED Viewed

@@ -1647,12 +1647,12 @@ ValidationErrorComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-validation-error",
                 template: `
-    <div class="validation-error-wrapper" [overlay]="parentForOverlay">
-      <div class="validation-error-content">
-        <co-icon [iconData]="icons.getIcon(Icons.InformationRoundOpen)"></co-icon>
-          <div class="validation-error-message" [textContent]="error | localize"></div>
+      <div class="validation-error-wrapper" [overlay]="parentForOverlay">
+          <div class="validation-error-content">
+              <co-icon [iconData]="icons.getIcon(Icons.InformationRoundOpen)"></co-icon>
+              <div class="validation-error-message" [textContent]="error | coreLocalize"></div>
+          </div>
       </div>
-    </div>
   `,
                 animations: [],
                 encapsulation: ViewEncapsulation.None
@@ -5898,7 +5898,7 @@ AppendPipeModule.decorators = [
 ];
 // The localization service, providing peers with text translation functionality.
-class DictionaryService {
+class CoreDictionaryService {
     constructor() {
         // Some dictionary values have one or more '|~' texts in them, meant to be replaced with client-side given texts.
         this._placeholder = "|~";
@@ -5921,7 +5921,7 @@ class DictionaryService {
         return text;
     }
 }
-DictionaryService.decorators = [
+CoreDictionaryService.decorators = [
     { type: Injectable }
 ];
@@ -5937,10 +5937,10 @@ CoreComponentsTranslationService.decorators = [
     { type: Injectable }
 ];
 CoreComponentsTranslationService.ctorParameters = () => [
-    { type: DictionaryService }
+    { type: CoreDictionaryService }
 ];
-class LocalizePipe {
+class CoreLocalizePipe {
     constructor(_dictionaryService) {
         this._dictionaryService = _dictionaryService;
     }
@@ -5955,13 +5955,13 @@ class LocalizePipe {
         return this._dictionaryService.get(value, upperCaseFirst, ...replace);
     }
 }
-LocalizePipe.decorators = [
+CoreLocalizePipe.decorators = [
     { type: Pipe, args: [{
-                name: "localize"
+                name: "coreLocalize"
             },] }
 ];
-LocalizePipe.ctorParameters = () => [
-    { type: DictionaryService }
+CoreLocalizePipe.ctorParameters = () => [
+    { type: CoreDictionaryService }
 ];
 class CoreComponentsTranslationModule {
@@ -5977,14 +5977,14 @@ class CoreComponentsTranslationModule {
 CoreComponentsTranslationModule.decorators = [
     { type: NgModule, args: [{
                 declarations: [
-                    LocalizePipe
+                    CoreLocalizePipe
                 ],
                 providers: [
                     CoreComponentsTranslationService,
-                    DictionaryService
+                    CoreDictionaryService
                 ],
                 exports: [
-                    LocalizePipe
+                    CoreLocalizePipe
                 ]
             },] }
 ];
@@ -11655,153 +11655,153 @@ FilterItemComponent.decorators = [
     { type: Component, args: [{
                 selector: "co-filter-item",
                 template: `
-    <div class="co-filter-item-header">
-      <co-collapsible
-        [headerTitle]="placeholder"
-        [expandButtonLast]="true"
-        [iconData]="iconService.getIcon(icons.ArrowPointDown)"
-        [expanded]="expanded"
-        [showButton]="showButton"
-        [buttonText]="filterButtonLabel"
-        (buttonClicked)="onButtonClicked()"
-      >
-        <div class="co-filter-item-collapsable-content">
-          <div class="co-filter-item-custom-content" *ngIf="customContent; else collectionContent"
-               (keydown)="showButton=true" (mousedown)="showButton=true">
-            <ng-content></ng-content>
-          </div>
-          <ng-template #collectionContent>
-            <div class="co-filter-item-collection-content" *ngIf="mode === modes.Filterlist || mode === modes.SingleSelectList
-                                                                   || mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput">
-              <co-input-text
-                *ngIf="collection?.length > 10 || minSearchCharsToLoadCollection"
-                [placeholder]="searchPlaceholder"
-                [model]="filterText"
-                (modelChange)="applyFilter($event)"
-              >
-              </co-input-text>
-              <div class="no-results" *ngIf="filteredCollection?.length === 0">
-                <span [textContent]="noResultsLabel"></span>
-              </div>
-              <div class="co-filter-item-collection-results">
-                <ng-container
-                  *ngFor="let option of filteredCollection; let index = index">
-                  <div class="co-filter-item-collection-result-item" *ngIf="index < limitTo || showAllResults">
-                    <co-input-checkbox *ngIf="mode !== modes.SingleSelectList"
-                                       [label]="option.description"
-                                       [model]="option.checked"
-                                       [clickableLabel]="false"
-                                       (modelChange)="handleModelChange(option)"
-                    ></co-input-checkbox>
-                    <co-input-radio-button *ngIf="mode === modes.SingleSelectList"
-                                           [label]="option.description"
-                                           [model]="option.checked"
-                                           (modelChange)="handleModelChange(option)"
-                    ></co-input-radio-button>
-                    <div class="co-filter-item-amount" *ngIf="option.count"
-                         [textContent]="option.count.toString() | append: ')' | prepend: '      ('"
-                    ></div>
+      <div class="co-filter-item-header">
+          <co-collapsible
+                  [headerTitle]="placeholder"
+                  [expandButtonLast]="true"
+                  [iconData]="iconService.getIcon(icons.ArrowPointDown)"
+                  [expanded]="expanded"
+                  [showButton]="showButton"
+                  [buttonText]="filterButtonLabel"
+                  (buttonClicked)="onButtonClicked()"
+          >
+              <div class="co-filter-item-collapsable-content">
+                  <div class="co-filter-item-custom-content" *ngIf="customContent; else collectionContent"
+                       (keydown)="showButton=true" (mousedown)="showButton=true">
+                      <ng-content></ng-content>
                   </div>
+                  <ng-template #collectionContent>
+                      <div class="co-filter-item-collection-content" *ngIf="mode === modes.Filterlist || mode === modes.SingleSelectList
+                                                                   || mode === modes.SelectListWithNumberOutput || mode === modes.SelectListWithStringCollectionOutput">
+                          <co-input-text
+                                  *ngIf="collection?.length > 10 || minSearchCharsToLoadCollection"
+                                  [placeholder]="searchPlaceholder"
+                                  [model]="filterText"
+                                  (modelChange)="applyFilter($event)"
+                          >
+                          </co-input-text>
+                          <div class="no-results" *ngIf="filteredCollection?.length === 0">
+                              <span [textContent]="noResultsLabel"></span>
+                          </div>
+                          <div class="co-filter-item-collection-results">
+                              <ng-container
+                                      *ngFor="let option of filteredCollection; let index = index">
+                                  <div class="co-filter-item-collection-result-item" *ngIf="index < limitTo || showAllResults">
+                                      <co-input-checkbox *ngIf="mode !== modes.SingleSelectList"
+                                                         [label]="option.description"
+                                                         [model]="option.checked"
+                                                         [clickableLabel]="false"
+                                                         (modelChange)="handleModelChange(option)"
+                                      ></co-input-checkbox>
+                                      <co-input-radio-button *ngIf="mode === modes.SingleSelectList"
+                                                             [label]="option.description"
+                                                             [model]="option.checked"
+                                                             (modelChange)="handleModelChange(option)"
+                                      ></co-input-radio-button>
+                                      <div class="co-filter-item-amount" *ngIf="option.count"
+                                           [textContent]="option.count.toString() | append: ')' | prepend: '      ('"
+                                      ></div>
+                                  </div>
-                </ng-container>
+                              </ng-container>
+                          </div>
+                          <div class="co-filter-show-more-or-less" *ngIf="!showAllResults">
+                              <div class="co-filter-show-more clickable"
+                                   *ngIf="moreToShow()">
+                                  <a (click)="increaseLimit()">
+                                      <co-icon [iconData]="iconService.getIcon(icons.ArrowPointDown)"></co-icon>
+                                      <span [textContent]="showMoreLabel"></span>
+                                  </a>
+                              </div>
+                              <div class="co-filter-show-less clickable"
+                                   *ngIf="lessToShow()">
+                                  <a (click)="setToInitialLimit()">
+                                      <co-icon [iconData]="iconService.getIcon(icons.ArrowPointUp)"></co-icon>
+                                      <span [textContent]="showLessLabel"></span>
+                                  </a>
+                              </div>
+                          </div>
+                      </div>
+                      <div class="co-filter-item-slider-content" *ngIf="mode === modes.Slider">
+                          <co-input-text
+                                  class="slider-from"
+                                  [type]="'number'"
+                                  [digitsOnly]="true"
+                                  [hideArrowButtons]="true"
+                                  [excludePlusMinus]="true"
+                                  [label]="'FROM' | coreLocalize"
+                                  [(model)]="sliderMin"
+                                  (focusout)="handleModelChange(sliderMin)"
+                          ></co-input-text>
+                          <co-input-text
+                                  class="slider-to"
+                                  [type]="'number'"
+                                  [digitsOnly]="true"
+                                  [hideArrowButtons]="true"
+                                  [excludePlusMinus]="true"
+                                  [label]="'TO' | coreLocalize"
+                                  [(model)]="sliderMax"
+                                  (focusout)="handleModelChange(sliderMax)"
+                          ></co-input-text>
+                      </div>
+                      <div class="co-filter-item-slider-content" *ngIf="mode === modes.NullableSlider">
+                          <co-input-text
+                                  class="slider-from"
+                                  [type]="'number'"
+                                  [digitsOnly]="true"
+                                  [hideArrowButtons]="true"
+                                  [excludePlusMinus]="true"
+                                  [label]="'FROM' | coreLocalize"
+                                  [(model)]="sliderMin"
+                                  (focusout)="handleModelChange(sliderMin)"
+                          ></co-input-text>
+                          <co-input-text
+                                  class="slider-to"
+                                  [type]="'number'"
+                                  [digitsOnly]="true"
+                                  [hideArrowButtons]="true"
+                                  [excludePlusMinus]="true"
+                                  [label]="'TO' | coreLocalize"
+                                  [(model)]="sliderMax"
+                                  (focusout)="handleModelChange(sliderMax)"
+                          ></co-input-text>
+                      </div>
+                      <div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox ">
+                          <co-input-checkbox
+                                  [(model)]="model"
+                                  (modelChange)="handleModelChange($event)"
+                                  [label]="placeholder">
+                          </co-input-checkbox>
+                      </div>
+                      <div class="co-filter-item-checkbox-content"
+                           *ngIf="mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary">
+                          <co-input-checkbox
+                                  [(model)]="checkBoxToTextModel"
+                                  (modelChange)="handleModelChange($event)"
+                                  [label]="placeholder"></co-input-checkbox>
+                      </div>
+                      <div class="co-filter-item-textfield-content" *ngIf="mode === modes.TextField">
+                          <co-input-text
+                                  [(model)]="model"
+                                  (modelChange)="handleModelChange($event)"></co-input-text>
+                      </div>
+                      <div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateField">
+                          <co-input-date
+                                  [(model)]="model"
+                                  (modelChange)="handleModelChange($event)"
+                          ></co-input-date>
+                      </div>
+                      <div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateRangeField">
+                          <co-input-date-range
+                                  [model]="[dateRangeStart, dateRangeEnd]"
+                                  (modelChange)="handleModelChange($event)"
+                                  [placeholder]="'SELECT_DATE' | coreLocalize">
+                          </co-input-date-range>
+                      </div>
+                  </ng-template>
               </div>
-              <div class="co-filter-show-more-or-less" *ngIf="!showAllResults">
-                <div class="co-filter-show-more clickable"
-                     *ngIf="moreToShow()">
-                  <a (click)="increaseLimit()">
-                    <co-icon [iconData]="iconService.getIcon(icons.ArrowPointDown)"></co-icon>
-                    <span [textContent]="showMoreLabel"></span>
-                  </a>
-                </div>
-                <div class="co-filter-show-less clickable"
-                     *ngIf="lessToShow()">
-                  <a (click)="setToInitialLimit()">
-                    <co-icon [iconData]="iconService.getIcon(icons.ArrowPointUp)"></co-icon>
-                    <span [textContent]="showLessLabel"></span>
-                  </a>
-                </div>
-              </div>
-            </div>
-            <div class="co-filter-item-slider-content" *ngIf="mode === modes.Slider">
-              <co-input-text
-                class="slider-from"
-                [type]="'number'"
-                [digitsOnly]="true"
-                [hideArrowButtons]="true"
-                [excludePlusMinus]="true"
-                [label]="'FROM' | localize"
-                [(model)]="sliderMin"
-                (focusout)="handleModelChange(sliderMin)"
-              ></co-input-text>
-              <co-input-text
-                class="slider-to"
-                [type]="'number'"
-                [digitsOnly]="true"
-                [hideArrowButtons]="true"
-                [excludePlusMinus]="true"
-                [label]="'TO' | localize"
-                [(model)]="sliderMax"
-                (focusout)="handleModelChange(sliderMax)"
-              ></co-input-text>
-            </div>
-            <div class="co-filter-item-slider-content" *ngIf="mode === modes.NullableSlider">
-              <co-input-text
-                class="slider-from"
-                [type]="'number'"
-                [digitsOnly]="true"
-                [hideArrowButtons]="true"
-                [excludePlusMinus]="true"
-                [label]="'FROM' | localize"
-                [(model)]="sliderMin"
-                (focusout)="handleModelChange(sliderMin)"
-              ></co-input-text>
-              <co-input-text
-                class="slider-to"
-                [type]="'number'"
-                [digitsOnly]="true"
-                [hideArrowButtons]="true"
-                [excludePlusMinus]="true"
-                [label]="'TO' | localize"
-                [(model)]="sliderMax"
-                (focusout)="handleModelChange(sliderMax)"
-              ></co-input-text>
-            </div>
-            <div class="co-filter-item-checkbox-content" *ngIf="mode === modes.Checkbox ">
-              <co-input-checkbox
-                [(model)]="model"
-                (modelChange)="handleModelChange($event)"
-                [label]="placeholder">
-              </co-input-checkbox>
-            </div>
-            <div class="co-filter-item-checkbox-content"
-                 *ngIf="mode === modes.CheckboxToText || mode === modes.CheckboxToSimpleText || mode === modes.CheckboxToBinary">
-              <co-input-checkbox
-                [(model)]="checkBoxToTextModel"
-                (modelChange)="handleModelChange($event)"
-                [label]="placeholder"></co-input-checkbox>
-            </div>
-            <div class="co-filter-item-textfield-content" *ngIf="mode === modes.TextField">
-              <co-input-text
-                [(model)]="model"
-                (modelChange)="handleModelChange($event)"></co-input-text>
-            </div>
-            <div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateField">
-              <co-input-date
-                [(model)]="model"
-                (modelChange)="handleModelChange($event)"
-              ></co-input-date>
-            </div>
-            <div class="co-filter-item-dateField-content" *ngIf="mode === modes.DateRangeField">
-              <co-input-date-range
-                [model]="[dateRangeStart, dateRangeEnd]"
-                (modelChange)="handleModelChange($event)"
-                [placeholder]="'SELECT_DATE' | localize">
-              </co-input-date-range>
-            </div>
-          </ng-template>
-        </div>
-      </co-collapsible>
-    </div>
+          </co-collapsible>
+      </div>
   `,
                 encapsulation: ViewEncapsulation.None,
@@ -12634,5 +12634,5 @@ ColorSequenceService.decorators = [
  * Generated bundle index. Do not edit.
  */
-export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, PrependPipeModule as ɵbe, PrependPipe as ɵbf, TooltipModule as ɵbg, TooltipComponent as ɵbh, TooltipDirective as ɵbi, CheckmarkOverlayComponent as ɵbj, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, LocalizePipe as ɵp, DictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
+export { ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayModule, ClickoutsideModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, ColorPickerComponent, ColorPickerModule, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, DoubleCalendarComponent, DoubleCalendarModule, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, NgZoneWrapperService, ObserveVisibilityModule, OrientationOfDirection, OverlayModule, OverlayService, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, SimpleGridColumnDirective, SimpleGridComponent, SimpleGridModule, TextInputPopupComponent, TileComponent, TileModule, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog, InputBoolean as ɵa, RippleModule as ɵb, PaginationService as ɵba, PaginatePipe as ɵbb, SimpleGridCellComponent as ɵbc, ListOfValuesMultiselectPopupComponent as ɵbd, PrependPipeModule as ɵbe, PrependPipe as ɵbf, TooltipModule as ɵbg, TooltipComponent as ɵbh, TooltipDirective as ɵbi, CheckmarkOverlayComponent as ɵbj, MD_RIPPLE_GLOBAL_OPTIONS as ɵc, CoRippleDirective as ɵd, CoViewportRulerService as ɵe, CoScrollDispatcherService as ɵf, CoScrollableDirective as ɵg, StopClickModule as ɵh, StopClickDirective as ɵi, BaseModule as ɵj, AppendPipeModule as ɵk, AppendPipe as ɵl, ValidationErrorModule as ɵm, OverlayDirective as ɵn, OverlayParentDirective as ɵo, CoreLocalizePipe as ɵp, CoreDictionaryService as ɵq, ValidationErrorComponent as ɵr, CommitButtonsModule as ɵs, CommitButtonsComponent as ɵt, ClickOutsideDirective as ɵu, ClickOutsideMasterService as ɵv, CalendarTemplateComponent as ɵw, PopupShowerService as ɵx, BaseSimpleGridComponent as ɵy, ObserveVisibilityDirective as ɵz };
 //# sourceMappingURL=colijnit-corecomponents_v12.js.map