@colijnit/corecomponents_v12 254.1.3 → 254.1.4

package/bundles/colijnit-corecomponents_v12.umd.js

@@ -11820,6 +11820,75 @@
                 },] }
     ];
 
+    var ListOfIconsComponent = /** @class */ (function () {
+        function ListOfIconsComponent(icons) {
+            this.icons = icons;
+            this.Icon = exports.CoreComponentsIcon;
+            this.showMenu = false;
+            this._collection = [];
+        }
+        Object.defineProperty(ListOfIconsComponent.prototype, "collection", {
+            get: function () {
+                return this._collection;
+            },
+            set: function (value) {
+                this._collection = value || [];
+            },
+            enumerable: false,
+            configurable: true
+        });
+        ListOfIconsComponent.prototype.showClass = function () {
+            return true;
+        };
+        ListOfIconsComponent.prototype.ngOnInit = function () {
+            console.log(this.collection);
+            this.activeItem = this.collection[0];
+        };
+        ListOfIconsComponent.prototype.toggleMenu = function () {
+            this.showMenu = !this.showMenu;
+        };
+        ListOfIconsComponent.prototype.selectItem = function (item) {
+            this.activeItem = item;
+            this.showMenu = false;
+        };
+        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  ",
+                    encapsulation: i0.ViewEncapsulation.None
+                },] }
+    ];
+    ListOfIconsComponent.ctorParameters = function () { return [
+        { type: IconCacheService }
+    ]; };
+    ListOfIconsComponent.propDecorators = {
+        collection: [{ type: i0.Input }],
+        showClass: [{ type: i0.HostBinding, args: ['class.co-list-of-icons',] }]
+    };
+
+    var ListOfIconsModule = /** @class */ (function () {
+        function ListOfIconsModule() {
+        }
+        return ListOfIconsModule;
+    }());
+    ListOfIconsModule.decorators = [
+        { type: i0.NgModule, args: [{
+                    imports: [
+                        common.CommonModule,
+                        forms.FormsModule,
+                        IconModule
+                    ],
+                    declarations: [
+                        ListOfIconsComponent
+                    ],
+                    exports: [
+                        ListOfIconsComponent
+                    ]
+                },] }
+    ];
+
     var ResponsiveTextComponent = /** @class */ (function () {
         function ResponsiveTextComponent() {
         }
@@ -14096,6 +14165,8 @@
     exports.InputTextareaModule = InputTextareaModule;
     exports.LevelIndicatorComponent = LevelIndicatorComponent;
     exports.LevelIndicatorModule = LevelIndicatorModule;
+    exports.ListOfIconsComponent = ListOfIconsComponent;
+    exports.ListOfIconsModule = ListOfIconsModule;
     exports.ListOfValuesComponent = ListOfValuesComponent;
     exports.ListOfValuesModule = ListOfValuesModule;
     exports.ListOfValuesPopupComponent = ListOfValuesPopupComponent;