@colijnit/corecomponents_v12 261.20.12 → 261.20.14

package/fesm2022/colijnit-corecomponents_v12.mjs

@@ -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) {
@@ -17274,6 +16833,7 @@ class InputScannerComponent {
     search = new EventEmitter();
     isFocused = new EventEmitter();
     barCodeScanned = new EventEmitter();
+    scannerDisabled = false;
     showClass() {
         return true;
     }
@@ -17287,6 +16847,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();
@@ -17297,6 +16860,9 @@ class InputScannerComponent {
         }
     }
     triggerCodeScanned(code) {
+        if (this.scannerDisabled) {
+            return;
+        }
         this._clearTimeout();
         this._blockEnterKeydown = true;
         this.model = code;
@@ -17308,46 +16874,46 @@ 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: `
-      <co-input-search
-              [(model)]="model"
-              [handleKeydown]="false"
-              [customCssClass]="customCssClass"
-              [placeholder]="placeholder"
-              [centerLabel]="centerLabel"
-              [useLeftIcon]="useLeftIcon"
-              [leftIconData]="leftIconData"
-              [useRightIcon]="useRightIcon"
-              [rightIconData]="rightIconData"
-              (leftIconClick)="leftIconClick.emit($event)"
-              (rightIconClick)="rightIconClick.emit($event)"
-              (isFocused)="isFocused.emit($event)"
-      ></co-input-search>
-    `, isInline: true, dependencies: [{ kind: "component", type: InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }], encapsulation: i0.ViewEncapsulation.None });
+    <co-input-search
+      [(model)]="model"
+      [handleKeydown]="false"
+      [customCssClass]="customCssClass"
+      [placeholder]="placeholder"
+      [centerLabel]="centerLabel"
+      [useLeftIcon]="useLeftIcon"
+      [leftIconData]="leftIconData"
+      [useRightIcon]="useRightIcon"
+      [rightIconData]="rightIconData"
+      (leftIconClick)="leftIconClick.emit($event)"
+      (rightIconClick)="rightIconClick.emit($event)"
+      (isFocused)="isFocused.emit($event)"
+    ></co-input-search>
+  `, isInline: true, dependencies: [{ kind: "component", type: InputSearchComponent, selector: "co-input-search", inputs: ["placeholder", "handleKeydown", "useLeftIcon", "useRightIcon", "leftIconData", "rightIconData", "centerLabel"], outputs: ["search", "isFocused", "leftIconClick", "rightIconClick"] }], encapsulation: i0.ViewEncapsulation.None });
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.16", ngImport: i0, type: InputScannerComponent, decorators: [{
             type: Component,
             args: [{
                     selector: 'co-input-scanner',
                     template: `
-      <co-input-search
-              [(model)]="model"
-              [handleKeydown]="false"
-              [customCssClass]="customCssClass"
-              [placeholder]="placeholder"
-              [centerLabel]="centerLabel"
-              [useLeftIcon]="useLeftIcon"
-              [leftIconData]="leftIconData"
-              [useRightIcon]="useRightIcon"
-              [rightIconData]="rightIconData"
-              (leftIconClick)="leftIconClick.emit($event)"
-              (rightIconClick)="rightIconClick.emit($event)"
-              (isFocused)="isFocused.emit($event)"
-      ></co-input-search>
-    `,
+    <co-input-search
+      [(model)]="model"
+      [handleKeydown]="false"
+      [customCssClass]="customCssClass"
+      [placeholder]="placeholder"
+      [centerLabel]="centerLabel"
+      [useLeftIcon]="useLeftIcon"
+      [leftIconData]="leftIconData"
+      [useRightIcon]="useRightIcon"
+      [rightIconData]="rightIconData"
+      (leftIconClick)="leftIconClick.emit($event)"
+      (rightIconClick)="rightIconClick.emit($event)"
+      (isFocused)="isFocused.emit($event)"
+    ></co-input-search>
+  `,
                     providers: [
                         ScannerService,
                         OverlayService
@@ -17383,6 +16949,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']
@@ -20916,5 +20484,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, ColorPickerComponent, ColorPickerModule, 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, ColorPickerComponent, ColorPickerModule, 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 };
 //# sourceMappingURL=colijnit-corecomponents_v12.mjs.map