@colijnit/corecomponents_v12 254.1.6 → 254.1.7
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.
- package/bundles/colijnit-corecomponents_v12.umd.js +6 -2
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/list-of-icons/list-of-icons.component.js +9 -6
- package/esm2015/lib/model/icon-list-item.js +2 -0
- package/fesm2015/colijnit-corecomponents_v12.js +7 -4
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/list-of-icons/list-of-icons.component.d.ts +8 -5
- package/lib/components/list-of-icons/style/_layout.scss +54 -43
- package/lib/components/list-of-icons/style/_material-definition.scss +0 -2
- package/lib/components/list-of-icons/style/_theme.scss +0 -5
- package/lib/components/list-of-icons/style/material.scss +0 -3
- package/lib/model/icon-list-item.d.ts +6 -0
- package/package.json +1 -1
|
@@ -11823,6 +11823,8 @@
|
|
|
11823
11823
|
var ListOfIconsComponent = /** @class */ (function () {
|
|
11824
11824
|
function ListOfIconsComponent(icons) {
|
|
11825
11825
|
this.icons = icons;
|
|
11826
|
+
this.iconSize = 30;
|
|
11827
|
+
this.itemSelected = new i0.EventEmitter();
|
|
11826
11828
|
this.Icon = exports.CoreComponentsIcon;
|
|
11827
11829
|
this.showMenu = false;
|
|
11828
11830
|
this._collection = [];
|
|
@@ -11841,7 +11843,6 @@
|
|
|
11841
11843
|
return true;
|
|
11842
11844
|
};
|
|
11843
11845
|
ListOfIconsComponent.prototype.ngOnInit = function () {
|
|
11844
|
-
console.log(this.collection);
|
|
11845
11846
|
this.activeItem = this.collection[0];
|
|
11846
11847
|
};
|
|
11847
11848
|
ListOfIconsComponent.prototype.toggleMenu = function () {
|
|
@@ -11850,13 +11851,14 @@
|
|
|
11850
11851
|
ListOfIconsComponent.prototype.selectItem = function (item) {
|
|
11851
11852
|
this.activeItem = item;
|
|
11852
11853
|
this.showMenu = false;
|
|
11854
|
+
this.itemSelected.emit(this.activeItem);
|
|
11853
11855
|
};
|
|
11854
11856
|
return ListOfIconsComponent;
|
|
11855
11857
|
}());
|
|
11856
11858
|
ListOfIconsComponent.decorators = [
|
|
11857
11859
|
{ type: i0.Component, args: [{
|
|
11858
11860
|
selector: 'co-list-of-icons',
|
|
11859
|
-
template: "\n <div class=\"icon-item active\" [class.menu-opened]=\"showMenu\" (click)=\"toggleMenu()\">\n <co-icon [iconData]=\"activeItem.icon\"
|
|
11861
|
+
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 ",
|
|
11860
11862
|
encapsulation: i0.ViewEncapsulation.None
|
|
11861
11863
|
},] }
|
|
11862
11864
|
];
|
|
@@ -11865,6 +11867,8 @@
|
|
|
11865
11867
|
]; };
|
|
11866
11868
|
ListOfIconsComponent.propDecorators = {
|
|
11867
11869
|
collection: [{ type: i0.Input }],
|
|
11870
|
+
iconSize: [{ type: i0.Input }],
|
|
11871
|
+
itemSelected: [{ type: i0.Output }],
|
|
11868
11872
|
showClass: [{ type: i0.HostBinding, args: ['class.co-list-of-icons',] }]
|
|
11869
11873
|
};
|
|
11870
11874
|
|