@colijnit/corecomponents_v12 262.1.7 → 262.1.9

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -1,6 +1,6 @@
 import { __decorate } from 'tslib';
 import * as i0 from '@angular/core';
-import { Input, Injectable, HostBinding, ViewEncapsulation, Component, Directive, ElementRef, Pipe, EventEmitter, Output, ViewChildren, ViewContainerRef, HostListener, ViewChild, Optional, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, ContentChildren, NO_ERRORS_SCHEMA, Injector } from '@angular/core';
+import { Input, Injectable, HostBinding, ViewEncapsulation, Component, Directive, ElementRef, Pipe, EventEmitter, Output, ViewChildren, ViewContainerRef, HostListener, ViewChild, Optional, NgModule, SkipSelf, InjectionToken, Inject, forwardRef, ChangeDetectionStrategy, ContentChildren, NO_ERRORS_SCHEMA, Injector, QueryList } from '@angular/core';
 import * as i5 from '@angular/forms';
 import { NgModel, UntypedFormGroup, FormsModule, ReactiveFormsModule } from '@angular/forms';
 import * as i1 from '@angular/platform-browser';
@@ -10,9 +10,6 @@ import { Subject, merge, fromEvent, BehaviorSubject } from 'rxjs';
 import * as i1$1 from '@angular/common';
 import { CommonModule, DatePipe } from '@angular/common';
 import { auditTime } from 'rxjs/operators';
-import { PlaneGeometry, Mesh, Vector2, Vector3, MeshPhongMaterial, SpotLight, PerspectiveCamera, Scene, Color as Color$1, AmbientLight, Fog, WebGLRenderer, Box3 } from 'three';
-import { CSS3DObject, CSS3DRenderer } from 'three/examples/jsm/renderers/CSS3DRenderer.js';
-import TWEEN from '@tweenjs/tween.js';
 import 'hammerjs';
 import * as i3 from '@angular/cdk/drag-drop';
 import { DragDropModule as DragDropModule$1, moveItemInArray } from '@angular/cdk/drag-drop';
@@ -4761,444 +4758,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
-class CarouselItem {
-    object;
-    mesh;
-    index;
-    _options;
-    _element;
-    constructor(options, index, onClick) {
-        this._options = options || {};
-        this.index = index;
-        const width = this._options.tileSize?.x || 0;
-        const height = this._options.tileSize?.y || 0;
-        this._element = document.createElement('div');
-        // this._element.style.backgroundColor = this._options.tileBackgroundColor;
-        this._element.style.width = width + "px";
-        this._element.style.height = height + "px";
-        this._element.addEventListener("click", () => {
-            if (onClick) {
-                onClick(this.index);
-            }
-        }, false);
-        this.object = new CSS3DObject(this._element);
-        const geometry = new PlaneGeometry(width, height);
-        this.mesh = new Mesh(geometry, options.tileMaterial);
-        this.mesh.castShadow = true;
-    }
-    setPosition(position) {
-        if (this.mesh) {
-            this.mesh.position.copy(position);
-        }
-        if (this.object) {
-            this.object.position.copy(position);
-        }
-    }
-    setContent(content) {
-        if (this._element) {
-            // remove any exising tile content before setting new content
-            while (this._element.lastElementChild) {
-                this._element.removeChild(this._element.lastElementChild);
-            }
-            try {
-                this._element.appendChild(content);
-            }
-            catch (err) {
-            }
-        }
-    }
-    setVisible(visible) {
-        if (this.mesh) {
-            this.mesh.visible = visible;
-        }
-        if (this.object) {
-            this.object.visible = visible;
-        }
-    }
-}
-
-class Carousel3dComponent {
-    canvasContainer;
-    carouselWrapper;
-    set children(children) {
-        this._elementsCreated = false;
-        this._tileElements = children.toArray();
-        this._buildCarousel();
-    }
-    tileWidth;
-    tileHeight;
-    cameraHeight = 50;
-    shadow = false;
-    selectedIndex = 0;
-    indexSelected = new EventEmitter();
-    showClass() {
-        return true;
-    }
-    _camera;
-    _cameraZoom = 0;
-    _backgroundColor = 0xffffff;
-    _sceneCss;
-    _scene;
-    _rendererCss;
-    _renderer;
-    _ambientLight = true;
-    _tileSize = new Vector2();
-    _tileMargin = 20;
-    _targetPositions = [];
-    _tileElements = [];
-    _tileOffset = 0;
-    _tiles3D = [];
-    _planeColor = 0xffffff;
-    _planeHeight = -46;
-    _spotLightPosition = new Vector3(0, 250, -200);
-    _fullCircle = false;
-    _initialized = false;
-    _elementsCreated = false;
-    canNavigateLeft = false;
-    canNavigateRight = false;
-    ngAfterViewInit() {
-        this._buildCarousel();
-    }
-    ngOnDestroy() {
-        this.canvasContainer = undefined;
-        this.carouselWrapper = undefined;
-        this._clearScenes();
-    }
-    handleButtonLeftClick() {
-        this._tileOffset -= 1;
-        this._rotate(400);
-    }
-    handleButtonRightClick() {
-        this._tileOffset += 1;
-        this._rotate(400);
-    }
-    _buildCarousel() {
-        if (!this._initialized) {
-            this._init();
-        }
-        if (this._initialized && !this._elementsCreated) {
-            this._createTiles();
-        }
-        this._checkNavigationButtons();
-        this._resizeCanvasToDisplaySize();
-    }
-    _init() {
-        if (!this.canvasContainer || !this.canvasContainer.nativeElement) {
-            return;
-        }
-        this._initCamera();
-        this._initScene();
-        this._initRenderer();
-        if (this.shadow) {
-            const geometry = new PlaneGeometry(10000, 10000);
-            const material = new MeshPhongMaterial({ color: this._planeColor, shininess: 100 });
-            const plane = new Mesh(geometry, material);
-            plane.receiveShadow = true;
-            plane.rotation.x = -Math.PI / 2;
-            plane.position.y = this._planeHeight;
-            this._scene.add(plane);
-            const spotLight = new SpotLight(0xffffff, 0.5);
-            spotLight.position.copy(this._spotLightPosition);
-            spotLight.castShadow = true;
-            spotLight.shadow.mapSize.width = 512;
-            spotLight.shadow.mapSize.height = 512;
-            spotLight.shadow.camera.near = 50;
-            spotLight.shadow.camera.far = 1200;
-            spotLight.shadow.camera.fov = 30;
-            spotLight.penumbra = 1;
-            this._scene.add(spotLight);
-        }
-        this.carouselWrapper.nativeElement.appendChild(this._rendererCss.domElement);
-        this.canvasContainer.nativeElement.appendChild(this.carouselWrapper.nativeElement);
-        this.canvasContainer.nativeElement.appendChild(this._renderer.domElement);
-        this._render();
-        this._animate();
-        window.addEventListener("resize", () => {
-            this._resizeCanvasToDisplaySize();
-        }, false);
-        this._initialized = true;
-    }
-    _initCamera() {
-        this._camera = new PerspectiveCamera(50, this.canvasContainer.nativeElement.clientWidth / this.canvasContainer.nativeElement.clientHeight, 1, 10000);
-        this._camera.position.z = 600 - this._cameraZoom;
-        this._camera.position.y = this.cameraHeight;
-        this._camera.lookAt(new Vector3());
-    }
-    _initScene() {
-        this._sceneCss = new Scene();
-        this._scene = new Scene();
-        this._scene.background = new Color$1(this._backgroundColor);
-        if (this._ambientLight) {
-            const light = new AmbientLight(0xaaaaaa); // soft white light
-            this._scene.add(light);
-            this._scene.fog = new Fog(this._backgroundColor, 70, 2500);
-        }
-    }
-    _initRenderer() {
-        this._rendererCss = new CSS3DRenderer();
-        this._rendererCss.setSize(this.canvasContainer.nativeElement.clientWidth, this.canvasContainer.nativeElement.clientHeight);
-        this._rendererCss.domElement.style.position = "absolute";
-        this._renderer = new WebGLRenderer({ antialias: true });
-        this._renderer.setPixelRatio(window.devicePixelRatio);
-        this._renderer.setSize(this.canvasContainer.nativeElement.clientWidth, this.canvasContainer.nativeElement.clientHeight);
-        this._renderer.shadowMap.enabled = true;
-    }
-    _disposeObject(obj) {
-        if (obj instanceof Mesh) {
-            if (obj.geometry) {
-                obj.geometry.dispose();
-            }
-            if (obj.material) {
-                Array.isArray(obj.material) ? obj.material.map(m => m.dispose()) : obj.material.dispose();
-            }
-            obj = undefined;
-        }
-        else {
-            obj.element = undefined;
-            obj = undefined;
-        }
-    }
-    _clearScenes() {
-        const meshes = this._tiles3D.map(t => t.mesh);
-        const cssObjs = this._tiles3D.map(t => t.object);
-        this._scene.remove(...meshes);
-        meshes.map(m => this._disposeObject(m));
-        meshes.length = 0;
-        this._sceneCss.remove(...cssObjs);
-        cssObjs.map(o => this._disposeObject(o));
-        cssObjs.length = 0;
-        this._tiles3D.length = 0;
-        this._targetPositions.length = 0;
-    }
-    _createTiles() {
-        this._clearScenes();
-        this._tileSize.x = this.tileWidth;
-        this._tileSize.y = this.tileHeight;
-        const tileWidth = this._tileSize.x + this._tileMargin;
-        const numItems = Math.max(this._tileElements.length, 20);
-        this._fullCircle = this._tileElements.length >= 20;
-        let angleTileDeg = 360 / numItems;
-        const circumference = numItems * tileWidth;
-        const radius = circumference / (Math.PI * 2);
-        const y = this.shadow ? 75 : 45;
-        const len = numItems;
-        let angleDeg = 90;
-        const position = new Vector3();
-        for (var i = 0; i < len; i++) {
-            const angle = angleDeg * (Math.PI / 180); // Radians
-            const x = radius * Math.cos(angle);
-            const z = -radius + radius * Math.sin(angle);
-            position.set(x, y, z);
-            this._targetPositions.push(position.clone());
-            if (i < this._tileElements.length) {
-                const tile = new CarouselItem({ tileSize: this._tileSize }, i, (idx) => this._rotateTo(idx));
-                tile.setPosition(position);
-                tile.setContent(this._tileElements[i].nativeElement);
-                this._scene.add(tile.mesh);
-                this._sceneCss.add(tile.object);
-                this._tiles3D.push(tile);
-            }
-            angleDeg = angleDeg - angleTileDeg; // CW instead of CCW
-        }
-        this._adjustCameraZoom();
-        this._tileOffset = this.selectedIndex;
-        this._rotate(0);
-        this._render();
-    }
-    _adjustCameraZoom() {
-        if (this._tiles3D.length === 0) {
-            return;
-        }
-        const object = this._tiles3D[0].mesh;
-        // offset = offset || 1.15;
-        // get bounding box of object - this will be used to setup controls and camera
-        const boundingBox = new Box3();
-        boundingBox.setFromObject(object);
-        const center = new Vector3();
-        boundingBox.getCenter(center);
-        const size = new Vector3();
-        boundingBox.getSize(size);
-        // get the max side of the bounding box (fits to width OR height as needed )
-        const maxDim = Math.max(size.x, size.y, size.z);
-        this._camera.position.z = Math.abs((maxDim / 2) * Math.atan(this._camera.fov / 2));
-        this._camera.lookAt(center);
-    }
-    _checkNavigationButtons() {
-        const currentIdx = this._getSelectedIndex();
-        this.canNavigateLeft = (currentIdx > 0) || this._fullCircle;
-        this.canNavigateRight = (currentIdx < this._tileElements.length - 1) || this._fullCircle;
-    }
-    _animate() {
-        TWEEN.update();
-        setTimeout(() => {
-            this._renderer.setAnimationLoop(() => this._animate());
-        }, 200);
-    }
-    _getSelectedIndex() {
-        return Math.max(0, Math.min(this.selectedIndex, this._tileElements.length - 1));
-    }
-    _rotate(duration) {
-        TWEEN.removeAll();
-        for (let i = 0; i < this._tiles3D.length; i++) {
-            const tile = this._tiles3D[i];
-            if (Math.abs(this._tileOffset) > this._targetPositions.length) { // full circle
-                this._tileOffset = this._tileOffset > 0 ? 1 : -1;
-            }
-            let positionIdx = i - this._tileOffset;
-            if (positionIdx > this._targetPositions.length - 1) {
-                positionIdx = positionIdx - this._targetPositions.length;
-            }
-            else if (positionIdx < 0) {
-                positionIdx = this._targetPositions.length + positionIdx;
-            }
-            const target = this._targetPositions[positionIdx];
-            new TWEEN.Tween(tile.object.position)
-                .to(target, duration)
-                .easing(TWEEN.Easing.Quartic.Out)
-                .start();
-            new TWEEN.Tween(tile.mesh.position)
-                .to(target, duration)
-                .easing(TWEEN.Easing.Quartic.Out)
-                .start();
-        }
-        new TWEEN.Tween()
-            .to({}, duration * 2)
-            .onUpdate(() => {
-            this._render();
-        })
-            .start();
-        this.selectedIndex = this._tileOffset;
-        this._checkNavigationButtons();
-        this.indexSelected.next(this._getSelectedIndex());
-    }
-    _rotateTo(index) {
-        const current = this._getSelectedIndex();
-        this._tileOffset += index - current;
-        this._rotate(800);
-    }
-    _resizeCanvasToDisplaySize() {
-        setTimeout(() => {
-            if (!this.canvasContainer || !this.canvasContainer.nativeElement) {
-                return;
-            }
-            this._camera.aspect = this.canvasContainer.nativeElement.clientWidth / this.canvasContainer.nativeElement.clientHeight;
-            this._camera.updateProjectionMatrix();
-            this._rendererCss.setSize(this.canvasContainer.nativeElement.clientWidth, this.canvasContainer.nativeElement.clientHeight);
-            this._renderer.setSize(this.canvasContainer.nativeElement.clientWidth, this.canvasContainer.nativeElement.clientHeight);
-            this._render();
-        });
-    }
-    _render() {
-        this._rendererCss.render(this._sceneCss, this._camera);
-        this._renderer.render(this._scene, this._camera);
-    }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Carousel3dComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: Carousel3dComponent, isStandalone: false, selector: "co-carousel-3d", inputs: { tileWidth: "tileWidth", tileHeight: "tileHeight", cameraHeight: "cameraHeight", shadow: "shadow", selectedIndex: "selectedIndex" }, outputs: { indexSelected: "indexSelected" }, host: { properties: { "class.co-carousel-3d": "this.showClass" } }, queries: [{ propertyName: "children", predicate: ["carouselItem"], descendants: true, read: ElementRef }], viewQueries: [{ propertyName: "canvasContainer", first: true, predicate: ["canvasContainer"], descendants: true, read: ElementRef }, { propertyName: "carouselWrapper", first: true, predicate: ["carouselWrapper"], descendants: true, read: ElementRef }], ngImport: i0, template: `
-    <div class="carousel-3d-canvas-wrapper" #canvasContainer>
-      <div class="carousel-wrapper" #carouselWrapper>
-        <div class="carousel-navigate-button left">
-          @if (canNavigateLeft) {
-            <div class="carousel-navigate-button-wrapper" (click)="handleButtonLeftClick()">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
-                <path
-                d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path>
-              </svg>
-            </div>
-          }
-        </div>
-        <div class="carousel-navigate-button right">
-          @if (canNavigateRight) {
-            <div class="carousel-navigate-button-wrapper" (click)="handleButtonRightClick()">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
-                <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
-              </svg>
-            </div>
-          }
-        </div>
-      </div>
-    </div>
-    `, isInline: true, encapsulation: i0.ViewEncapsulation.None });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Carousel3dComponent, decorators: [{
-            type: Component,
-            args: [{
-                    selector: "co-carousel-3d",
-                    template: `
-    <div class="carousel-3d-canvas-wrapper" #canvasContainer>
-      <div class="carousel-wrapper" #carouselWrapper>
-        <div class="carousel-navigate-button left">
-          @if (canNavigateLeft) {
-            <div class="carousel-navigate-button-wrapper" (click)="handleButtonLeftClick()">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
-                <path
-                d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"></path>
-              </svg>
-            </div>
-          }
-        </div>
-        <div class="carousel-navigate-button right">
-          @if (canNavigateRight) {
-            <div class="carousel-navigate-button-wrapper" (click)="handleButtonRightClick()">
-              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 512">
-                <path
-                d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"></path>
-              </svg>
-            </div>
-          }
-        </div>
-      </div>
-    </div>
-    `,
-                    encapsulation: ViewEncapsulation.None,
-                    standalone: false
-                }]
-        }], propDecorators: { canvasContainer: [{
-                type: ViewChild,
-                args: ["canvasContainer", { read: ElementRef }]
-            }], carouselWrapper: [{
-                type: ViewChild,
-                args: ["carouselWrapper", { read: ElementRef }]
-            }], children: [{
-                type: ContentChildren,
-                args: ["carouselItem", { read: ElementRef, descendants: true }]
-            }], tileWidth: [{
-                type: Input
-            }], tileHeight: [{
-                type: Input
-            }], cameraHeight: [{
-                type: Input
-            }], shadow: [{
-                type: Input
-            }], selectedIndex: [{
-                type: Input
-            }], indexSelected: [{
-                type: Output
-            }], showClass: [{
-                type: HostBinding,
-                args: ["class.co-carousel-3d"]
-            }] } });
-
-class Carousel3dModule {
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Carousel3dModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
-    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: Carousel3dModule, declarations: [Carousel3dComponent], imports: [CommonModule], exports: [Carousel3dComponent] });
-    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Carousel3dModule, imports: [CommonModule] });
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: Carousel3dModule, decorators: [{
-            type: NgModule,
-            args: [{
-                    imports: [
-                        CommonModule
-                    ],
-                    declarations: [
-                        Carousel3dComponent
-                    ],
-                    exports: [
-                        Carousel3dComponent
-                    ]
-                }]
-        }] });
-
 class CarouselComponent {
     set containerChild(child) {
         if (child) {
@@ -17360,6 +16919,7 @@ class InputScannerComponent {
     search = new EventEmitter();
     isFocused = new EventEmitter();
     barCodeScanned = new EventEmitter();
+    scannerDisabled = false;
     showClass() {
         return true;
     }
@@ -17373,6 +16933,9 @@ class InputScannerComponent {
         this._clearTimeout();
     }
     handleKeyDown(event) {
+        if (this.scannerDisabled) {
+            return;
+        }
         const enterKeys = ['Enter', 'NumpadEnter', 'Go'];
         if (enterKeys.includes(event.key) && !this._blockEnterKeydown) {
             event.preventDefault();
@@ -17383,6 +16946,9 @@ class InputScannerComponent {
         }
     }
     triggerCodeScanned(code) {
+        if (this.scannerDisabled) {
+            return;
+        }
         this._clearTimeout();
         this._blockEnterKeydown = true;
         this.model = code;
@@ -17394,7 +16960,7 @@ class InputScannerComponent {
         this._keyDownTimeout = undefined;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputScannerComponent, deps: [{ token: ScannerService }], target: i0.ɵɵFactoryTarget.Component });
-    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InputScannerComponent, isStandalone: false, selector: "co-input-scanner", inputs: { model: "model", placeholder: "placeholder", centerLabel: "centerLabel", useLeftIcon: "useLeftIcon", useRightIcon: "useRightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", customCssClass: "customCssClass" }, outputs: { modelChange: "modelChange", leftIconClick: "leftIconClick", rightIconClick: "rightIconClick", search: "search", isFocused: "isFocused", barCodeScanned: "barCodeScanned" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-input-scanner": "this.showClass" } }, providers: [
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: InputScannerComponent, isStandalone: false, selector: "co-input-scanner", inputs: { model: "model", placeholder: "placeholder", centerLabel: "centerLabel", useLeftIcon: "useLeftIcon", useRightIcon: "useRightIcon", leftIconData: "leftIconData", rightIconData: "rightIconData", customCssClass: "customCssClass", scannerDisabled: "scannerDisabled" }, outputs: { modelChange: "modelChange", leftIconClick: "leftIconClick", rightIconClick: "rightIconClick", search: "search", isFocused: "isFocused", barCodeScanned: "barCodeScanned" }, host: { listeners: { "keydown": "handleKeyDown($event)" }, properties: { "class.co-input-scanner": "this.showClass" } }, providers: [
             ScannerService,
             OverlayService
         ], ngImport: i0, template: `
@@ -17469,6 +17035,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 type: Output
             }], barCodeScanned: [{
                 type: Output
+            }], scannerDisabled: [{
+                type: Input
             }], showClass: [{
                 type: HostBinding,
                 args: ['class.co-input-scanner']
@@ -20987,6 +20555,396 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
                 }]
         }] });
 
+class ChipRenderComponent {
+    text;
+    icon = CoreComponentsIcon.CrossSkinny;
+    iconClass = "light";
+    noPointerHover = false;
+    bgCssColor;
+    textClick = new EventEmitter();
+    iconClick = new EventEmitter();
+    get isPointerHover() {
+        return !this.noPointerHover;
+    }
+    showClass = true;
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipRenderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "20.3.16", type: ChipRenderComponent, isStandalone: false, selector: "co-chip-render", inputs: { text: "text", icon: "icon", iconClass: "iconClass", noPointerHover: "noPointerHover", bgCssColor: "bgCssColor" }, outputs: { textClick: "textClick", iconClick: "iconClick" }, host: { properties: { "style.background-color": "this.bgCssColor", "class.pointer-hover": "this.isPointerHover", "class.co-chip-render": "this.showClass" } }, ngImport: i0, template: `
+      <span class="text" (click)="textClick.emit($event)" [textContent]="text"></span>
+      <co-icon [icon]="icon" [class]="iconClass" (click)="iconClick.emit($event)"></co-icon>
+  `, isInline: true, dependencies: [{ kind: "component", type: IconComponent, selector: "co-icon", inputs: ["icon", "iconData"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+__decorate([
+    InputBoolean()
+], ChipRenderComponent.prototype, "noPointerHover", void 0);
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: ChipRenderComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'co-chip-render',
+                    template: `
+      <span class="text" (click)="textClick.emit($event)" [textContent]="text"></span>
+      <co-icon [icon]="icon" [class]="iconClass" (click)="iconClick.emit($event)"></co-icon>
+  `,
+                    standalone: false,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], propDecorators: { text: [{
+                type: Input
+            }], icon: [{
+                type: Input
+            }], iconClass: [{
+                type: Input
+            }], noPointerHover: [{
+                type: Input
+            }], bgCssColor: [{
+                type: Input
+            }, {
+                type: HostBinding,
+                args: ["style.background-color"]
+            }], textClick: [{
+                type: Output
+            }], iconClick: [{
+                type: Output
+            }], isPointerHover: [{
+                type: HostBinding,
+                args: ["class.pointer-hover"]
+            }], showClass: [{
+                type: HostBinding,
+                args: ["class.co-chip-render"]
+            }] } });
+
+class InputTextChipsComponent extends BaseInputComponent {
+    formComponent;
+    changeDetector;
+    overlayService;
+    _colorService;
+    iconCacheService;
+    formUserChangeListener;
+    ngZoneWrapper;
+    elementRef;
+    icons = CoreComponentsIcon;
+    inputTextComp;
+    chipRenderComps = new QueryList();
+    // @Input()
+    // public model: string[] = [];
+    placeholder = '';
+    colorSeqName = ColorSequenceName.Regular;
+    toggleModel;
+    toggleBoxLabel;
+    extraIcon = this.icons.Magnifier;
+    extraIconClicked = new EventEmitter();
+    // @Output()
+    // public modelChange: EventEmitter<string[]> = new EventEmitter<string[]>();
+    submit = new EventEmitter();
+    toggleModelChange = new EventEmitter();
+    textMode = false;
+    showClass = true;
+    customHeight = true;
+    // text that's shown live in input-text component
+    inputTextModel = '';
+    colorSequence;
+    // key: chip index, value: colorCss for chips with that text
+    chipColors = [];
+    _noChipsWrapClickFocus;
+    constructor(formComponent, changeDetector, overlayService, _colorService, iconCacheService, formUserChangeListener, ngZoneWrapper, elementRef) {
+        super(changeDetector, overlayService, formUserChangeListener, ngZoneWrapper, elementRef);
+        this.formComponent = formComponent;
+        this.changeDetector = changeDetector;
+        this.overlayService = overlayService;
+        this._colorService = _colorService;
+        this.iconCacheService = iconCacheService;
+        this.formUserChangeListener = formUserChangeListener;
+        this.ngZoneWrapper = ngZoneWrapper;
+        this.elementRef = elementRef;
+        super._markAsOnPush();
+    }
+    ngAfterViewInit() {
+        this._prepareModel();
+        this.colorSequence = this._colorService.getColorSequenceByName(this.colorSeqName);
+    }
+    activateTextMode() {
+        this.textMode = true;
+        this._prepareModel();
+    }
+    activateChipsMode() {
+        this.textMode = false;
+        this._setValueByText(this.inputTextModel);
+        // this.inputTextModel = '';
+    }
+    getChipColorCss(index) {
+        if (this.chipColors[index]) {
+            return this.chipColors[index];
+        }
+        else if (this.colorSequence) {
+            return this.colorSequence.getColor(index).cssColor;
+        }
+        else {
+            return '';
+        }
+    }
+    requestFocus() {
+        if (this.inputTextComp) {
+            this.inputTextComp.requestFocus();
+        }
+    }
+    onChipsWrapClick() {
+        if (!this._noChipsWrapClickFocus) {
+            this.requestFocus();
+        }
+    }
+    onChipTextClick(chipIndex) {
+        const chipsModel = StringUtils.CloneStringArray(this.model);
+        // this._ngZone.setTimeoutOutsideAngular(() => {
+        //   if (this.inputTextComp) {
+        //     this.inputTextComp.setSelectionRange(this.getSelectionRangeForChipWithIndex(chipIndex, chipsModel));
+        //   }
+        // });
+    }
+    onChipRemoveIconClick(event, chipIndex) {
+        EventUtils.KillEvent(event);
+        this._triggerNoChipsWrapClickFocus(); // because that's what I wanted StopEvent() to do, but it doesn't do that ;)
+        this.removeChipByIndex(chipIndex);
+        this._blurAndSubmit();
+    }
+    onRightInBetweenClick(chipIndex) {
+        return this.onChipTextClick(chipIndex);
+    }
+    onKeyDown(event) {
+        if (event.key === KeyboardKey.Enter) {
+            this._blurAndSubmit();
+        }
+    }
+    onClearIconClick() {
+        this.inputTextModel = '';
+        this.resetValue();
+        this.chipColors.length = 0;
+        this._blurAndSubmit();
+    }
+    handleFocus(focused) {
+        this.focused = focused;
+        if (this.focused) {
+            this.activateTextMode();
+            this.focus.emit();
+        }
+        else {
+            this.activateChipsMode();
+            this.blur.emit();
+        }
+    }
+    onExtraIconClick() {
+        this._blurAndSubmit();
+        this.extraIconClicked.emit();
+    }
+    onInputTextModelChange(txtModel) {
+        if (!txtModel) {
+            this.chipColors.length = 0;
+        }
+    }
+    // Returns the selection range for the original full string inside <input-text> that corresponds with the chip of given index.
+    // protected getSelectionRangeForChipWithIndex(chipIndex: number, chipsModel: string[]): NumericalRange {
+    //   if (!chipsModel) {
+    //     return undefined;
+    //   }
+    //   const selectionRange: NumericalRange = new NumericalRange();
+    //   selectionRange.lowerBound = 0;
+    //   for (let i: number = 0, len: number = chipsModel.length; i < len && i < chipIndex; i++) {
+    //     // add the text and its space to lowerbound
+    //     selectionRange.lowerBound += chipsModel[i].length + 1;
+    //   }
+    //   selectionRange.upperBound = selectionRange.lowerBound + chipsModel[chipIndex].length;
+    //   return selectionRange;
+    // }
+    removeChipByIndex(index) {
+        this.beforeRemoveChip();
+        ArrayUtils.RemoveElementAtIndex(index, this.model);
+        this.modelChange.emit(this.model);
+        ArrayUtils.RemoveElementAtIndex(index, this.chipColors);
+        if (this.model && this.model.length === 0) {
+            this.chipColors.length = 0;
+        }
+    }
+    resetValue() {
+        if (this.model) {
+            this.model.length = 0;
+        }
+        else {
+            this.model = [];
+        }
+        this.modelChange.emit(this.model);
+    }
+    beforeRemoveChip() {
+        // staticize all current chips
+        this.chipRenderComps.forEach((chipComp, idx) => {
+            this.chipColors[idx] = chipComp.bgCssColor;
+        });
+    }
+    _setValueByText(text) {
+        if (!text) {
+            this.resetValue();
+        }
+        this.model = StringUtils.StringToStringArray(text);
+        this.modelChange.emit(this.model);
+    }
+    _prepareModel() {
+        if (this.model) {
+            let inpTxt = '';
+            for (let i = 0, len = this.model.length; i < len; i++) {
+                inpTxt += this.model[i] + ' ';
+            }
+            this.inputTextModel = inpTxt.trim();
+        }
+    }
+    _blurAndSubmit() {
+        this.inputTextComp.doBlur();
+        this.submit.emit(this.model);
+    }
+    _triggerNoChipsWrapClickFocus() {
+        // this._noChipsWrapClickFocus = true;
+        // this._ngZone.setTimeoutOutsideAngular(() => {
+        //   this._noChipsWrapClickFocus = false;
+        // });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsComponent, deps: [{ token: FormComponent, optional: true }, { token: i0.ChangeDetectorRef }, { token: OverlayService }, { token: ColorSequenceService }, { token: IconCacheService }, { token: FormInputUserModelChangeListenerService }, { token: NgZoneWrapperService }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "20.3.16", type: InputTextChipsComponent, isStandalone: false, selector: "co-input-text-chips", inputs: { placeholder: "placeholder", colorSeqName: "colorSeqName", toggleModel: "toggleModel", toggleBoxLabel: "toggleBoxLabel", extraIcon: "extraIcon" }, outputs: { extraIconClicked: "extraIconClicked", submit: "submit", toggleModelChange: "toggleModelChange" }, host: { properties: { "class.text-mode": "this.textMode", "class.co-input-text-chips": "this.showClass" } }, providers: [
+            OverlayService, {
+                provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                useExisting: forwardRef(() => InputTextChipsComponent)
+            }, {
+                provide: BaseInputComponent,
+                useExisting: InputTextChipsComponent
+            }
+        ], viewQueries: [{ propertyName: "inputTextComp", first: true, predicate: InputTextComponent, descendants: true, static: true }, { propertyName: "chipRenderComps", predicate: ChipRenderComponent, descendants: true }], usesInheritance: true, ngImport: i0, template: `
+      <co-input-text class="custom-height no-focus-line no-hover-line"
+                     [(model)]="inputTextModel"
+                     [useContent]="!textMode"
+                     [label]="label"
+                     [initFocus]="initFocus"
+                     [placeholder]="placeholder"
+                     [noClickFocus]="noClickFocus"
+                     [excludeUserModelChange]="excludeUserModelChange"
+                     [rightIconData]="iconCacheService.getIcon(extraIcon)"
+                     (clearIconClick)="onClearIconClick()"
+                     (keydown)="onKeyDown($event)"
+                     (isFocused)="handleFocus($event)"
+                     (rightIconClick)="onExtraIconClick()"
+                     (modelChange)="onInputTextModelChange($event)"
+                     [fullWidth]="true" [noValidation]="true">
+          <div class="chips-wrap" (click)="onChipsWrapClick()">
+              @for (txt of model; track txt; let index = $index) {
+                  <co-chip-render [text]="txt"
+                                  [bgCssColor]="getChipColorCss(index)"
+                                  (iconClick)="onChipRemoveIconClick($event, index)"
+                                  (textClick)="onChipTextClick(index)">
+                  </co-chip-render>
+                  <div class="right-in-between" (click)="onRightInBetweenClick(index)"></div>
+              }
+          </div>
+      </co-input-text>
+  `, isInline: true, dependencies: [{ kind: "component", type: InputTextComponent, selector: "co-input-text", inputs: ["useContent", "placeholder", "align", "type", "formatPipe", "min", "max", "pattern", "digitsOnly", "excludePlusMinus", "showClearButton", "keyDownWhiteList", "showPlaceholderOnFocus", "leftIcon", "rightIcon", "leftIconData", "rightIconData", "selectOnFocus", "emptyPlace", "firstDayOfWeek", "noStyle", "hideArrowButtons", "model"], outputs: ["leftIconClick", "leftIconMouseDown", "leftIconMouseUp", "rightIconClick", "rightIconMouseDown", "rightIconMouseUp", "clearIconClick", "isFocused"] }, { kind: "component", type: ChipRenderComponent, selector: "co-chip-render", inputs: ["text", "icon", "iconClass", "noPointerHover", "bgCssColor"], outputs: ["textClick", "iconClick"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'co-input-text-chips',
+                    template: `
+      <co-input-text class="custom-height no-focus-line no-hover-line"
+                     [(model)]="inputTextModel"
+                     [useContent]="!textMode"
+                     [label]="label"
+                     [initFocus]="initFocus"
+                     [placeholder]="placeholder"
+                     [noClickFocus]="noClickFocus"
+                     [excludeUserModelChange]="excludeUserModelChange"
+                     [rightIconData]="iconCacheService.getIcon(extraIcon)"
+                     (clearIconClick)="onClearIconClick()"
+                     (keydown)="onKeyDown($event)"
+                     (isFocused)="handleFocus($event)"
+                     (rightIconClick)="onExtraIconClick()"
+                     (modelChange)="onInputTextModelChange($event)"
+                     [fullWidth]="true" [noValidation]="true">
+          <div class="chips-wrap" (click)="onChipsWrapClick()">
+              @for (txt of model; track txt; let index = $index) {
+                  <co-chip-render [text]="txt"
+                                  [bgCssColor]="getChipColorCss(index)"
+                                  (iconClick)="onChipRemoveIconClick($event, index)"
+                                  (textClick)="onChipTextClick(index)">
+                  </co-chip-render>
+                  <div class="right-in-between" (click)="onRightInBetweenClick(index)"></div>
+              }
+          </div>
+      </co-input-text>
+  `,
+                    providers: [
+                        OverlayService, {
+                            provide: SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME,
+                            useExisting: forwardRef(() => InputTextChipsComponent)
+                        }, {
+                            provide: BaseInputComponent,
+                            useExisting: InputTextChipsComponent
+                        }
+                    ],
+                    standalone: false,
+                    encapsulation: ViewEncapsulation.None
+                }]
+        }], ctorParameters: () => [{ type: FormComponent, decorators: [{
+                    type: Optional
+                }] }, { type: i0.ChangeDetectorRef }, { type: OverlayService }, { type: ColorSequenceService }, { type: IconCacheService }, { type: FormInputUserModelChangeListenerService }, { type: NgZoneWrapperService }, { type: i0.ElementRef }], propDecorators: { inputTextComp: [{
+                type: ViewChild,
+                args: [InputTextComponent, { static: true }]
+            }], chipRenderComps: [{
+                type: ViewChildren,
+                args: [ChipRenderComponent]
+            }], placeholder: [{
+                type: Input
+            }], colorSeqName: [{
+                type: Input
+            }], toggleModel: [{
+                type: Input
+            }], toggleBoxLabel: [{
+                type: Input
+            }], extraIcon: [{
+                type: Input
+            }], extraIconClicked: [{
+                type: Output
+            }], submit: [{
+                type: Output
+            }], toggleModelChange: [{
+                type: Output
+            }], textMode: [{
+                type: HostBinding,
+                args: ['class.text-mode']
+            }], showClass: [{
+                type: HostBinding,
+                args: ['class.co-input-text-chips']
+            }] } });
+
+class InputTextChipsModule {
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
+    static ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, declarations: [InputTextChipsComponent,
+            ChipRenderComponent], imports: [CommonModule,
+            IconModule,
+            InputTextModule], exports: [InputTextChipsComponent] });
+    static ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, imports: [CommonModule,
+            IconModule,
+            InputTextModule] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputTextChipsModule, decorators: [{
+            type: NgModule,
+            args: [{
+                    imports: [
+                        CommonModule,
+                        IconModule,
+                        InputTextModule
+                    ],
+                    declarations: [
+                        InputTextChipsComponent,
+                        ChipRenderComponent
+                    ],
+                    exports: [
+                        InputTextChipsComponent
+                    ]
+                }]
+        }] });
+
 /*
  * Public API Surface of corecomponents
  */
@@ -20995,5 +20953,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImpo
  * Generated bundle index. Do not edit.
  */
 
-export { AlignWithDirective, AlignWithModule, AppendPipe, AppendPipeModule, ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CalendarTemplateComponent, CardComponent, CardModule, Carousel3dComponent, Carousel3dModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayComponent, CheckmarkOverlayModule, ClickOutsideDirective, ClickoutsideModule, CoCurrencyPipe, CoCurrencyPipeModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, Color, ColorPickerComponent, ColorPickerModule, ColorSequence, ColorSequenceName, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, CoreLocalizePipe, DoubleCalendarComponent, DoubleCalendarModule, DragDropContainer, DragDropContainerComponent, DragDropManagerService, DragDropModule, DraggableDirective, ElementPosition, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, HourSchedulingTestObjectComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityDirective, ObserveVisibilityModule, OrientationOfDirection, OverlayDirective, OverlayModule, OverlayParentDirective, OverlayService, PaginatePipe, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PrependPipe, PrependPipeModule, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, ScrollContainerComponent, ScrollContainerModule, ScrollDirection, SimpleGridCellComponent, SimpleGridColumnDirective, SimpleGridColumnTemplateDirective, SimpleGridColumnTemplateType, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirective, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog };
+export { AlignWithDirective, AlignWithModule, AppendPipe, AppendPipeModule, ArticleTileComponent, ArticleTileModule, BaseInputComponent, BaseInputDatePickerDirective, BaseModuleScreenConfigService, BaseModuleService, ButtonComponent, ButtonModule, CalendarComponent, CalendarModule, CalendarTemplateComponent, CardComponent, CardModule, CarouselComponent, CarouselHammerConfig, CarouselModule, CheckmarkOverlayComponent, CheckmarkOverlayModule, ClickOutsideDirective, ClickoutsideModule, CoCurrencyPipe, CoCurrencyPipeModule, CoDialogComponent, CoDialogModule, CoDialogWizardComponent, CoDialogWizardModule, CoDirection, CoOrientation, CollapsibleComponent, CollapsibleModule, Color, ColorPickerComponent, ColorPickerModule, ColorSequence, ColorSequenceName, ColorSequenceService, ColumnAlign, ContentViewMode, CoreComponentsIcon, CoreComponentsTranslationModule, CoreComponentsTranslationService, CoreDialogModule, CoreDialogService, CoreLocalizePipe, DoubleCalendarComponent, DoubleCalendarModule, DragDropContainer, DragDropContainerComponent, DragDropManagerService, DragDropModule, DraggableDirective, ElementPosition, FilterItemComponent, FilterItemMode, FilterItemModule, FilterItemViewmodel, FilterPipe, FilterPipeModule, FilterViewmodel, FormComponent, FormInputUserModelChangeListenerService, FormMasterService, FormModule, GridToolbarButtonComponent, GridToolbarButtonModule, GridToolbarComponent, GridToolbarModule, HourSchedulingComponent, HourSchedulingComponentModule, HourSchedulingExpandableComponent, HourSchedulingExpandableComponentModule, HourSchedulingExpandableTemplateComponent, HourSchedulingExpandableTemplateModule, HourSchedulingTestObjectComponent, IconCacheService, IconCollapseHandleComponent, IconCollapseHandleModule, IconComponent, IconModule, ImageComponent, ImageModule, InputCheckboxComponent, InputCheckboxModule, InputDatePickerComponent, InputDatePickerModule, InputDateRangePickerComponent, InputDateRangePickerModule, InputNumberPickerComponent, InputNumberPickerModule, InputRadioButtonComponent, InputRadioButtonModule, InputScannerComponent, InputScannerModule, InputSearchComponent, InputSearchModule, InputTextChipsComponent, InputTextChipsModule, InputTextComponent, InputTextModule, InputTextareaComponent, InputTextareaModule, InputTimeComponent, InputTimeModule, LevelIndicatorComponent, LevelIndicatorModule, ListOfIconsComponent, ListOfIconsModule, ListOfValuesComponent, ListOfValuesModule, ListOfValuesPopupComponent, LoaderComponent, LoaderModule, NgZoneWrapperService, ObserveVisibilityDirective, ObserveVisibilityModule, OrientationOfDirection, OverlayDirective, OverlayModule, OverlayParentDirective, OverlayService, PaginatePipe, PaginationBarComponent, PaginationBarModule, PaginationComponent, PaginationModule, PopupButtonsComponent, PopupMessageDisplayComponent, PopupModule, PopupWindowShellComponent, PrependPipe, PrependPipeModule, PriceDisplayPipe, PriceDisplayPipeModule, PromptService, ResponsiveTextComponent, ResponsiveTextModule, SCREEN_CONFIG_ADAPTER_COMPONENT_INTERFACE_NAME, ScreenConfigurationDirective, ScreenConfigurationModule, ScrollContainerComponent, ScrollContainerModule, ScrollDirection, SimpleGridCellComponent, SimpleGridColumnDirective, SimpleGridColumnTemplateDirective, SimpleGridColumnTemplateType, SimpleGridComponent, SimpleGridModule, TemplateWrapperDirective, TemplateWrapperModule, TextInputPopupComponent, TileComponent, TileModule, TileSelectComponent, TileSelectModule, TooltipDirective, TooltipDirectiveModule, ViewModeButtonsComponent, ViewModeButtonsModule, emailValidator, equalValidator, getValidatePasswordErrorString, maxStringLengthValidator, passwordValidator, precisionScaleValidator, requiredValidator, showHideDialog };
 //# sourceMappingURL=colijnit-corecomponents_v12.mjs.map