@colijnit/corecomponents_v12 254.1.6 → 254.1.8

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -4381,7 +4381,7 @@
                 }
             }, false);
             this.object = new CSS3DRenderer.CSS3DObject(this._element);
-            var geometry = new three.PlaneBufferGeometry(width, height);
+            var geometry = new three.PlaneGeometry(width, height);
             this.mesh = new three.Mesh(geometry, options.tileMaterial);
             this.mesh.castShadow = true;
         }
@@ -11823,6 +11823,8 @@
     var ListOfIconsComponent = /** @class */ (function () {
         function ListOfIconsComponent(icons) {
             this.icons = icons;
+            this.iconSize = 30;
+            this.itemSelected = new i0.EventEmitter();
             this.Icon = exports.CoreComponentsIcon;
             this.showMenu = false;
             this._collection = [];
@@ -11841,7 +11843,6 @@
             return true;
         };
         ListOfIconsComponent.prototype.ngOnInit = function () {
-            console.log(this.collection);
             this.activeItem = this.collection[0];
         };
         ListOfIconsComponent.prototype.toggleMenu = function () {
@@ -11850,13 +11851,14 @@
         ListOfIconsComponent.prototype.selectItem = function (item) {
             this.activeItem = item;
             this.showMenu = false;
+            this.itemSelected.emit(this.activeItem);
         };
         return ListOfIconsComponent;
     }());
     ListOfIconsComponent.decorators = [
         { type: i0.Component, args: [{
                     selector: 'co-list-of-icons',
-                    template: "\n    <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n      <co-icon [iconData]=\"activeItem.icon\"></co-icon>\n      <div class=\"label\">{{ activeItem.label }}</div>\n      <co-icon class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.ArrowPointDown)\"></co-icon>\n    </div>\n    <div class=\"dropdown-menu\" *ngIf=\"showMenu\">\n      <div class=\"icon-item\" *ngFor=\"let item of collection\" (click)=\"selectItem(item)\" [class.active]=\"item === activeItem\">\n        <co-icon [iconData]=\"item.icon\"></co-icon>\n        <div class=\"label\">{{ item.label }}</div>\n      </div>\n    </div>\n  ",
+                    template: "\n    <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n      <co-icon [iconData]=\"activeItem.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n      <co-icon class=\"drop-arrow\" [iconData]=\"icons.getIcon(Icon.ArrowPointDown)\"></co-icon>\n    </div>\n    <div class=\"dropdown-menu\" *ngIf=\"showMenu\">\n      <div class=\"icon-item\" *ngFor=\"let item of collection\" (click)=\"selectItem(item)\" [class.active]=\"item === activeItem\">\n        <co-icon [iconData]=\"item.icon\" [style.width.px]=\"iconSize\" [style.height.px]=\"iconSize\"></co-icon>\n        <div class=\"label\">{{ item.label }}</div>\n      </div>\n    </div>\n  ",
                     encapsulation: i0.ViewEncapsulation.None
                 },] }
     ];
@@ -11865,6 +11867,8 @@
     ]; };
     ListOfIconsComponent.propDecorators = {
         collection: [{ type: i0.Input }],
+        iconSize: [{ type: i0.Input }],
+        itemSelected: [{ type: i0.Output }],
         showClass: [{ type: i0.HostBinding, args: ['class.co-list-of-icons',] }]
     };