@colijnit/corecomponents_v12 254.1.8 → 254.1.10
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 +8 -4
- 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 +7 -4
- package/esm2015/lib/components/list-of-icons/list-of-icons.module.js +4 -2
- package/fesm2015/colijnit-corecomponents_v12.js +8 -4
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/list-of-icons/list-of-icons.component.d.ts +1 -1
- package/lib/components/list-of-icons/style/_layout.scss +3 -1
- package/package.json +1 -1
- package/colijnit-corecomponents_v12-254.1.7.tgz +0 -0
|
@@ -4,7 +4,7 @@ import { IconCacheService } from "../icon/icon-cache.service";
|
|
|
4
4
|
export class ListOfIconsComponent {
|
|
5
5
|
constructor(icons) {
|
|
6
6
|
this.icons = icons;
|
|
7
|
-
this.iconSize =
|
|
7
|
+
this.iconSize = 25;
|
|
8
8
|
this.itemSelected = new EventEmitter();
|
|
9
9
|
this.Icon = CoreComponentsIcon;
|
|
10
10
|
this.showMenu = false;
|
|
@@ -20,7 +20,9 @@ export class ListOfIconsComponent {
|
|
|
20
20
|
return true;
|
|
21
21
|
}
|
|
22
22
|
ngOnInit() {
|
|
23
|
-
this.activeItem
|
|
23
|
+
if (this.activeItem === undefined) {
|
|
24
|
+
this.activeItem = this.collection[0];
|
|
25
|
+
}
|
|
24
26
|
}
|
|
25
27
|
toggleMenu() {
|
|
26
28
|
this.showMenu = !this.showMenu;
|
|
@@ -39,7 +41,7 @@ ListOfIconsComponent.decorators = [
|
|
|
39
41
|
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
40
42
|
<co-icon class="drop-arrow" [iconData]="icons.getIcon(Icon.ArrowPointDown)"></co-icon>
|
|
41
43
|
</div>
|
|
42
|
-
<div class="dropdown-menu" *ngIf="showMenu">
|
|
44
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="showMenu = false">
|
|
43
45
|
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)" [class.active]="item === activeItem">
|
|
44
46
|
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
45
47
|
<div class="label">{{ item.label }}</div>
|
|
@@ -55,7 +57,8 @@ ListOfIconsComponent.ctorParameters = () => [
|
|
|
55
57
|
ListOfIconsComponent.propDecorators = {
|
|
56
58
|
collection: [{ type: Input }],
|
|
57
59
|
iconSize: [{ type: Input }],
|
|
60
|
+
activeItem: [{ type: Input }],
|
|
58
61
|
itemSelected: [{ type: Output }],
|
|
59
62
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
60
63
|
};
|
|
61
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
64
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi1pY29ucy5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC1vZi1pY29ucy9saXN0LW9mLWljb25zLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsU0FBUyxFQUFFLFlBQVksRUFBRSxXQUFXLEVBQUUsS0FBSyxFQUFVLE1BQU0sRUFBRSxpQkFBaUIsRUFBQyxNQUFNLGVBQWUsQ0FBQztBQUM3RyxPQUFPLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSwyQ0FBMkMsQ0FBQztBQUM3RSxPQUFPLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSw0QkFBNEIsQ0FBQztBQW1CNUQsTUFBTSxPQUFPLG9CQUFvQjtJQTRCL0IsWUFBbUIsS0FBdUI7UUFBdkIsVUFBSyxHQUFMLEtBQUssQ0FBa0I7UUFqQm5DLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFNdEIsaUJBQVksR0FBK0IsSUFBSSxZQUFZLEVBQWdCLENBQUM7UUFPbkUsU0FBSSxHQUFRLGtCQUFrQixDQUFDO1FBQ3hDLGFBQVEsR0FBWSxLQUFLLENBQUM7UUFDekIsZ0JBQVcsR0FBbUIsRUFBRSxDQUFDO0lBR3pDLENBQUM7SUE1QkQsSUFDVyxVQUFVLENBQUMsS0FBcUI7UUFDekMsSUFBSSxDQUFDLFdBQVcsR0FBRyxLQUFLLElBQUksRUFBRSxDQUFDO0lBQ2pDLENBQUM7SUFFRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxDQUFDO0lBQzFCLENBQUM7SUFZTSxTQUFTO1FBQ2QsT0FBTyxJQUFJLENBQUM7SUFDZCxDQUFDO0lBU00sUUFBUTtRQUNiLElBQUksSUFBSSxDQUFDLFVBQVUsS0FBSyxTQUFTLEVBQUU7WUFDakMsSUFBSSxDQUFDLFVBQVUsR0FBRyxJQUFJLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxDQUFDO1NBQ3RDO0lBQ0gsQ0FBQztJQUVNLFVBQVU7UUFDZixJQUFJLENBQUMsUUFBUSxHQUFHLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQztJQUNqQyxDQUFDO0lBRU0sVUFBVSxDQUFDLElBQWtCO1FBQ2xDLElBQUksQ0FBQyxVQUFVLEdBQUcsSUFBSSxDQUFDO1FBQ3ZCLElBQUksQ0FBQyxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3RCLElBQUksQ0FBQyxZQUFZLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLENBQUMsQ0FBQztJQUMxQyxDQUFDOzs7WUE3REYsU0FBUyxTQUFDO2dCQUNULFFBQVEsRUFBRSxrQkFBa0I7Z0JBQzVCLFFBQVEsRUFBRTs7Ozs7Ozs7Ozs7R0FXVDtnQkFDRCxhQUFhLEVBQUUsaUJBQWlCLENBQUMsSUFBSTthQUN0Qzs7O1lBbEJPLGdCQUFnQjs7O3lCQW9CckIsS0FBSzt1QkFTTCxLQUFLO3lCQUdMLEtBQUs7MkJBR0wsTUFBTTt3QkFHTixXQUFXLFNBQUMsd0JBQXdCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSG9zdEJpbmRpbmcsIElucHV0LCBPbkluaXQsIE91dHB1dCwgVmlld0VuY2Fwc3VsYXRpb259IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XHJcbmltcG9ydCB7Q29yZUNvbXBvbmVudHNJY29ufSBmcm9tIFwiLi4vLi4vY29yZS9lbnVtL2NvcmUtY29tcG9uZW50cy1pY29uLmVudW1cIjtcclxuaW1wb3J0IHtJY29uQ2FjaGVTZXJ2aWNlfSBmcm9tIFwiLi4vaWNvbi9pY29uLWNhY2hlLnNlcnZpY2VcIjtcclxuaW1wb3J0IHtJY29uTGlzdEl0ZW19IGZyb20gXCIuLi8uLi9tb2RlbC9pY29uLWxpc3QtaXRlbVwiO1xyXG5cclxuQENvbXBvbmVudCh7XHJcbiAgc2VsZWN0b3I6ICdjby1saXN0LW9mLWljb25zJyxcclxuICB0ZW1wbGF0ZTogYFxyXG4gICAgPGRpdiBjbGFzcz1cImljb24taXRlbSBhY3RpdmVcIiBbY2xhc3MubWVudS1vcGVuZWRdPVwic2hvd01lbnVcIiAoY2xpY2spPVwidG9nZ2xlTWVudSgpXCI+XHJcbiAgICAgIDxjby1pY29uIFtpY29uRGF0YV09XCJhY3RpdmVJdGVtLmljb25cIiBbc3R5bGUud2lkdGgucHhdPVwiaWNvblNpemVcIiBbc3R5bGUuaGVpZ2h0LnB4XT1cImljb25TaXplXCI+PC9jby1pY29uPlxyXG4gICAgICA8Y28taWNvbiBjbGFzcz1cImRyb3AtYXJyb3dcIiBbaWNvbkRhdGFdPVwiaWNvbnMuZ2V0SWNvbihJY29uLkFycm93UG9pbnREb3duKVwiPjwvY28taWNvbj5cclxuICAgIDwvZGl2PlxyXG4gICAgPGRpdiBjbGFzcz1cImRyb3Bkb3duLW1lbnVcIiAqbmdJZj1cInNob3dNZW51XCIgKGNsaWNrT3V0c2lkZSk9XCJzaG93TWVudSA9IGZhbHNlXCI+XHJcbiAgICAgIDxkaXYgY2xhc3M9XCJpY29uLWl0ZW1cIiAqbmdGb3I9XCJsZXQgaXRlbSBvZiBjb2xsZWN0aW9uXCIgKGNsaWNrKT1cInNlbGVjdEl0ZW0oaXRlbSlcIiBbY2xhc3MuYWN0aXZlXT1cIml0ZW0gPT09IGFjdGl2ZUl0ZW1cIj5cclxuICAgICAgICA8Y28taWNvbiBbaWNvbkRhdGFdPVwiaXRlbS5pY29uXCIgW3N0eWxlLndpZHRoLnB4XT1cImljb25TaXplXCIgW3N0eWxlLmhlaWdodC5weF09XCJpY29uU2l6ZVwiPjwvY28taWNvbj5cclxuICAgICAgICA8ZGl2IGNsYXNzPVwibGFiZWxcIj57eyBpdGVtLmxhYmVsIH19PC9kaXY+XHJcbiAgICAgIDwvZGl2PlxyXG4gICAgPC9kaXY+XHJcbiAgYCxcclxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxyXG59KVxyXG5leHBvcnQgY2xhc3MgTGlzdE9mSWNvbnNDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQge1xyXG4gIEBJbnB1dCgpXHJcbiAgcHVibGljIHNldCBjb2xsZWN0aW9uKHZhbHVlOiBJY29uTGlzdEl0ZW1bXSkge1xyXG4gICAgdGhpcy5fY29sbGVjdGlvbiA9IHZhbHVlIHx8IFtdO1xyXG4gIH1cclxuXHJcbiAgcHVibGljIGdldCBjb2xsZWN0aW9uKCk6IEljb25MaXN0SXRlbVtdIHtcclxuICAgIHJldHVybiB0aGlzLl9jb2xsZWN0aW9uO1xyXG4gIH1cclxuXHJcbiAgQElucHV0KClcclxuICBwdWJsaWMgaWNvblNpemU6IG51bWJlciA9IDI1O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHB1YmxpYyBhY3RpdmVJdGVtPzogSWNvbkxpc3RJdGVtO1xyXG5cclxuICBAT3V0cHV0KClcclxuICBwdWJsaWMgaXRlbVNlbGVjdGVkOiBFdmVudEVtaXR0ZXI8SWNvbkxpc3RJdGVtPiA9IG5ldyBFdmVudEVtaXR0ZXI8SWNvbkxpc3RJdGVtPigpO1xyXG5cclxuICBASG9zdEJpbmRpbmcoJ2NsYXNzLmNvLWxpc3Qtb2YtaWNvbnMnKVxyXG4gIHB1YmxpYyBzaG93Q2xhc3MoKSB7XHJcbiAgICByZXR1cm4gdHJ1ZTtcclxuICB9XHJcblxyXG4gIHB1YmxpYyByZWFkb25seSBJY29uOiBhbnkgPSBDb3JlQ29tcG9uZW50c0ljb247XHJcbiAgcHVibGljIHNob3dNZW51OiBib29sZWFuID0gZmFsc2U7XHJcbiAgcHJpdmF0ZSBfY29sbGVjdGlvbjogSWNvbkxpc3RJdGVtW10gPSBbXTtcclxuXHJcbiAgY29uc3RydWN0b3IocHVibGljIGljb25zOiBJY29uQ2FjaGVTZXJ2aWNlKSB7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAodGhpcy5hY3RpdmVJdGVtID09PSB1bmRlZmluZWQpIHtcclxuICAgICAgdGhpcy5hY3RpdmVJdGVtID0gdGhpcy5jb2xsZWN0aW9uWzBdO1xyXG4gICAgfVxyXG4gIH1cclxuXHJcbiAgcHVibGljIHRvZ2dsZU1lbnUoKTogdm9pZCB7XHJcbiAgICB0aGlzLnNob3dNZW51ID0gIXRoaXMuc2hvd01lbnU7XHJcbiAgfVxyXG5cclxuICBwdWJsaWMgc2VsZWN0SXRlbShpdGVtOiBJY29uTGlzdEl0ZW0pOiB2b2lkIHtcclxuICAgIHRoaXMuYWN0aXZlSXRlbSA9IGl0ZW07XHJcbiAgICB0aGlzLnNob3dNZW51ID0gZmFsc2U7XHJcbiAgICB0aGlzLml0ZW1TZWxlY3RlZC5lbWl0KHRoaXMuYWN0aXZlSXRlbSk7XHJcbiAgfVxyXG59XHJcbiJdfQ==
|
|
@@ -3,6 +3,7 @@ import { CommonModule } from "@angular/common";
|
|
|
3
3
|
import { FormsModule } from "@angular/forms";
|
|
4
4
|
import { ListOfIconsComponent } from "./list-of-icons.component";
|
|
5
5
|
import { IconModule } from "../icon/icon.module";
|
|
6
|
+
import { ClickoutsideModule } from "../../directives/clickoutside/clickoutside.module";
|
|
6
7
|
export class ListOfIconsModule {
|
|
7
8
|
}
|
|
8
9
|
ListOfIconsModule.decorators = [
|
|
@@ -10,7 +11,8 @@ ListOfIconsModule.decorators = [
|
|
|
10
11
|
imports: [
|
|
11
12
|
CommonModule,
|
|
12
13
|
FormsModule,
|
|
13
|
-
IconModule
|
|
14
|
+
IconModule,
|
|
15
|
+
ClickoutsideModule
|
|
14
16
|
],
|
|
15
17
|
declarations: [
|
|
16
18
|
ListOfIconsComponent
|
|
@@ -20,4 +22,4 @@ ListOfIconsModule.decorators = [
|
|
|
20
22
|
]
|
|
21
23
|
},] }
|
|
22
24
|
];
|
|
23
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
25
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibGlzdC1vZi1pY29ucy5tb2R1bGUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JlY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbGlzdC1vZi1pY29ucy9saXN0LW9mLWljb25zLm1vZHVsZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUMsUUFBUSxFQUFDLE1BQU0sZUFBZSxDQUFDO0FBQ3ZDLE9BQU8sRUFBQyxZQUFZLEVBQUMsTUFBTSxpQkFBaUIsQ0FBQztBQUM3QyxPQUFPLEVBQUMsV0FBVyxFQUFDLE1BQU0sZ0JBQWdCLENBQUM7QUFDM0MsT0FBTyxFQUFDLG9CQUFvQixFQUFDLE1BQU0sMkJBQTJCLENBQUM7QUFDL0QsT0FBTyxFQUFDLFVBQVUsRUFBQyxNQUFNLHFCQUFxQixDQUFDO0FBQy9DLE9BQU8sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLG1EQUFtRCxDQUFDO0FBZ0JyRixNQUFNLE9BQU8saUJBQWlCOzs7WUFkN0IsUUFBUSxTQUFDO2dCQUNSLE9BQU8sRUFBRTtvQkFDUCxZQUFZO29CQUNaLFdBQVc7b0JBQ1gsVUFBVTtvQkFDVixrQkFBa0I7aUJBQ25CO2dCQUNELFlBQVksRUFBRTtvQkFDWixvQkFBb0I7aUJBQ3JCO2dCQUNELE9BQU8sRUFBRTtvQkFDUCxvQkFBb0I7aUJBQ3JCO2FBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge05nTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xyXG5pbXBvcnQge0NvbW1vbk1vZHVsZX0gZnJvbSBcIkBhbmd1bGFyL2NvbW1vblwiO1xyXG5pbXBvcnQge0Zvcm1zTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvZm9ybXNcIjtcclxuaW1wb3J0IHtMaXN0T2ZJY29uc0NvbXBvbmVudH0gZnJvbSBcIi4vbGlzdC1vZi1pY29ucy5jb21wb25lbnRcIjtcclxuaW1wb3J0IHtJY29uTW9kdWxlfSBmcm9tIFwiLi4vaWNvbi9pY29uLm1vZHVsZVwiO1xyXG5pbXBvcnQge0NsaWNrb3V0c2lkZU1vZHVsZX0gZnJvbSBcIi4uLy4uL2RpcmVjdGl2ZXMvY2xpY2tvdXRzaWRlL2NsaWNrb3V0c2lkZS5tb2R1bGVcIjtcclxuXHJcbkBOZ01vZHVsZSh7XHJcbiAgaW1wb3J0czogW1xyXG4gICAgQ29tbW9uTW9kdWxlLFxyXG4gICAgRm9ybXNNb2R1bGUsXHJcbiAgICBJY29uTW9kdWxlLFxyXG4gICAgQ2xpY2tvdXRzaWRlTW9kdWxlXHJcbiAgXSxcclxuICBkZWNsYXJhdGlvbnM6IFtcclxuICAgIExpc3RPZkljb25zQ29tcG9uZW50XHJcbiAgXSxcclxuICBleHBvcnRzOiBbXHJcbiAgICBMaXN0T2ZJY29uc0NvbXBvbmVudFxyXG4gIF1cclxufSlcclxuZXhwb3J0IGNsYXNzIExpc3RPZkljb25zTW9kdWxlIHt9XHJcbiJdfQ==
|
|
@@ -11307,7 +11307,7 @@ ListOfValuesModule.decorators = [
|
|
|
11307
11307
|
class ListOfIconsComponent {
|
|
11308
11308
|
constructor(icons) {
|
|
11309
11309
|
this.icons = icons;
|
|
11310
|
-
this.iconSize =
|
|
11310
|
+
this.iconSize = 25;
|
|
11311
11311
|
this.itemSelected = new EventEmitter();
|
|
11312
11312
|
this.Icon = CoreComponentsIcon;
|
|
11313
11313
|
this.showMenu = false;
|
|
@@ -11323,7 +11323,9 @@ class ListOfIconsComponent {
|
|
|
11323
11323
|
return true;
|
|
11324
11324
|
}
|
|
11325
11325
|
ngOnInit() {
|
|
11326
|
-
this.activeItem
|
|
11326
|
+
if (this.activeItem === undefined) {
|
|
11327
|
+
this.activeItem = this.collection[0];
|
|
11328
|
+
}
|
|
11327
11329
|
}
|
|
11328
11330
|
toggleMenu() {
|
|
11329
11331
|
this.showMenu = !this.showMenu;
|
|
@@ -11342,7 +11344,7 @@ ListOfIconsComponent.decorators = [
|
|
|
11342
11344
|
<co-icon [iconData]="activeItem.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11343
11345
|
<co-icon class="drop-arrow" [iconData]="icons.getIcon(Icon.ArrowPointDown)"></co-icon>
|
|
11344
11346
|
</div>
|
|
11345
|
-
<div class="dropdown-menu" *ngIf="showMenu">
|
|
11347
|
+
<div class="dropdown-menu" *ngIf="showMenu" (clickOutside)="showMenu = false">
|
|
11346
11348
|
<div class="icon-item" *ngFor="let item of collection" (click)="selectItem(item)" [class.active]="item === activeItem">
|
|
11347
11349
|
<co-icon [iconData]="item.icon" [style.width.px]="iconSize" [style.height.px]="iconSize"></co-icon>
|
|
11348
11350
|
<div class="label">{{ item.label }}</div>
|
|
@@ -11358,6 +11360,7 @@ ListOfIconsComponent.ctorParameters = () => [
|
|
|
11358
11360
|
ListOfIconsComponent.propDecorators = {
|
|
11359
11361
|
collection: [{ type: Input }],
|
|
11360
11362
|
iconSize: [{ type: Input }],
|
|
11363
|
+
activeItem: [{ type: Input }],
|
|
11361
11364
|
itemSelected: [{ type: Output }],
|
|
11362
11365
|
showClass: [{ type: HostBinding, args: ['class.co-list-of-icons',] }]
|
|
11363
11366
|
};
|
|
@@ -11369,7 +11372,8 @@ ListOfIconsModule.decorators = [
|
|
|
11369
11372
|
imports: [
|
|
11370
11373
|
CommonModule,
|
|
11371
11374
|
FormsModule,
|
|
11372
|
-
IconModule
|
|
11375
|
+
IconModule,
|
|
11376
|
+
ClickoutsideModule
|
|
11373
11377
|
],
|
|
11374
11378
|
declarations: [
|
|
11375
11379
|
ListOfIconsComponent
|